@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap");
/* line 3, app/assets/stylesheets/new/base/common.sass */
*, ::after, ::before {
  box-sizing: border-box;
}

/* line 6, app/assets/stylesheets/new/base/common.sass */
body {
  margin: 0;
  font-family: Nunito, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #364B54;
}

/* line 15, app/assets/stylesheets/new/base/common.sass */
button {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

/* line 20, app/assets/stylesheets/new/base/common.sass */
textarea {
  font-family: inherit;
}

/* line 1, app/assets/stylesheets/new/base/extends.sass */
.bmc-team-members-item-title-text, .bmc-page-keycard-step-title, .bmc-form-label, .bmc-form-title, .bmc-canvas-section-items-item-title, .bmc-canvas-section-title {
  font-weight: 500;
  line-height: 22px;
}

/* line 5, app/assets/stylesheets/new/base/extends.sass */
.tests-list__create-test-button, .tests-list-colourful__create-test-button, .tests-list-bold__create-test-button, .tests-list-blog__create-test-button, .tests-list-arch__create-test-button, .sdg-card .flip-front-big-title, .portfolio-finance-tech .chart-title, .portfolio-finance-tech .chapter .subchapter > .title, .portfolio-web .channels .cards-section .right .item, .portfolio-web .customer-segment .cards-section .left .item, .portfolio-finance .chart-title, .portfolio-finance .table-wrapper .subchapter .title, .portfolio-finance .chapter .subchapter > .title, .channel-current .cards-section .right .item, .customer-segment-current .cards-section .left .item, .portfolio-finance-colourful .chart-title, .portfolio-finance-colourful .chapter .subchapter > .title, .portfolio-finance-bold .chart-title, .portfolio-finance-bold .chapter .subchapter > .title, .portfolio-finance-blogFriendly .chart-title, .portfolio-finance-blogFriendly .chapter .subchapter > .title, .portfolio-finance-architectural .chart-title, .portfolio-finance-architectural .chapter .subchapter > .title, .ideation-selected-item-title, .ideation-selector-ideas-idea-title, .ideation-selector-title, .dialog-panel-header-title, .bmc-page-revmodel-item-title, .bmc-page-list-item-header-icon-number, .bmc-page-header-small-title, .bmc-page-gkgtabs-content-block-title, .bmc-page-compcard-item-text--with-image, .bmc-page-card-big-title, .bmc-page-card-image-icon-title, .bmc-modal-header-title, .bmc-menu-header-title, .bmc-canvas-section-suggestion, .bmc-canvas-container-block-title, .alert-header {
  font-weight: 500;
  font-size: 21px;
  line-height: 29px;
}

/* line 10, app/assets/stylesheets/new/base/extends.sass */
.portfolio-finance-tech .chart .title, .portfolio-finance .chart .title, .portfolio-finance .chapter .subchapter--big-title .title, .portfolio-finance .chapter > .title, .portfolio-finance-temp .tabs-wrapper .tab, .portfolio-file-uploader__title, .portfolio-finance-colourful .chart .title, .portfolio-finance-bold .chart .title, .portfolio-finance-blogFriendly .chart .title, .portfolio-finance-architectural .chart .title, .ideation-list-empty-text, .ideation-list-title, .ideation-card-title, .first-time-tip__title, .dndmodal__header-title, .dndmodal-templates__header-title, .bmc-page-title, .bmc-page-tabs-content-list-title, .bmc-page-suscard-header-title, .bmc-page-suscard-tech-header-title, .bmc-page-suscard-colourful-header-title, .bmc-page-suscard-bold-header-title, .bmc-page-suscard-blog-header-title, .bmc-page-suscard-arch-header-title, .bmc-page-revmodel-title, .bmc-page-keycard-title, .bmc-page-keycard-header-title, .bmc-page-gkgtabs-content-add, .bmc-page-gkgtabs-tabs-tab-title, .bmc-page-gkgtabs-header-title, .bmc-page-fincard-title, .bmc-page-fincard-header-tab, .bmc-page-card-image-title, .bmc-donut-chart-title, .admin-block-item__value {
  font-weight: 500;
  font-size: 28px;
  line-height: 38px;
}

/* line 15, app/assets/stylesheets/new/base/extends.sass */
.bmc-team-members-item-icon {
  width: 35px;
  height: 35px;
}

/* line 19, app/assets/stylesheets/new/base/extends.sass */
.bmc-userbar-avatar-nophoto, .bmc-userbar-avatar .img, .bmc-page-tabs-content-list-item-icon, .bmc-page-tabs-content-list-card-header-icon, .bmc-page-tabs-content-cut-header-icon, .bmc-page-suscard-header-icon, .bmc-page-suscard-tech-header-icon, .bmc-page-suscard-colourful-header-icon, .bmc-page-suscard-bold-header-icon, .bmc-page-suscard-blog-header-icon, .bmc-page-suscard-arch-header-icon, .bmc-page-list-item-header-icon, .bmc-page-keycard-header-icon, .bmc-page-gkgtabs-header-icon, .bmc-imgsel-images-item {
  width: 45px;
  height: 45px;
}

/* line 23, app/assets/stylesheets/new/base/extends.sass */
.ideation-rateidea, .ideation-selected-item, .ideation-problems-item, .ideation-solutions-item > *, .ideation-selector-ideas-idea, .ideation-selector-header-steps-step, .ideation-card-left, .ideation-card-right, .bmc-progressbar-value, .bmc-progressbar-title, .bmc-page-tabs-content-list-item-inputs > *, .bmc-page-tabs-content-list-item-title, .bmc-page-tabs-content-list-item-icon, .bmc-page-tabs-content-list-card-header-title, .bmc-page-tabs-content-list-card-header-icon, .bmc-page-tabs-content-list-card-left, .bmc-page-tabs-content-list-card-right, .bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item-title-big, .bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item-title-icon, .bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item-title, .bmc-page-revmodel-item > *, .bmc-page-list--horizontal .bmc-page-list-item, .bmc-page-keycard-step, .bmc-page-goals-items-goal, .bmc-page-goals-header > *, .bmc-page-fincard-header-tab, .bmc-page-compcard-header-colourful > *, .bmc-page-compcard-header-current > *, .bmc-page-compcard-item > *, .bmc-page-compcard-header > *, .bmc-page-card-row > *, .bmc-page-card-inner, .bmc-imgsel-dots-dot, .bmc-account-row > * {
  display: inline-block;
  vertical-align: top;
}

/* line 27, app/assets/stylesheets/new/base/extends.sass */
.switcher > * > *, .bmc-userbar-menu-item > *, .bmc-team-members-item > *, .bmc-team-menu-item > *, .bmc-page-keycard-header > *, .bmc-page-card-row, .bmc-main-header > *, .bmc-imgsel-images-item, .bmc-imgsel-upload-button > *, .bmc-imgsel-header > * {
  display: inline-block;
  vertical-align: middle;
}

/* line 32, app/assets/stylesheets/new/base/extends.sass */
.tests-list__create-test-button:hover, .tests-list-colourful .test-card:hover, .tests-list-colourful__create-test-button:hover, .tests-list-bold .test-card:hover, .tests-list-bold__create-test-button:hover, .tests-list-blog .test-card:hover, .tests-list-blog__create-test-button:hover, .tests-list-arch .test-card:hover, .tests-list-arch__create-test-button:hover, .testing .websites .website-wrapper__link:hover, .test-card .add-field:hover, .test-card__section .right .block .content .uploaded-files .file .remove-button:hover, .test-card__section .left .block .content a:hover, .test-card__section .right .block .content a:hover, .checkbox-item label .cbx:hover, .sign-up-form__privacy-information a:hover, .sign-up-form__links a:hover, .sign-up-form__input_link a:hover, .resource-uploader__item-close:hover, .web-portfolio-files__button:hover, .summary-tech-web .content .button:hover, .team-tech .add-team-card:hover, .portfolio-teammates .add-team-card:hover, .portfolio-finance-temp .tabs-wrapper .tab:hover:not(.active), .portfolio-file-uploader-file-colourful-link:hover, .portfolio-file-uploader-file-bold-link:hover, .portfolio-file-uploader-file-tech-link:hover, .portfolio-file-uploader-file-arch-link:hover, .portfolio-file-uploader-file-blog:hover, .portfolio-file-uploader-file__title:hover, .portfolio-file-uploader__bold:hover, .portfolio-file-uploader__tech:hover, .portfolio-file-uploader__arch:hover, .portfolio-file-uploader__blog:hover, .portfolio-file-uploader__colourful:hover, .portfolio-file-uploader__current:hover, .export-modal .footer .bottom .text.link:hover, .team-current .add-team-card:hover, .summary-colourfulFun-web .content .main .button:hover, .portfolio-finance-colourful-temp .tabs-wrapper .tab:hover:not(.active), .team-colourfulFun .add-team-card-colourful:hover, .team-bold .add-team-card:hover, .team-blogFriendly .add-team-card-blogFriendly:hover, .summary-architectural-web .content .right .button:hover, .team-architectural .add-team-card-architectural:hover, .ideation-selector-ideas-idea:hover, .ideation-list-items-arrow:hover, .first-time-tip__content-info-step:hover:not(.first-time-tip__content-info-step--active), .dropdown-menu-trigger:hover, .dndzone__inner-current:hover, .dndzone__inner:hover, .dndzone__cropper-button:hover, .dndzone__img-wrapper:hover, .close-button:hover, .bmc-userbar-avatar:hover, .bmc-userbar-label:hover, .bmc-team-members-item-action:hover, .bmc-team-menu-item-title:hover, .bmc-team-users:hover, .bmc-team-title:hover, .bmc-page-suscard .cards-wrapper .arrow:hover, .bmc-page-suscard-tech .cards-wrapper .arrow:hover, .bmc-page-suscard-colourful .cards-wrapper .arrow:hover, .bmc-page-suscard-bold .cards-wrapper .arrow:hover, .bmc-page-suscard-blog .cards-wrapper .arrow:hover, .bmc-page-suscard-arch .cards-wrapper .arrow:hover, .bmc-page-fincard-header-tab:hover:not(.bmc-page-fincard-header-tab--active), .bmc-imgsel-dots-dot:hover, .bmc-imgsel-list-item:hover, .bmc-imgsel-images-item:hover, .bmc-form-action:hover, .bmc-form-link:hover, .bmc-button--sign-up-outlined:hover, .arrows__left:hover:not(.arrows__left--not-active), .arrows__right:hover:not(.arrows__left--not-active) {
  opacity: 0.5;
}

/* line 36, app/assets/stylesheets/new/base/extends.sass */
.textarea-colourfulFun-cardCS-key:hover, .textarea-colourfulFun-cardCS:hover, .textarea-colourfulFun-testing:hover, .textarea-colourfulFun-summary:hover, .contact-us-colourful .header .form_input:hover {
  border: 1.09px solid #ACB5BD !important;
}

/* line 38, app/assets/stylesheets/new/base/extends.sass */
.textarea-colourfulFun-cardCS-key:active, .textarea-colourfulFun-cardCS:active, .textarea-colourfulFun-testing:active, .textarea-colourfulFun-summary:active, .contact-us-colourful .header .form_input:active, .textarea-colourfulFun-cardCS-key:focus, .textarea-colourfulFun-cardCS:focus, .textarea-colourfulFun-testing:focus, .textarea-colourfulFun-summary:focus, .contact-us-colourful .header .form_input:focus {
  border: 1.09px solid #0984FF !important;
}

/* line 42, app/assets/stylesheets/new/base/extends.sass */
.channel-colourful .left .image-hover:hover, .value-propositions-colourful .content .drop:hover, .customer-segment-colourful .left .image-hover:hover, .introduction-colourfulFun-right .image-hover:hover {
  border: 1.09px solid #0984FF !important;
}

/* line 46, app/assets/stylesheets/new/base/extends.sass */
.textarea-tech:hover, .contact-us-tech .fields .form_input:hover, .textarea-bold:hover, .contact-us-bold .fields .form_input:hover, .textarea-blogFriendly-cardCS-key:hover, .textarea-blogFriendly-cardCS:hover, .textarea-blogFriendly-testing:hover, .textarea-blogFriendly-summary:hover, .contact-us-blogFriendly .fields .form_input:hover, .textarea-architectural-cardCS-key:hover, .textarea-architectural-cardCS:hover, .textarea-architectural-testing:hover, .textarea-architectural:hover, .contact-us-architectural .fields .form_input:hover {
  border: 1px solid #ACB5BD !important;
}

/* line 48, app/assets/stylesheets/new/base/extends.sass */
.textarea-tech:active, .contact-us-tech .fields .form_input:active, .textarea-bold:active, .contact-us-bold .fields .form_input:active, .textarea-blogFriendly-cardCS-key:active, .textarea-blogFriendly-cardCS:active, .textarea-blogFriendly-testing:active, .textarea-blogFriendly-summary:active, .contact-us-blogFriendly .fields .form_input:active, .textarea-architectural-cardCS-key:active, .textarea-architectural-cardCS:active, .textarea-architectural-testing:active, .textarea-architectural:active, .contact-us-architectural .fields .form_input:active, .textarea-tech:focus, .contact-us-tech .fields .form_input:focus, .textarea-bold:focus, .contact-us-bold .fields .form_input:focus, .textarea-blogFriendly-cardCS-key:focus, .textarea-blogFriendly-cardCS:focus, .textarea-blogFriendly-testing:focus, .textarea-blogFriendly-summary:focus, .contact-us-blogFriendly .fields .form_input:focus, .textarea-architectural-cardCS-key:focus, .textarea-architectural-cardCS:focus, .textarea-architectural-testing:focus, .textarea-architectural:focus, .contact-us-architectural .fields .form_input:focus {
  border: 1px solid #0984FF !important;
}

/* line 52, app/assets/stylesheets/new/base/extends.sass */
.value-propositions-tech .right .drop:hover, .introduction-tech-right .image-hover:hover, .introduction-tech-left .logo-hover:hover, .channel-bold .left .image-hover:hover, .value-propositions-bold .left .drop:hover, .customer-segment-bold .right .image-hover:hover, .team-bold-card .image-hover:hover, .introduction-bold-image-hover:hover, .channel-blogFriendly-web .cards-section .bmc-page-card-inner .image-hover:hover, .channel-blogFriendly .cards-section .image-hover:hover, .add-team-card-blogFriendly-hover:hover, .team-blogFriendly-card .image-hover:hover, .introduction-blogFriendly-wrapper .logo-hover:hover, .introduction-blogFriendly-wrapper .image-hover:hover, .channel-architectural .cards-section .bmc-page-card-inner .image-hover:hover, .value-propositions-architectural .right .drop:hover, .customer-segment-architectural .left .image-hover:hover, .add-team-card-architectural-hover:hover, .team-architectural-card .image-hover:hover, .introduction-architectural-wrapper .logo-hover:hover, .introduction-architectural-wrapper .image-hover:hover, .bmc-page-card-dropzone-tech:hover, .bmc-page-card-dropzone-blog:hover {
  border: 1px solid #0984FF !important;
}

/* line 3, app/assets/stylesheets/new/base/helpers.sass */
.margin-top-60 {
  margin-top: 60px !important;
}

/* line 6, app/assets/stylesheets/new/base/helpers.sass */
.margin-top-50 {
  margin-top: 50px !important;
}

/* line 9, app/assets/stylesheets/new/base/helpers.sass */
.margin-top-40 {
  margin-top: 40px !important;
}

/* line 12, app/assets/stylesheets/new/base/helpers.sass */
.margin-top-30 {
  margin-top: 30px !important;
}

/* line 15, app/assets/stylesheets/new/base/helpers.sass */
.margin-top-20 {
  margin-top: 20px !important;
}

/* line 18, app/assets/stylesheets/new/base/helpers.sass */
.margin-top-15 {
  margin-top: 15px !important;
}

/* line 21, app/assets/stylesheets/new/base/helpers.sass */
.margin-top-10 {
  margin-top: 10px !important;
}

/* line 24, app/assets/stylesheets/new/base/helpers.sass */
.margin-top-5 {
  margin-top: 5px !important;
}

/* line 27, app/assets/stylesheets/new/base/helpers.sass */
.margin-bottom-40 {
  margin-bottom: 40px !important;
}

/* line 30, app/assets/stylesheets/new/base/helpers.sass */
.margin-bottom-30 {
  margin-bottom: 30px !important;
}

/* line 33, app/assets/stylesheets/new/base/helpers.sass */
.margin-bottom-20 {
  margin-bottom: 20px !important;
}

/* line 36, app/assets/stylesheets/new/base/helpers.sass */
.margin-bottom-10 {
  margin-bottom: 10px !important;
}

/* line 39, app/assets/stylesheets/new/base/helpers.sass */
.margin-bottom-5 {
  margin-bottom: 5px !important;
}

/* line 42, app/assets/stylesheets/new/base/helpers.sass */
.margin-right-20 {
  margin-right: 20px !important;
}

/* line 45, app/assets/stylesheets/new/base/helpers.sass */
.margin-right-10 {
  margin-right: 10px !important;
}

/* line 48, app/assets/stylesheets/new/base/helpers.sass */
.margin-left-10 {
  margin-left: 10px !important;
}

/* line 51, app/assets/stylesheets/new/base/helpers.sass */
.margin-wide-40 {
  margin-left: -40px !important;
  margin-right: -40px !important;
}

/* line 55, app/assets/stylesheets/new/base/helpers.sass */
.margin-wide-40-lg {
  margin-left: -40px !important;
  margin-right: -40px !important;
}

@media (max-width: 1280px) {
  /* line 55, app/assets/stylesheets/new/base/helpers.sass */
  .margin-wide-40-lg {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* line 63, app/assets/stylesheets/new/base/helpers.sass */
.margin-left-auto {
  margin-left: auto !important;
}

/* line 68, app/assets/stylesheets/new/base/helpers.sass */
.green {
  color: #00afc9;
}

/* line 71, app/assets/stylesheets/new/base/helpers.sass */
.orange {
  color: #FF6D00;
}

/* line 74, app/assets/stylesheets/new/base/helpers.sass */
.violet {
  color: #615BDC;
}

/* line 77, app/assets/stylesheets/new/base/helpers.sass */
.blue {
  color: #0984FF;
}

/* line 82, app/assets/stylesheets/new/base/helpers.sass */
.float-right {
  float: right;
}

/* line 85, app/assets/stylesheets/new/base/helpers.sass */
.float-left {
  float: left;
}

/* line 88, app/assets/stylesheets/new/base/helpers.sass */
.width-16 {
  width: 16%;
}

/* line 91, app/assets/stylesheets/new/base/helpers.sass */
.width-20 {
  width: 20%;
}

/* line 94, app/assets/stylesheets/new/base/helpers.sass */
.width-40 {
  width: 40%;
}

/* line 97, app/assets/stylesheets/new/base/helpers.sass */
.width-42 {
  width: 42%;
}

/* line 100, app/assets/stylesheets/new/base/helpers.sass */
.width-100 {
  width: 100%;
}

/* line 103, app/assets/stylesheets/new/base/helpers.sass */
.relative {
  position: relative;
}

/* line 106, app/assets/stylesheets/new/base/helpers.sass */
.text-left {
  text-align: left !important;
}

/* line 109, app/assets/stylesheets/new/base/helpers.sass */
.padding-bottom-0 {
  padding-bottom: 0 !important;
}

@font-face {
  font-family: 'icomoon';
  src: url(//app.validatestartup.com/assets/icomoon-f7d7665991b1240575c6c2233d5af3dc244cff9a9c3258050f3d770e22a3c645.eot?gezguv);
  src: url(//app.validatestartup.com/assets/icomoon-f7d7665991b1240575c6c2233d5af3dc244cff9a9c3258050f3d770e22a3c645.eot?gezguv#iefix) format("embedded-opentype"), url(//app.validatestartup.com/assets/icomoon-d72492492daef2323ee4d583952cc8a49eeec5b71567943f4f1c2ededd4842e9.ttf?gezguv) format("truetype"), url(//app.validatestartup.com/assets/icomoon-04479fd038c499389e5657233555f16602c538e1fb375aeef35e7e6ab2bf3f39.woff?gezguv) format("woff"), url(//app.validatestartup.com/assets/icomoon-db124c7d672cc8b948d9acebb57f49d4a8fee0d03206f11ab28c036044566dd9.svg?gezguv#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* line 13, app/assets/stylesheets/new/base/icomoon.css.scss */
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 28, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-bag:before {
  content: "\e9a1";
  color: #fff;
}

/* line 32, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-canvas:before {
  content: "\e9a2";
}

/* line 35, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-card:before {
  content: "\e9a3";
  color: #fff;
}

/* line 39, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-channel:before {
  content: "\e9a4";
  color: #00afc9;
}

/* line 43, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-chart:before {
  content: "\e9a5";
  color: #fff;
}

/* line 47, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-cost:before {
  content: "\e9a6";
  color: #615bdc;
}

/* line 51, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-cross:before {
  content: "\e9a7";
  color: #fff;
}

/* line 55, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-crossed-arrows:before {
  content: "\e9a8";
  color: #fff;
}

/* line 59, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-customer-segment:before {
  content: "\e9a9";
  color: #00afc9;
}

/* line 63, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-dislike:before {
  content: "\e9aa";
  color: #fff;
}

/* line 67, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-dollar:before {
  content: "\e9ab";
  color: #fff;
}

/* line 71, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-enter:before {
  content: "\e9ac";
  color: #fff;
}

/* line 75, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-gkg:before {
  content: "\e9ad";
}

/* line 78, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-home:before {
  content: "\e9ae";
}

/* line 81, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-ideation:before {
  content: "\e9af";
}

/* line 84, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-key-activity:before {
  content: "\e9b0";
  color: #ff6d00;
}

/* line 88, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-key-partners:before {
  content: "\e9b1";
  color: #ff6d00;
}

/* line 92, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-key-resources:before {
  content: "\e9b2";
  color: #ff6d00;
}

/* line 96, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-like:before {
  content: "\e9b3";
  color: #fff;
}

/* line 100, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-lines:before {
  content: "\e9b4";
  color: #fff;
}

/* line 104, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-name:before {
  content: "\e9b5";
  color: #fff;
}

/* line 108, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-ok:before {
  content: "\e9b6";
  color: #fff;
}

/* line 112, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-portfolio:before {
  content: "\e9b7";
}

/* line 115, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-problem:before {
  content: "\e9b8";
  color: #fff;
}

/* line 119, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-revenue:before {
  content: "\e9b9";
  color: #615bdc;
}

/* line 123, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-star:before {
  content: "\e9ba";
  color: #fff;
}

/* line 127, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-sustainability:before {
  content: "\e9bb";
  color: #615bdc;
}

/* line 131, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-testing:before {
  content: "\e9bc";
}

/* line 134, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-tips:before {
  content: "\e9bd";
  color: #0984ff;
}

/* line 138, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-tooltip:before {
  content: "\e9be";
  color: #fff;
}

/* line 142, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-value-proposition:before {
  content: "\e9bf";
}

/* line 145, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-warning:before {
  content: "\e9c0";
  color: #fff;
}

/* line 150, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Cost:before {
  content: "\e901";
}

/* line 153, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-CS:before {
  content: "\e902";
}

/* line 156, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-GKG:before {
  content: "\e903";
}

/* line 159, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-KA:before {
  content: "\e904";
}

/* line 162, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-KP:before {
  content: "\e905";
}

/* line 165, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-KR:before {
  content: "\e906";
}

/* line 168, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Revenue:before {
  content: "\e907";
}

/* line 171, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sus:before {
  content: "\e908";
}

/* line 174, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-VP:before {
  content: "\e909";
}

/* line 177, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-dots:before {
  content: "\e90a";
}

/* line 180, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Add:before {
  content: "\e90b";
}

/* line 183, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Arrow-Top:before {
  content: "\e90c";
}

/* line 186, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Back:before {
  content: "\e90d";
}

/* line 189, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-BMC-View-1:before {
  content: "\e90e";
}

/* line 192, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-BMC-View-2:before {
  content: "\e90f";
}

/* line 195, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Cancel:before {
  content: "\e910";
}

/* line 198, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Colaps:before {
  content: "\e911";
}

/* line 201, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Comment:before {
  content: "\e912";
}

/* line 204, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Delete:before {
  content: "\e913";
}

/* line 207, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Dot-Fail:before {
  content: "\e914";
}

/* line 210, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Expand:before {
  content: "\e915";
}

/* line 213, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Export:before {
  content: "\e916";
}

/* line 216, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Hat:before {
  content: "\e917";
}

/* line 219, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Link:before {
  content: "\e918";
}

/* line 222, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Nav-Menu-Portfolio:before {
  content: "\e919";
}

/* line 225, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Notification:before {
  content: "\e91a";
}

/* line 228, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Play:before {
  content: "\e91b";
}

/* line 231, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Setting:before {
  content: "\e91c";
}

/* line 234, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-SideBar-left:before {
  content: "\e91d";
}

/* line 237, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-SideBar-right:before {
  content: "\e91e";
}

/* line 240, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-logo:before {
  content: "\e92f";
}

/* line 244, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-grow .path1:before {
  content: "\e91f";
  color: #00afc9;
  opacity: 0.1;
}

/* line 249, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-grow .path2:before {
  content: "\e920";
  margin-left: -1.7138671875em;
  color: #00afc9;
}

/* line 254, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-grow .path3:before {
  content: "\e921";
  margin-left: -1.7138671875em;
  color: #00afc9;
  opacity: 0.1;
}

/* line 260, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-grow .path4:before {
  content: "\e922";
  margin-left: -1.7138671875em;
  color: #00afc9;
  opacity: 0.1;
}

/* line 266, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-get .path1:before {
  content: "\e923";
  color: #00afc9;
}

/* line 270, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-get .path2:before {
  content: "\e924";
  margin-left: -1.7138671875em;
  color: #00afc9;
  opacity: 0.1;
}

/* line 276, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-get .path3:before {
  content: "\e925";
  margin-left: -1.7138671875em;
  color: #00afc9;
  opacity: 0.1;
}

/* line 282, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-get .path4:before {
  content: "\e926";
  margin-left: -1.7138671875em;
  color: #00afc9;
  opacity: 0.1;
}

/* line 288, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-keep .path1:before {
  content: "\e927";
  color: #00afc9;
  opacity: 0.1;
}

/* line 293, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-keep .path2:before {
  content: "\e928";
  margin-left: -1.7138671875em;
  color: #00afc9;
  opacity: 0.1;
}

/* line 299, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-keep .path3:before {
  content: "\e929";
  margin-left: -1.7138671875em;
  color: #00afc9;
}

/* line 304, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-keep .path4:before {
  content: "\e92a";
  margin-left: -1.7138671875em;
  color: #00afc9;
  opacity: 0.1;
}

/* line 310, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-referral .path1:before {
  content: "\e92b";
  color: #00afc9;
  opacity: 0.1;
}

/* line 315, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-referral .path2:before {
  content: "\e92c";
  margin-left: -1.7138671875em;
  color: #00afc9;
  opacity: 0.1;
}

/* line 321, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-referral .path3:before {
  content: "\e92d";
  margin-left: -1.7138671875em;
  color: #00afc9;
  opacity: 0.1;
}

/* line 327, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-referral .path4:before {
  content: "\e92e";
  margin-left: -1.7138671875em;
  color: #00afc9;
}

/* line 333, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Earth:before {
  content: "\e984";
  color: #418fde;
}

/* line 337, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Goals .path1:before {
  content: "\e985";
  color: #4f91cd;
}

/* line 341, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Goals .path2:before {
  content: "\e986";
  margin-left: -4.1484375em;
  color: #c31f33;
}

/* line 346, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Goals .path3:before {
  content: "\e987";
  margin-left: -4.1484375em;
  color: #279b48;
  opacity: 0.9991;
}

/* line 352, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Goals .path4:before {
  content: "\e988";
  margin-left: -4.1484375em;
  color: #d3a029;
}

/* line 357, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Goals .path5:before {
  content: "\e989";
  margin-left: -4.1484375em;
  color: #eb1c2d;
  opacity: 1;
}

/* line 363, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Goals .path6:before {
  content: "\e98a";
  margin-left: -4.1484375em;
  color: #183668;
}

/* line 368, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Goals .path7:before {
  content: "\e98b";
  margin-left: -4.1484375em;
  color: #02558b;
  opacity: 0.9997;
}

/* line 374, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Goals .path8:before {
  content: "\e98c";
  margin-left: -4.1484375em;
  color: #5dbb46;
  opacity: 0.9993;
}

/* line 380, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Goals .path9:before {
  content: "\e98d";
  margin-left: -4.1484375em;
  color: #007dbc;
}

/* line 385, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Goals .path10:before {
  content: "\e98e";
  margin-left: -4.1484375em;
  color: #48773e;
}

/* line 390, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Goals .path11:before {
  content: "\e98f";
  margin-left: -4.1484375em;
  color: #cf8d2a;
}

/* line 395, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Goals .path12:before {
  content: "\e990";
  margin-left: -4.1484375em;
  color: #f99d26;
}

/* line 400, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Goals .path13:before {
  content: "\e991";
  margin-left: -4.1484375em;
  color: #e11484;
  opacity: 0.9999;
}

/* line 406, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Goals .path14:before {
  content: "\e992";
  margin-left: -4.1484375em;
  color: #f36d25;
}

/* line 411, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Goals .path15:before {
  content: "\e993";
  margin-left: -4.1484375em;
  color: #8f1838;
  opacity: 0.9999;
}

/* line 417, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Goals .path16:before {
  content: "\e994";
  margin-left: -4.1484375em;
  color: #fdb713;
  opacity: 0.9899;
}

/* line 423, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Goals .path17:before {
  content: "\e995";
  margin-left: -4.1484375em;
  color: #00aed9;
}

/* line 428, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Goals .path18:before {
  content: "\e996";
  margin-left: -4.1484375em;
  color: #ef402b;
}

/* line 433, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-SD:before {
  content: "\e997";
  color: #00aeef;
}

/* line 438, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability1 .path1:before {
  content: "\e930";
  color: #eb1c2d;
}

/* line 442, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability1 .path2:before {
  content: "\e931";
  margin-left: -1em;
  color: white;
}

/* line 447, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability1 .path3:before {
  content: "\e932";
  margin-left: -1em;
  color: white;
}

/* line 452, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability1 .path4:before {
  content: "\e933";
  margin-left: -1em;
  color: white;
}

/* line 457, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability1 .path5:before {
  content: "\e934";
  margin-left: -1em;
  color: white;
}

/* line 462, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability1 .path6:before {
  content: "\e935";
  margin-left: -1em;
  color: white;
}

/* line 467, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability1 .path7:before {
  content: "\e936";
  margin-left: -1em;
  color: white;
}

/* line 472, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability1 .path8:before {
  content: "\e937";
  margin-left: -1em;
  color: white;
}

/* line 477, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability1 .path9:before {
  content: "\e938";
  margin-left: -1em;
  color: white;
}

/* line 482, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability1 .path10:before {
  content: "\e939";
  margin-left: -1em;
  color: white;
}

/* line 487, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability1 .path11:before {
  content: "\e93a";
  margin-left: -1em;
  color: white;
}

/* line 492, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability1 .path12:before {
  content: "\e93b";
  margin-left: -1em;
  color: white;
}

/* line 497, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability1 .path13:before {
  content: "\e93c";
  margin-left: -1em;
  color: white;
}

/* line 502, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability1 .path14:before {
  content: "\e93d";
  margin-left: -1em;
  color: white;
}

/* line 507, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability1 .path15:before {
  content: "\e93e";
  margin-left: -1em;
  color: white;
}

/* line 512, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability2 .path1:before {
  content: "\e93f";
  color: #d3a029;
}

/* line 516, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability2 .path2:before {
  content: "\e940";
  margin-left: -1em;
  color: white;
}

/* line 521, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability2 .path3:before {
  content: "\e941";
  margin-left: -1em;
  color: white;
}

/* line 526, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability2 .path4:before {
  content: "\e942";
  margin-left: -1em;
  color: white;
}

/* line 531, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability3 .path1:before {
  content: "\e943";
  color: #279b48;
}

/* line 535, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability3 .path2:before {
  content: "\e944";
  margin-left: -1em;
  color: none;
}

/* line 540, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability3 .path3:before {
  content: "\e945";
  margin-left: -1em;
  color: white;
}

/* line 545, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability3 .path4:before {
  content: "\e946";
  margin-left: -1em;
  color: white;
}

/* line 550, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability3 .path5:before {
  content: "\e947";
  margin-left: -1em;
  color: white;
}

/* line 555, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability4 .path1:before {
  content: "\e948";
  color: #c31f33;
}

/* line 559, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability4 .path2:before {
  content: "\e949";
  margin-left: -1em;
  color: white;
}

/* line 564, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability4 .path3:before {
  content: "\e94a";
  margin-left: -1em;
  color: white;
}

/* line 569, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability4 .path4:before {
  content: "\e94b";
  margin-left: -1em;
  color: white;
}

/* line 574, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability5 .path1:before {
  content: "\e94c";
  color: #ef402b;
}

/* line 578, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability5 .path2:before {
  content: "\e94d";
  margin-left: -1em;
  color: white;
}

/* line 583, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability5 .path3:before {
  content: "\e94e";
  margin-left: -1em;
  color: white;
}

/* line 588, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability5 .path4:before {
  content: "\e94f";
  margin-left: -1em;
  color: white;
}

/* line 593, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability6 .path1:before {
  content: "\e950";
  color: #00aed9;
}

/* line 597, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability6 .path2:before {
  content: "\e951";
  margin-left: -1em;
  color: white;
}

/* line 602, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability6 .path3:before {
  content: "\e952";
  margin-left: -1em;
  color: white;
}

/* line 607, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability6 .path4:before {
  content: "\e953";
  margin-left: -1em;
  color: white;
}

/* line 612, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability7 .path1:before {
  content: "\e954";
  color: #fdb713;
}

/* line 616, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability7 .path2:before {
  content: "\e955";
  margin-left: -1em;
  color: white;
}

/* line 621, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability7 .path3:before {
  content: "\e956";
  margin-left: -1em;
  color: white;
}

/* line 626, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability7 .path4:before {
  content: "\e957";
  margin-left: -1em;
  color: white;
}

/* line 631, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability8 .path1:before {
  content: "\e958";
  color: #8f1838;
}

/* line 635, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability8 .path2:before {
  content: "\e959";
  margin-left: -1em;
  color: white;
}

/* line 640, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability8 .path3:before {
  content: "\e95a";
  margin-left: -1em;
  color: white;
}

/* line 645, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability8 .path4:before {
  content: "\e95b";
  margin-left: -1em;
  color: white;
}

/* line 650, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability9 .path1:before {
  content: "\e95c";
  color: #f36d25;
}

/* line 654, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability9 .path2:before {
  content: "\e95d";
  margin-left: -1em;
  color: white;
}

/* line 659, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability9 .path3:before {
  content: "\e95e";
  margin-left: -1em;
  color: white;
}

/* line 664, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability9 .path4:before {
  content: "\e95f";
  margin-left: -1em;
  color: white;
}

/* line 669, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability9 .path5:before {
  content: "\e960";
  margin-left: -1em;
  color: white;
}

/* line 674, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability9 .path6:before {
  content: "\e961";
  margin-left: -1em;
  color: white;
}

/* line 679, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability10 .path1:before {
  content: "\e962";
  color: #e11484;
}

/* line 683, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability10 .path2:before {
  content: "\e963";
  margin-left: -1em;
  color: white;
}

/* line 688, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability10 .path3:before {
  content: "\e964";
  margin-left: -1em;
  color: white;
}

/* line 693, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability10 .path4:before {
  content: "\e965";
  margin-left: -1em;
  color: white;
}

/* line 698, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability11 .path1:before {
  content: "\e966";
  color: #f99d26;
}

/* line 702, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability11 .path2:before {
  content: "\e967";
  margin-left: -1em;
  color: white;
}

/* line 707, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability11 .path3:before {
  content: "\e968";
  margin-left: -1em;
  color: white;
}

/* line 712, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability11 .path4:before {
  content: "\e969";
  margin-left: -1em;
  color: white;
}

/* line 717, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability12 .path1:before {
  content: "\e96a";
  color: #cf8d2a;
}

/* line 721, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability12 .path2:before {
  content: "\e96b";
  margin-left: -1em;
  color: white;
}

/* line 726, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability12 .path3:before {
  content: "\e96c";
  margin-left: -1em;
  color: white;
}

/* line 731, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability12 .path4:before {
  content: "\e96d";
  margin-left: -1em;
  color: white;
}

/* line 736, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability13 .path1:before {
  content: "\e96e";
  color: #48773e;
}

/* line 740, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability13 .path2:before {
  content: "\e96f";
  margin-left: -1em;
  color: white;
}

/* line 745, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability13 .path3:before {
  content: "\e970";
  margin-left: -1em;
  color: white;
}

/* line 750, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability13 .path4:before {
  content: "\e971";
  margin-left: -1em;
  color: white;
}

/* line 755, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability14 .path1:before {
  content: "\e972";
  color: #007dbc;
}

/* line 759, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability14 .path2:before {
  content: "\e973";
  margin-left: -1em;
  color: white;
}

/* line 764, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability14 .path3:before {
  content: "\e974";
  margin-left: -1em;
  color: white;
}

/* line 769, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability14 .path4:before {
  content: "\e975";
  margin-left: -1em;
  color: white;
}

/* line 774, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability15 .path1:before {
  content: "\e976";
  color: #3eb049;
}

/* line 778, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability15 .path2:before {
  content: "\e977";
  margin-left: -1em;
  color: white;
}

/* line 783, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability15 .path3:before {
  content: "\e978";
  margin-left: -1em;
  color: white;
}

/* line 788, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability15 .path4:before {
  content: "\e979";
  margin-left: -1em;
  color: white;
}

/* line 793, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability15 .path5:before {
  content: "\e97a";
  margin-left: -1em;
  color: white;
}

/* line 798, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability15 .path6:before {
  content: "\e97b";
  margin-left: -1em;
  color: white;
}

/* line 803, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability15 .path7:before {
  content: "\e97c";
  margin-left: -1em;
  color: white;
}

/* line 808, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability15 .path8:before {
  content: "\e97d";
  margin-left: -1em;
  color: white;
}

/* line 813, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability15 .path9:before {
  content: "\e97e";
  margin-left: -1em;
  color: white;
}

/* line 818, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability15 .path10:before {
  content: "\e97f";
  margin-left: -1em;
  color: white;
}

/* line 823, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability16 .path1:before {
  content: "\e980";
  color: #02558b;
}

/* line 827, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability16 .path2:before {
  content: "\e981";
  margin-left: -1em;
  color: white;
}

/* line 832, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability16 .path3:before {
  content: "\e982";
  margin-left: -1em;
  color: white;
}

/* line 837, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability16 .path4:before {
  content: "\e983";
  margin-left: -1em;
  color: white;
}

/* line 842, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability17 .path1:before {
  content: "\e998";
  color: #183668;
}

/* line 846, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability17 .path2:before {
  content: "\e999";
  margin-left: -1em;
  color: none;
}

/* line 851, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability17 .path3:before {
  content: "\e99a";
  margin-left: -1em;
  color: none;
}

/* line 856, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability17 .path4:before {
  content: "\e99b";
  margin-left: -1em;
  color: none;
}

/* line 861, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability17 .path5:before {
  content: "\e99c";
  margin-left: -1em;
  color: none;
}

/* line 866, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability17 .path6:before {
  content: "\e99d";
  margin-left: -1em;
  color: none;
}

/* line 871, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability17 .path7:before {
  content: "\e99e";
  margin-left: -1em;
  color: white;
}

/* line 876, app/assets/stylesheets/new/base/icomoon.css.scss */
.icon-Sustainability17 .path8:before {
  content: "\e99f";
  margin-left: -1em;
  color: white;
}

/* line 1, app/assets/stylesheets/new/components/admin/admin-analysis.sass */
.admin-analysis {
  padding: 40px 75px;
  border-radius: 16px;
}

/* line 1, app/assets/stylesheets/new/components/admin/admin-avatar.sass */
.admin-avatar-image {
  border-radius: 4px;
}

/* line 4, app/assets/stylesheets/new/components/admin/admin-avatar.sass */
.admin-avatar-image.size-lg {
  width: 35px;
  height: 35px;
}

/* line 7, app/assets/stylesheets/new/components/admin/admin-avatar.sass */
.admin-avatar-image.size-sm {
  width: 19px;
  height: 19px;
}

/* line 10, app/assets/stylesheets/new/components/admin/admin-avatar.sass */
.admin-avatar {
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 16, app/assets/stylesheets/new/components/admin/admin-avatar.sass */
.admin-avatar.size-lg {
  width: 35px;
  height: 35px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}

/* line 22, app/assets/stylesheets/new/components/admin/admin-avatar.sass */
.admin-avatar.size-sm {
  width: 19px;
  height: 19px;
  font-weight: 500;
  font-size: 10px;
  line-height: 14px;
}

/* line 1, app/assets/stylesheets/new/components/admin/admin-block.sass */
.admin-block-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}

/* line 6, app/assets/stylesheets/new/components/admin/admin-block.sass */
.admin-block {
  padding: 40px 50px;
  background: white;
  border-radius: 16px;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05), 0px 0px 4px rgba(0, 0, 0, 0.05);
  height: 100%;
}

@media screen and (max-width: 1280px) {
  /* line 6, app/assets/stylesheets/new/components/admin/admin-block.sass */
  .admin-block {
    padding: 20px 25px;
  }
}

/* line 16, app/assets/stylesheets/new/components/admin/admin-block.sass */
.admin-block__title {
  font-weight: 500;
  margin-bottom: 10px;
}

/* line 20, app/assets/stylesheets/new/components/admin/admin-block.sass */
.admin-block__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 0 40px;
}

/* line 24, app/assets/stylesheets/new/components/admin/admin-block.sass */
.fg-2 {
  -ms-flex-positive: 2;
      flex-grow: 2;
  min-width: 350px;
}

/* line 27, app/assets/stylesheets/new/components/admin/admin-block.sass */
.fg-3 {
  -ms-flex-positive: 3;
      flex-grow: 3;
  min-width: 420px;
}

/* line 30, app/assets/stylesheets/new/components/admin/admin-block.sass */
.fg-4 {
  -ms-flex-positive: 4;
      flex-grow: 4;
  min-width: 700px;
}

/* line 33, app/assets/stylesheets/new/components/admin/admin-block.sass */
.fg-6 {
  -ms-flex-positive: 6;
      flex-grow: 6;
  min-width: 840px;
}

/* Admin block item */
/* line 39, app/assets/stylesheets/new/components/admin/admin-block.sass */
.admin-block-item__title {
  font-size: 16px;
  line-height: 20px;
  color: #ACB5BD;
}

@media screen and (max-width: 1024px) {
  /* line 39, app/assets/stylesheets/new/components/admin/admin-block.sass */
  .admin-block-item__title {
    font-size: 12px;
  }
}

@media screen and (max-width: 480px) {
  /* line 39, app/assets/stylesheets/new/components/admin/admin-block.sass */
  .admin-block-item__title {
    font-size: 10px;
  }
}

@media screen and (max-width: 768px) {
  /* line 39, app/assets/stylesheets/new/components/admin/admin-block.sass */
  .admin-block-item__title {
    font-size: 8px;
  }
}

/* line 50, app/assets/stylesheets/new/components/admin/admin-block.sass */
.admin-block-item__value {
  color: #0984FF;
  margin-bottom: 5px;
}

/* Admin Blocks */
/* line 56, app/assets/stylesheets/new/components/admin/admin-block.sass */
.admin-blocks {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

@media screen and (max-width: 1024px) {
  /* line 56, app/assets/stylesheets/new/components/admin/admin-block.sass */
  .admin-blocks {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* line 2, app/assets/stylesheets/new/components/admin/admin-breadcrumbs.sass */
.admin-breadcrumbs {
  padding: 11px 40px;
  color: #0984FF;
}

/* line 6, app/assets/stylesheets/new/components/admin/admin-breadcrumbs.sass */
.admin-breadcrumbs a {
  text-decoration: none;
  color: #0984FF;
  font-weight: 500;
}

/* line 11, app/assets/stylesheets/new/components/admin/admin-breadcrumbs.sass */
.admin-breadcrumbs a:visited {
  color: #0984FF80;
}

/* line 1, app/assets/stylesheets/new/components/admin/admin-button.sass */
.btn.admin-btn.primary-bordered {
  padding: 10px;
  border: 2px solid rgba(9, 132, 255, 0.1);
  border-radius: 8px;
  width: 45px;
  height: 45px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  background-color: transparent;
}

/* line 12, app/assets/stylesheets/new/components/admin/admin-button.sass */
.btn.admin-btn.primary-bordered:hover {
  border-color: #0984ff;
}

/* line 15, app/assets/stylesheets/new/components/admin/admin-button.sass */
.btn.admin-btn.download-csv {
  box-sizing: border-box;
  width: 177px;
  height: 46px;
  min-width: 150px;
  /* Brand/Highlight 2 */
  border: 2px solid rgba(9, 132, 255, 0.1);
  border-radius: 8px;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 40px;
  /* identical to box height, or 125% */
  text-align: center;
  /* Brand/Main */
  color: #0984FF;
}

/* line 32, app/assets/stylesheets/new/components/admin/admin-button.sass */
.btn.admin-btn.download-csv:hover {
  cursor: pointer;
  border-color: #0984ff;
}

/* line 1, app/assets/stylesheets/new/components/admin/admin-divider.sass */
.admin-divider {
  height: 2px;
  border-radius: 8px;
  background: #D8E4FA;
}

/* line 1, app/assets/stylesheets/new/components/admin/admin-elevated-privilege-links.sass */
.admin-elevated-privilege-links {
  width: 100%;
  margin-top: 40px;
}

/* line 4, app/assets/stylesheets/new/components/admin/admin-elevated-privilege-links.sass */
.admin-elevated-privilege-links table {
  width: 100%;
  table-layout: auto;
  border-spacing: 0 10px;
}

/* line 10, app/assets/stylesheets/new/components/admin/admin-elevated-privilege-links.sass */
.admin-elevated-privilege-links table thead > tr > th:nth-last-child(2) {
  width: 100px;
}

/* line 12, app/assets/stylesheets/new/components/admin/admin-elevated-privilege-links.sass */
.admin-elevated-privilege-links table thead > tr > th:last-child {
  width: 80px;
}

/* line 14, app/assets/stylesheets/new/components/admin/admin-elevated-privilege-links.sass */
.admin-elevated-privilege-links table tr {
  text-align: center;
  height: 3rem;
}

/* line 18, app/assets/stylesheets/new/components/admin/admin-elevated-privilege-links.sass */
.admin-elevated-privilege-links table tr td {
  background-color: #f5f5f5;
}

/* line 21, app/assets/stylesheets/new/components/admin/admin-elevated-privilege-links.sass */
.admin-elevated-privilege-links table tr td:first-child {
  border-radius: 1rem 0 0 1rem;
}

/* line 24, app/assets/stylesheets/new/components/admin/admin-elevated-privilege-links.sass */
.admin-elevated-privilege-links table tr td:last-child {
  border-radius: 0 1rem 1rem 0;
}

/* line 2, app/assets/stylesheets/new/components/admin/admin-header.sass */
.admin-header .bmc-button {
  background: transparent;
}

/* line 5, app/assets/stylesheets/new/components/admin/admin-header.sass */
.admin-header-button__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/* line 9, app/assets/stylesheets/new/components/admin/admin-header.sass */
.admin-header-button__row h1 {
  font-weight: 600;
}

/* line 12, app/assets/stylesheets/new/components/admin/admin-header.sass */
.admin-header__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 15, app/assets/stylesheets/new/components/admin/admin-header.sass */
.admin-header__row.space-between {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/* line 17, app/assets/stylesheets/new/components/admin/admin-header.sass */
.admin-header__row.end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

/* line 20, app/assets/stylesheets/new/components/admin/admin-header.sass */
.admin-header__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: black;
  font-weight: 600;
  font-size: 50px;
  line-height: 68px;
  margin: 20px 0 20px 0;
}

/* line 29, app/assets/stylesheets/new/components/admin/admin-header.sass */
.admin-header__title__modal {
  margin-left: 10px;
  border: none;
  background: none;
}

@media screen and (max-width: 1024px) {
  /* line 20, app/assets/stylesheets/new/components/admin/admin-header.sass */
  .admin-header__title {
    font-size: 38px;
    line-height: 52px;
  }
}

@media screen and (max-width: 480px) {
  /* line 20, app/assets/stylesheets/new/components/admin/admin-header.sass */
  .admin-header__title {
    font-size: 28px;
    line-height: 38px;
  }
}

/* line 1, app/assets/stylesheets/new/components/admin/admin-input.sass */
.admin-input.ant-input,
.admin-input.ant-input-password {
  height: 45px;
  background: #F8F9FA;
  border: 2px solid #DDE2E5;
  border-radius: 8px;
  padding: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #334249;
}

/* line 12, app/assets/stylesheets/new/components/admin/admin-input.sass */
.admin-input.ant-input-password .ant-input {
  background-color: #F8F9FA;
}

/* line 14, app/assets/stylesheets/new/components/admin/admin-input.sass */
.ant-row.ant-form-item.admin-input-label label {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #334249;
}

/* line 19, app/assets/stylesheets/new/components/admin/admin-input.sass */
.admin-input-label__total-licence {
  width: 180px;
}

/* line 21, app/assets/stylesheets/new/components/admin/admin-input.sass */
.ant-form-item-control-input {
  width: 100%;
}

/* line 23, app/assets/stylesheets/new/components/admin/admin-input.sass */
.antd-form-item-margin-top {
  margin-top: 28px;
}

/* line 1, app/assets/stylesheets/new/components/admin/admin-main.sass */
.admin-main {
  padding: 20px 20px 40px 20px;
  min-height: calc(100vh - 75px);
}

@media screen and (max-width: 1280px) {
  /* line 1, app/assets/stylesheets/new/components/admin/admin-main.sass */
  .admin-main {
    padding: 20px;
  }
}

/* line 1, app/assets/stylesheets/new/components/admin/admin-modal-container.sass */
.admin-modal-container {
  padding: 40px;
}

/* line 1, app/assets/stylesheets/new/components/admin/admin-pagination.sass */
.pagination-position {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  min-height: 45px;
}

/* line 5, app/assets/stylesheets/new/components/admin/admin-pagination.sass */
.admin-pagination {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

/* line 8, app/assets/stylesheets/new/components/admin/admin-pagination.sass */
.ant-pagination.admin-pagination, .ant-pagination {
  height: 45px;
}

/* line 10, app/assets/stylesheets/new/components/admin/admin-pagination.sass */
.ant-pagination.admin-pagination .ant-pagination-item, .ant-pagination .ant-pagination-item {
  width: 45px;
  height: 45px;
  border: 2px solid #dde2e5;
  box-sizing: border-box;
  font-family: Nunito, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 45px;
  text-align: center;
  border-radius: 8px;
}

/* line 23, app/assets/stylesheets/new/components/admin/admin-pagination.sass */
.ant-pagination.admin-pagination .ant-pagination-item a, .ant-pagination .ant-pagination-item a {
  color: #acb5bd;
}

/* line 26, app/assets/stylesheets/new/components/admin/admin-pagination.sass */
.ant-pagination.admin-pagination .ant-pagination-item.ant-pagination-item-active, .ant-pagination .ant-pagination-item.ant-pagination-item-active {
  border: 2px solid rgba(9, 132, 255, 0.1);
}

/* line 29, app/assets/stylesheets/new/components/admin/admin-pagination.sass */
.ant-pagination.admin-pagination .ant-pagination-item.ant-pagination-item-active a, .ant-pagination .ant-pagination-item.ant-pagination-item-active a {
  color: #0984ff;
}

/* line 32, app/assets/stylesheets/new/components/admin/admin-pagination.sass */
.ant-pagination.admin-pagination .ant-pagination-item:hover, .ant-pagination .ant-pagination-item:hover {
  border-color: #0984ff;
}

/* line 35, app/assets/stylesheets/new/components/admin/admin-pagination.sass */
.ant-pagination.admin-pagination .ant-pagination-item:hover a, .ant-pagination .ant-pagination-item:hover a {
  color: #0984ff;
}

/* line 38, app/assets/stylesheets/new/components/admin/admin-pagination.sass */
.ant-pagination.admin-pagination .ant-pagination-next,
.ant-pagination.admin-pagination .ant-pagination-prev, .ant-pagination .ant-pagination-next,
.ant-pagination .ant-pagination-prev {
  widht: 45px;
  height: 45px;
}

/* line 43, app/assets/stylesheets/new/components/admin/admin-pagination.sass */
.ant-pagination.admin-pagination .ant-pagination-next .ant-pagination-item-link,
.ant-pagination.admin-pagination .ant-pagination-prev .ant-pagination-item-link, .ant-pagination .ant-pagination-next .ant-pagination-item-link,
.ant-pagination .ant-pagination-prev .ant-pagination-item-link {
  width: 45px;
  height: 45px;
  border: 2px solid #dde2e5;
  box-sizing: border-box;
  border-radius: 8px;
  font-weight: bold;
}

/* line 54, app/assets/stylesheets/new/components/admin/admin-pagination.sass */
.ant-pagination.admin-pagination .ant-select.ant-pagination-options-size-changer .ant-select-selector, .ant-pagination .ant-select.ant-pagination-options-size-changer .ant-select-selector {
  height: 45px;
  border: 2px solid #dde2e5;
  box-sizing: border-box;
  border-radius: 8px;
}

/* line 60, app/assets/stylesheets/new/components/admin/admin-pagination.sass */
.ant-pagination.admin-pagination .ant-select.ant-pagination-options-size-changer .ant-select-selector:hover, .ant-pagination .ant-select.ant-pagination-options-size-changer .ant-select-selector:hover {
  border-color: #0984ff;
}

/* line 63, app/assets/stylesheets/new/components/admin/admin-pagination.sass */
.ant-pagination.admin-pagination .ant-select.ant-pagination-options-size-changer.ant-select-open .ant-select-selector, .ant-pagination .ant-select.ant-pagination-options-size-changer.ant-select-open .ant-select-selector {
  border-color: #0984ff;
}

/* line 66, app/assets/stylesheets/new/components/admin/admin-pagination.sass */
.ant-pagination.admin-pagination .ant-select.ant-pagination-options-size-changer .ant-select-selection-item, .ant-pagination .ant-select.ant-pagination-options-size-changer .ant-select-selection-item {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 45px;
  text-align: center;
  color: #acb5bd;
}

/* line 74, app/assets/stylesheets/new/components/admin/admin-pagination.sass */
.ant-pagination.admin-pagination .ant-select .ant-select-selection-item:hover, .ant-pagination.admin-pagination .ant-select.ant-pagination-options-size-changer.ant-select-open .ant-select-selection-item, .ant-pagination .ant-select .ant-select-selection-item:hover, .ant-pagination .ant-select.ant-pagination-options-size-changer.ant-select-open .ant-select-selection-item {
  color: #0984ff;
}

/* line 1, app/assets/stylesheets/new/components/admin/admin-project-block.sass */
.admin-project-block {
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media screen and (max-width: 1280px) {
  /* line 1, app/assets/stylesheets/new/components/admin/admin-project-block.sass */
  .admin-project-block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* line 9, app/assets/stylesheets/new/components/admin/admin-project-block.sass */
.admin-project-block .item {
  padding: 40px;
  height: 195px;
  background: #FFFFFF;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05), 0px 0px 4px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  position: relative;
}

/* line 16, app/assets/stylesheets/new/components/admin/admin-project-block.sass */
.admin-project-block .item:nth-of-type(1) {
  min-width: 245px;
  -ms-flex-positive: 245;
      flex-grow: 245;
}

@media screen and (max-width: 1280px) {
  /* line 16, app/assets/stylesheets/new/components/admin/admin-project-block.sass */
  .admin-project-block .item:nth-of-type(1) {
    min-width: 345px;
  }
}

/* line 21, app/assets/stylesheets/new/components/admin/admin-project-block.sass */
.admin-project-block .item:nth-of-type(2) {
  min-width: 325px;
  -ms-flex-positive: 325;
      flex-grow: 325;
}

/* line 24, app/assets/stylesheets/new/components/admin/admin-project-block.sass */
.admin-project-block .item:nth-of-type(3) {
  min-width: 265px;
  -ms-flex-positive: 265;
      flex-grow: 265;
}

/* line 27, app/assets/stylesheets/new/components/admin/admin-project-block.sass */
.admin-project-block .item:nth-of-type(4) {
  min-width: 226px;
  -ms-flex-positive: 226;
      flex-grow: 226;
  padding: 40px 33px;
}

/* line 31, app/assets/stylesheets/new/components/admin/admin-project-block.sass */
.admin-project-block .header {
  margin-bottom: 10px;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #334249;
}

/* line 39, app/assets/stylesheets/new/components/admin/admin-project-block.sass */
.admin-project-block .text-primary {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 38px;
  color: #0984FF;
  margin-bottom: 5px;
}

/* line 47, app/assets/stylesheets/new/components/admin/admin-project-block.sass */
.admin-project-block .text {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #334249;
}

/* line 54, app/assets/stylesheets/new/components/admin/admin-project-block.sass */
.admin-project-block .title {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #ACB5BD;
}

/* line 61, app/assets/stylesheets/new/components/admin/admin-project-block.sass */
.admin-project-block .mb-10 {
  margin-bottom: 10px;
}

/* line 63, app/assets/stylesheets/new/components/admin/admin-project-block.sass */
.admin-project-block .user-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 2px;
}

/* line 67, app/assets/stylesheets/new/components/admin/admin-project-block.sass */
.admin-project-block .user-list-name {
  width: 130px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  -ms-flex-align: center;
      align-items: center;
  color: #334249;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

/* line 80, app/assets/stylesheets/new/components/admin/admin-project-block.sass */
.admin-project-block .user-list-minute {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  white-space: nowrap;
  color: #0984FF;
}

/* line 89, app/assets/stylesheets/new/components/admin/admin-project-block.sass */
.admin-project-block .user-list-minute .unit {
  color: #ACB5BD;
}

/* line 91, app/assets/stylesheets/new/components/admin/admin-project-block.sass */
.admin-project-block .user-list-row {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-align: center;
      align-items: center;
  margin: 0;
}

/* line 96, app/assets/stylesheets/new/components/admin/admin-project-block.sass */
.admin-project-block .collection {
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}

/* line 100, app/assets/stylesheets/new/components/admin/admin-project-block.sass */
.admin-project-block__btn-unfold {
  position: absolute;
  top: 10px;
  right: 10px;
}

/* line 1, app/assets/stylesheets/new/components/admin/admin-switch.sass */
.admin-switch.ant-switch {
  width: 52px;
  height: 30px;
  background: #F8F9FA;
  border: 2px solid #DDE2E5;
  border-radius: 16px;
}

/* line 7, app/assets/stylesheets/new/components/admin/admin-switch.sass */
.admin-switch.ant-switch > .ant-switch-handle {
  width: 20px;
  height: 20px;
  left: 3px;
  top: 3px;
}

/* line 12, app/assets/stylesheets/new/components/admin/admin-switch.sass */
.admin-switch.ant-switch.ant-switch-checked {
  background: #1890ff;
}

/* line 14, app/assets/stylesheets/new/components/admin/admin-switch.sass */
.admin-switch.ant-switch.ant-switch-checked > .ant-switch-handle {
  left: calc(100% - 20px - 3px);
}

/* line 16, app/assets/stylesheets/new/components/admin/admin-switch.sass */
.admin-switch-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #ACB5BD;
}

/* line 1, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table-expand {
  background-color: white;
  box-sizing: border-box;
}

/* line 5, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table-expand--body {
  background-color: #f4f5f7;
  padding: 20px;
  max-width: 100%;
  border-radius: 8px;
}

/* line 12, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table {
  background-color: transparent;
}

/* line 14, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table .ant-table-tbody {
  border: 1px solid red;
  background-color: transparent;
}

/* line 18, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table table {
  border-spacing: 0 10px;
  background-color: transparent;
}

/* line 22, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table table tbody {
  background-color: transparent;
}

/* line 25, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table-content {
  background-color: transparent;
  overflow-x: auto;
}

/* line 29, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .admin-table__row {
  background-color: transparent;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05), 0px 0px 4px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  position: relative;
}

/* line 35, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table-row.admin-table__row .ant-table-cell {
  background-color: white;
  min-height: 55px;
  padding: 10px;
}

/* line 39, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table-row.admin-table__row:hover .ant-table-cell {
  background-color: rgba(255, 255, 255, 0.3);
}

/* line 41, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table-row.admin-table__row.ant-table-clickable {
  cursor: pointer;
}

/* line 45, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table-row.admin-table__row.deactivated .ant-table-cell {
  background-color: #ffe4d9;
}

/* line 48, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table-row.admin-table__row.deactivated .ant-table-cell:not(:first-child):not(:last-child) {
  border-top: 1px solid #ffc3ab;
  border-bottom: 1px solid #ffc3ab;
}

/* line 52, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table-row.admin-table__row.deactivated .ant-table-cell:first-child {
  border-left: 1px solid #ffc3ab;
  border-top: 1px solid #ffc3ab;
  border-bottom: 1px solid #ffc3ab;
}

/* line 57, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table-row.admin-table__row.deactivated .ant-table-cell:last-child {
  border-right: 1px solid #ffc3ab;
  border-top: 1px solid #ffc3ab;
  border-bottom: 1px solid #ffc3ab;
}

/* line 62, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table-row.admin-table__row.deactivated:hover .ant-table-cell {
  background-color: #ffc3ab;
}

/* line 66, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table-expanded-row > .ant-table-cell {
  width: 80vw;
  border-top: 20px solid #ffffff;
  -ms-transform: translateY(-20px);
      transform: translateY(-20px);
  background-color: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  border-radius: 0px 0px 8px 8px;
  padding: 20px 40px 40px;
}

/* line 75, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table-row > .ant-table-cell {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #334249;
}

/* line 83, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table-row > .ant-table-cell:first-child {
  text-align: left;
}

/* line 86, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table-thead > tr > th {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #37474f;
}

/* line 95, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table-row.admin-table__row > .ant-table-cell:first-child {
  border-radius: 8px 0px 0px 8px;
  padding-left: 20px;
}

/* line 99, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table-row.admin-table__row > .ant-table-cell:last-child {
  border-radius: 0px 8px 8px 0px;
  padding-right: 20px;
}

/* line 103, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table-tbody > tr > td:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 2px;
  height: 35px;
  background: #f8f9fa;
  border-radius: 4px;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  transition: background-color 0.3s;
  content: "";
}

/* line 116, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  display: none;
}

/* line 119, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table .ant-table-thead .ant-table-cell {
  background-color: transparent;
  border-bottom: none;
}

/* line 123, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table .ant-table-thead > tr {
  background-color: transparent;
}

/* line 126, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table .ant-table .ant-table-thead > tr > th {
  text-align: center;
}

/* Admin Tabs */
/* line 131, app/assets/stylesheets/new/components/admin/admin-table.sass */
.ant-tabs.admin-tabs .ant-tabs-nav:before {
  border-bottom: 2px solid #dde2e5;
}

/* line 133, app/assets/stylesheets/new/components/admin/admin-table.sass */
.ant-tabs.admin-tabs .ant-tabs-nav {
  margin-bottom: 40px;
}

/* line 136, app/assets/stylesheets/new/components/admin/admin-table.sass */
.ant-tabs-ink-bar {
  background: #0984ff !important;
  border-radius: 4px;
}

/* line 140, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-tabs .ant-tabs-tab {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #334249;
}

/* Admin header */
/* line 150, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 4px;
}

/* line 156, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table-header__title {
  font-style: normal;
  font-weight: 500;
  font-size: 38px;
  line-height: 52px;
  color: #334249;
}

/* line 163, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table-header__count {
  color: #0984ff;
}

/* line 166, app/assets/stylesheets/new/components/admin/admin-table.sass */
.admin-table-header__partial {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

/* line 171, app/assets/stylesheets/new/components/admin/admin-table.sass */
.ant-input-affix-wrapper.admin-table-search {
  border: 2px solid #dde2e5;
  box-sizing: border-box;
  border-radius: 8px;
  background-color: #f8f9fa;
  box-sizing: border-box;
  box-shadow: none;
  padding: 11px 14px 10px 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 182, app/assets/stylesheets/new/components/admin/admin-table.sass */
.ant-input-affix-wrapper.admin-table-search input {
  background-color: #f8f9fa;
  box-sizing: border-box;
  box-shadow: none;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  height: 20px;
}

/* line 192, app/assets/stylesheets/new/components/admin/admin-table.sass */
.ant-input-affix-wrapper.admin-table-search:hover, .ant-input-affix-wrapper.admin-table-search:focus {
  box-shadow: none;
}

/* line 196, app/assets/stylesheets/new/components/admin/admin-table.sass */
.ant-input-affix-wrapper.admin-table-search input:hover, .ant-input-affix-wrapper.admin-table-search input:focus {
  box-shadow: none;
}

/* line 200, app/assets/stylesheets/new/components/admin/admin-table.sass */
.ant-btn.ant-btn-primary,
.ant-btn.ant-btn-default,
.ant-btn.ant-btn-text {
  padding: 13px 25px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  height: auto;
  border-radius: 8px;
}

/* line 210, app/assets/stylesheets/new/components/admin/admin-table.sass */
.ant-btn.ant-btn-default {
  border: 2px solid rgba(9, 132, 255, 0.1);
  color: #0984FF;
}

/* line 213, app/assets/stylesheets/new/components/admin/admin-table.sass */
.ant-btn.ant-btn-text.ant-btn-dangerous {
  padding: 0;
  color: #FF463A;
}

/* line 1, app/assets/stylesheets/new/components/admin/admin-tenant.sass */
.admin-tenant-input {
  width: 100%;
}

/* line 4, app/assets/stylesheets/new/components/admin/admin-tenant.sass */
.admin-tenant-input__container-inputs {
  display: -ms-flexbox;
  display: flex;
  -moz-column-gap: .3rem;
       column-gap: .3rem;
}

/* line 8, app/assets/stylesheets/new/components/admin/admin-tenant.sass */
.admin-tenant-input__container-inputs__form-item {
  margin-bottom: .1rem;
}

/* line 11, app/assets/stylesheets/new/components/admin/admin-tenant.sass */
.admin-tenant-input__tenant-list-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 1rem;
}

/* line 17, app/assets/stylesheets/new/components/admin/admin-tenant.sass */
.admin-tenant-input__tenant-list-item__name {
  -ms-flex: 1;
      flex: 1;
}

/* line 19, app/assets/stylesheets/new/components/admin/admin-tenant.sass */
.admin-tenant-input__tenant-list-item__uuid {
  -ms-flex: 3;
      flex: 3;
}

/* line 1, app/assets/stylesheets/new/components/admin/classroom-block.sass */
.classroom-block {
  padding: 40px 50px;
  background: white;
  border-radius: 16px;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05), 0px 0px 4px rgba(0, 0, 0, 0.05);
}

/* line 7, app/assets/stylesheets/new/components/admin/classroom-block.sass */
.classroom-block-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
}

/* line 12, app/assets/stylesheets/new/components/admin/classroom-block.sass */
.classroom-block-list__row {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media screen and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/new/components/admin/classroom-block.sass */
  .classroom-block-list__row {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 19, app/assets/stylesheets/new/components/admin/classroom-block.sass */
.classroom-block__fg3 {
  -ms-flex-positive: 3;
      flex-grow: 3;
}

@media screen and (max-width: 1024px) {
  /* line 19, app/assets/stylesheets/new/components/admin/classroom-block.sass */
  .classroom-block__fg3 {
    min-width: 100%;
  }
}

/* line 23, app/assets/stylesheets/new/components/admin/classroom-block.sass */
.classroom-block__fg2 {
  -ms-flex-positive: 2;
      flex-grow: 2;
}

@media screen and (max-width: 1024px) {
  /* line 23, app/assets/stylesheets/new/components/admin/classroom-block.sass */
  .classroom-block__fg2 {
    min-width: 100%;
  }
}

/* line 27, app/assets/stylesheets/new/components/admin/classroom-block.sass */
.classroom-block__fg6 {
  -ms-flex-positive: 6;
      flex-grow: 6;
}

@media screen and (max-width: 1024px) {
  /* line 27, app/assets/stylesheets/new/components/admin/classroom-block.sass */
  .classroom-block__fg6 {
    min-width: 100%;
  }
}

/* line 32, app/assets/stylesheets/new/components/admin/classroom-block.sass */
.classroom-block__header {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #334249;
}

/* line 39, app/assets/stylesheets/new/components/admin/classroom-block.sass */
.classroom-block__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/* line 42, app/assets/stylesheets/new/components/admin/classroom-block.sass */
.classroom-block__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 5px;
}

/* line 46, app/assets/stylesheets/new/components/admin/classroom-block.sass */
.classroom-block__title {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #ACB5BD;
}

/* line 53, app/assets/stylesheets/new/components/admin/classroom-block.sass */
.classroom-block__value {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 38px;
  color: #0984FF;
}

/* line 1, app/assets/stylesheets/new/components/admin/dropzone.sass */
.dropzone-size {
  width: 190px;
  height: 142px;
  background-color: #E7E6E6;
  border-radius: 16px;
}

/* line 7, app/assets/stylesheets/new/components/admin/dropzone.sass */
.dropzone-size__with-state {
  height: 145px;
}

/* line 1, app/assets/stylesheets/new/components/admin/establishment-block.sass */
.establishment-block {
  padding: 40px 50px;
  background: white;
  border-radius: 16px;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05), 0px 0px 4px rgba(0, 0, 0, 0.05);
}

/* line 7, app/assets/stylesheets/new/components/admin/establishment-block.sass */
.establishment-block-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
}

/* line 12, app/assets/stylesheets/new/components/admin/establishment-block.sass */
.establishment-block-list__row {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media screen and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/new/components/admin/establishment-block.sass */
  .establishment-block-list__row {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 19, app/assets/stylesheets/new/components/admin/establishment-block.sass */
.establishment-block__fg3 {
  -ms-flex-positive: 3;
      flex-grow: 3;
}

@media screen and (max-width: 1024px) {
  /* line 19, app/assets/stylesheets/new/components/admin/establishment-block.sass */
  .establishment-block__fg3 {
    min-width: 100%;
  }
}

/* line 23, app/assets/stylesheets/new/components/admin/establishment-block.sass */
.establishment-block__fg2 {
  -ms-flex-positive: 2;
      flex-grow: 2;
}

@media screen and (max-width: 1024px) {
  /* line 23, app/assets/stylesheets/new/components/admin/establishment-block.sass */
  .establishment-block__fg2 {
    min-width: 100%;
  }
}

/* line 27, app/assets/stylesheets/new/components/admin/establishment-block.sass */
.establishment-block__fg6 {
  -ms-flex-positive: 6;
      flex-grow: 6;
}

@media screen and (max-width: 1024px) {
  /* line 27, app/assets/stylesheets/new/components/admin/establishment-block.sass */
  .establishment-block__fg6 {
    min-width: 100%;
  }
}

/* line 32, app/assets/stylesheets/new/components/admin/establishment-block.sass */
.establishment-block__card {
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}

/* line 36, app/assets/stylesheets/new/components/admin/establishment-block.sass */
.establishment-block__card__item {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

/* line 39, app/assets/stylesheets/new/components/admin/establishment-block.sass */
.establishment-block__header {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #334249;
}

/* line 46, app/assets/stylesheets/new/components/admin/establishment-block.sass */
.establishment-block__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 10px;
}

/* line 50, app/assets/stylesheets/new/components/admin/establishment-block.sass */
.establishment-block__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 5px;
}

/* line 54, app/assets/stylesheets/new/components/admin/establishment-block.sass */
.establishment-block__title {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #ACB5BD;
}

/* line 61, app/assets/stylesheets/new/components/admin/establishment-block.sass */
.establishment-block__value {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 38px;
  color: #0984FF;
}

/* line 1, app/assets/stylesheets/new/components/admin/expand-dropdown.sass */
.expand-dropdown {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 5, app/assets/stylesheets/new/components/admin/expand-dropdown.sass */
.expand-dropdown-icon {
  font-size: 16px;
}

/* line 7, app/assets/stylesheets/new/components/admin/expand-dropdown.sass */
.expand-dropdown-list {
  list-style-type: none;
  position: absolute;
  top: 36px;
  right: -6px;
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  border-radius: 16px;
  padding: 8px;
  overflow-y: scroll;
  max-height: 400px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-direction: column;
      flex-direction: column;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.1), 0px 0px 4px rgba(0, 0, 0, 0.1);
  gap: 2px;
}

/* line 24, app/assets/stylesheets/new/components/admin/expand-dropdown.sass */
.expand-dropdown-item {
  padding: 0px;
  position: static;
  font-size: 21px;
  white-space: nowrap;
  line-height: 21px;
}

/* line 30, app/assets/stylesheets/new/components/admin/expand-dropdown.sass */
.expand-dropdown-link {
  padding: 12px 16px;
  border-radius: 8px;
  cursor: pointer;
}

/* line 34, app/assets/stylesheets/new/components/admin/expand-dropdown.sass */
.expand-dropdown-link:hover {
  background-color: rgba(9, 132, 255, 0.1);
  color: #334249;
}

/* line 37, app/assets/stylesheets/new/components/admin/expand-dropdown.sass */
.expand-dropdown-link.active {
  background-color: #0984FF;
  color: #F8F9FA;
}

/* line 1, app/assets/stylesheets/new/components/admin/flex.sass */
.flex {
  display: -ms-flexbox;
  display: flex;
}

/* line 3, app/assets/stylesheets/new/components/admin/flex.sass */
.flex.align-right {
  -ms-flex-pack: end;
      justify-content: end;
}

/* line 5, app/assets/stylesheets/new/components/admin/flex.sass */
.flex.align-left {
  -ms-flex-pack: start;
      justify-content: start;
}

/* line 7, app/assets/stylesheets/new/components/admin/flex.sass */
.flex.space-between {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/* line 1, app/assets/stylesheets/new/components/admin/lecturers.sass */
.lecturers {
  width: 100%;
  max-width: 500px;
}

/* line 5, app/assets/stylesheets/new/components/admin/lecturers.sass */
.lecturers__list {
  margin-top: 10px;
}

/* line 8, app/assets/stylesheets/new/components/admin/lecturers.sass */
.lecturers-item {
  padding: 10px 20px;
  border: 1px solid gray;
  border-radius: 8px;
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

/* line 17, app/assets/stylesheets/new/components/admin/lecturers.sass */
.lecturers-item:last-child {
  margin-bottom: 0;
}

/* line 20, app/assets/stylesheets/new/components/admin/lecturers.sass */
.lecturers-item__title {
  display: -ms-flexbox;
  display: flex;
}

/* line 23, app/assets/stylesheets/new/components/admin/lecturers.sass */
.lecturers-item__email {
  color: #ababab;
  margin-left: 10px;
}

/* line 27, app/assets/stylesheets/new/components/admin/lecturers.sass */
.lecturers-item__remove {
  width: 15px;
  height: 15px;
  cursor: pointer;
}

/* line 3, app/assets/stylesheets/new/components/admin/mergins.sass */
.mt-5 {
  margin-top: 5px;
}

/* line 5, app/assets/stylesheets/new/components/admin/mergins.sass */
.mt-10 {
  margin-top: 10px;
}

/* line 7, app/assets/stylesheets/new/components/admin/mergins.sass */
.mt-20 {
  margin-top: 20px;
}

/* line 9, app/assets/stylesheets/new/components/admin/mergins.sass */
.mt-40 {
  margin-top: 40px;
}

/* line 12, app/assets/stylesheets/new/components/admin/mergins.sass */
.mb-5 {
  margin-bottom: 5px;
}

/* line 14, app/assets/stylesheets/new/components/admin/mergins.sass */
.mb-10 {
  margin-bottom: 10px;
}

/* line 16, app/assets/stylesheets/new/components/admin/mergins.sass */
.mb-20 {
  margin-bottom: 20px;
}

/* line 18, app/assets/stylesheets/new/components/admin/mergins.sass */
.mb-40 {
  margin-bottom: 40px;
}

/* line 20, app/assets/stylesheets/new/components/admin/mergins.sass */
.h-m-10 {
  margin-left: 10px;
  margin-right: 10px;
}

/* line 1, app/assets/stylesheets/new/components/admin/prev-next-project-links.sass */
.prev-next-project-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 70px;
}

/* line 5, app/assets/stylesheets/new/components/admin/prev-next-project-links.sass */
.prev-next-project-links .prev-project, .prev-next-project-links .next-project {
  opacity: 0.4;
  cursor: not-allowed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #ACB5BD;
}

/* line 16, app/assets/stylesheets/new/components/admin/prev-next-project-links.sass */
.prev-next-project-links .prev-project .underline, .prev-next-project-links .next-project .underline {
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

/* line 19, app/assets/stylesheets/new/components/admin/prev-next-project-links.sass */
.prev-next-project-links .prev-project-icon, .prev-next-project-links .next-project-icon {
  line-height: 16px;
}

/* line 21, app/assets/stylesheets/new/components/admin/prev-next-project-links.sass */
.prev-next-project-links .prev-project.active, .prev-next-project-links .next-project.active {
  opacity: 1;
  cursor: pointer;
}

/* line 25, app/assets/stylesheets/new/components/admin/prev-next-project-links.sass */
.prev-next-project-links .prev-project.active:hover, .prev-next-project-links .next-project.active:hover {
  color: #7e8388;
}

/* line 27, app/assets/stylesheets/new/components/admin/prev-next-project-links.sass */
.prev-next-project-links .prev-project.active:hover .prev-project-icon, .prev-next-project-links .prev-project.active:hover .next-project-icon, .prev-next-project-links .next-project.active:hover .prev-project-icon, .prev-next-project-links .next-project.active:hover .next-project-icon {
  fill: #7e8388;
}

/* line 1, app/assets/stylesheets/new/components/admin/section-settings.sass */
.section-settings {
  max-width: 500px;
}

/* line 1, app/assets/stylesheets/new/components/admin/sort-status.sass */
.sort-status {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 10, app/assets/stylesheets/new/components/admin/sort-status.sass */
.sort-status.asc {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
  border: 1px solid rgba(9, 132, 255, 0.1);
}

/* line 13, app/assets/stylesheets/new/components/admin/sort-status.sass */
.sort-status.desc {
  border: 1px solid rgba(9, 132, 255, 0.1);
}

/* line 15, app/assets/stylesheets/new/components/admin/sort-status.sass */
.sort-status:hover {
  background: rgba(9, 132, 255, 0.1);
}

/* line 2, app/assets/stylesheets/new/components/admin/step-title.sass */
.step-title {
  font-size: 16px;
  line-height: 20px;
  color: #0984FF;
  margin-bottom: 40px;
  margin-top: 20px;
}

/* line 8, app/assets/stylesheets/new/components/admin/step-title.sass */
.step-title__status {
  font-weight: 400;
}

/* line 10, app/assets/stylesheets/new/components/admin/step-title.sass */
.step-title__text {
  font-weight: 500;
}

/* line 1, app/assets/stylesheets/new/components/admin/table-title.sass */
.table-title {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-align: center;
      align-items: center;
}

/* line 5, app/assets/stylesheets/new/components/admin/table-title.sass */
.table-title.text {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #37474F;
}

/* line 2, app/assets/stylesheets/new/components/admin/team-members-modal.sass */
.team-members-modal__loading, .team-members-modal__title {
  margin-top: 40px;
  margin-bottom: 20px;
}

/* line 5, app/assets/stylesheets/new/components/admin/team-members-modal.sass */
.team-members-modal__title {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #37474F;
}

/* line 12, app/assets/stylesheets/new/components/admin/team-members-modal.sass */
.team-members-modal__avatar {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-align: center;
      align-items: center;
}

/* line 16, app/assets/stylesheets/new/components/admin/team-members-modal.sass */
.team-members-modal__value {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #37474F;
}

/* line 23, app/assets/stylesheets/new/components/admin/team-members-modal.sass */
.team-members-modal__row {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 1, app/assets/stylesheets/new/components/admin/text.sass */
.step-two-classname,
.header-classname {
  font-weight: 700;
  font-size: 50px;
  line-height: 68px;
  color: #0984FF;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 10px;
}

/* line 10, app/assets/stylesheets/new/components/admin/text.sass */
.header-classname {
  color: #334249;
}

/* line 12, app/assets/stylesheets/new/components/admin/text.sass */
.step-two-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #ACB5BD;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 40px;
}

/* line 20, app/assets/stylesheets/new/components/admin/text.sass */
.description {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #334249;
}

/* line 25, app/assets/stylesheets/new/components/admin/text.sass */
.nowrap {
  white-space: nowrap;
}

/* line 27, app/assets/stylesheets/new/components/admin/text.sass */
.delete-title {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #f71f1f;
  cursor: pointer;
}

/* line 35, app/assets/stylesheets/new/components/admin/text.sass */
.delete-title--disabled {
  color: #ACB5BD;
  cursor: not-allowed;
}

/* line 2, app/assets/stylesheets/new/components/admin/user-list.sass */
.user-list-row {
  margin-bottom: 10px;
}

/* line 4, app/assets/stylesheets/new/components/admin/user-list.sass */
.user-list-action-delete {
  text-align: right;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #FF463A;
  cursor: pointer;
}

/* line 11, app/assets/stylesheets/new/components/admin/user-list.sass */
.user-list-title {
  font-size: 16px;
  line-height: 22px;
  color: #334249;
  margin-bottom: 10px;
}

/* line 16, app/assets/stylesheets/new/components/admin/user-list.sass */
.user-list__fullname {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #334249;
}

/* line 21, app/assets/stylesheets/new/components/admin/user-list.sass */
.user-list-item-info {
  color: #334249;
}

/* line 23, app/assets/stylesheets/new/components/admin/user-list.sass */
.user-list-item-info .user-list__fullname {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}

/* line 27, app/assets/stylesheets/new/components/admin/user-list.sass */
.user-list-item-info .user-list__email {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

/* line 1, app/assets/stylesheets/new/components/admin/view-portfolio-section.sass */
.view-portfolio-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
  margin-bottom: 40px;
}

/* line 6, app/assets/stylesheets/new/components/admin/view-portfolio-section.sass */
.view-portfolio-section .button-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 13px;
}

/* line 10, app/assets/stylesheets/new/components/admin/view-portfolio-section.sass */
.view-portfolio-section .header-portfolio {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #334249;
}

/* line 17, app/assets/stylesheets/new/components/admin/view-portfolio-section.sass */
.view-portfolio-section .download-pdf {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #0984FF;
  border: 2px solid rgba(9, 132, 255, 0.1);
  border-radius: 8px;
  padding: 13px 25px;
  cursor: pointer;
  background: transparent;
}

/* line 29, app/assets/stylesheets/new/components/admin/view-portfolio-section.sass */
.view-portfolio-section .download-pdf:hover {
  border: 2px solid #0984ff;
}

/* line 1, app/assets/stylesheets/new/components/alert.sass */
.alert {
  padding: 40px;
  min-height: 200px;
}

/* line 8, app/assets/stylesheets/new/components/alert.sass */
.alert-link {
  color: #0984FF;
}

/* line 1, app/assets/stylesheets/new/components/arrows.sass */
.arrows {
  display: -ms-flexbox;
  display: flex;
}

/* line 4, app/assets/stylesheets/new/components/arrows.sass */
.arrows__left, .arrows__right {
  color: #334249;
  font-size: 25px;
  cursor: pointer;
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  background-color: transparent;
  border: none;
}

/* line 15, app/assets/stylesheets/new/components/arrows.sass */
.arrows__left--not-active, .arrows__right--not-active {
  color: #ACB5BD;
}

/* line 18, app/assets/stylesheets/new/components/arrows.sass */
.arrows__left {
  margin-right: 10px;
  -ms-transform: rotate(270deg);
      transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
}

/* line 23, app/assets/stylesheets/new/components/arrows.sass */
.arrows__right {
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  margin-top: 2px;
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-account.sass */
.bmc-account {
  padding: 40px;
  background-color: white;
  border-radius: 16px;
  width: calc(100% - 200px);
}

@media screen and (max-width: 480px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-account.sass */
  .bmc-account {
    padding: 20px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-account.sass */
  .bmc-account {
    width: 100% !important;
  }
}

@media screen and (max-width: 320px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-account.sass */
  .bmc-account {
    padding: 10px;
  }
}

/* line 16, app/assets/stylesheets/new/components/bmc/bmc-account.sass */
.bmc-account-dropzone {
  width: 40%;
}

@media screen and (max-width: 1024px) {
  /* line 16, app/assets/stylesheets/new/components/bmc/bmc-account.sass */
  .bmc-account-dropzone {
    width: 100% !important;
  }
}

/* line 22, app/assets/stylesheets/new/components/bmc/bmc-account.sass */
.bmc-account-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 40px 80px 40px 70px;
  min-height: calc(100vh - 75px);
}

@media screen and (max-width: 768px) {
  /* line 22, app/assets/stylesheets/new/components/bmc/bmc-account.sass */
  .bmc-account-container {
    margin-bottom: 80px;
    padding: 20px;
  }
}

@media screen and (max-width: 320px) {
  /* line 22, app/assets/stylesheets/new/components/bmc/bmc-account.sass */
  .bmc-account-container {
    padding: 10px;
  }
}

/* line 38, app/assets/stylesheets/new/components/bmc/bmc-account.sass */
.bmc-account-header {
  width: 100%;
  font-weight: 600;
  font-size: 50px;
  line-height: 68px;
  margin-bottom: 20px;
}

@media screen and (max-width: 480px) {
  /* line 38, app/assets/stylesheets/new/components/bmc/bmc-account.sass */
  .bmc-account-header {
    font-size: 38px;
    line-height: 52px;
  }
}

/* line 53, app/assets/stylesheets/new/components/bmc/bmc-account.sass */
.bmc-account-personal-info {
  width: calc(60% - 40px);
  margin-right: 40px;
}

@media screen and (max-width: 1024px) {
  /* line 53, app/assets/stylesheets/new/components/bmc/bmc-account.sass */
  .bmc-account-personal-info {
    width: 100% !important;
    margin-bottom: 20px;
  }
}

/* line 61, app/assets/stylesheets/new/components/bmc/bmc-account.sass */
.bmc-account-link {
  padding: 10px 20px;
}

@media screen and (max-width: 550px) {
  /* line 61, app/assets/stylesheets/new/components/bmc/bmc-account.sass */
  .bmc-account-link {
    width: 100%;
    display: block;
  }
}

/* line 68, app/assets/stylesheets/new/components/bmc/bmc-account.sass */
.bmc-account-email-field {
  width: 60% !important;
}

@media screen and (max-width: 1024px) {
  /* line 68, app/assets/stylesheets/new/components/bmc/bmc-account.sass */
  .bmc-account-email-field {
    width: 100% !important;
  }
}

@media screen and (max-width: 1024px) {
  /* line 74, app/assets/stylesheets/new/components/bmc/bmc-account.sass */
  .bmc-account-email-field-100 {
    width: 100% !important;
    display: block;
  }
}

/* line 80, app/assets/stylesheets/new/components/bmc/bmc-account.sass */
.bmc-account-password-field {
  width: calc(45% - 15px) !important;
  margin-right: 40px;
}

@media screen and (max-width: 1024px) {
  /* line 80, app/assets/stylesheets/new/components/bmc/bmc-account.sass */
  .bmc-account-password-field {
    width: 100% !important;
  }
}

@media screen and (max-width: 1024px) {
  /* line 87, app/assets/stylesheets/new/components/bmc/bmc-account.sass */
  .bmc-account-password-field--confirm {
    margin-top: 20px;
  }
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button {
  border-radius: 8px;
  border: none;
  line-height: 20px;
  height: 45px;
  cursor: pointer;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: inherit;
  text-decoration: none;
  -ms-flex-align: center;
      align-items: center;
}

/* line 16, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button-active {
  outline: 1px solid blue;
  border-radius: 8px;
}

/* line 20, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button > * {
  display: inline-block;
  vertical-align: middle;
}

/* line 24, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button span {
  text-align: left;
}

/* line 27, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button:hover {
  text-decoration: none;
}

/* line 32, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--with-icon {
  color: #0984FF;
  background-color: white;
  border: #e6f3ff solid 2px;
  padding: 0 15px;
}

/* line 38, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--with-icon:hover {
  border: #0984FF solid 2px;
}

/* line 41, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--with-icon:active {
  background: rgba(9, 132, 255, 0.1);
}

/* line 44, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--with-icon i {
  font-size: 22px;
  margin-right: 10px;
}

/* line 48, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--next {
  min-width: 106px;
}

/* line 51, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--start {
  width: 127px;
}

/* line 56, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--disabled {
  background-color: rgba(9, 132, 255, 0.1) !important;
  color: white;
  cursor: not-allowed;
}

/* line 61, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--primary {
  background-color: #0984FF;
  color: white;
}

/* line 65, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--primary:hover {
  background-color: #49a4ff;
}

/* line 68, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--primary.bmc-button--share {
  padding: 13px 25px;
  font-size: 16px;
}

/* line 72, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--ghost-danger {
  background-color: white;
  color: #f71f1f;
}

/* line 76, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--ghost-danger:hover {
  background-color: #E7E6E6;
}

/* line 79, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--blue {
  border: 2px solid rgba(9, 132, 255, 0.1);
  color: #0984FF;
}

/* line 83, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--blue:hover {
  border: #0984FF solid 2px;
  background: rgba(248, 249, 250, 0.2);
}

/* line 87, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--orange {
  border: 2px solid rgba(221, 226, 229, 0.5);
}

/* line 90, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--orange:hover {
  border: white solid 2px;
  background: rgba(248, 249, 250, 0.2);
}

/* line 94, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--violet {
  border: 2px solid #8b89de;
}

/* line 97, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--violet:hover {
  border: white solid 2px;
  background: rgba(248, 249, 250, 0.2);
}

/* line 101, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--green {
  border: #59c3d4 solid 2px;
}

/* line 104, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--green:hover {
  border: white solid 2px;
  background: rgba(248, 249, 250, 0.2);
}

/* line 108, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--testing-icon {
  border: 2px solid rgba(221, 226, 229, 0.5);
}

/* line 111, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--testing-icon svg {
  margin-right: 10px;
}

/* line 114, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--testing-icon:hover {
  border: white solid 2px;
}

/* line 119, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--wide {
  width: 100%;
  padding: 6px 0;
}

/* line 123, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--wide i {
  font-size: 28px;
  margin-right: 10px;
}

/* line 127, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--height-auto {
  height: auto;
}

/* line 130, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--align-left {
  text-align: left;
}

/* line 133, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--align-left span {
  width: 70%;
}

/* line 136, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--align-left i {
  margin-left: 10px;
}

/* line 139, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--just-icon {
  width: 45px;
  padding: 0;
}

/* line 143, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--just-icon i {
  font-size: 25px;
}

/* line 146, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--sign-up {
  padding: 0 25px;
  background: #FFFFFF;
  color: #0984FF;
  width: 100%;
}

@media screen and (max-width: 768px) {
  /* line 146, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
  .bmc-button--sign-up {
    padding: 10px 15px;
    height: auto;
  }
  /* line 155, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
  .bmc-button--sign-up span {
    text-align: center;
  }
}

/* line 158, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--sign-up-outlined {
  padding: 0 25px;
  border: 2px solid #DDE2E5;
  color: #F8F9FA;
  background: none;
}

@media screen and (max-width: 768px) {
  /* line 158, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
  .bmc-button--sign-up-outlined {
    padding: 10px 15px;
    height: auto;
  }
  /* line 168, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
  .bmc-button--sign-up-outlined span {
    text-align: center;
  }
}

/* line 171, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--sign-up-outlined:last-child {
  background: #FFFFFF;
  color: #0984FF;
}

/* line 175, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--sign-up:hover {
  background: #F8F9FA;
  opacity: 0.8;
}

/* line 179, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--sign-up.bmc-button--disabled {
  background: #F8F9FA !important;
  opacity: 0.3;
  cursor: default;
}

/* line 184, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--preview {
  color: #0984FF;
  background-color: white;
  border: rgba(9, 132, 255, 0.1) solid 2px;
  padding: 13px 25px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 10px;
  font-size: 16px;
}

/* line 194, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--preview:hover {
  border: #0984FF solid 2px;
}

/* line 197, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--preview:active {
  background: rgba(9, 132, 255, 0.1);
}

/* line 200, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--colourful {
  color: #FFFFFF;
  line-height: 20;
  padding: 20.263px 35.46px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-family: Open Sans;
  font-size: 16px;
}

/* line 210, app/assets/stylesheets/new/components/bmc/bmc-button.sass */
.bmc-button--colourful:hover, .bmc-button--colourful:active {
  background: rgba(9, 132, 255, 0.1);
}

/* line 2, app/assets/stylesheets/new/components/bmc/bmc-canvas-container.sass */
.bmc-canvas-container-block {
  margin-left: 80px;
  width: calc(100% - 80px);
  display: inline-block;
  vertical-align: top;
  background-color: #f4f5f7;
}

@media screen and (max-width: 768px) {
  /* line 2, app/assets/stylesheets/new/components/bmc/bmc-canvas-container.sass */
  .bmc-canvas-container-block {
    margin-left: 0;
    width: 100%;
  }
}

/* line 13, app/assets/stylesheets/new/components/bmc/bmc-canvas-container.sass */
.bmc-canvas-container-block-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: calc(100vh - 75px);
}

/* line 17, app/assets/stylesheets/new/components/bmc/bmc-canvas-container.sass */
.bmc-canvas-container-block-section__chat {
  background-color: #ffffff;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  border-top: 1px solid #F6F6F6;
}

/* line 24, app/assets/stylesheets/new/components/bmc/bmc-canvas-container.sass */
.bmc-canvas-container-block-section__content {
  -ms-flex: 1;
      flex: 1;
  height: 100%;
  overflow: auto;
}

/* line 28, app/assets/stylesheets/new/components/bmc/bmc-canvas-container.sass */
.bmc-canvas-container-block-content {
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh - 75px);
  overflow: auto;
}

/* line 32, app/assets/stylesheets/new/components/bmc/bmc-canvas-container.sass */
.bmc-canvas-container-block-top {
  height: 75px;
  width: 100%;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05), 8px 8px 16px rgba(0, 0, 0, 0.05);
  background-color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/* line 40, app/assets/stylesheets/new/components/bmc/bmc-canvas-container.sass */
.bmc-canvas-container-block-title {
  height: 100%;
  display: inline-block;
  padding: 23px 0;
  margin-left: 70px;
  width: calc(100% - 400px);
}

@media screen and (max-width: 1280px) {
  /* line 40, app/assets/stylesheets/new/components/bmc/bmc-canvas-container.sass */
  .bmc-canvas-container-block-title {
    margin-left: 30px;
    width: calc(100% - 350px);
  }
}

@media screen and (max-width: 768px) {
  /* line 40, app/assets/stylesheets/new/components/bmc/bmc-canvas-container.sass */
  .bmc-canvas-container-block-title {
    margin-left: 20px;
    width: calc(100% - 110px);
  }
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-canvas-menu.sass */
.bmc-canvas-menu-logo {
  display: block;
}

/* line 4, app/assets/stylesheets/new/components/bmc/bmc-canvas-menu.sass */
.bmc-canvas-menu {
  position: fixed;
  background-color: #0984FF;
  width: 80px;
  min-height: 100vh;
  display: inline-block;
  z-index: 100;
}

@media screen and (max-width: 768px) {
  /* line 4, app/assets/stylesheets/new/components/bmc/bmc-canvas-menu.sass */
  .bmc-canvas-menu {
    display: none;
  }
}

/* line 15, app/assets/stylesheets/new/components/bmc/bmc-canvas-menu.sass */
.bmc-canvas-menu-logo {
  height: 75px;
  margin-bottom: 35px;
  text-align: center;
  color: white;
  padding-top: 20px;
}

/* line 22, app/assets/stylesheets/new/components/bmc/bmc-canvas-menu.sass */
.bmc-canvas-menu-logo i {
  font-size: 35px;
}

/* line 25, app/assets/stylesheets/new/components/bmc/bmc-canvas-menu.sass */
.bmc-canvas-menu a {
  text-decoration: none;
}

/* line 28, app/assets/stylesheets/new/components/bmc/bmc-canvas-menu.sass */
.bmc-canvas-menu-item {
  margin-bottom: 10px;
  padding: 0;
  position: relative;
  border: none;
  border-radius: 8px;
}

@media screen and (max-width: 768px) {
  /* line 28, app/assets/stylesheets/new/components/bmc/bmc-canvas-menu.sass */
  .bmc-canvas-menu-item {
    padding: 0 5px;
  }
}

/* line 40, app/assets/stylesheets/new/components/bmc/bmc-canvas-menu.sass */
.bmc-canvas-menu-item:hover .bmc-canvas-menu-item-tooltip {
  display: block;
}

/* line 43, app/assets/stylesheets/new/components/bmc/bmc-canvas-menu.sass */
.bmc-canvas-menu-item:hover .bmc-canvas-menu-item-icon::after {
  display: block;
  width: 2px;
  left: -17px;
}

/* line 49, app/assets/stylesheets/new/components/bmc/bmc-canvas-menu.sass */
.bmc-canvas-menu-item--active .bmc-canvas-menu-item-icon {
  background-color: white;
  border: none;
  position: relative;
  padding: 10px;
}

/* line 55, app/assets/stylesheets/new/components/bmc/bmc-canvas-menu.sass */
.bmc-canvas-menu-item--active .bmc-canvas-menu-item-icon::after {
  display: block;
  left: -15px !important;
  width: 4px !important;
}

/* line 60, app/assets/stylesheets/new/components/bmc/bmc-canvas-menu.sass */
.bmc-canvas-menu-item--active .bmc-canvas-menu-item-icon path {
  fill: #0984FF;
}

/* line 63, app/assets/stylesheets/new/components/bmc/bmc-canvas-menu.sass */
.bmc-canvas-menu-item-tooltip {
  display: none;
  color: white;
  background-color: #37474F;
  padding: 5px 15px;
  position: absolute;
  border-radius: 8px;
  top: 9px;
  left: 90px;
  z-index: 1000;
}

/* line 74, app/assets/stylesheets/new/components/bmc/bmc-canvas-menu.sass */
.bmc-canvas-menu-item-tooltip::after {
  content: '';
  position: absolute;
  top: 11px;
  left: -5px;
  width: 10px;
  height: 10px;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  background-color: #37474F;
}

/* line 84, app/assets/stylesheets/new/components/bmc/bmc-canvas-menu.sass */
.bmc-canvas-menu-item-icon {
  background-color: #0984FF;
  border-radius: 8px;
  border: 2px solid rgba(248, 249, 250, 0.5);
  width: 50px;
  height: 50px;
  text-align: center;
  padding: 8px;
  cursor: pointer;
  position: relative;
}

/* line 95, app/assets/stylesheets/new/components/bmc/bmc-canvas-menu.sass */
.bmc-canvas-menu-item-icon:active {
  background: rgba(248, 249, 250, 0.2);
}

/* line 98, app/assets/stylesheets/new/components/bmc/bmc-canvas-menu.sass */
.bmc-canvas-menu-item-icon::after {
  display: none;
  content: '';
  position: absolute;
  top: 0;
  left: -15px;
  height: 100%;
  width: 4px;
  background-color: white;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* line 110, app/assets/stylesheets/new/components/bmc/bmc-canvas-menu.sass */
.bmc-canvas-menu-item-icon path {
  fill: white;
}

/* line 113, app/assets/stylesheets/new/components/bmc/bmc-canvas-menu.sass */
.bmc-canvas-menu-buttons-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-canvas-mobile-menu.sass */
.bmc-canvas-mobile-menu {
  display: none;
  width: 100%;
  height: 78px;
  position: fixed;
  bottom: 0;
  background-color: white;
  padding: 4px 10px;
  -ms-flex-pack: center;
      justify-content: center;
  z-index: 100;
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-canvas-mobile-menu.sass */
  .bmc-canvas-mobile-menu {
    display: -ms-flexbox;
    display: flex;
  }
}

/* line 15, app/assets/stylesheets/new/components/bmc/bmc-canvas-mobile-menu.sass */
.bmc-canvas-mobile-menu a {
  margin-right: 10px;
  text-decoration: none;
}

/* line 19, app/assets/stylesheets/new/components/bmc/bmc-canvas-mobile-menu.sass */
.bmc-canvas-mobile-menu a:last-child {
  margin-right: 0;
}

@media screen and (max-width: 360px) {
  /* line 15, app/assets/stylesheets/new/components/bmc/bmc-canvas-mobile-menu.sass */
  .bmc-canvas-mobile-menu a {
    margin-right: 0;
  }
}

/* line 25, app/assets/stylesheets/new/components/bmc/bmc-canvas-mobile-menu.sass */
.bmc-canvas-mobile-menu-item {
  width: 80px;
  height: 70px;
  border-radius: 8px;
  background-color: white;
  padding: 8px 0;
}

/* line 32, app/assets/stylesheets/new/components/bmc/bmc-canvas-mobile-menu.sass */
.bmc-canvas-mobile-menu-item--active {
  background-color: #007AFF;
}

/* line 36, app/assets/stylesheets/new/components/bmc/bmc-canvas-mobile-menu.sass */
.bmc-canvas-mobile-menu-item--active .bmc-canvas-mobile-menu-item-icon path {
  fill: white;
}

/* line 39, app/assets/stylesheets/new/components/bmc/bmc-canvas-mobile-menu.sass */
.bmc-canvas-mobile-menu-item--active .bmc-canvas-mobile-menu-item-title {
  color: white;
}

/* line 42, app/assets/stylesheets/new/components/bmc/bmc-canvas-mobile-menu.sass */
.bmc-canvas-mobile-menu-item-icon {
  color: #007AFF;
  text-align: center;
}

/* line 46, app/assets/stylesheets/new/components/bmc/bmc-canvas-mobile-menu.sass */
.bmc-canvas-mobile-menu-item-icon path {
  fill: #007AFF;
}

/* line 49, app/assets/stylesheets/new/components/bmc/bmc-canvas-mobile-menu.sass */
.bmc-canvas-mobile-menu-item-title {
  text-align: center;
  color: white;
  text-decoration: none;
  color: #007AFF;
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas {
  margin: 20px auto 0 auto;
  max-width: 1280px;
}

@media screen and (max-width: 320px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas {
    margin-top: 10px;
  }
}

@media screen and (max-width: 1280px) {
  /* line 8, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--scrollable-portfolio-edit {
    overflow: auto;
    margin: 44px -35px 0;
  }
  /* line 13, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--scrollable-portfolio-edit .bmc-canvas-row {
    max-width: 1280px;
    margin: 0 35px;
  }
}

@media screen and (max-width: 768px) {
  /* line 8, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--scrollable-portfolio-edit {
    margin: 20px -20px 0;
  }
  /* line 20, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--scrollable-portfolio-edit .bmc-canvas-row {
    margin: 0 20px;
  }
}

@media screen and (max-width: 1280px) {
  /* line 23, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--scrollable-portfolio-web {
    overflow: auto;
    margin: 0 -80px;
  }
  /* line 28, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--scrollable-portfolio-web .bmc-canvas-row {
    width: 1440px;
    margin: 0 80px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 23, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--scrollable-portfolio-web {
    margin: 0 -40px;
  }
  /* line 35, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--scrollable-portfolio-web .bmc-canvas-row {
    margin: 0 40px;
  }
}

@media screen and (max-width: 480px) {
  /* line 23, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--scrollable-portfolio-web {
    margin: 0 -20px;
  }
  /* line 41, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--scrollable-portfolio-web .bmc-canvas-row {
    margin: 0 20px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 47, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--mobile .bmc-canvas-column-1 {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-order: 5;
        order: 5;
    width: calc(100% - 10px - (100% - 20px) / 3);
    margin: 0;
  }
}

@media screen and (max-width: 1024px) and (max-width: 768px) {
  /* line 47, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--mobile .bmc-canvas-column-1 {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

@media screen and (max-width: 1024px) {
  /* line 56, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--mobile .bmc-canvas-column-2 {
    -ms-flex-order: 2;
        order: 2;
    width: calc((100% - 20px) / 3);
    margin: 0;
  }
  /* line 61, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--mobile .bmc-canvas-column-0 {
    -ms-flex-order: 4;
        order: 4;
    width: calc((100% - 20px) / 3);
    margin: 0;
  }
  /* line 66, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--mobile .bmc-canvas-column-3 {
    -ms-flex-order: 1;
        order: 1;
    width: calc((100% - 20px) / 3);
    margin: 0;
  }
  /* line 71, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--mobile .bmc-canvas-column-4 {
    -ms-flex-order: 3;
        order: 3;
    width: calc((100% - 20px) / 3);
    margin: 0;
  }
}

@media screen and (max-width: 1024px) and (max-width: 768px) {
  /* line 71, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--mobile .bmc-canvas-column-4 {
    -ms-flex-order: 0;
        order: 0;
  }
}

@media screen and (max-width: 768px) {
  /* line 45, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--mobile .bmc-canvas-column {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  /* line 84, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--mobile .bmc-canvas-row-1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

@media screen and (max-width: 1024px) {
  /* line 92, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--mobile .bmc-canvas-section-1 {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) and (max-width: 768px) {
  /* line 92, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--mobile .bmc-canvas-section-1 {
    -ms-flex-order: 6;
        order: 6;
  }
}

@media screen and (max-width: 1024px) {
  /* line 98, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--mobile .bmc-canvas-section-2 {
    width: 100%;
  }
  /* line 101, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--mobile .bmc-canvas-section-3 {
    width: 100%;
  }
  /* line 104, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--mobile .bmc-canvas-section-4, .bmc-canvas--mobile .bmc-canvas-section-5 {
    height: 540px;
    width: 50%;
  }
}

@media screen and (max-width: 768px) {
  /* line 90, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--mobile .bmc-canvas-section {
    width: 100%;
    margin-bottom: 10px;
    height: calc(50vh - 75px);
  }
}

@media screen and (max-width: 768px) {
  /* line 117, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas--mobile .bmc-canvas-row > .bmc-canvas-column--bottom {
    width: 100%;
  }
}

/* line 121, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-column {
  width: calc((100% - 40px) / 5);
  margin-right: 10px;
}

/* line 125, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-row {
  margin-bottom: 5px;
}

/* line 128, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-row > .bmc-canvas-section, .bmc-canvas-row .bmc-canvas-column {
  display: inline-block;
  vertical-align: top;
}

/* line 133, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-row > .bmc-canvas-column--bottom {
  width: calc((100% - 20px) / 3);
}

/* line 136, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-row > .bmc-canvas-column--bottom .bmc-canvas-section--wide {
  width: 100%;
}

/* line 139, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-row > .bmc-canvas-column:last-child {
  margin-right: 0;
}

/* line 142, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section {
  padding: 10px;
  background-color: white;
  border-radius: 16px;
  margin-right: 10px;
  height: 540px;
}

/* line 149, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--starting {
  border: 4px solid #0984FF;
  padding: 6px;
  cursor: pointer;
}

/* line 154, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--dark {
  background-color: #F8F9FA;
}

/* line 157, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--dark .bmc-canvas-section-items-item:hover {
  background-color: white;
}

/* line 160, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section:last-child {
  margin-right: 0;
}

/* line 166, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--orange .bmc-canvas-section-header-icon {
  background-color: rgba(255, 109, 0, 0.1);
  color: #FF6D00;
  fill: #FF6D00;
}

/* line 171, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--orange .bmc-canvas-section-header-title:hover {
  opacity: 0.5;
}

/* line 174, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--orange .bmc-canvas-section-progress-bar {
  background-color: #FF6D00;
}

/* line 180, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--green .bmc-canvas-section-header-icon {
  background-color: rgba(0, 175, 201, 0.1);
  color: #00afc9;
  fill: #00afc9;
}

/* line 185, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--green .bmc-canvas-section-header-title:hover {
  opacity: 0.5;
}

/* line 188, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--green .bmc-canvas-section-progress-bar {
  background-color: #00afc9;
}

@media screen and (max-width: 768px) {
  /* line 193, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas-section--violet:nth-child(2) {
    -ms-flex-order: 3;
        order: 3;
  }
}

/* line 198, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--violet .bmc-canvas-section-header-icon {
  background-color: rgba(97, 91, 220, 0.1);
  color: #615BDC;
  fill: #615BDC;
}

/* line 203, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--violet .bmc-canvas-section-header-title:hover {
  opacity: 0.5;
}

/* line 206, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--violet .bmc-canvas-section-progress-bar {
  background-color: #615BDC;
}

/* line 209, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--colourful {
  border: 1px solid #000000;
  border-radius: 16px;
}

/* line 215, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--colourful .bmc-canvas-section-header-title:hover {
  color: #0984FF;
  opacity: 0.5;
}

/* line 219, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--colourful .bmc-canvas-section-items-item {
  box-shadow: none;
}

/* line 222, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--blogFriendly {
  border: 1px solid #000000;
  border-radius: 0;
}

/* line 230, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--blogFriendly .bmc-canvas-section-header-title:hover {
  color: #0984FF;
  opacity: 0.5;
}

/* line 234, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--blogFriendly .bmc-canvas-section-items {
  border-radius: 0;
}

/* line 237, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--blogFriendly .bmc-canvas-section-items-item {
  border-radius: 0;
  box-shadow: none;
}

/* line 241, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--architectural {
  border-radius: 0;
}

/* line 247, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--architectural .bmc-canvas-section-header-title:hover {
  color: #0984FF;
  opacity: 0.5;
}

/* line 251, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--architectural .bmc-canvas-section-items {
  border-radius: 0;
}

/* line 254, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--architectural .bmc-canvas-section-items-item {
  border-radius: 0;
  box-shadow: none;
}

/* line 258, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--tech {
  border-radius: 10px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

/* line 265, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--tech .bmc-canvas-section-header-title:hover {
  color: #0984FF;
  opacity: 0.5;
}

/* line 270, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--tech .bmc-canvas-section-items-item {
  border-radius: 10px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

/* line 274, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--bold {
  border: 1px solid #F8F9FA;
  border-radius: 0;
}

/* line 281, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--bold .bmc-canvas-section-header-title {
  color: #F8F9FA;
  font-family: Kanit;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

/* line 289, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--bold .bmc-canvas-section-header-title:hover {
  color: #0984FF;
  opacity: 0.5;
}

/* line 293, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--bold .bmc-canvas-section-title {
  color: #F8F9FA;
  font-family: Kanit;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

/* line 301, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--bold .bmc-canvas-section-items {
  border-radius: 0;
}

/* line 304, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--bold .bmc-canvas-section-items-item {
  border-radius: 0;
  box-shadow: none;
}

/* line 308, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--skinny {
  width: calc((100% - 40px) / 5);
}

/* line 311, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--wide {
  width: calc((100% - 20px) / 3);
  height: 265px;
}

/* line 316, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section--short {
  width: 100%;
  height: 265px;
  margin-bottom: 10px;
}

/* line 321, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section-suggestion {
  color: #0984FF;
  text-align: center;
  margin-top: 150px;
}

@media screen and (max-width: 768px) {
  /* line 321, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
  .bmc-canvas-section-suggestion {
    margin-top: 25px;
  }
}

/* line 330, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section-header {
  margin-bottom: 10px;
}

/* line 333, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section-header > * {
  display: inline-block;
  vertical-align: middle;
}

/* line 337, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section-header-icon {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  margin-right: 10px;
  padding-top: 2px;
  text-align: center;
}

/* line 345, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section-header-icon i {
  font-size: 25px;
}

/* line 348, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section-header-title {
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
  color: #334249;
  width: calc(100% - 40px);
  overflow: hidden;
  word-break: break-word;
  cursor: pointer;
}

/* line 358, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section-progress {
  width: 100%;
  border-radius: 2px;
  height: 2px;
  background-color: #DDE2E5;
}

/* line 364, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section-progress-bar {
  height: 100%;
  border-radius: 2px;
}

/* line 368, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section-title {
  margin: 0 0 5px 10px;
}

/* line 372, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section-items {
  overflow: auto;
  margin: 0 -10px;
  padding: 10px 10px 20px 10px;
  height: calc(100% - 54px);
}

/* line 378, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section-items::-webkit-scrollbar {
  width: 5px;
}

/* line 381, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section-items::-webkit-scrollbar-thumb {
  border-radius: 3.377px;
  background: #E7E6E6;
  width: 4.5px;
}

/* line 386, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section-items::-webkit-scrollbar-track-piece:end {
  margin-bottom: 10px;
}

/* line 389, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section-items::-webkit-scrollbar-track-piece:start {
  margin-top: 10px;
}

/* line 392, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section-items-item {
  width: 100%;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05), 8px 8px 16px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 10px;
  cursor: pointer;
  margin-bottom: 5px;
  word-wrap: break-word;
  border: none;
  background-color: transparent;
  text-align: start;
}

/* line 404, app/assets/stylesheets/new/components/bmc/bmc-canvas.sass */
.bmc-canvas-section-items-item:hover {
  background-color: #F8F9FA;
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-chart.sass */
.bmc-donut-chart {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
}

/* line 7, app/assets/stylesheets/new/components/bmc/bmc-chart.sass */
.bmc-donut-chart-circle {
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
  -ms-transform-origin: center;
      transform-origin: center;
}

/* line 11, app/assets/stylesheets/new/components/bmc/bmc-chart.sass */
.bmc-donut-chart-inner {
  position: absolute;
  width: 86%;
  height: 86%;
  left: 7%;
  top: 7%;
  border-radius: 50%;
  background-color: white;
  padding: 23px 0;
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-checkbox.sass */
.bmc-checkbox {
  margin: 10px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 5, app/assets/stylesheets/new/components/bmc/bmc-checkbox.sass */
.bmc-checkbox > * {
  display: inline-block;
  vertical-align: middle;
}

/* line 10, app/assets/stylesheets/new/components/bmc/bmc-checkbox.sass */
.bmc-checkbox--checked .bmc-checkbox-switcher {
  border: none;
  background-color: white;
}

/* line 14, app/assets/stylesheets/new/components/bmc/bmc-checkbox.sass */
.bmc-checkbox--checked .bmc-checkbox-switcher:hover {
  background-color: white;
}

/* line 17, app/assets/stylesheets/new/components/bmc/bmc-checkbox.sass */
.bmc-checkbox--checked .bmc-checkbox-title {
  font-weight: bold;
  line-height: 22px;
}

/* line 21, app/assets/stylesheets/new/components/bmc/bmc-checkbox.sass */
.bmc-checkbox-title {
  cursor: pointer;
}

/* line 24, app/assets/stylesheets/new/components/bmc/bmc-checkbox.sass */
.bmc-checkbox-switcher {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  margin-right: 10px;
  background-color: #00afc9;
  border: 2px solid #DDE2E5;
  cursor: pointer;
}

/* line 33, app/assets/stylesheets/new/components/bmc/bmc-checkbox.sass */
.bmc-checkbox-switcher:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* line 2, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-fieldset {
  width: 100%;
  text-align: left;
}

/* line 6, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-title {
  width: 100%;
  text-align: left;
}

/* line 11, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-big-title {
  font-weight: 600;
  font-size: 38px;
  line-height: 52px;
}

@media screen and (max-width: 1024px) {
  /* line 11, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
  .bmc-form-big-title {
    font-size: 28px;
    line-height: 38px;
  }
}

/* line 21, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-text--small {
  font-size: 12px;
  line-height: 16px;
}

/* line 25, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-text--upcase {
  text-transform: uppercase;
}

/* line 28, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-link {
  color: #0984FF;
}

/* line 32, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-line {
  width: 100%;
  height: 2px;
  background-color: #D8E4FA;
  margin: 20px 0;
}

/* line 38, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-line--thin {
  height: 1px;
}

/* line 41, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-label {
  width: 100%;
  margin-bottom: 5px;
  display: block;
}

/* line 46, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-label span {
  color: red;
}

/* line 50, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-label-sub {
  margin-bottom: 5px;
}

/* line 53, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-input, .bmc-form-textarea {
  background: #F8F9FA;
  border: 1px solid #DDE2E5;
  border-radius: 8px;
  box-sizing: border-box;
  width: 100%;
  padding-left: 10px !important;
  font-size: 16px !important;
  outline: none !important;
}

/* line 63, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-input:hover, .bmc-form-textarea:hover {
  border: 1px solid rgba(9, 132, 255, 0.1) !important;
}

/* line 66, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-input:focus, .bmc-form-textarea:focus {
  border: 1px solid #007AFF !important;
}

/* line 69, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-input {
  height: 45px;
}

/* line 72, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-textarea {
  min-height: 45px;
  padding: 10px;
  resize: none;
}

/* line 77, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-select {
  height: 45px;
  border-radius: 8px;
}

/* line 81, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-select-current {
  background-color: #F8F9FA;
  border: 1.09px solid #F8F9FA;
}

/* line 85, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-select-current:hover {
  border: 1.09px solid #0984FF;
}

/* line 88, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-actions {
  min-height: 22px;
}

/* line 91, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-action {
  cursor: pointer;
}

/* line 95, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-action--warn {
  color: #FF463A;
}

/* line 98, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-action--spinner {
  display: -ms-flexbox;
  display: flex;
}

/* line 101, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-action--spinner .spinner {
  margin: 0 10px;
}

/* line 104, app/assets/stylesheets/new/components/bmc/bmc-form.sass */
.bmc-form-action--spinner .spinner, .bmc-form-action--spinner .spinner .img {
  width: 20px;
  height: 20px;
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-image-block.sass */
.bmc-image-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 180px;
  height: 180px;
  padding: 0 20px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.05), 0 0 4px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  margin-right: 40px;
}

/* line 13, app/assets/stylesheets/new/components/bmc/bmc-image-block.sass */
.bmc-image-block:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1024px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-image-block.sass */
  .bmc-image-block {
    width: calc(33.3% - 10px);
    margin-right: 10px;
  }
}

@media screen and (max-width: 680px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-image-block.sass */
  .bmc-image-block {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

/* line 25, app/assets/stylesheets/new/components/bmc/bmc-image-block.sass */
.bmc-image-block__image {
  margin-bottom: 20px;
  width: 110px;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 30, app/assets/stylesheets/new/components/bmc/bmc-image-block.sass */
.bmc-image-block__text {
  text-align: center;
}

/* line 33, app/assets/stylesheets/new/components/bmc/bmc-image-block.sass */
.bmc-image-block-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
  margin: 40px 0;
}

@media screen and (max-width: 680px) {
  /* line 33, app/assets/stylesheets/new/components/bmc/bmc-image-block.sass */
  .bmc-image-block-wrapper {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
.bmc-imgsel {
  padding: 40px;
  background: #F8F9FA;
  border-radius: 16px;
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
  .bmc-imgsel {
    padding: 20px;
  }
}

/* line 13, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
.bmc-imgsel-text {
  font-weight: bold;
  margin-right: 13px;
}

@media screen and (max-width: 1024px) {
  /* line 13, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
  .bmc-imgsel-text {
    display: none;
  }
}

/* line 20, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
.bmc-imgsel-upload-button {
  float: right;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: inherit;
}

@media screen and (max-width: 912px) {
  /* line 20, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
  .bmc-imgsel-upload-button {
    display: block;
    float: none;
    width: 100%;
    margin-top: 10px;
    padding: 10px;
  }
}

/* line 36, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
.bmc-imgsel-upload-button input {
  display: none;
}

/* line 40, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
.bmc-imgsel-images-item {
  border-radius: 8px;
  margin-right: 5px;
  cursor: pointer;
}

@media screen and (max-width: 480px) {
  /* line 40, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
  .bmc-imgsel-images-item {
    width: 40px;
    height: 40px;
    margin-right: 2px;
  }
}

@media screen and (max-width: 340px) {
  /* line 40, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
  .bmc-imgsel-images-item {
    width: 38px;
    height: 38px;
  }
}

/* line 57, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
.bmc-imgsel-images-item--empty {
  border: 1px solid rgba(9, 132, 255, 0.5);
}

/* line 60, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
.bmc-imgsel-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 20px -20px 0;
}

@media screen and (max-width: 1359px) {
  /* line 60, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
  .bmc-imgsel-list {
    margin: 20px -10px 0;
  }
}

@media screen and (max-width: 912px) {
  /* line 60, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
  .bmc-imgsel-list {
    margin: 10px -10px 0;
  }
}

/* line 74, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
.bmc-imgsel-list-item {
  position: relative;
  width: 180px;
  height: 180px;
  border-radius: 8px;
  margin: 0 20px 40px;
  cursor: pointer;
  border: 2px solid transparent;
}

@media screen and (max-width: 1359px) {
  /* line 74, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
  .bmc-imgsel-list-item {
    width: calc(33.3% - 20px);
    height: auto;
    margin: 0 10px 20px;
  }
}

@media screen and (max-width: 1059px) {
  /* line 74, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
  .bmc-imgsel-list-item {
    width: calc(50% - 20px);
  }
}

@media screen and (max-width: 1359px) {
  /* line 92, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
  .bmc-imgsel-list-item-img {
    width: 100%;
    padding-top: 100%;
    position: relative;
  }
}

/* line 98, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
.bmc-imgsel-list-item-img > .img {
  border-radius: 6px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* line 106, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
.bmc-imgsel-list-item--selected {
  border: 2px solid #0984FF;
}

/* line 109, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
.bmc-imgsel-list-item--selected .bmc-imgsel-list-item-selector {
  background: #0984FF;
  border: none;
}

/* line 113, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
.bmc-imgsel-list-item-selector {
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 50%;
  border: 1px solid #ACB5BD;
  background: #F8F9FA;
  width: 15px;
  height: 15px;
}

/* line 123, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
.bmc-imgsel-list-item-remove {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #334249;
  background: #F8F9FA;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

/* line 133, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
.bmc-imgsel-footer {
  margin-top: 23px;
  height: 20px;
  position: relative;
}

/* line 138, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
.bmc-imgsel-arrows {
  position: absolute;
  top: -5px;
}

/* line 142, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
.bmc-imgsel-dots {
  text-align: center;
  margin-top: -40px;
}

@media screen and (max-width: 1359px) {
  /* line 142, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
  .bmc-imgsel-dots {
    margin-top: -20px;
  }
}

@media screen and (max-width: 425px) {
  /* line 142, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
  .bmc-imgsel-dots {
    text-align: right;
  }
}

/* line 152, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
.bmc-imgsel-dots-dot {
  width: 15px;
  height: 15px;
  margin-right: 20px;
  background: #DDE2E5;
  border-radius: 50%;
  cursor: pointer;
}

/* line 162, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
.bmc-imgsel-dots-dot:last-child {
  margin-right: 0;
}

/* line 165, app/assets/stylesheets/new/components/bmc/bmc-imageselector.sass */
.bmc-imgsel-dots-dot--active {
  background: #334249;
}

/* line 2, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
.bmc-list-title {
  font-weight: 600;
  font-size: 38px;
  line-height: 52px;
  text-align: center;
  margin: 20px 0;
}

/* line 9, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
.bmc-list-title--green {
  color: #00afc9;
}

/* line 12, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
.bmc-list-title--orange {
  color: #FF6D00;
}

/* line 15, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
.bmc-list-title--violet {
  color: #615BDC;
}

/* line 18, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
.bmc-list-text {
  text-align: center;
  padding: 0 10%;
  margin-bottom: 40px;
}

/* line 23, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
.bmc-list-card {
  box-shadow: 4px 4px 16px rgba(224, 245, 255, 0.25), 0 0 8px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  background-color: white;
  margin-bottom: 20px;
  padding: 40px;
  height: 198px;
  position: relative;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  color: #334249;
}

/* line 37, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
.bmc-list-card:hover .bmc-list-card-title {
  opacity: 50%;
}

/* line 40, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
.bmc-list-card:hover .bmc-button {
  border: #0984ff solid 2px;
}

/* line 44, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
.bmc-list-card--green .bmc-list-card-title {
  color: #00afc9;
}

/* line 47, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
.bmc-list-card--green .bmc-list-card-progress-bar {
  background-color: #00afc9;
}

/* line 51, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
.bmc-list-card--orange .bmc-list-card-title {
  color: #FF6D00;
}

/* line 54, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
.bmc-list-card--orange .bmc-list-card-progress-bar {
  background-color: #FF6D00;
}

/* line 58, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
.bmc-list-card--violet .bmc-list-card-title {
  color: #615BDC;
}

/* line 61, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
.bmc-list-card--violet .bmc-list-card-progress-bar {
  background-color: #615BDC;
}

/* line 64, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
.bmc-list-card > * {
  display: inline-block;
  vertical-align: top;
}

/* line 68, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
.bmc-list-card-left {
  width: 50%;
}

/* line 71, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
.bmc-list-card-right {
  width: 50%;
  text-align: right;
}

/* line 75, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
.bmc-list-card-title {
  font-weight: 500;
  font-size: 21px;
  line-height: 29px;
  margin-bottom: 10px;
}

/* line 81, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
.bmc-list-card-progress {
  width: 320px;
  height: 6px;
  border-radius: 3px;
  background-color: #DDE2E5;
  position: absolute;
  bottom: 46px;
  left: 40px;
}

/* line 90, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
.bmc-list-card-progress-bar {
  border-radius: 3px;
  height: 100%;
}

/* line 94, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
.bmc-list-card-progress-number {
  font-weight: bold;
  line-height: 22px;
  color: #334249;
  position: absolute;
  right: -50px;
  top: -7px;
}

/* line 102, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
.bmc-list-card-percent-progress {
  margin-top: 25px;
}

@media screen and (max-width: 768px) {
  /* line 102, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
  .bmc-list-card-percent-progress {
    margin-top: 0;
  }
}

/* line 107, app/assets/stylesheets/new/components/bmc/bmc-list.sass */
.bmc-list-card-date {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #ACB5BD;
  margin-bottom: 60px;
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-main.sass */
.bmc-main {
  width: 100%;
  padding: 40px 80px 40px 70px;
  min-height: calc(100vh - 75px);
}

@media screen and (max-width: 1280px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-main.sass */
  .bmc-main {
    padding: 30px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-main.sass */
  .bmc-main {
    padding: 20px;
  }
}

@media screen and (max-width: 320px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-main.sass */
  .bmc-main {
    padding: 10px;
  }
}

/* line 15, app/assets/stylesheets/new/components/bmc/bmc-main.sass */
.bmc-main.portfolio {
  padding: 20px;
}

/* line 18, app/assets/stylesheets/new/components/bmc/bmc-main.sass */
.bmc-main.portfolio-admin {
  padding: 0;
}

/* line 21, app/assets/stylesheets/new/components/bmc/bmc-main.sass */
.bmc-main-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/* line 29, app/assets/stylesheets/new/components/bmc/bmc-main.sass */
.bmc-main-header-title {
  font-weight: 600;
  font-size: 50px;
  line-height: 68px;
  color: black;
  margin: 0;
}

@media screen and (max-width: 768px) {
  /* line 29, app/assets/stylesheets/new/components/bmc/bmc-main.sass */
  .bmc-main-header-title {
    font-size: 28px;
    line-height: 32px;
  }
}

@media screen and (max-width: 320px) {
  /* line 29, app/assets/stylesheets/new/components/bmc/bmc-main.sass */
  .bmc-main-header-title {
    font-size: 21px;
    line-height: 25px;
  }
}

/* line 44, app/assets/stylesheets/new/components/bmc/bmc-main.sass */
.bmc-main-header-actions {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  /* line 47, app/assets/stylesheets/new/components/bmc/bmc-main.sass */
  .bmc-main-header-actions--ideation, .bmc-main-header-actions--testing, .bmc-main-header-actions--bmc {
    display: none;
  }
}

/* line 51, app/assets/stylesheets/new/components/bmc/bmc-main.sass */
.bmc-main-header-actions-view a {
  text-decoration-line: none;
}

/* line 54, app/assets/stylesheets/new/components/bmc/bmc-main.sass */
.bmc-main-footer {
  margin-bottom: 40px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  /* line 54, app/assets/stylesheets/new/components/bmc/bmc-main.sass */
  .bmc-main-footer {
    padding: 0 20px;
    margin-bottom: 100px;
  }
}

@media screen and (max-width: 320px) {
  /* line 54, app/assets/stylesheets/new/components/bmc/bmc-main.sass */
  .bmc-main-footer {
    padding: 0 10px;
  }
}

/* line 65, app/assets/stylesheets/new/components/bmc/bmc-main.sass */
.bmc-main-footer-text {
  max-width: 840px;
  line-height: 22px;
  display: inline-block;
}

/* line 70, app/assets/stylesheets/new/components/bmc/bmc-main.sass */
.bmc-main-footer-text span {
  font-weight: bold;
  color: #0984FF;
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu {
  position: sticky;
  top: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 180px;
  padding: 20px 0;
  border-radius: 16px;
  line-height: 20px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05), 8px 8px 16px rgba(0, 0, 0, 0.05);
  font-family: Nunito, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: #334249;
  background-color: white;
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
  .bmc-menu {
    display: none;
  }
}

/* line 20, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu--default {
  padding: 40px 0;
}

/* line 23, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu--mobile {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 256px;
  border-radius: 0;
  height: 100%;
  z-index: 50;
  padding: 0;
}

/* line 34, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu--mobile-visible {
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 34, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
  .bmc-menu--mobile-visible {
    display: block;
  }
}

/* line 40, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-blackscreen {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 49;
}

/* line 48, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-blackscreen--visible {
  position: fixed;
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 48, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
  .bmc-menu-blackscreen--visible {
    display: block;
  }
}

/* line 55, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-header {
  margin: 16px 0;
}

/* line 58, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-header-title {
  margin-top: 10px;
}

/* line 62, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-actions {
  padding: 0 20px;
  margin-bottom: 40px;
  text-align: center;
}

/* line 68, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-items a {
  text-decoration: none;
}

/* line 71, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-items-item {
  width: 100%;
  height: 45px;
  margin-bottom: 10px;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #334249;
}

/* line 82, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-items-item:last-child {
  margin-bottom: 0;
}

/* line 85, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-items-item--disabled {
  color: #D6D9DB;
  pointer-events: none;
}

/* line 89, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-items-item--disabled .bmc-menu-items-item-active-bar {
  background: #F8F9FA;
}

/* line 92, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-items-item:hover {
  background: #F8F9FA;
  opacity: 1;
}

/* line 96, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-items-item:hover .bmc-menu-items-item-active-bar {
  background-color: #0984FF;
  width: 2px;
  margin-right: 18px;
}

/* line 101, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-items-item--active {
  background: #F8F9FA;
  opacity: 1;
}

/* line 105, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-items-item--active .bmc-menu-items-item-active-bar {
  background-color: #0984FF;
  margin-right: 16px !important;
  width: 4px !important;
}

/* line 110, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-items-item-active-bar {
  width: 4px;
  height: 100%;
  border-radius: 2px;
  float: left;
  margin-right: 16px;
}

/* line 117, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-items-item--disabled {
  opacity: .3 !important;
  cursor: not-allowed;
}

/* line 120, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-items-item--disabled:hover {
  background: #fff !important;
}

/* line 122, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-items-item--disabled:hover .bmc-menu-items-item-active-bar {
  background-color: #fff !important;
}

/* line 125, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-items-item-point {
  width: 15px;
  height: 15px;
  background-color: #DDE2E5;
  border-radius: 50%;
  margin-right: 15px;
}

/* line 132, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-items-item-point--active {
  background-color: #0984FF;
}

/* line 135, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-items-item-title {
  width: 130px;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  /* line 135, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
  .bmc-menu-items-item-title {
    text-align: left;
  }
}

/* line 142, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-progress {
  margin-bottom: 20px;
  padding: 0 20px;
  text-align: center;
}

/* line 147, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-progress .bmc-donut-chart {
  width: 100px;
  height: 100px;
  margin: 0 auto 10px auto;
}

/* line 152, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-close {
  width: 45px;
  height: 45px;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.2), 0px 4px 4px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  bottom: 20px;
  left: calc(50% - 22px);
}

/* line 165, app/assets/stylesheets/new/components/bmc/bmc-menu.sass */
.bmc-menu-close path {
  fill: #0984FF;
}

/* line 3, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal--form .bmc-modal-content {
  margin-top: 0px;
  width: 680px;
}

/* line 7, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal--card {
  display: contents;
}

/* line 10, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal--card .bmc-modal-content {
  margin-top: 0;
}

/* line 14, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal--small .bmc-modal-content {
  width: 400px;
}

/* line 17, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal.sm .bmc-modal-content {
  width: 700px;
}

/* line 20, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal.md .bmc-modal-content {
  width: 800px;
}

/* line 23, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal--on-top .bmc-modal-blackscreen, .bmc-modal--on-top .bmc-modal-content {
  z-index: 1000;
}

/* line 27, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal--orange .bmc-modal-card-header-logo {
  color: #FF6D00;
}

/* line 30, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal--orange .bmc-modal-card-header-logo-icon {
  background-color: rgba(255, 109, 0, 0.1);
  fill: #FF6D00;
}

/* line 35, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal--violet .bmc-modal-card-header-logo {
  color: #615BDC;
}

/* line 38, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal--violet .bmc-modal-card-header-logo-icon {
  background-color: rgba(97, 91, 220, 0.1);
  fill: #615BDC;
}

/* line 43, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal--gray-background .bmc-modal-card-content {
  background-color: #F8F9FA;
  fill: #2FD158;
}

/* line 47, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal-blackscreen {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 59, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal-content {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05), 8px 8px 16px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  width: 920px;
  min-height: 100px;
  background-color: white;
  margin: 0 auto;
  overflow-y: auto;
  position: relative;
  cursor: auto;
  padding: 40px;
  max-height: -webkit-fill-available;
}

@media screen and (max-width: 920px) {
  /* line 59, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
  .bmc-modal-content {
    margin: 40px 15px;
  }
}

/* line 76, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal-container {
  padding: 40px;
}

@media screen and (max-width: 768px) {
  /* line 76, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
  .bmc-modal-container {
    padding: 20px;
  }
}

/* line 82, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal-header {
  margin-bottom: 20px;
  position: relative;
}

/* line 86, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal-header-title {
  padding-bottom: 15px;
  border-bottom: 1px solid #D8E4FA;
}

/* line 91, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal-header-action {
  top: 0;
  right: 0;
  font-size: 25px;
  position: absolute;
  cursor: pointer;
  border: none;
  background: none;
}

/* line 100, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal-card-content {
  padding: 40px;
}

@media screen and (max-width: 480px) {
  /* line 100, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
  .bmc-modal-card-content {
    padding: 20px;
  }
}

/* line 106, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal-card-header {
  height: 65px;
}

/* line 109, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal-card-header-logo {
  width: 50%;
  font-weight: 500;
  line-height: 22px;
  color: #00afc9;
  margin: 10px 0;
  float: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 119, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal-card-header-logo-icon {
  margin-right: 10px;
  background-color: rgba(0, 175, 201, 0.1);
  border-radius: 8px;
  width: 30px;
  height: 30px;
  font-size: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  fill: #00afc9;
}

/* line 131, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal-card-header-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  position: relative;
}

/* line 136, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal-card-header-actions button {
  font-size: 14px;
}

/* line 139, app/assets/stylesheets/new/components/bmc/bmc-modal.sass */
.bmc-modal-card-header-actions .close-modal-button {
  margin-left: 10px;
  position: relative;
  fill: #000000;
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card {
  padding: 40px;
  background-color: #F8F9FA;
  border-radius: 16px;
  position: relative;
}

/* line 7, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card--portfolio-mode {
  min-height: 600px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05), 8px 8px 16px rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 14, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card--portfolio-mode:not(.bmc-page-card--channel-mode) .bmc-page-card-inner:last-child {
  -ms-flex-item-align: center;
      align-self: center;
}

/* line 17, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card--channel-mode, .bmc-page-card--customer-segment-mode {
  min-height: 310px;
}

/* line 22, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card--channel-mode .bmc-page-card-inner:nth-child(1), .bmc-page-card--customer-segment-mode .bmc-page-card-inner:nth-child(1) {
  width: 30%;
  margin-right: 5%;
}

@media screen and (max-width: 1024px) {
  /* line 22, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
  .bmc-page-card--channel-mode .bmc-page-card-inner:nth-child(1), .bmc-page-card--customer-segment-mode .bmc-page-card-inner:nth-child(1) {
    margin-right: 0;
  }
}

/* line 29, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card--channel-mode .bmc-page-card-inner:nth-child(2), .bmc-page-card--customer-segment-mode .bmc-page-card-inner:nth-child(2) {
  width: 65%;
}

/* line 32, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card--channel-mode-current {
  min-height: 310px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

/* line 37, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card--channel-mode-current .bmc-page-card-inner:nth-child(1) {
  width: 30%;
  margin-right: 5%;
}

@media screen and (max-width: 1024px) {
  /* line 37, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
  .bmc-page-card--channel-mode-current .bmc-page-card-inner:nth-child(1) {
    margin-right: 0;
  }
}

/* line 44, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card--channel-mode-current .bmc-page-card-inner:nth-child(2) {
  width: 65%;
}

/* line 49, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card--value-proposition-mode .bmc-page-card-image {
  width: 100%;
}

/* line 52, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card--value-proposition-mode .bmc-page-card-image--no-image-wrapper {
  padding-top: 120%;
}

/* line 56, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card--value-proposition-mode .bmc-page-card-inner:nth-child(1) {
  width: calc(50% - 30px);
  margin-right: 30px;
  margin-top: 32px;
}

@media screen and (max-width: 1024px) {
  /* line 56, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
  .bmc-page-card--value-proposition-mode .bmc-page-card-inner:nth-child(1) {
    margin-right: 0;
  }
}

/* line 64, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card--value-proposition-mode .bmc-page-card-inner:nth-child(2) {
  width: 50%;
}

/* line 67, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card--value-proposition-mode .bmc-page-card-image {
  width: 100%;
  max-width: 600px;
}

@media screen and (max-width: 1024px) {
  /* line 67, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
  .bmc-page-card--value-proposition-mode .bmc-page-card-image {
    margin: 0 auto;
  }
}

/* line 74, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card--value-proposition-mode-blog {
  border-radius: 0;
  padding: 40px;
}

/* line 78, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card--value-proposition-mode-blog .bmc-page-card-inner:nth-child(1) {
  width: 60%;
}

/* line 81, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card--value-proposition-mode-blog .bmc-page-card-inner:nth-child(2) {
  width: 40%;
}

/* line 85, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card--customer-segment-mode .bmc-page-tabs-content-list-item-range-fields > input {
  margin-right: 10px;
}

/* line 88, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card--customer-segment-mode .bmc-page-tabs-content-list-item-range-fields > input:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1024px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
  .bmc-page-card {
    padding: 40px;
  }
}

@media screen and (max-width: 480px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
  .bmc-page-card {
    padding: 20px;
  }
}

/* line 97, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-blur {
  position: absolute;
  height: 30px;
  width: 95%;
  border-radius: 16px;
  top: -30px;
  left: 3%;
  background: #ACB5BD;
  filter: blur(18px);
}

/* line 107, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-blur-wrapper {
  overflow: hidden;
  height: 35px;
  position: relative;
}

/* line 112, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-wrapper {
  width: 100%;
  position: relative;
}

/* line 116, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-inner {
  height: 100%;
}

/* line 119, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-inner:last-child {
  margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 116, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
  .bmc-page-card-inner {
    width: 100% !important;
  }
  /* line 125, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
  .bmc-page-card-inner:first-child {
    margin-bottom: 20px;
  }
}

/* line 128, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-wide-image {
  width: 100%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  background-color: #E7E6E6;
  border-radius: 16px 0 0 16px;
  box-shadow: 0px 0.8442806005px 2.5328421593px 0px rgba(0, 0, 0, 0.3), 0px 3.3771224022px 6.7542448044px 2.5328421593px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 1024px) {
  /* line 128, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
  .bmc-page-card-wide-image {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    border-radius: 16px;
  }
}

/* line 142, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-wide-image-current {
  width: 100%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  background-color: #E7E6E6;
  height: 100%;
  box-shadow: 0px 0.8442806005px 2.5328421593px 0px rgba(0, 0, 0, 0.3), 0px 3.3771224022px 6.7542448044px 2.5328421593px rgba(0, 0, 0, 0.15);
}

/* line 150, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-image {
  max-width: 100%;
  width: 250px;
  border-radius: 16px;
  background-color: #E7E6E6;
  box-shadow: 0px 0.8442806005px 2.5328421593px 0px rgba(0, 0, 0, 0.3), 0px 3.3771224022px 6.7542448044px 2.5328421593px rgba(0, 0, 0, 0.15);
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  border: none;
}

@media screen and (max-width: 1024px) {
  /* line 150, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
  .bmc-page-card-image {
    width: 100% !important;
  }
}

/* line 163, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-image-blog {
  width: 100%;
  border-radius: 50%;
  background-color: #FFFFFF00;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 3% 2%;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
}

@media screen and (max-width: 1024px) {
  /* line 163, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
  .bmc-page-card-image-blog {
    width: 100% !important;
  }
}

/* line 176, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-image-blog.dndzone {
  border-radius: 50%;
}

/* line 179, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-image-web {
  margin-top: -40px;
  margin-left: -40px;
  margin-right: 5%;
}

/* line 184, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-image-tech {
  width: 100%;
  background-color: #E7E6E6;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
}

/* line 190, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-image-tech.dndzone {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

@media screen and (max-width: 1024px) {
  /* line 190, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
  .bmc-page-card-image-tech.dndzone {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
  }
}

/* line 200, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-image--no-image {
  background: rgba(0, 175, 201, 0.1);
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* line 211, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-image--no-image-blog {
  background: rgba(0, 175, 201, 0.1);
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  width: 100%;
}

/* line 224, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-image--no-image-wrapper {
  border-radius: inherit;
  position: relative;
  width: 100%;
  padding-top: 100%;
}

/* line 230, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-image-title {
  margin: auto;
  vertical-align: middle;
  color: #ACB5BD;
}

/* line 236, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-image-icon {
  background: rgba(0, 175, 201, 0.1);
  color: #00AFC9;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 5px;
  font-size: 21px;
  height: 35px;
}

/* line 245, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-image-icon-title {
  color: #00AFC9;
  font-weight: bold;
}

/* line 250, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-image-icon-title-black {
  color: #000000;
}

/* line 253, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-image-icon-title-blog {
  font-family: Prata;
  font-size: 28px;
  line-height: 38px;
  color: #000000;
}

/* line 259, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-remove {
  position: absolute;
  top: 5px;
  right: -30px;
  font-size: 23px;
  color: #ACB5BD;
  cursor: pointer;
}

/* line 267, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-remove:hover {
  color: #0984FF;
  opacity: 0.5;
}

/* line 271, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-row {
  margin-bottom: 20px;
  width: 100%;
}

/* line 276, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-row:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 480px) {
  /* line 282, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
  .bmc-page-card-usps {
    padding-right: 20px;
  }
}

/* line 286, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-line {
  width: 100%;
  height: 4px;
  border-radius: 2px;
  margin-top: -10px;
  margin-bottom: 20px;
  background-color: #00afc9;
}

@media screen and (max-width: 1024px) {
  /* line 286, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
  .bmc-page-card-line {
    width: 50%;
  }
}

/* line 297, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-dropzone {
  max-width: 100%;
  padding: 5px;
  background-color: #F9F9F9;
  border: 1.09px solid #FFFFFF00;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
}

/* line 304, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-dropzone:hover {
  border: 1.09px solid #0984FF;
}

/* line 307, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-dropzone-blog {
  max-width: 100%;
  padding: 10px;
  border: 1px solid #FFFFFF00;
  border-radius: 50%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
}

/* line 316, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-dropzone-tech {
  max-width: 100%;
  padding: 10px;
  border: 1px solid #FFFFFF00;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1024px) {
  /* line 316, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
  .bmc-page-card-dropzone-tech {
    max-width: 370px;
    max-height: 555px;
    margin: 0 auto;
  }
}

/* line 329, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-icon {
  margin-right: 20px;
  border-radius: 8px;
  width: 45px;
}

/* line 334, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-big-title {
  word-break: break-word;
}

/* line 338, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-big-title--with-underline {
  position: relative;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 4px solid #00afc9;
}

/* line 344, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-big-title--customer-title {
  font-size: 28px;
}

/* line 347, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-title {
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 10px;
  width: 100%;
}

/* line 353, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-segmentList {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 10px;
  width: 100%;
  color: #334249;
}

/* line 361, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.bmc-page-card-text {
  white-space: pre-wrap;
  word-break: break-word;
  background-color: #FFFFFF00;
}

/* line 366, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.is-full-width {
  width: 100% !important;
}

/* line 370, app/assets/stylesheets/new/components/bmc/bmc-page-card.sass */
.is-full-width .usp:not(:last-child) {
  margin-bottom: 20px;
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard {
  border-radius: 16px;
  text-align: left;
  position: relative;
}

/* line 7, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard.colourful {
  box-shadow: none;
}

/* line 10, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-header {
  padding: 20px 40px;
  background-color: white;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

@media screen and (max-width: 1024px) {
  /* line 10, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
  .bmc-page-compcard-header {
    display: none;
  }
}

/* line 22, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-header-title {
  width: calc(40% - 40px);
  margin-right: 40px;
  text-align: left;
  font-weight: 500;
  font-size: 24px;
}

/* line 29, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-header-title:first-child {
  width: 20%;
  text-align: center;
}

/* line 33, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-header-title:last-child {
  margin-right: 0;
}

/* line 36, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-items {
  background-color: #F8F9FA;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

@media screen and (max-width: 1024px) {
  /* line 36, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
  .bmc-page-compcard-items {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
}

/* line 45, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-items-colourful {
  background-color: #FFFFFF;
}

/* line 48, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item {
  padding: 40px;
}

@media screen and (max-width: 1024px) {
  /* line 52, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
  .bmc-page-compcard-item:first-child {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
}

@media screen and (max-width: 480px) {
  /* line 48, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
  .bmc-page-compcard-item {
    padding: 20px;
  }
}

/* line 59, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item:nth-child(2n) {
  background-color: #FFFFFF;
}

/* line 62, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item:last-child {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

/* line 66, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-current {
  padding: 21px;
}

/* line 69, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-colourful {
  padding: 0;
}

/* line 72, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-colourful:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@media screen and (max-width: 1024px) {
  /* line 69, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
  .bmc-page-compcard-item-colourful {
    padding: 20px;
  }
}

/* line 79, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-title {
  font-weight: bold;
  display: none;
  margin-top: 10px;
}

@media screen and (max-width: 1024px) {
  /* line 79, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
  .bmc-page-compcard-item-title {
    display: block;
  }
}

/* line 87, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-image {
  margin: auto auto 20px auto;
  width: 80px;
  border-radius: 16px;
  box-shadow: 0px 0.8442806005px 2.5328421593px 0px rgba(0, 0, 0, 0.3), 0px 3.3771224022px 6.7542448044px 2.5328421593px rgba(0, 0, 0, 0.15);
}

/* line 93, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-image-template {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #000000;
  margin: auto auto 20px auto;
}

/* line 100, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-image-template-hover {
  border: 1px solid #FFFFFF00;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 5px;
  margin: 0 auto;
}

/* line 111, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-image-template-hover:hover {
  border: 1px solid #0984FF;
}

/* line 114, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-image-template-hover .image-upload {
  width: 100%;
  height: 100%;
  background-color: #E7E6E6;
  -o-object-fit: contain;
     object-fit: contain;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  margin: 0 auto;
}

/* line 127, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-image--no-image {
  height: 80px;
  background: #5AC9FA;
  color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  box-shadow: 0px 0.8442806005px 2.5328421593px 0px rgba(0, 0, 0, 0.3), 0px 3.3771224022px 6.7542448044px 2.5328421593px rgba(0, 0, 0, 0.15);
}

/* line 136, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-image--no-image-templates {
  width: 60px;
  height: 60px;
  background: #5AC9FA;
  color: #000000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

/* line 145, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-text {
  width: calc(40% - 40px);
  margin-right: 40px;
  word-break: break-word;
}

/* line 150, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-text--with-image {
  text-align: center;
}

/* line 154, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-text .dndzone {
  margin-bottom: 20px;
  width: 80px;
  height: 80px;
  box-shadow: 0px 0.8442806005px 2.5328421593px 0px rgba(0, 0, 0, 0.3), 0px 3.3771224022px 6.7542448044px 2.5328421593px rgba(0, 0, 0, 0.15);
}

/* line 160, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-text .dndzone__img {
  margin: 0;
  width: 80px;
  height: 80px;
}

/* line 165, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-text:first-child {
  width: 20%;
}

@media screen and (max-width: 1024px) {
  /* line 165, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
  .bmc-page-compcard-item-text:first-child {
    width: 100%;
  }
}

/* line 171, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-text:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1024px) {
  /* line 174, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
  .bmc-page-compcard-item > * {
    width: 100%;
    vertical-align: middle;
  }
}

@media screen and (max-width: 1024px) {
  /* line 181, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
  .bmc-page-compcard-item > * {
    width: 100%;
    vertical-align: middle;
  }
}

/* line 188, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-text-template {
  word-break: break-word;
  font-size: 16px;
}

/* line 192, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-text-template--with-image {
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}

/* line 197, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-text-template .dndzone {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #000000;
  box-shadow: none;
}

/* line 204, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-text-template .dndzone i {
  color: #0984FF;
  font-size: 36px;
  bottom: calc(50% - 18px);
  left: calc(50% - 18px);
  position: absolute;
}

/* line 211, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-text-template .dndzone__area {
  width: 60px;
  height: 60px;
}

/* line 215, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-text-template .dndzone--small {
  margin: 0 auto;
}

/* line 218, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-text-template .dndzone__img {
  margin: 0 auto;
  width: 60px;
  height: 60px;
  border: 1px solid #000000;
}

/* line 224, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-item-text-template .bmc-page-compcard-item-image {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #000000;
  margin: auto auto 20px auto;
  box-shadow: none;
}

@media screen and (max-width: 1024px) {
  /* line 232, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
  .bmc-page-compcard-item > * {
    width: 100%;
    vertical-align: middle;
  }
}

/* line 239, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-header-current {
  background-color: white;
  padding: 17px 21px 10px 21px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

/* line 245, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-header-current .first {
  width: 20%;
  text-align: center;
}

/* line 249, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-header-current .second {
  width: calc(40% - 40px);
  margin-right: 40px;
}

/* line 253, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-header-current .third {
  width: calc(40% - 40px);
  margin-right: 0;
}

@media screen and (max-width: 1024px) {
  /* line 239, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
  .bmc-page-compcard-header-current {
    display: none;
  }
}

/* line 263, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-header-current-title {
  width: calc(40% - 40px);
  margin-right: 40px;
  text-align: center;
  font-weight: bold;
}

/* line 269, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-header-current-title:first-child {
  width: 20%;
}

/* line 272, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-header-current-title:last-child {
  margin-right: 0;
}

/* line 275, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-header-colourful {
  background-color: white;
  padding: 15px 20px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  line-height: 21px;
  font-family: Open Sans;
}

@media screen and (max-width: 1024px) {
  /* line 275, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
  .bmc-page-compcard-header-colourful {
    display: none;
  }
}

/* line 289, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-header-colourful-title {
  width: calc(40% - 30px);
  margin-right: 20px;
  text-align: center;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
}

/* line 298, app/assets/stylesheets/new/components/bmc/bmc-page-compcard.sass */
.bmc-page-compcard-header-colourful-title:first-child {
  width: calc(20% - 20px);
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-page-comptable.sass */
.bmc-page-comptable {
  background-color: #F8F9FA;
  border-radius: 16px;
  position: relative;
  padding: 40px;
  margin-top: 40px;
}

/* line 8, app/assets/stylesheets/new/components/bmc/bmc-page-comptable.sass */
.bmc-page-comptable .table {
  width: 100%;
  text-align: center;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  background-color: #FFFFFF;
}

@media screen and (max-width: 1024px) {
  /* line 8, app/assets/stylesheets/new/components/bmc/bmc-page-comptable.sass */
  .bmc-page-comptable .table {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

/* line 19, app/assets/stylesheets/new/components/bmc/bmc-page-comptable.sass */
.bmc-page-comptable .table .title {
  display: none;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
  /* line 24, app/assets/stylesheets/new/components/bmc/bmc-page-comptable.sass */
  .bmc-page-comptable .table tr {
    display: block;
    background: #FFFFFF;
  }
}

@media screen and (max-width: 1024px) {
  /* line 30, app/assets/stylesheets/new/components/bmc/bmc-page-comptable.sass */
  .bmc-page-comptable .table thead {
    display: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

/* line 37, app/assets/stylesheets/new/components/bmc/bmc-page-comptable.sass */
.bmc-page-comptable .table thead th {
  font-size: 18px;
  line-height: 25px;
  font-weight: 700;
  padding-bottom: 20px;
  padding-top: 20px;
  color: #334249;
}

@media screen and (max-width: 1024px) {
  /* line 37, app/assets/stylesheets/new/components/bmc/bmc-page-comptable.sass */
  .bmc-page-comptable .table thead th {
    display: none;
  }
}

/* line 49, app/assets/stylesheets/new/components/bmc/bmc-page-comptable.sass */
.bmc-page-comptable .table tbody tr {
  background-color: #F8F9FA;
}

/* line 52, app/assets/stylesheets/new/components/bmc/bmc-page-comptable.sass */
.bmc-page-comptable .table tbody tr:nth-child(2n) {
  background-color: #FFFFFF;
}

/* line 55, app/assets/stylesheets/new/components/bmc/bmc-page-comptable.sass */
.bmc-page-comptable .table tbody td {
  text-align: left;
  padding: 30px 20px;
  word-break: break-word;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 55, app/assets/stylesheets/new/components/bmc/bmc-page-comptable.sass */
  .bmc-page-comptable .table tbody td {
    display: block;
    padding: 10px 20px;
    background-color: #FFFFFF;
  }
  /* line 68, app/assets/stylesheets/new/components/bmc/bmc-page-comptable.sass */
  .bmc-page-comptable .table tbody td .icon {
    margin-left: 0;
  }
  /* line 71, app/assets/stylesheets/new/components/bmc/bmc-page-comptable.sass */
  .bmc-page-comptable .table tbody td .title {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  /* line 55, app/assets/stylesheets/new/components/bmc/bmc-page-comptable.sass */
  .bmc-page-comptable .table tbody td {
    padding: 10px;
  }
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard {
  text-align: center;
}

/* line 4, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard-header {
  margin-bottom: 20px;
}

/* line 7, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard-header-tab {
  margin-right: 40px;
  cursor: pointer;
  color: #ACB5BD;
  padding-bottom: 20px;
  position: relative;
}

/* line 16, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard-header-tab--active {
  color: #615BDC;
}

/* line 19, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard-header-tab--active::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: #615BDC;
  left: 0;
  bottom: 0;
}

/* line 32, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard-header-tab:last-child {
  margin-right: 0;
}

/* line 35, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard-body {
  padding: 40px;
  background-color: #F8F9FA;
  border-radius: 16px;
}

@media screen and (max-width: 768px) {
  /* line 35, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
  .bmc-page-fincard-body {
    padding: 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 35, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
  .bmc-page-fincard-body {
    padding: 10px;
  }
}

/* line 46, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard-body .portfolio > .finance > .chapter {
  text-align: left;
}

/* line 49, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard-body .portfolio > .finance > .chapter > .title {
  display: none;
}

/* line 51, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard-body .portfolio > .finance > .chapter .table-wrapper {
  padding: 20px 0 10px;
}

/* line 55, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard-body .portfolio > .finance > .chapter .forecast tr th, .bmc-page-fincard-body .portfolio > .finance > .chapter .forecast tr td {
  padding: 10px 0;
  text-align: center !important;
}

/* line 59, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard-content {
  padding: 40px;
  background-color: white;
  border-radius: 16px;
}

@media screen and (max-width: 768px) {
  /* line 59, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
  .bmc-page-fincard-content {
    padding: 20px;
  }
  /* line 68, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
  .bmc-page-fincard-content button {
    font-size: 13px;
  }
}

@media screen and (max-width: 480px) {
  /* line 59, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
  .bmc-page-fincard-content {
    padding: 10px;
  }
}

@media screen and (max-width: 768px) {
  /* line 74, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
  .bmc-page-fincard-content--edit-mode {
    padding: 20px 40px 20px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 74, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
  .bmc-page-fincard-content--edit-mode {
    padding: 10px 40px 10px 10px;
  }
}

/* line 81, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard-title {
  color: #615BDC;
  text-align: left;
}

/* line 86, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard-table {
  width: 100%;
  text-align: left;
  border-spacing: 0;
}

/* line 91, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard-table-title {
  display: none;
  font-weight: bold;
  margin-bottom: 5px;
}

@media screen and (max-width: 480px) {
  /* line 91, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
  .bmc-page-fincard-table-title {
    display: block;
  }
}

/* line 99, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard-table-remove {
  font-size: 23px;
  float: right;
  color: #ACB5BD;
  cursor: pointer;
  position: absolute;
  top: 16px;
  right: -30px;
}

@media screen and (max-width: 480px) {
  /* line 99, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
  .bmc-page-fincard-table-remove {
    top: 45px;
  }
}

/* line 111, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard-table-remove:hover {
  color: #0984FF;
  opacity: 0.5;
}

@media screen and (max-width: 480px) {
  /* line 115, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
  .bmc-page-fincard-table thead {
    display: none;
  }
}

/* line 120, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard-table thead tr th {
  line-height: 20px;
  font-weight: 500;
  height: 70px;
  padding-left: 10px;
}

@media screen and (max-width: 480px) {
  /* line 127, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
  .bmc-page-fincard-table tbody tr {
    display: block;
    margin-bottom: 20px;
  }
}

/* line 132, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard-table tbody tr td {
  padding: 10px;
  position: relative;
  word-break: break-word;
}

/* line 139, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard-table tbody tr td:first-child {
  width: 40%;
}

/* line 142, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard-table tbody tr td:last-child {
  padding-right: 0;
}

@media screen and (max-width: 480px) {
  /* line 132, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
  .bmc-page-fincard-table tbody tr td {
    width: 100% !important;
    display: block;
    padding: 10px 0;
  }
}

/* line 153, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard-table--show tbody tr:nth-child(2n + 1) {
  background-color: #F8F9FA;
}

/* line 157, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard-table--show tbody tr:nth-child(2n + 1) td:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

/* line 161, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard-table--show tbody tr:nth-child(2n + 1) td:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* line 165, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.bmc-page-fincard .table-wrapper {
  overflow: auto;
}

@media screen and (max-width: 1100px) {
  /* line 169, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
  .bmc-page-fincard .forecast th, .bmc-page-fincard .forecast td {
    font-size: 8px !important;
    line-height: 12px !important;
  }
}

@media screen and (max-width: 1024px) {
  /* line 169, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
  .bmc-page-fincard .forecast th, .bmc-page-fincard .forecast td {
    min-width: 35px;
  }
  /* line 177, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
  .bmc-page-fincard .forecast th:first-child, .bmc-page-fincard .forecast td:first-child {
    min-width: 75px;
  }
}

/* line 180, app/assets/stylesheets/new/components/bmc/bmc-page-fincard.sass */
.button-costs-width {
  width: calc(100% - 10px);
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs {
  text-align: center;
  width: 100%;
}

/* line 5, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs .modal {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

/* line 10, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs--portfolio {
  margin-top: 40px;
}

@media screen and (max-width: 480px) {
  /* line 10, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
  .bmc-page-gkgtabs--portfolio {
    margin-top: 0;
  }
  /* line 16, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
  .bmc-page-gkgtabs--portfolio .bmc-page-gkgtabs-tabs {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  /* line 10, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
  .bmc-page-gkgtabs--portfolio {
    margin-top: 0;
  }
  /* line 22, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
  .bmc-page-gkgtabs--portfolio .bmc-page-gkgtabs-tabs {
    display: none;
  }
}

/* line 25, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-header {
  margin-bottom: 20px;
}

/* line 28, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-header > * {
  display: inline-block;
  vertical-align: middle;
}

/* line 32, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-header-icon {
  margin-right: 20px;
}

/* line 39, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-tabs {
  color: #ACB5BD;
}

/* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-tabs > * {
  display: inline-block;
  vertical-align: top;
}

/* line 46, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-tabs-tab {
  width: 100px;
  margin-right: 20px;
  cursor: pointer;
}

@media screen and (max-width: 619px) {
  /* line 46, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
  .bmc-page-gkgtabs-tabs-tab {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

/* line 55, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-tabs-tab:hover {
  opacity: 0.5;
}

/* line 59, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-tabs-tab--active:hover {
  opacity: 1;
}

/* line 62, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-tabs-tab--active .bmc-page-gkgtabs-tabs-tab-title {
  color: #00afc9;
  font-weight: 700;
}

/* line 66, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-tabs-tab--active .bmc-page-gkgtabs-tabs-tab-title::after {
  content: '';
  background-color: #00afc9;
}

/* line 70, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-tabs-tab--active .bmc-page-gkgtabs-tabs-tab-title-colourful {
  border-bottom: 2px solid;
}

/* line 72, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-tabs-tab--active .bmc-page-gkgtabs-tabs-tab-title-colourful::after {
  display: none;
}

/* line 75, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-tabs-tab:last-child {
  margin-right: 0;
}

/* line 78, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-tabs-tab-icon {
  width: 100px;
  height: 50px;
  font-size: 42px;
}

/* line 83, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-tabs-tab-title {
  width: 100%;
  padding-bottom: 20px;
  position: relative;
}

/* line 89, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-tabs-tab-title::after {
  position: absolute;
  background-color: #ACB5BD;
  width: 72px;
  height: 2px;
  top: 58px;
  left: 15px;
  border-radius: 2px;
}

/* line 98, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-content {
  margin: 40px -40px 0 -40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (max-width: 1280px) {
  /* line 98, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
  .bmc-page-gkgtabs-content {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (max-width: 480px) {
  /* line 98, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
  .bmc-page-gkgtabs-content {
    margin-top: 0;
  }
}

/* line 111, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-content-title {
  font-weight: bold;
  font-size: 28px;
  line-height: 38px;
  color: #00afc9;
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}

/* line 120, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-content-add {
  text-align: center;
  width: 32%;
  background: #F8F9FA;
  border-radius: 8px;
  color: #0984FF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px;
  min-height: 140px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05), 8px 8px 16px rgba(0, 0, 0, 0.05);
}

@media screen and (max-width: 1280px) {
  /* line 120, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
  .bmc-page-gkgtabs-content-add {
    width: 49%;
  }
}

@media screen and (max-width: 1024px) {
  /* line 120, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
  .bmc-page-gkgtabs-content-add {
    width: 100%;
    padding: 5px;
    min-height: 60px;
  }
}

/* line 142, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-content-add i {
  font-size: 50px;
}

/* line 145, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-content-add:hover {
  cursor: pointer;
  opacity: 0.5;
}

/* line 149, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-content-block {
  padding: 20px;
  background-color: #F8F9FA;
  width: 32%;
  margin-right: 1%;
  border-radius: 8px;
  text-align: left;
  position: relative;
}

/* line 159, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-content-block:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1280px) {
  /* line 149, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
  .bmc-page-gkgtabs-content-block {
    width: 49%;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 149, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
  .bmc-page-gkgtabs-content-block {
    width: 100%;
    margin-right: 0;
  }
}

/* line 170, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-content-block-current {
  background-color: #FFFFFF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 175, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-content-block-title {
  margin-bottom: 10px;
  min-height: 58px;
  word-break: break-word;
}

/* line 181, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-content-block-text {
  white-space: pre-wrap;
  word-break: break-word;
}

/* line 185, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-content-block-remove {
  font-size: 23px;
  float: right;
  color: #ACB5BD;
  cursor: pointer;
  margin-bottom: 10px;
}

/* line 192, app/assets/stylesheets/new/components/bmc/bmc-page-gkgtabs.sass */
.bmc-page-gkgtabs-content-block-remove:hover {
  color: #0984FF;
  opacity: 0.5;
}

/* line 2, app/assets/stylesheets/new/components/bmc/bmc-page-goals.sass */
.bmc-page-goals-header {
  margin: 40px 0 20px 0;
  text-align: center;
}

/* line 9, app/assets/stylesheets/new/components/bmc/bmc-page-goals.sass */
.bmc-page-goals-header i {
  font-size: 70px;
  margin-right: 10px;
  margin-bottom: 10px;
}

/* line 14, app/assets/stylesheets/new/components/bmc/bmc-page-goals.sass */
.bmc-page-goals-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-pack: left;
      justify-content: left;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  width: 840px;
}

@media only screen and (max-width: 1360px) {
  /* line 14, app/assets/stylesheets/new/components/bmc/bmc-page-goals.sass */
  .bmc-page-goals-items {
    width: 630px;
  }
}

@media only screen and (max-width: 1030px) {
  /* line 14, app/assets/stylesheets/new/components/bmc/bmc-page-goals.sass */
  .bmc-page-goals-items {
    width: 420px;
  }
}

@media only screen and (max-width: 600px) {
  /* line 14, app/assets/stylesheets/new/components/bmc/bmc-page-goals.sass */
  .bmc-page-goals-items {
    width: 210px;
  }
}

/* line 32, app/assets/stylesheets/new/components/bmc/bmc-page-goals.sass */
.bmc-page-goals-items-wrapper {
  text-align: center;
}

/* line 35, app/assets/stylesheets/new/components/bmc/bmc-page-goals.sass */
.bmc-page-goals-items-goal {
  color: white;
  border-radius: 16px;
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
.bmc-page-header {
  text-align: center;
  position: relative;
}

/* line 6, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
.bmc-page-header--orange .bmc-page-header-icon {
  color: #FF6D00;
  background-color: rgba(255, 109, 0, 0.1);
}

/* line 10, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
.bmc-page-header--orange .bmc-page-header-small-title {
  color: #FF6D00;
}

/* line 13, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
.bmc-page-header--orange .bmc-page-header-small-title-icon {
  background-color: rgba(255, 109, 0, 0.1);
}

/* line 17, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
.bmc-page-header--violet .bmc-page-header-icon {
  color: #615BDC;
  background-color: rgba(97, 91, 220, 0.1);
}

/* line 21, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
.bmc-page-header--violet .bmc-page-header-small-title {
  color: #615BDC;
}

/* line 24, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
.bmc-page-header--violet .bmc-page-header-small-title-icon {
  background-color: rgba(97, 91, 220, 0.1);
}

/* line 29, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
.bmc-page-header--blue .bmc-page-header-big-title, .bmc-page-header--blue .bmc-page-header-small-title {
  color: #007AFF;
}

/* line 32, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
.bmc-page-header--blue .bmc-page-header-big-title {
  margin-top: 60px;
}

/* line 35, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
.bmc-page-header--blue .bmc-page-header-icon {
  display: none;
}

/* line 38, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
.bmc-page-header--blue .bmc-page-header-small-title-icon {
  color: #007AFF;
  background-color: rgba(9, 132, 255, 0.1);
}

/* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
.bmc-page-header-topbar {
  margin: 0 -40px;
  height: 45px;
}

@media (max-width: 1280px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
  .bmc-page-header-topbar {
    margin: 0;
  }
}

/* line 49, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
.bmc-page-header-topbar > * {
  display: inline-block;
  vertical-align: middle;
}

/* line 53, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
.bmc-page-header-mobile-actions {
  float: left;
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 53, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
  .bmc-page-header-mobile-actions {
    display: -ms-flexbox;
    display: flex;
  }
}

/* line 60, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
.bmc-page-header-small-title {
  text-align: center;
  color: #00afc9;
  margin: 10px 0;
  float: left;
}

@media screen and (max-width: 768px) {
  /* line 60, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
  .bmc-page-header-small-title {
    display: none;
  }
}

/* line 70, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
.bmc-page-header-small-title > * {
  display: inline-block;
  vertical-align: middle;
}

/* line 74, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
.bmc-page-header-small-title span {
  padding-top: 3px;
}

/* line 77, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
.bmc-page-header-small-title-icon {
  margin-right: 10px;
  background-color: rgba(0, 175, 201, 0.1);
  border-radius: 8px;
  width: 30px;
  height: 30px;
  padding: 3px;
}

/* line 85, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
.bmc-page-header-small-title-icon i {
  font-size: 22px;
}

/* line 88, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
.bmc-page-header-tips {
  float: right;
  display: none;
}

/* line 92, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
.bmc-page-header-big-title {
  font-weight: 600;
  font-size: 50px;
  line-height: 68px;
  text-align: center;
  margin: 15px 0;
}

/* line 99, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
.bmc-page-header-icon {
  width: 60px;
  height: 60px;
  background: rgba(0, 175, 201, 0.1);
  color: #00afc9;
  border-radius: 8px;
  margin: 70px auto 40px auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 110, app/assets/stylesheets/new/components/bmc/bmc-page-header.sass */
.bmc-page-header-icon i {
  margin: auto;
  font-size: 30px;
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard {
  text-align: center;
  background-color: #F8F9FA;
  padding: 40px;
  border-radius: 16px;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
  .bmc-page-keycard {
    padding: 20px 40px 20px 20px;
  }
}

/* line 15, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard--edit-mode .bmc-page-keycard-list .circle {
  width: 10px;
  height: 10px;
  background-color: #FF6D00;
  border-radius: 50%;
  position: absolute;
  top: 18px;
  left: -20px;
}

@media screen and (min-width: 1380px) {
  /* line 25, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
  .bmc-page-keycard--portfolio-edit .bmc-page-keycard-steps {
    max-width: 998px;
    margin: auto;
  }
}

@media screen and (max-width: 539px) {
  /* line 30, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
  .bmc-page-keycard--portfolio-edit .bmc-page-keycard-step {
    width: 100%;
    margin-right: 0;
    padding-left: 40px;
    text-align: left;
  }
  /* line 38, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
  .bmc-page-keycard--portfolio-edit .bmc-page-keycard-step-title {
    margin-top: 0;
  }
}

@media screen and (max-width: 1439px) and (min-width: 1240px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
  .bmc-page-keycard--portfolio-web .bmc-page-keycard-steps {
    max-width: 998px;
    margin: auto;
  }
}

@media screen and (max-width: 539px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
  .bmc-page-keycard--portfolio-web .bmc-page-keycard-steps {
    width: 100%;
    margin-right: 0;
    padding-left: 40px;
    text-align: left;
  }
  /* line 53, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
  .bmc-page-keycard--portfolio-web .bmc-page-keycard-steps-title {
    margin-top: 0;
  }
}

/* line 57, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard--section.bmc-page-keycard-wrapper {
  margin-left: 110px;
  margin-right: 110px;
}

@media screen and (max-width: 1280px) {
  /* line 57, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
  .bmc-page-keycard--section.bmc-page-keycard-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (max-width: 1340px) and (min-width: 1061px) {
  /* line 66, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
  .bmc-page-keycard--section.bmc-page-keycard-wrapper-steps {
    max-width: 750px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1060px) and (min-width: 840px), screen and (max-width: 768px) and (min-width: 640px) {
  /* line 71, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
  .bmc-page-keycard--section.bmc-page-keycard-wrapper-steps {
    max-width: 550px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 639px), screen and (max-width: 839px) and (min-width: 769px) {
  /* line 76, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
  .bmc-page-keycard--section.bmc-page-keycard-wrapper-step {
    width: 100%;
    margin-right: 0;
    padding-left: 40px;
    text-align: left;
  }
  /* line 82, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
  .bmc-page-keycard--section.bmc-page-keycard-wrapper-step-title {
    margin-top: 0;
  }
}

/* line 86, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard--section-modal.bmc-page-keycard-wrapper {
  margin: 0;
}

/* line 89, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-blur {
  position: absolute;
  height: 30px;
  width: 80%;
  border-radius: 16px;
  bottom: 0px;
  left: 10%;
  background: #ACB5BD;
  filter: blur(18px);
  z-index: 1;
}

/* line 100, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-wrapper {
  position: relative;
}

/* line 103, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-header {
  margin-bottom: 20px;
}

/* line 109, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-header-icon {
  margin-right: 20px;
}

/* line 112, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-header-icon img {
  width: 45px;
}

/* line 118, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-title {
  color: #FF6D00;
}

/* line 122, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-list {
  text-align: left;
  padding-inline-start: 0;
}

/* line 126, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-list-item {
  margin-bottom: 20px;
  list-style-type: none;
  position: relative;
  white-space: pre-wrap;
  word-break: break-word;
}

/* line 133, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-list-item .resorses-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 137, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-list-item .resorses-text .circle {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #FF6D00;
  margin-right: 10px;
  padding-right: 10px;
}

/* line 145, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-list-item-remove {
  font-size: 23px;
  float: right;
  color: #ACB5BD;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: -30px;
}

/* line 154, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-list-item-remove:hover {
  color: #0984FF;
  opacity: 0.5;
}

/* line 160, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-steps--vertical .bmc-page-keycard-step {
  display: block;
  width: 100%;
  margin: 0 0 20px 0;
}

/* line 166, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-steps--vertical .bmc-page-keycard-step:last-child .line-activity {
  display: none;
}

/* line 169, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-steps--vertical .bmc-page-keycard-step .circle-activity {
  width: 10px;
  height: 10px;
  background-color: #FF6D00;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: -20px;
}

/* line 178, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-steps--vertical .bmc-page-keycard-step .line-activity {
  width: 2px;
  height: calc(100% + 10px);
  background-color: #FF6D00;
  position: absolute;
  top: 16px;
  left: -16px;
}

/* line 186, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-steps--vertical .bmc-page-keycard-step-title {
  text-align: left;
  margin: 0 0 10px 0;
}

/* line 190, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-step {
  margin: 20px 20px 20px 0;
  width: 180px;
  position: relative;
}

@media screen and (min-width: 1335px), screen and (max-width: 1280px) and (min-width: 1255px) {
  /* line 198, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
  .bmc-page-keycard-step:nth-child(4n) .line {
    display: none;
  }
}

@media screen and (max-width: 1334px) and (min-width: 1281px), screen and (max-width: 1254px) and (min-width: 1055px) {
  /* line 203, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
  .bmc-page-keycard-step:nth-child(3n) .line {
    display: none;
  }
}

@media screen and (max-width: 1054px) {
  /* line 208, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
  .bmc-page-keycard-step:nth-child(2n) .line {
    display: none;
  }
}

/* line 211, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-step .circle {
  width: 8px;
  height: 8px;
  background-color: #FF6D00;
  border-radius: 50%;
  margin: 0 auto;
}

@media screen and (max-width: 624px) {
  /* line 211, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
  .bmc-page-keycard-step .circle {
    margin-bottom: 20px;
  }
}

/* line 221, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-step .line {
  width: calc(100% + 14px);
  height: 2px;
  background-color: #FF6D00;
  position: absolute;
  left: calc(50% + 4px);
  top: 3px;
}

@media screen and (max-width: 854px) {
  /* line 221, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
  .bmc-page-keycard-step .line {
    display: none;
  }
}

/* line 232, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-step-title {
  margin: 28px 0 10px 0;
}

/* line 236, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-step-text {
  white-space: pre-wrap;
  word-break: break-word;
  text-align: start;
}

/* line 241, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-step-remove {
  font-size: 23px;
  float: right;
  color: #ACB5BD;
  cursor: pointer;
  position: absolute;
  top: 42px;
  right: -30px;
}

/* line 250, app/assets/stylesheets/new/components/bmc/bmc-page-keycard.sass */
.bmc-page-keycard-step-remove:hover {
  color: #0984FF;
  opacity: 0.5;
}

/* line 2, app/assets/stylesheets/new/components/bmc/bmc-page-links.sass */
.bmc-page-links-container {
  margin-top: 30px;
  list-style-type: none;
  text-align: justify;
  display: table;
  table-layout: fixed;
  width: 100%;
}

/* line 10, app/assets/stylesheets/new/components/bmc/bmc-page-links.sass */
.bmc-page-links-container-link {
  color: #00afc9;
  cursor: pointer;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  line-height: 20px;
}

/* line 18, app/assets/stylesheets/new/components/bmc/bmc-page-links.sass */
.bmc-page-links-container-link--orange {
  color: #FF6D00;
}

/* line 22, app/assets/stylesheets/new/components/bmc/bmc-page-links.sass */
.bmc-page-links-container-link--orange span::after {
  background-color: rgba(255, 109, 0, 0.1) !important;
}

/* line 25, app/assets/stylesheets/new/components/bmc/bmc-page-links.sass */
.bmc-page-links-container-link span {
  position: relative;
}

/* line 28, app/assets/stylesheets/new/components/bmc/bmc-page-links.sass */
.bmc-page-links-container-link span::after {
  content: '';
  top: 22px;
  left: 0;
  background-color: rgba(0, 175, 201, 0.1);
  height: 2px;
  width: 100%;
  position: absolute;
}

/* line 3, app/assets/stylesheets/new/components/bmc/bmc-page-list.sass */
.bmc-page-list--horizontal .bmc-page-list-item {
  width: 50%;
  margin-bottom: 0;
  padding-right: 4%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/new/components/bmc/bmc-page-list.sass */
  .bmc-page-list--horizontal .bmc-page-list-item {
    width: 100%;
  }
}

/* line 12, app/assets/stylesheets/new/components/bmc/bmc-page-list.sass */
.bmc-page-list-item {
  margin-bottom: 40px;
}

/* line 15, app/assets/stylesheets/new/components/bmc/bmc-page-list.sass */
.bmc-page-list-item-header {
  margin: 20px 0;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

/* line 20, app/assets/stylesheets/new/components/bmc/bmc-page-list.sass */
.bmc-page-list-item-header-icon {
  border-radius: 8px;
  margin-right: 20px;
  color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  fill: white;
}

/* line 33, app/assets/stylesheets/new/components/bmc/bmc-page-list.sass */
.bmc-page-list-item-header-icon--blue {
  background-color: #5AC9FA;
}

/* line 36, app/assets/stylesheets/new/components/bmc/bmc-page-list.sass */
.bmc-page-list-item-header-icon--green {
  background-color: #4CD964;
}

/* line 39, app/assets/stylesheets/new/components/bmc/bmc-page-list.sass */
.bmc-page-list-item-header-icon--yellow {
  background-color: #FFCC00;
}

/* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-list.sass */
.bmc-page-list-item-header-icon--violet {
  background-color: #AF52DE;
}

/* line 45, app/assets/stylesheets/new/components/bmc/bmc-page-list.sass */
.bmc-page-list-item-header-icon--rose {
  background-color: #FF2D55;
}

/* line 48, app/assets/stylesheets/new/components/bmc/bmc-page-list.sass */
.bmc-page-list-item-header-icon--red {
  background-color: #FF3B30;
}

/* line 51, app/assets/stylesheets/new/components/bmc/bmc-page-list.sass */
.bmc-page-list-item-header-icon .icon-Channel {
  font-size: 26px;
}

/* line 54, app/assets/stylesheets/new/components/bmc/bmc-page-list.sass */
.bmc-page-list-item-header-title {
  font-weight: 500;
  font-size: 21px;
  line-height: 29px;
  padding: 8px 0;
  width: calc(100% - 65px);
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-page-revmodel.sass */
.bmc-page-revmodel {
  padding: 40px;
  text-align: left;
  background-color: white;
  border-radius: 16px;
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-page-revmodel.sass */
  .bmc-page-revmodel {
    padding: 20px 40px 20px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-page-revmodel.sass */
  .bmc-page-revmodel {
    padding: 10px 40px 10px 10px;
  }
  /* line 14, app/assets/stylesheets/new/components/bmc/bmc-page-revmodel.sass */
  .bmc-page-revmodel button {
    font-size: 13px;
  }
}

/* line 17, app/assets/stylesheets/new/components/bmc/bmc-page-revmodel.sass */
.bmc-page-revmodel-title {
  color: #615BDC;
}

/* line 21, app/assets/stylesheets/new/components/bmc/bmc-page-revmodel.sass */
.bmc-page-revmodel-items {
  padding: 30px 0;
}

@media screen and (max-width: 768px) {
  /* line 21, app/assets/stylesheets/new/components/bmc/bmc-page-revmodel.sass */
  .bmc-page-revmodel-items {
    padding: 20px 0;
  }
}

/* line 27, app/assets/stylesheets/new/components/bmc/bmc-page-revmodel.sass */
.bmc-page-revmodel-item {
  margin-bottom: 40px;
  position: relative;
}

/* line 31, app/assets/stylesheets/new/components/bmc/bmc-page-revmodel.sass */
.bmc-page-revmodel-item:last-child {
  margin-bottom: 0;
}

/* line 37, app/assets/stylesheets/new/components/bmc/bmc-page-revmodel.sass */
.bmc-page-revmodel-item-title {
  width: 40%;
  padding-right: 5%;
  word-wrap: break-word;
}

@media screen and (max-width: 768px) {
  /* line 37, app/assets/stylesheets/new/components/bmc/bmc-page-revmodel.sass */
  .bmc-page-revmodel-item-title {
    margin-bottom: 10px;
    width: 100%;
  }
}

/* line 47, app/assets/stylesheets/new/components/bmc/bmc-page-revmodel.sass */
.bmc-page-revmodel-item-description {
  line-height: 20px;
  width: 60%;
  word-wrap: break-word;
}

@media screen and (max-width: 768px) {
  /* line 47, app/assets/stylesheets/new/components/bmc/bmc-page-revmodel.sass */
  .bmc-page-revmodel-item-description {
    width: 100%;
  }
}

/* line 55, app/assets/stylesheets/new/components/bmc/bmc-page-revmodel.sass */
.bmc-page-revmodel-item-remove {
  font-size: 23px;
  float: right;
  color: #ACB5BD;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: -30px;
}

/* line 64, app/assets/stylesheets/new/components/bmc/bmc-page-revmodel.sass */
.bmc-page-revmodel-item-remove:hover {
  color: #0984FF;
  opacity: 0.5;
}

/* line 2, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch-header {
  margin-bottom: 10px;
  text-align: center;
}

/* line 6, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch-header-icon {
  margin: 0 auto 10px auto;
}

/* line 9, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch-header-icon img {
  width: 35px;
}

/* line 15, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch-remove {
  font-size: 23px;
  float: right;
  color: #DDE2E5;
  cursor: pointer;
  position: absolute;
  top: 42px;
  right: -30px;
}

/* line 24, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch-remove:hover {
  color: #37474F;
}

/* line 27, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch .cards-wrapper {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 58px;
  position: relative;
}

/* line 33, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch .cards-wrapper .slick-slider {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (max-width: 570px) {
  /* line 33, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
  .bmc-page-suscard-arch .cards-wrapper .slick-slider {
    overflow: hidden;
    display: block;
  }
}

/* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch .cards-wrapper .slick-list {
  width: 880px;
}

@media screen and (max-width: 1220px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
  .bmc-page-suscard-arch .cards-wrapper .slick-list {
    width: 760px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
  .bmc-page-suscard-arch .cards-wrapper .slick-list {
    width: 640px;
  }
}

@media screen and (max-width: 940px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
  .bmc-page-suscard-arch .cards-wrapper .slick-list {
    width: 440px;
  }
}

@media screen and (max-width: 660px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
  .bmc-page-suscard-arch .cards-wrapper .slick-list {
    width: 340px;
  }
}

@media screen and (max-width: 570px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
  .bmc-page-suscard-arch .cards-wrapper .slick-list {
    width: 100%;
  }
}

/* line 60, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch .cards-wrapper .slick-track {
  padding: 20px 0;
}

@media screen and (max-width: 570px) {
  /* line 63, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
  .bmc-page-suscard-arch .cards-wrapper .slick-dots {
    bottom: 0;
  }
}

/* line 67, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch .cards-wrapper .slick-dots button::before {
  font-size: 15px;
}

/* line 70, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch .cards-wrapper .arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 7px;
  position: absolute;
  cursor: pointer;
}

/* line 79, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch .cards-wrapper .arrow.left {
  top: calc(50% - 12px);
  -ms-transform: rotate(135deg);
      transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: 40px;
}

@media screen and (max-width: 650px) {
  /* line 79, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
  .bmc-page-suscard-arch .cards-wrapper .arrow.left {
    left: -13px;
  }
}

/* line 88, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch .cards-wrapper .arrow.right {
  top: calc(50% - 12px);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  right: 40px;
}

@media screen and (max-width: 650px) {
  /* line 88, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
  .bmc-page-suscard-arch .cards-wrapper .arrow.right {
    right: -13px;
  }
}

/* line 97, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch--portfolio-edit {
  margin-top: 60px;
}

/* line 100, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch--section {
  margin-top: 60px;
}

/* line 104, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch--section .arrow.left {
  left: 0 !important;
}

/* line 107, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch--section .arrow.right {
  right: 0 !important;
}

/* line 110, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch .table {
  width: 100%;
  text-align: center;
}

/* line 114, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch .table .icon {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 5px;
}

/* line 124, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch .table .icon-size {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 130, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch .table .icon-size svg {
  max-width: 100%;
  max-height: 100%;
}

/* line 134, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch .table .title {
  display: none;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 940px) {
  /* line 139, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
  .bmc-page-suscard-arch .table tr {
    display: block;
    background: #FFFFFF;
  }
  /* line 145, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
  .bmc-page-suscard-arch .table tr:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 940px) {
  /* line 148, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
  .bmc-page-suscard-arch .table thead {
    display: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

/* line 155, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch .table thead th {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  padding-bottom: 20px;
  padding-top: 20px;
  color: #000000;
  text-transform: uppercase;
}

@media screen and (max-width: 940px) {
  /* line 155, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
  .bmc-page-suscard-arch .table thead th {
    display: none;
  }
}

/* line 169, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch .table tbody td {
  text-align: left;
  padding: 30px 20px;
  word-break: break-word;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
}

@media screen and (max-width: 940px) {
  /* line 169, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
  .bmc-page-suscard-arch .table tbody td {
    display: block;
    padding: 10px 20px;
    background-color: white;
  }
  /* line 183, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
  .bmc-page-suscard-arch .table tbody td .icon {
    margin-left: 0;
  }
  /* line 186, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
  .bmc-page-suscard-arch .table tbody td .title {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  /* line 169, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
  .bmc-page-suscard-arch .table tbody td {
    padding: 10px;
  }
}

/* line 192, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch .table tbody td:first-child {
  padding: 30px 20px;
}

@media screen and (max-width: 940px) {
  /* line 192, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
  .bmc-page-suscard-arch .table tbody td:first-child {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 192, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
  .bmc-page-suscard-arch .table tbody td:first-child {
    padding: 10px;
  }
}

/* line 201, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-arch.sass */
.bmc-page-suscard-arch .table tbody td:last-child {
  position: relative;
}

/* line 2, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog-header {
  margin-bottom: 10px;
  text-align: center;
}

/* line 6, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog-header-icon {
  margin: 0 auto 10px auto;
}

/* line 9, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog-header-icon img {
  width: 45px;
}

/* line 15, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog-remove {
  font-size: 23px;
  float: right;
  color: #DDE2E5;
  cursor: pointer;
  position: absolute;
  top: 42px;
  right: -30px;
}

/* line 24, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog-remove:hover {
  color: #37474F;
}

/* line 27, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog .cards-wrapper {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 58px;
  position: relative;
}

/* line 33, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog .cards-wrapper .slick-slider {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (max-width: 570px) {
  /* line 33, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
  .bmc-page-suscard-blog .cards-wrapper .slick-slider {
    overflow: hidden;
    display: block;
  }
}

/* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog .cards-wrapper .slick-list {
  width: 880px;
}

@media screen and (max-width: 1220px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
  .bmc-page-suscard-blog .cards-wrapper .slick-list {
    width: 760px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
  .bmc-page-suscard-blog .cards-wrapper .slick-list {
    width: 640px;
  }
}

@media screen and (max-width: 940px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
  .bmc-page-suscard-blog .cards-wrapper .slick-list {
    width: 440px;
  }
}

@media screen and (max-width: 570px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
  .bmc-page-suscard-blog .cards-wrapper .slick-list {
    width: 100%;
  }
}

/* line 57, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog .cards-wrapper .slick-track {
  padding: 20px 0;
}

@media screen and (max-width: 570px) {
  /* line 60, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
  .bmc-page-suscard-blog .cards-wrapper .slick-dots {
    bottom: 0;
  }
}

/* line 64, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog .cards-wrapper .slick-dots button::before {
  font-size: 15px;
}

/* line 67, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog .cards-wrapper .arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 7px;
  position: absolute;
  cursor: pointer;
}

/* line 76, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog .cards-wrapper .arrow.left {
  top: calc(50% - 12px);
  -ms-transform: rotate(135deg);
      transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: 40px;
}

@media screen and (max-width: 650px) {
  /* line 76, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
  .bmc-page-suscard-blog .cards-wrapper .arrow.left {
    left: -13px;
  }
}

/* line 85, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog .cards-wrapper .arrow.right {
  top: calc(50% - 12px);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  right: 40px;
}

@media screen and (max-width: 650px) {
  /* line 85, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
  .bmc-page-suscard-blog .cards-wrapper .arrow.right {
    right: -13px;
  }
}

/* line 94, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog--portfolio-edit {
  margin-top: 60px;
}

/* line 97, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog--section {
  margin-top: 60px;
}

/* line 101, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog--section .arrow.left {
  left: 0 !important;
}

/* line 104, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog--section .arrow.right {
  right: 0 !important;
}

/* line 107, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog .table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}

/* line 112, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog .table .icon {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 5px;
}

/* line 122, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog .table .icon-size {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 128, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog .table .icon-size svg {
  max-width: 100%;
  max-height: 100%;
}

/* line 132, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog .table .title {
  display: none;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 940px) {
  /* line 137, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
  .bmc-page-suscard-blog .table tr {
    display: block;
    background: #FFFFFF;
  }
  /* line 143, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
  .bmc-page-suscard-blog .table tr:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 940px) {
  /* line 146, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
  .bmc-page-suscard-blog .table thead {
    display: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

/* line 153, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog .table thead th {
  font-size: 28px;
  line-height: 38px;
  font-weight: 400;
  vertical-align: top;
  padding-bottom: 10px;
  padding-top: 10px;
  color: #000000;
}

@media screen and (max-width: 940px) {
  /* line 153, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
  .bmc-page-suscard-blog .table thead th {
    display: none;
  }
}

/* line 168, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog .table tbody tr:nth-child(odd) {
  border: 1px solid #000000;
}

/* line 171, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog .table tbody td {
  text-align: left;
  padding: 30px 20px;
  word-break: break-word;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
}

@media screen and (max-width: 940px) {
  /* line 171, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
  .bmc-page-suscard-blog .table tbody td {
    display: block;
    padding: 10px 20px;
    background-color: white;
  }
  /* line 184, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
  .bmc-page-suscard-blog .table tbody td .title {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  /* line 171, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
  .bmc-page-suscard-blog .table tbody td {
    padding: 10px;
  }
}

/* line 190, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog .table tbody td:first-child {
  padding: 30px 20px;
}

@media screen and (max-width: 940px) {
  /* line 190, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
  .bmc-page-suscard-blog .table tbody td:first-child {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 190, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
  .bmc-page-suscard-blog .table tbody td:first-child {
    padding: 10px;
  }
}

/* line 199, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-blog.sass */
.bmc-page-suscard-blog .table tbody td:last-child {
  position: relative;
}

/* line 2, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold-header {
  margin-bottom: 10px;
  text-align: center;
}

/* line 6, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold-header-icon {
  margin: 0 auto 10px auto;
}

/* line 9, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold-header-icon img {
  width: 35px;
}

/* line 15, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold-remove {
  font-size: 23px;
  float: right;
  color: #DDE2E5;
  cursor: pointer;
  position: absolute;
  top: 42px;
  right: -30px;
}

/* line 24, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold-remove:hover {
  color: #37474F;
}

/* line 27, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold .cards-wrapper {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 40px;
  position: relative;
}

/* line 33, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold .cards-wrapper .slick-slider {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (max-width: 570px) {
  /* line 33, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
  .bmc-page-suscard-bold .cards-wrapper .slick-slider {
    overflow: hidden;
    display: block;
  }
}

/* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold .cards-wrapper .slick-list {
  width: 880px;
}

@media screen and (max-width: 1220px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
  .bmc-page-suscard-bold .cards-wrapper .slick-list {
    width: 780px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
  .bmc-page-suscard-bold .cards-wrapper .slick-list {
    width: 660px;
  }
}

@media screen and (max-width: 940px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
  .bmc-page-suscard-bold .cards-wrapper .slick-list {
    width: 440px;
  }
}

@media screen and (max-width: 660px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
  .bmc-page-suscard-bold .cards-wrapper .slick-list {
    width: 340px;
  }
}

@media screen and (max-width: 570px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
  .bmc-page-suscard-bold .cards-wrapper .slick-list {
    width: 100%;
  }
}

/* line 60, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold .cards-wrapper .slick-track {
  padding: 20px 0;
}

@media screen and (max-width: 570px) {
  /* line 63, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
  .bmc-page-suscard-bold .cards-wrapper .slick-dots {
    bottom: 0;
  }
}

/* line 68, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold .cards-wrapper .slick-dots button::before {
  font-size: 15px;
  color: #ACB5BD;
}

/* line 72, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold .cards-wrapper .arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 7px;
  position: absolute;
  cursor: pointer;
}

/* line 81, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold .cards-wrapper .arrow.left {
  top: calc(50% - 12px);
  -ms-transform: rotate(135deg);
      transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: 40px;
}

@media screen and (max-width: 650px) {
  /* line 81, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
  .bmc-page-suscard-bold .cards-wrapper .arrow.left {
    left: -13px;
  }
}

/* line 90, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold .cards-wrapper .arrow.right {
  top: calc(50% - 12px);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  right: 40px;
}

@media screen and (max-width: 650px) {
  /* line 90, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
  .bmc-page-suscard-bold .cards-wrapper .arrow.right {
    right: -13px;
  }
}

/* line 99, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold--portfolio-edit {
  margin-top: 60px;
}

/* line 102, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold--section {
  margin-top: 60px;
}

/* line 106, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold--section .arrow.left {
  left: 0 !important;
}

/* line 109, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold--section .arrow.right {
  right: 0 !important;
}

/* line 112, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold .table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}

/* line 117, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold .table .icon {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 5px;
}

/* line 127, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold .table .icon-size {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 133, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold .table .icon-size svg {
  max-width: 100%;
  max-height: 100%;
}

/* line 137, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold .table .title {
  display: none;
  font-weight: 700;
  margin-bottom: 10px;
}

/* line 142, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold .table tr {
  border: 1px solid #FFFFFF00;
}

@media screen and (max-width: 1024px) {
  /* line 142, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
  .bmc-page-suscard-bold .table tr {
    display: block;
    background: #FFFFFF00;
  }
  /* line 149, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
  .bmc-page-suscard-bold .table tr:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 152, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
  .bmc-page-suscard-bold .table thead {
    display: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

/* line 159, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold .table thead th {
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  font-family: Kanit;
  padding-bottom: 20px;
  padding-top: 20px;
  color: #000000;
  text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
  /* line 159, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
  .bmc-page-suscard-bold .table thead th {
    display: none;
  }
}

/* line 175, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold .table tbody tr:first-child td {
  border-top: 1px solid #FFFFFF00;
}

@media screen and (max-width: 1024px) {
  /* line 175, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
  .bmc-page-suscard-bold .table tbody tr:first-child td {
    border-top: none;
  }
}

/* line 181, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold .table tbody td {
  text-align: left;
  padding: 30px 20px;
  word-break: break-word;
  vertical-align: middle;
  font-size: 16px;
  line-height: 30px;
  position: relative;
  white-space: pre-wrap;
}

@media screen and (max-width: 1024px) {
  /* line 181, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
  .bmc-page-suscard-bold .table tbody td {
    display: block;
    padding: 10px 20px;
    background-color: #FFFFFF00;
  }
  /* line 197, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
  .bmc-page-suscard-bold .table tbody td .icon {
    margin-left: 0;
  }
  /* line 200, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
  .bmc-page-suscard-bold .table tbody td .title {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  /* line 181, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
  .bmc-page-suscard-bold .table tbody td {
    padding: 10px;
  }
}

/* line 206, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold .table tbody td:first-child {
  padding: 30px 20px;
}

@media screen and (max-width: 1024px) {
  /* line 206, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
  .bmc-page-suscard-bold .table tbody td:first-child {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 206, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
  .bmc-page-suscard-bold .table tbody td:first-child {
    padding: 10px;
  }
}

/* line 215, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold .table tbody td:last-child {
  position: relative;
}

/* line 218, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
.bmc-page-suscard-bold .table tbody td .border-right {
  position: absolute;
  width: 1px;
  height: calc(100% - 60px);
  right: 0;
  top: 30px;
  background: #FFFFFF;
}

@media screen and (max-width: 1024px) {
  /* line 218, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-bold.sass */
  .bmc-page-suscard-bold .table tbody td .border-right {
    display: none;
  }
}

/* line 2, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful-header {
  margin-bottom: 10px;
  text-align: center;
}

/* line 6, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful-header-icon {
  margin: 0 auto 10px auto;
}

/* line 9, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful-header-icon img {
  width: 45px;
}

/* line 15, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful-remove {
  font-size: 23px;
  float: right;
  color: #DDE2E5;
  cursor: pointer;
  position: absolute;
  top: 42px;
  right: -30px;
}

/* line 24, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful-remove:hover {
  color: #37474F;
}

/* line 27, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful .cards-wrapper {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 58px;
  position: relative;
}

/* line 33, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful .cards-wrapper .slick-slider {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (max-width: 570px) {
  /* line 33, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
  .bmc-page-suscard-colourful .cards-wrapper .slick-slider {
    overflow: hidden;
    display: block;
  }
}

/* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful .cards-wrapper .slick-list {
  width: 880px;
}

@media screen and (max-width: 1220px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
  .bmc-page-suscard-colourful .cards-wrapper .slick-list {
    width: 760px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
  .bmc-page-suscard-colourful .cards-wrapper .slick-list {
    width: 640px;
  }
}

@media screen and (max-width: 940px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
  .bmc-page-suscard-colourful .cards-wrapper .slick-list {
    width: 440px;
  }
}

@media screen and (max-width: 570px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
  .bmc-page-suscard-colourful .cards-wrapper .slick-list {
    width: 100%;
  }
}

/* line 57, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful .cards-wrapper .slick-track {
  padding: 20px 0;
}

@media screen and (max-width: 570px) {
  /* line 60, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
  .bmc-page-suscard-colourful .cards-wrapper .slick-dots {
    bottom: 0;
  }
}

/* line 64, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful .cards-wrapper .slick-dots button::before {
  font-size: 15px;
}

/* line 67, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful .cards-wrapper .arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 7px;
  position: absolute;
  cursor: pointer;
}

/* line 76, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful .cards-wrapper .arrow.left {
  top: calc(50% - 12px);
  -ms-transform: rotate(135deg);
      transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: 40px;
}

@media screen and (max-width: 650px) {
  /* line 76, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
  .bmc-page-suscard-colourful .cards-wrapper .arrow.left {
    left: -13px;
  }
}

/* line 85, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful .cards-wrapper .arrow.right {
  top: calc(50% - 12px);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  right: 40px;
}

@media screen and (max-width: 650px) {
  /* line 85, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
  .bmc-page-suscard-colourful .cards-wrapper .arrow.right {
    right: -13px;
  }
}

/* line 94, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful--portfolio-edit {
  margin-top: 60px;
}

/* line 97, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful--section {
  margin-top: 60px;
}

/* line 101, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful--section .arrow.left {
  left: 0 !important;
}

/* line 104, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful--section .arrow.right {
  right: 0 !important;
}

/* line 107, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful .table-wrapper {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

/* line 111, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful .table {
  width: 100%;
  text-align: center;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

/* line 117, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful .table .icon {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 5px;
}

/* line 127, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful .table .icon-size {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 133, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful .table .icon-size svg {
  max-width: 100%;
  max-height: 100%;
}

/* line 137, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful .table .title {
  display: none;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 940px) {
  /* line 142, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
  .bmc-page-suscard-colourful .table tr {
    display: block;
    background: #FFFFFF;
  }
  /* line 148, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
  .bmc-page-suscard-colourful .table tr:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 940px) {
  /* line 151, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
  .bmc-page-suscard-colourful .table thead {
    display: none;
  }
}

/* line 156, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful .table thead th {
  font-size: 18px;
  line-height: 25px;
  font-weight: 700;
  vertical-align: top;
  padding-bottom: 20px;
  padding-top: 20px;
  color: #FFFFFF;
}

@media screen and (max-width: 940px) {
  /* line 156, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
  .bmc-page-suscard-colourful .table thead th {
    display: none;
  }
}

/* line 170, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful .table tbody td {
  text-align: left;
  padding: 30px 20px;
  word-break: break-word;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
}

@media screen and (max-width: 940px) {
  /* line 170, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
  .bmc-page-suscard-colourful .table tbody td {
    display: block;
    padding: 10px 20px;
    background-color: white;
  }
  /* line 183, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
  .bmc-page-suscard-colourful .table tbody td .icon {
    margin-left: 0;
  }
  /* line 186, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
  .bmc-page-suscard-colourful .table tbody td .title {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  /* line 170, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
  .bmc-page-suscard-colourful .table tbody td {
    padding: 10px;
  }
}

/* line 192, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful .table tbody td:first-child {
  padding: 30px 20px;
}

@media screen and (max-width: 940px) {
  /* line 192, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
  .bmc-page-suscard-colourful .table tbody td:first-child {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 192, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
  .bmc-page-suscard-colourful .table tbody td:first-child {
    padding: 10px;
  }
}

/* line 201, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-colourful.sass */
.bmc-page-suscard-colourful .table tbody td:last-child {
  position: relative;
}

/* line 2, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech-header {
  margin-bottom: 10px;
  text-align: center;
}

/* line 6, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech-header-icon {
  margin: 0 auto 10px auto;
}

/* line 9, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech-header-icon img {
  width: 35px;
}

/* line 15, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech-remove {
  font-size: 23px;
  float: right;
  color: #DDE2E5;
  cursor: pointer;
  position: absolute;
  top: 42px;
  right: -30px;
}

/* line 24, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech-remove:hover {
  color: #37474F;
}

/* line 27, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech .cards-wrapper {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 58px;
  position: relative;
}

/* line 33, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech .cards-wrapper .slick-slider {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (max-width: 570px) {
  /* line 33, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
  .bmc-page-suscard-tech .cards-wrapper .slick-slider {
    overflow: hidden;
    display: block;
  }
}

/* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech .cards-wrapper .slick-list {
  width: 900px;
}

@media screen and (max-width: 1220px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
  .bmc-page-suscard-tech .cards-wrapper .slick-list {
    width: 760px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
  .bmc-page-suscard-tech .cards-wrapper .slick-list {
    width: 640px;
  }
}

@media screen and (max-width: 940px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
  .bmc-page-suscard-tech .cards-wrapper .slick-list {
    width: 440px;
  }
}

@media screen and (max-width: 660px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
  .bmc-page-suscard-tech .cards-wrapper .slick-list {
    width: 340px;
  }
}

@media screen and (max-width: 570px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
  .bmc-page-suscard-tech .cards-wrapper .slick-list {
    width: 100%;
  }
}

/* line 60, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech .cards-wrapper .slick-track {
  padding: 20px 0;
}

@media screen and (max-width: 570px) {
  /* line 63, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
  .bmc-page-suscard-tech .cards-wrapper .slick-dots {
    bottom: 0;
  }
}

/* line 67, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech .cards-wrapper .slick-dots button::before {
  font-size: 15px;
}

/* line 70, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech .cards-wrapper .arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 7px;
  position: absolute;
  cursor: pointer;
}

/* line 79, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech .cards-wrapper .arrow.left {
  top: calc(50% - 12px);
  -ms-transform: rotate(135deg);
      transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: -20px;
}

@media screen and (max-width: 1280px) {
  /* line 79, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
  .bmc-page-suscard-tech .cards-wrapper .arrow.left {
    left: 0;
  }
}

/* line 88, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech .cards-wrapper .arrow.right {
  top: calc(50% - 12px);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  right: -20px;
}

@media screen and (max-width: 1280px) {
  /* line 88, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
  .bmc-page-suscard-tech .cards-wrapper .arrow.right {
    right: 0;
  }
}

/* line 97, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech--portfolio-edit {
  margin-top: 60px;
}

/* line 100, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech .table-wrapper {
  border-radius: 20px;
  padding: 10px;
}

/* line 104, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech .table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  border-radius: 20px;
}

/* line 110, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech .table .icon {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  background-color: #FFFFFF00;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 5px;
}

/* line 120, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech .table .icon-size {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 126, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech .table .icon-size svg {
  max-width: 100%;
  max-height: 100%;
}

/* line 130, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech .table .title {
  display: none;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 940px) {
  /* line 135, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
  .bmc-page-suscard-tech .table tr {
    display: block;
    background: #FFFFFF;
  }
  /* line 141, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
  .bmc-page-suscard-tech .table tr:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 940px) {
  /* line 144, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
  .bmc-page-suscard-tech .table thead {
    display: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

/* line 151, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech .table thead th {
  font-size: 28px;
  line-height: 38px;
  font-weight: 700;
  padding-bottom: 20px;
  padding-top: 20px;
  color: #FFFFFF;
}

@media screen and (max-width: 940px) {
  /* line 151, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
  .bmc-page-suscard-tech .table thead th {
    display: none;
  }
}

/* line 166, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech .table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 20px;
}

/* line 168, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech .table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 20px;
}

@media screen and (max-width: 940px) {
  /* line 172, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
  .bmc-page-suscard-tech .table tbody tr:first-child {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
  /* line 177, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
  .bmc-page-suscard-tech .table tbody tr:first-child td:first-child {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
  /* line 181, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
  .bmc-page-suscard-tech .table tbody tr:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
  /* line 186, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
  .bmc-page-suscard-tech .table tbody tr:last-child td:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}

/* line 191, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech .table tbody td {
  text-align: left;
  padding: 30px 20px;
  word-break: break-word;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
}

@media screen and (max-width: 940px) {
  /* line 191, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
  .bmc-page-suscard-tech .table tbody td {
    display: block;
    padding: 10px 20px;
    background-color: white;
  }
  /* line 205, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
  .bmc-page-suscard-tech .table tbody td .icon {
    margin-left: 0;
  }
  /* line 208, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
  .bmc-page-suscard-tech .table tbody td .title {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  /* line 191, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
  .bmc-page-suscard-tech .table tbody td {
    padding: 10px;
  }
}

/* line 214, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech .table tbody td:first-child {
  padding: 30px 20px;
}

@media screen and (max-width: 940px) {
  /* line 214, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
  .bmc-page-suscard-tech .table tbody td:first-child {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 214, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
  .bmc-page-suscard-tech .table tbody td:first-child {
    padding: 10px;
  }
}

/* line 223, app/assets/stylesheets/new/components/bmc/bmc-page-suscard-tech.sass */
.bmc-page-suscard-tech .table tbody td:last-child {
  position: relative;
}

/* line 2, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard-header {
  margin-bottom: 10px;
  text-align: center;
}

/* line 6, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard-header-icon {
  margin: 0 auto 10px auto;
}

/* line 9, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard-header-icon img {
  width: 45px;
}

/* line 15, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard-remove {
  font-size: 23px;
  float: right;
  color: #ACB5BD;
  cursor: pointer;
  position: absolute;
  top: 42px;
  right: -30px;
}

/* line 24, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard-remove:hover {
  color: #0984FF;
  opacity: 0.5;
}

/* line 28, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard .cards-wrapper {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 58px;
  position: relative;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 40px;
  position: relative;
}

/* line 40, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard .cards-wrapper .slick-slider {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (max-width: 570px) {
  /* line 40, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
  .bmc-page-suscard .cards-wrapper .slick-slider {
    overflow: hidden;
    display: block;
  }
}

/* line 49, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard .cards-wrapper .slick-list {
  width: 880px;
}

@media screen and (max-width: 1220px) {
  /* line 49, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
  .bmc-page-suscard .cards-wrapper .slick-list {
    width: 760px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 49, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
  .bmc-page-suscard .cards-wrapper .slick-list {
    width: 640px;
  }
}

@media screen and (max-width: 940px) {
  /* line 49, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
  .bmc-page-suscard .cards-wrapper .slick-list {
    width: 440px;
  }
}

@media screen and (max-width: 570px) {
  /* line 49, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
  .bmc-page-suscard .cards-wrapper .slick-list {
    width: 100%;
  }
}

/* line 64, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard .cards-wrapper .slick-track {
  padding: 20px 0;
}

@media screen and (max-width: 570px) {
  /* line 67, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
  .bmc-page-suscard .cards-wrapper .slick-dots {
    bottom: 0;
  }
}

/* line 71, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard .cards-wrapper .slick-dots button::before {
  font-size: 15px;
}

/* line 74, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard .cards-wrapper .arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 7px;
  position: absolute;
  cursor: pointer;
}

/* line 83, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard .cards-wrapper .arrow.left {
  top: calc(50% - 12px);
  -ms-transform: rotate(135deg);
      transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: 40px;
}

@media screen and (max-width: 650px) {
  /* line 83, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
  .bmc-page-suscard .cards-wrapper .arrow.left {
    left: -13px;
  }
}

/* line 92, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard .cards-wrapper .arrow.right {
  top: calc(50% - 12px);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  right: 40px;
}

@media screen and (max-width: 650px) {
  /* line 92, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
  .bmc-page-suscard .cards-wrapper .arrow.right {
    right: -13px;
  }
}

/* line 101, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard--portfolio-current {
  margin-top: 24px;
}

/* line 104, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard--portfolio-edit {
  margin-top: 60px;
}

/* line 107, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard--section {
  margin-top: 60px;
}

/* line 111, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard--section .arrow.left {
  left: 0 !important;
}

/* line 114, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard--section .arrow.right {
  right: 0 !important;
}

/* line 117, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard .table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  background-color: #FFFFFF;
  border-radius: 16px;
}

/* line 125, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard .table .icon {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 5px;
}

/* line 135, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard .table .icon-size {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 141, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard .table .icon-size svg {
  max-width: 100%;
  max-height: 100%;
}

/* line 145, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard .table .title {
  display: none;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 940px) {
  /* line 150, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
  .bmc-page-suscard .table tr {
    padding-top: 20px;
  }
}

/* line 154, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard .table tr:last-child {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

/* line 159, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard .table tr:last-child td:first-child {
  border-bottom-left-radius: 16px;
}

@media screen and (max-width: 940px) {
  /* line 159, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
  .bmc-page-suscard .table tr:last-child td:first-child {
    border-bottom-left-radius: 0;
  }
}

/* line 163, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard .table tr:last-child td:last-child {
  border-bottom-right-radius: 16px;
}

@media screen and (max-width: 940px) {
  /* line 163, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
  .bmc-page-suscard .table tr:last-child td:last-child {
    border-bottom-left-radius: 16px;
  }
}

/* line 168, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard .table tr:nth-child(2n) {
  background-color: #F8F9FA;
}

@media screen and (max-width: 940px) {
  /* line 150, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
  .bmc-page-suscard .table tr {
    display: block;
  }
  /* line 174, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
  .bmc-page-suscard .table tr:not(:last-child) {
    margin-bottom: 20px;
  }
  /* line 177, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
  .bmc-page-suscard .table tr:first-child {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
  /* line 182, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
  .bmc-page-suscard .table tr:first-child td:first-child {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
}

@media screen and (max-width: 940px) {
  /* line 186, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
  .bmc-page-suscard .table thead {
    display: none;
  }
}

/* line 190, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard .table thead th {
  line-height: 20px;
  font-weight: 500;
  height: 70px;
  padding-left: 10px;
}

@media screen and (max-width: 940px) {
  /* line 190, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
  .bmc-page-suscard .table thead th {
    display: none;
  }
}

/* line 201, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard .table tbody td {
  text-align: left;
  padding: 10px;
  word-break: break-word;
  vertical-align: middle;
}

@media screen and (max-width: 940px) {
  /* line 201, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
  .bmc-page-suscard .table tbody td {
    display: block;
    padding: 10px 20px;
  }
  /* line 211, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
  .bmc-page-suscard .table tbody td .icon {
    margin-left: 0;
  }
  /* line 214, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
  .bmc-page-suscard .table tbody td .title {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  /* line 201, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
  .bmc-page-suscard .table tbody td {
    padding: 10px;
  }
}

/* line 220, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard .table tbody td:first-child {
  padding: 10px;
}

@media screen and (max-width: 940px) {
  /* line 220, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
  .bmc-page-suscard .table tbody td:first-child {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 220, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
  .bmc-page-suscard .table tbody td:first-child {
    padding: 10px;
  }
}

/* line 229, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.bmc-page-suscard .table tbody td:last-child {
  position: relative;
  padding: 10px;
}

/* line 233, app/assets/stylesheets/new/components/bmc/bmc-page-suscard.sass */
.table-wrapper {
  border-radius: 16px;
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-cut.sass */
.bmc-page-tabs-content-cut {
  margin-bottom: 40px;
  text-align: left;
  border-radius: 16px;
  background-color: #4e595f;
  padding: 20px;
}

@media screen and (max-width: 400px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-cut.sass */
  .bmc-page-tabs-content-cut {
    padding: 10px;
  }
}

/* line 11, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-cut.sass */
.bmc-page-tabs-content-cut:hover {
  background: rgba(248, 249, 250, 0.25);
}

/* line 14, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-cut.sass */
.bmc-page-tabs-content-cut-header {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 18, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-cut.sass */
.bmc-page-tabs-content-cut-header-icon {
  border-radius: 8px;
  margin-right: 20px;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 400px) {
  /* line 18, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-cut.sass */
  .bmc-page-tabs-content-cut-header-icon {
    margin-right: 5px;
  }
}

/* line 28, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-cut.sass */
.bmc-page-tabs-content-cut-header-icon img {
  width: 45px;
}

/* line 31, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-cut.sass */
.bmc-page-tabs-content-cut-header-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  font-size: 21px;
  line-height: 29px;
}

/* line 38, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-cut.sass */
.bmc-page-tabs-content-cut-header-arrow {
  display: inline-block;
  vertical-align: middle;
  float: right;
  font-size: 25px;
  padding: 8px;
}

@media screen and (max-width: 400px) {
  /* line 38, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-cut.sass */
  .bmc-page-tabs-content-cut-header-arrow {
    padding: 8px 0;
  }
}

/* line 48, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-cut.sass */
.bmc-page-tabs-content-cut-content {
  margin-top: 40px;
}

/* line 51, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-cut.sass */
.bmc-page-tabs-content-cut-content-left {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-right: 40px;
}

@media screen and (max-width: 1024px) {
  /* line 51, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-cut.sass */
  .bmc-page-tabs-content-cut-content-left {
    width: 100%;
    padding-right: 0;
  }
}

/* line 61, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-cut.sass */
.bmc-page-tabs-content-cut-content-left p {
  margin: 0 0 20px 0;
}

/* line 64, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-cut.sass */
.bmc-page-tabs-content-cut-content-right {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  height: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 64, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-cut.sass */
  .bmc-page-tabs-content-cut-content-right {
    width: 100%;
  }
}

/* line 73, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-cut.sass */
.bmc-page-tabs-content-cut-content-right .img {
  border-radius: 8px;
  min-height: 320px;
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list {
  position: relative;
  text-align: left;
}

/* line 5, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--minimal-margin {
  margin-top: -15px;
}

@media screen and (max-width: 1024px) {
  /* line 5, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list--minimal-margin {
    margin-top: 0;
  }
}

/* line 11, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--preview {
  text-align: left;
}

/* line 14, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--preview .bmc-page-tabs-content-list-item {
  height: auto;
}

/* line 17, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--preview .bmc-page-tabs-content-list-item:last-child {
  height: auto;
}

/* line 20, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--preview .bmc-page-tabs-content-list-item-title {
  margin-top: 8px;
}

@media screen and (max-width: 1024px) {
  /* line 20, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list--preview .bmc-page-tabs-content-list-item-title {
    margin-top: 0;
  }
}

/* line 26, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--preview .bmc-page-tabs-content-list-item-text {
  margin-top: 8px;
}

/* line 29, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--preview .bmc-page-tabs-content-list-item-inputs-input-text {
  border-top: 2px solid #37474F;
  border-bottom: 2px solid #37474F;
}

/* line 33, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--preview .bmc-page-tabs-content-list-item-inputs-input-text:hover {
  border-top: 2px solid #37474F;
  border-bottom: 2px solid #37474F;
}

/* line 38, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--form-style .bmc-page-tabs-content-list-remove {
  right: 0;
}

/* line 41, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--form-style .bmc-page-tabs-content-list-item {
  padding-bottom: 0;
  margin-bottom: 20px;
  min-height: 70px;
}

/* line 46, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--form-style .bmc-page-tabs-content-list-item::after {
  content: none;
}

/* line 51, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--form-style:not(:last-child) .bmc-page-tabs-content-list-item:last-child {
  padding-bottom: 40px;
  margin-bottom: 20px;
}

/* line 55, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--form-style:not(:last-child) .bmc-page-tabs-content-list-item:last-child::after {
  content: '';
}

/* line 61, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--horizontal:first-child .bmc-page-tabs-content-list-item-icon, .bmc-page-tabs-content-list--horizontal:first-child .bmc-page-tabs-content-list-item-title {
  display: inline-block;
}

@media screen and (max-width: 1280px) {
  /* line 58, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list--horizontal {
    margin-bottom: 60px;
  }
  /* line 67, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list--horizontal:first-child {
    display: none;
  }
  /* line 70, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list--horizontal::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -30px;
    height: 2px;
    width: 100%;
    border-radius: 2px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 79, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-remove {
    right: -8px;
  }
}

/* line 83, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item {
  display: inline-block;
  width: 290px;
  height: auto;
  padding: 0;
  margin: 0 40px 20px 0;
}

/* line 90, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item:after {
  content: none !important;
}

@media (max-width: 1390px) {
  /* line 83, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item {
    width: 35%;
    margin: 0 5% 20px 0;
  }
}

@media screen and (max-width: 1280px) {
  /* line 83, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item {
    width: 47.5%;
  }
}

@media screen and (max-width: 480px) {
  /* line 83, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item {
    width: 100%;
  }
}

/* line 103, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item:first-child {
  width: 180px;
}

@media (max-width: 1390px) {
  /* line 103, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item:first-child {
    width: 20%;
  }
}

@media screen and (max-width: 1280px) {
  /* line 103, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item:first-child {
    width: 100%;
  }
  /* line 113, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item:first-child .bmc-page-tabs-content-list-item-icon {
    width: 45px;
    height: 45px;
  }
  /* line 117, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item:first-child .bmc-page-tabs-content-list-item-title {
    width: calc(50% - 40px);
  }
}

@media screen and (max-width: 1280px) and (max-width: 480px) {
  /* line 117, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item:first-child .bmc-page-tabs-content-list-item-title {
    width: calc(100% - 55px);
  }
}

@media screen and (max-width: 1280px) {
  /* line 123, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item:first-child .bmc-page-tabs-content-list-item-title-big {
    padding: 8px 0;
  }
  /* line 126, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item:first-child .bmc-page-tabs-content-list-item-text {
    width: 40%;
  }
}

@media screen and (max-width: 1280px) and (max-width: 480px) {
  /* line 126, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item:first-child .bmc-page-tabs-content-list-item-text {
    width: 100%;
  }
}

/* line 132, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item:nth-child(3) {
  margin-right: 0;
  margin-bottom: 20px;
}

/* line 136, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item-icon {
  width: 29px;
  height: 29px;
  padding: 4px;
  font-size: 21px;
  margin-right: 10px;
  display: none;
}

@media screen and (max-width: 1280px) {
  /* line 136, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item-icon {
    display: inline-block;
  }
}

@media screen and (max-width: 480px) {
  /* line 136, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item-icon {
    width: 45px;
    height: 45px;
  }
}

/* line 151, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item-title {
  width: calc(100% - 40px);
  margin-right: 0;
  display: none;
}

@media screen and (max-width: 1280px) {
  /* line 151, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item-title {
    display: inline-block;
  }
}

@media screen and (max-width: 480px) {
  /* line 151, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item-title {
    width: calc(100% - 55px);
  }
}

/* line 163, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item-title-icon {
  background-color: #16b4cc;
  border-radius: 8px;
  width: 29px;
  height: 29px;
  padding: 4px;
  font-size: 21px;
  margin-right: 10px;
  text-align: center;
}

/* line 174, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item-title-big {
  margin-bottom: 20px;
  padding: 0;
}

@media screen and (max-width: 480px) {
  /* line 174, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item-title-big {
    padding: 8px 0;
  }
}

/* line 182, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item-title-small {
  margin-bottom: 20px;
}

/* line 185, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item-text {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 189, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list--cost .bmc-page-tabs-content-list-remove {
    right: -22px;
  }
}

/* line 194, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list--sustainability .bmc-page-tabs-content-list-item-title-big {
  height: 58px;
  max-width: calc(100% - 40px);
}

/* line 198, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-title {
  margin-bottom: 20px;
  text-align: left;
  word-break: break-all;
}

/* line 205, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-subtitle {
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  margin-top: -10px;
  margin-bottom: 20px;
}

/* line 212, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-remove {
  position: absolute;
  font-size: 25px;
  top: 5px;
  right: -33px;
  cursor: pointer;
  opacity: 0;
}

@media screen and (max-width: 1024px) {
  /* line 212, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list-remove {
    right: -22px;
  }
}

/* line 223, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-remove--active {
  opacity: 0.5;
}

/* line 226, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-remove--active:hover {
  opacity: 1;
}

/* line 229, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-card {
  margin-bottom: 40px;
}

/* line 235, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-card-left {
  width: 52%;
}

/* line 238, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-card-right {
  width: 45%;
}

/* line 242, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-card-header-icon {
  margin-right: 20px;
}

/* line 247, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-card-header-icon img {
  width: 100%;
  height: 100%;
}

/* line 254, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-card-header-title-main {
  font-weight: bold;
  font-size: 21px;
  line-height: 29px;
}

/* line 259, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-card-header-title-link {
  color: white;
  text-decoration: underline;
}

/* line 263, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-card-text {
  padding: 5px 40px 0 0;
}

/* line 266, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item {
  padding-bottom: 40px;
  margin-bottom: 40px;
  vertical-align: top;
  position: relative;
}

/* line 273, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item--wide .bmc-page-tabs-content-list-item-title {
  width: calc(100% - 110px);
}

/* line 276, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item::after {
  display: block;
  background-color: #59c3d4;
  border-radius: 2px;
  height: 2px;
  width: 100%;
  content: '';
  position: relative;
  top: 40px;
}

/* line 286, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  height: auto;
}

/* line 291, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item:last-child::after {
  content: none;
}

/* line 294, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-icon {
  margin-right: 20px;
  background-color: #16b4cc;
  border-radius: 8px;
  font-size: 25px;
}

@media screen and (max-width: 1024px) {
  /* line 294, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list-item-icon {
    margin-bottom: 20px;
  }
}

/* line 305, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-icon-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
  width: 100%;
  fill: white;
}

/* line 313, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-title {
  width: 225px;
  margin-right: 40px;
  text-align: left;
}

@media (max-width: 1390px) {
  /* line 313, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list-item-title {
    width: 25%;
    margin-right: 5%;
  }
}

@media screen and (max-width: 1024px) {
  /* line 313, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list-item-title {
    width: calc(100% - 65px);
    margin-right: 0;
  }
}

/* line 327, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-title-big {
  font-weight: 500;
  font-size: 21px;
  line-height: 29px;
  margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
  /* line 327, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list-item-title-big {
    padding: 8px 0;
    margin-bottom: 0;
  }
}

/* line 337, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-title-small {
  line-height: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 337, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list-item-title-small {
    margin-bottom: 10px;
  }
}

/* line 343, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-small-title {
  font-weight: bold;
}

/* line 346, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-texts {
  display: inline-block;
  width: 510px;
}

/* line 350, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-texts .bmc-page-tabs-content-list-item-text {
  width: 100%;
}

@media (max-width: 1390px) {
  /* line 346, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list-item-texts {
    width: calc(70% - 65px);
  }
}

@media screen and (max-width: 1024px) {
  /* line 346, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list-item-texts {
    width: calc(100% - 20px);
  }
}

/* line 359, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-text {
  display: inline-block;
  width: 510px;
  text-align: left;
  position: relative;
}

@media (max-width: 1390px) {
  /* line 359, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list-item-text {
    width: calc(70% - 65px);
  }
}

@media screen and (max-width: 1024px) {
  /* line 359, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list-item-text {
    width: 100%;
  }
}

/* line 371, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-text > .textarea-wrapper textarea, .bmc-page-tabs-content-list-item-text > input {
  width: 100%;
  font-size: 16px;
  border-radius: 8px;
  border: 2px solid white !important;
  padding: 10px;
  color: #334249;
  resize: none;
  outline: none;
}

/* line 381, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-text > .textarea-wrapper textarea:hover, .bmc-page-tabs-content-list-item-text > input:hover {
  border: 2px solid #ACB5BD !important;
}

/* line 384, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-text > .textarea-wrapper textarea:focus, .bmc-page-tabs-content-list-item-text > input:focus {
  border: 2px solid #007AFF !important;
}

/* line 387, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-text > input {
  height: 42px;
}

/* line 390, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-inputs {
  margin-top: 20px;
  width: 840px;
}

/* line 394, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-inputs-wrapper {
  overflow: auto;
  padding-bottom: 10px;
}

/* line 401, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-inputs-input {
  width: calc(100% / 12);
}

/* line 405, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-inputs-input:first-child .bmc-page-tabs-content-list-item-inputs-input-text {
  border-radius: 8px 0 0 8px;
}

/* line 409, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-inputs-input:last-child .bmc-page-tabs-content-list-item-inputs-input-text {
  border-radius: 0 8px 8px 0;
  border-right: none;
}

/* line 413, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-inputs-input-title {
  width: 100%;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (max-width: 1390px) {
  /* line 413, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list-item-inputs-input-title {
    font-size: 10px;
  }
}

@media screen and (max-width: 1150px) {
  /* line 413, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list-item-inputs-input-title {
    font-size: 8px;
  }
}

/* line 428, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-inputs-input-text {
  color: black;
  padding: 15px 0;
  width: 100%;
  text-align: center;
  outline: none;
  border: none;
  border: 2px solid white;
  border-left: none;
  border-right: 1px solid #ACB5BD;
}

@media screen and (max-width: 1150px) {
  /* line 428, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
  .bmc-page-tabs-content-list-item-inputs-input-text {
    font-size: 12px;
  }
}

/* line 442, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-inputs-input-text:hover {
  border: 2px solid #ACB5BD;
  border-right: 1px solid #ACB5BD;
  border-left: none;
}

/* line 448, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-range-fields {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 454, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-range-fields-current {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}

/* line 460, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-range-field {
  color: black;
  height: 45px;
  width: 69px !important;
  margin-right: 15px;
  border-radius: 8px;
  border: 1px solid #DDE2E5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
  padding: 9px;
  font-size: 16px;
  resize: none;
  background-color: #F8F9FA;
}

/* line 474, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-range-field:hover {
  border: 1px solid rgba(9, 132, 255, 0.1);
}

/* line 477, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-range-field:focus {
  border: 1px solid #007AFF;
}

/* line 480, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-range .input-range {
  margin-top: 20px;
  margin-bottom: 10px;
}

/* line 484, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-range .input-range__slider {
  width: 15px;
  height: 15px;
  top: 1px;
  border-radius: 50%;
  border: none;
  background-color: #F8F9FA;
  cursor: pointer;
}

/* line 494, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-range .input-range__label--min, .bmc-page-tabs-content-list-item-range .input-range__label--max, .bmc-page-tabs-content-list-item-range .input-range__label--value {
  display: none;
}

/* line 497, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-range .input-range__track {
  background-color: #DDE2E5;
  height: 5px;
  position: relative;
  border-radius: 3px;
}

/* line 503, app/assets/stylesheets/new/components/bmc/bmc-page-tabs-content-list.sass */
.bmc-page-tabs-content-list-item-range .input-range__track--active {
  background-color: white;
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs {
  margin: 20px -40px;
  text-align: center;
  position: relative;
}

@media (max-width: 1280px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
  .bmc-page-tabs {
    margin-left: 0;
    margin-right: 0;
  }
}

/* line 10, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--blur {
  position: absolute;
  height: 30px;
  width: 95%;
  border-radius: 16px;
  bottom: -15px;
  left: 3%;
  background-color: #00afc9;
  filter: blur(18px);
  z-index: 0;
}

@media screen and (max-width: 1024px) {
  /* line 10, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
  .bmc-page-tabs--blur {
    height: 15px;
  }
}

/* line 24, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--inner {
  margin: -10px -40px 0 -40px;
}

@media screen and (max-width: 1024px) {
  /* line 24, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
  .bmc-page-tabs--inner {
    margin: -10px -10px 0 -10px;
  }
}

/* line 31, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--inner .bmc-page-tabs-header {
  padding: 0 10px;
}

/* line 34, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--inner .bmc-page-tabs-header-tab {
  width: 150px;
}

/* line 37, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--inner .bmc-page-tabs-header-tab:hover, .bmc-page-tabs--inner .bmc-page-tabs-header-tab--active {
  border-bottom: 2px solid white;
}

/* line 40, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--inner .bmc-page-tabs-content {
  padding: 20px 40px 0 40px;
}

@media screen and (max-width: 1024px) {
  /* line 40, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
  .bmc-page-tabs--inner .bmc-page-tabs-content {
    padding: 10px;
  }
}

/* line 46, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--form {
  margin: 20px 0;
}

/* line 50, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--form .bmc-page-tabs-header {
  background-color: white;
  margin: 0 0 35px 0;
}

/* line 54, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--form .bmc-page-tabs-header-tab {
  background-color: white;
  color: rgba(9, 132, 255, 0.5);
  position: relative;
  width: 150px;
}

/* line 60, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--form .bmc-page-tabs-header-tab:hover {
  background-color: white;
}

/* line 63, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--form .bmc-page-tabs-header-tab--active {
  background-color: white;
  color: #0984FF;
}

/* line 67, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--form .bmc-page-tabs-header-tab--active::after {
  content: '';
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 2px;
  background-color: #0984FF;
  border-radius: 2px;
  position: absolute;
}

/* line 77, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--form .bmc-page-tabs-content {
  background-color: white;
  color: #334249;
  padding: 0;
}

/* line 83, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--blue .bmc-page-tabs {
  background-color: #0984FF;
}

/* line 86, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--blue .bmc-page-tabs--blur {
  background: #0984FF;
}

/* line 88, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--blue .bmc-page-tabs-content {
  background-color: #0984FF;
}

/* line 92, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--blue .bmc-page-tabs-content-list-item-title-icon, .bmc-page-tabs--blue .bmc-page-tabs-content-list-item-icon {
  background-color: rgba(9, 132, 255, 0.1);
}

/* line 95, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--blue .bmc-page-tabs-content-list-item::after {
  background-color: rgba(9, 132, 255, 0.1);
}

/* line 98, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--blue .bmc-page-tabs-header-tab--active {
  background-color: #0984FF;
}

/* line 101, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--blue .bmc-page-tabs-header-tab--active:hover {
  background-color: #0984FF;
}

/* line 105, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--orange .bmc-page-tabs {
  background-color: #FF6D00;
}

/* line 107, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--orange .bmc-page-tabs--blur {
  background-color: #FF6D00;
}

/* line 109, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--orange .bmc-page-tabs-content {
  background-color: #FF6D00;
}

/* line 113, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--orange .bmc-page-tabs-content-list-item-icon {
  background-color: #fc7917;
}

/* line 116, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--orange .bmc-page-tabs-content-list-item::after {
  background-color: #eea772;
}

/* line 119, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--orange .bmc-page-tabs-header-tab--active {
  background-color: #FF6D00;
}

/* line 122, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--orange .bmc-page-tabs-header-tab--active:hover {
  background-color: #FF6D00;
}

/* line 127, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--violet .bmc-page-tabs-content-list--horizontal::after {
  background-color: #8b89de;
}

/* line 130, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--violet .bmc-page-tabs {
  background-color: #615BDC;
}

/* line 132, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--violet .bmc-page-tabs--blur {
  background: #615BDC;
}

/* line 134, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--violet .bmc-page-tabs-content {
  background-color: #615BDC;
}

/* line 138, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--violet .bmc-page-tabs-content-list-item-title-icon, .bmc-page-tabs--violet .bmc-page-tabs-content-list-item-icon {
  background-color: #6d68dd;
}

/* line 141, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--violet .bmc-page-tabs-content-list-item::after {
  background-color: #8b89de;
}

/* line 144, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--violet .bmc-page-tabs-header-tab--active {
  background-color: #615BDC;
}

/* line 147, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--violet .bmc-page-tabs-header-tab--active:hover {
  background-color: #615BDC;
}

/* line 152, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--black .bmc-page-tabs-content-list--horizontal::after {
  background-color: #8a949a;
}

/* line 155, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--black .bmc-page-tabs-content-list--horizontal .bmc-page-tabs-content-list-item {
  border-bottom: none;
}

/* line 158, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--black .bmc-page-tabs {
  background-color: #37474F;
}

/* line 160, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--black .bmc-page-tabs--blur {
  background-color: #37474F;
}

/* line 162, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--black .bmc-page-tabs-content {
  background-color: #37474F;
}

/* line 167, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--black .bmc-page-tabs-content-list-item::after {
  background-color: #8a949a;
}

/* line 171, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--black .bmc-page-tabs-content-list-item:last-child::after {
  content: none;
}

/* line 174, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--black .bmc-page-tabs-content-list-item-title-icon {
  background-color: #48575e !important;
}

/* line 177, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--black .bmc-page-tabs-content-list-item-icon {
  background-color: #48575e;
}

/* line 180, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--black .bmc-page-tabs-header-tab--active {
  background-color: #37474F;
}

/* line 183, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--black .bmc-page-tabs-header-tab--active:hover {
  background-color: #37474F;
}

/* line 186, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs-header {
  background-color: #DDE2E5;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 194, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs-header:hover {
  background-color: #F8F9FA;
}

/* line 197, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs-header-tab {
  width: 180px;
  display: inline-block;
  line-height: 22px;
  padding: 12px 0;
  color: #334249;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}

/* line 206, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs-header-tab:hover {
  background-color: #F8F9FA;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

@media screen and (max-width: 540px) {
  /* line 197, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
  .bmc-page-tabs-header-tab {
    width: auto;
    padding: 12px 20px;
  }
}

/* line 215, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs-header-tab--active {
  background-color: #00afc9;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: white;
  cursor: default;
}

/* line 222, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs-header-tab--active:hover {
  background-color: #00afc9;
}

/* line 225, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs-content {
  padding: 40px;
  border-radius: 16px;
  background-color: #00afc9;
  color: white;
}

@media screen and (max-width: 1024px) {
  /* line 225, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
  .bmc-page-tabs-content {
    padding: 20px;
  }
}

/* line 235, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--inner.bmc-page-tabs--black .bmc-page-tabs-header {
  background-color: #37474F;
}

/* line 238, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--inner.bmc-page-tabs--black .bmc-page-tabs-header-tab {
  color: white;
}

/* line 241, app/assets/stylesheets/new/components/bmc/bmc-page-tabs.sass */
.bmc-page-tabs--inner.bmc-page-tabs--black .bmc-page-tabs-header-tab:hover {
  background-color: inherit;
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
.bmc-page {
  padding: 20px 110px;
  border-radius: 16px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05), 0 0 16px rgba(0, 0, 0, 0.05);
  width: calc(100% - 220px);
  max-width: 1060px;
  background-color: white;
  margin: 0 0 40px 40px;
}

/* line 10, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
.bmc-page.fullwidth {
  max-width: 100%;
  width: auto;
  margin: 0;
  float: unset;
}

/* line 16, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
.bmc-page.colourfulFun {
  border-radius: 0;
}

@media (max-width: 1280px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
  .bmc-page {
    width: calc(100% - 200px);
    box-shadow: none;
    margin-left: 20px;
    padding: 20px 40px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
  .bmc-page {
    width: 100%;
    margin-left: 0;
  }
}

@media screen and (max-width: 480px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
  .bmc-page {
    padding: 10px;
  }
}

/* line 32, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
.bmc-page-title {
  margin: 40px 0;
  text-align: center;
}

/* line 37, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
.bmc-page-title--left {
  text-align: left;
}

/* line 40, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
.bmc-page-title--green {
  color: #00afc9;
}

/* line 43, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
.bmc-page-title--green-light {
  color: rgba(0, 175, 201, 0.5);
}

/* line 46, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
.bmc-page-title--blue {
  color: #0984FF;
}

/* line 49, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
.bmc-page-title--blue-light {
  color: rgba(9, 132, 255, 0.5);
}

/* line 52, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
.bmc-page-title--orange {
  color: #FF6D00;
}

/* line 55, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
.bmc-page-title--violet {
  color: #615BDC;
}

/* line 58, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
.bmc-page-title--orange-light {
  color: rgba(255, 109, 0, 0.5);
}

/* line 61, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
.bmc-page-title--purple {
  color: #615BDC;
}

/* line 64, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
.bmc-page-title--purple-light {
  color: rgba(97, 91, 220, 0.5);
}

/* line 67, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
.bmc-page-title--blue {
  color: #0984FF;
}

/* line 71, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
.bmc-page-text--bold {
  font-weight: bold;
}

/* line 74, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
.bmc-page-text--center {
  text-align: center;
}

/* line 77, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
.bmc-page-text--orange {
  color: #FF6D00;
}

/* line 80, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
.bmc-page-line {
  background-color: #F8F9FA;
  height: 2px;
  width: 100%;
  border-radius: 2px;
  margin: 60px 0;
}

/* line 87, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
.bmc-page-actions {
  text-align: right;
  margin-right: -40px;
}

@media (max-width: 1280px) {
  /* line 87, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
  .bmc-page-actions {
    margin-right: 0;
  }
}

/* line 94, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
.bmc-page-actions--center {
  text-align: center;
}

/* line 97, app/assets/stylesheets/new/components/bmc/bmc-page.sass */
.bmc-page-actions .bmc-button--next {
  margin: 20px auto 0 auto;
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar {
  height: 36px;
  position: relative;
}

/* line 6, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar--green .bmc-progressbar-line {
  background-color: rgba(0, 175, 201, 0.1);
}

/* line 9, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar--green .bmc-progressbar-line-inner {
  background-color: #00afc9;
}

/* line 12, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar--green .bmc-progressbar-value {
  color: #00afc9;
}

/* line 15, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar--green .input-range__track--background {
  background-color: rgba(0, 175, 201, 0.1);
}

/* line 18, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar--green .input-range__track--active {
  background-color: #00afc9;
}

/* line 21, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar--green .input-range__slider {
  background-color: #00afc9;
  border: 1px solid #00afc9;
}

/* line 26, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar--orange .bmc-progressbar-line {
  background-color: rgba(255, 109, 0, 0.1);
}

/* line 29, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar--orange .bmc-progressbar-line-inner {
  background-color: #FF6D00;
}

/* line 32, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar--orange .bmc-progressbar-value {
  color: #FF6D00;
}

/* line 35, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar--orange .input-range__track--background {
  background-color: rgba(255, 109, 0, 0.1);
}

/* line 38, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar--orange .input-range__track--active {
  background-color: #FF6D00;
}

/* line 41, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar--orange .input-range__slider {
  background-color: #FF6D00;
  border: 1px solid #FF6D00;
}

/* line 46, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar--violet .bmc-progressbar-line {
  background-color: rgba(97, 91, 220, 0.1);
}

/* line 49, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar--violet .bmc-progressbar-line-inner {
  background-color: #615BDC;
}

/* line 52, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar--violet .bmc-progressbar-value {
  color: #615BDC;
}

/* line 55, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar--violet .input-range__track--background {
  background-color: rgba(97, 91, 220, 0.1);
}

/* line 58, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar--violet .input-range__track--active {
  background-color: #615BDC;
}

/* line 61, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar--violet .input-range__slider {
  background-color: #615BDC;
  border: 1px solid #615BDC;
}

/* line 65, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar-range {
  margin-top: 5px;
}

/* line 68, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar-range .input-range__label {
  display: none;
}

/* line 71, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar-title {
  width: 80%;
  font-weight: 500;
}

/* line 76, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar-value {
  width: 20%;
  font-weight: 500;
  text-align: right;
}

/* line 82, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar-line {
  border-radius: 5px;
  height: 4px;
  background: gray;
  margin-top: 10px;
}

/* line 88, app/assets/stylesheets/new/components/bmc/bmc-progressbar.sass */
.bmc-progressbar-line-inner {
  border-radius: 5px;
  background: black;
  height: 100%;
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-section-main-container.sass */
.bmc-section-main-container {
  background: #f8f8f8;
  width: 100%;
  height: 100%;
  padding: 40px;
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-section-main-container.sass */
  .bmc-section-main-container {
    padding: 20px 40px;
  }
}

@media screen and (max-width: 480px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-section-main-container.sass */
  .bmc-section-main-container {
    padding: 20px 10px;
  }
}

/* line 13, app/assets/stylesheets/new/components/bmc/bmc-section-main-container.sass */
.bmc-section-main-container-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  height: 100%;
  margin: 0 auto;
  text-align: left;
}

/* line 22, app/assets/stylesheets/new/components/bmc/bmc-section-main-container.sass */
.bmc-section-main-container-inner--wide {
  margin: 0 auto;
  width: 1440px;
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team {
  margin: 20px 0 20px 70px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
  .bmc-team {
    margin-left: 20px;
  }
}

@media screen and (max-width: 320px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
  .bmc-team {
    margin-left: 10px;
  }
}

@media screen and (max-width: 480px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
  .bmc-team {
    max-width: calc(100% - 110px);
  }
}

/* line 17, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team > * {
  vertical-align: middle;
}

/* line 20, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-title {
  font-weight: 500;
  font-size: 21px;
  line-height: 29px;
  cursor: pointer;
  max-width: 300px;
  overflow: hidden;
  background-color: transparent;
  border: none;
}

/* line 31, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-title i {
  margin-left: 22px;
  vertical-align: middle;
}

@media screen and (max-width: 320px) {
  /* line 31, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
  .bmc-team-title i {
    margin-left: 5px;
  }
}

/* line 38, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-btn {
  border: none;
  background-color: transparent;
}

/* line 42, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-users {
  margin-left: 64px;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  /* line 42, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
  .bmc-team-users {
    display: none;
  }
}

/* line 50, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-users > * {
  display: inline-block;
  vertical-align: middle;
}

/* line 54, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-users-user {
  width: 35px;
  height: 35px;
  border-radius: 4px;
  margin-right: 5px;
  text-align: center;
  font-weight: bold;
  line-height: 35px;
  text-transform: uppercase;
}

/* line 64, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-users-user--orange {
  background: rgba(255, 109, 0, 0.1);
  color: #FF6D00;
}

/* line 68, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-users-user--green {
  background: rgba(0, 175, 201, 0.1);
  color: #00afc9;
}

/* line 72, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-users-user--blue {
  background: rgba(9, 132, 255, 0.1);
  color: #0984FF;
}

/* line 76, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-users-user--violet {
  background: rgba(97, 91, 220, 0.1);
  color: #615BDC;
}

/* line 80, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-menu {
  background-color: white;
  position: absolute;
  top: 45px;
  left: -60px;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.05), 0px 0px 4px rgba(0, 0, 0, 0.05);
  border-radius: 0;
  padding: 20px;
  overflow-y: auto;
  height: calc(100vh - 65px);
  z-index: 11;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (max-width: 768px) {
  /* line 80, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
  .bmc-team-menu {
    left: 0;
    padding: 10px;
    width: 250px;
  }
}

@media screen and (max-width: 320px) {
  /* line 80, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
  .bmc-team-menu {
    width: 220px;
  }
}

/* line 103, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-menu-items {
  margin-bottom: 15px;
}

/* line 106, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-menu-item {
  padding: 10px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

/* line 112, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-menu-item-active {
  outline: 1px solid blue;
  border-radius: 8px;
}

/* line 119, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-menu-item-icon {
  width: 35px;
  height: 35px;
  margin-right: 10px;
}

/* line 124, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-menu-item-title {
  width: 130px;
  max-height: 44px;
  overflow: hidden;
}

@media screen and (max-width: 320px) {
  /* line 124, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
  .bmc-team-menu-item-title {
    width: 120px;
  }
}

/* line 133, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-menu-item-action {
  color: #DDE2E5;
  font-size: 25px;
  width: 5px;
}

/* line 138, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-menu-item-action:hover {
  color: gray;
}

/* line 141, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-members {
  margin: 20px 0;
}

/* line 144, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-members-item {
  margin-bottom: 10px;
}

/* line 150, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-members-item-icon {
  margin: 5px 10px 5px 0;
  border-radius: 4px;
}

/* line 155, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-members-item-title {
  text-align: left;
  width: calc(100% - 105px);
}

/* line 162, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-members-item-action {
  width: 60px;
  color: #FF463A;
  cursor: pointer;
}

/* line 168, app/assets/stylesheets/new/components/bmc/bmc-team.sass */
.bmc-team-members-item-status {
  width: 60px;
  color: #DDE2E5;
}

/* line 1, app/assets/stylesheets/new/components/bmc/bmc-userbar.sass */
.bmc-userbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 80px;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-userbar.sass */
  .bmc-userbar {
    margin-right: 20px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/new/components/bmc/bmc-userbar.sass */
  .bmc-userbar {
    margin-right: 10px;
  }
}

/* line 15, app/assets/stylesheets/new/components/bmc/bmc-userbar.sass */
.bmc-userbar > * {
  display: inline-block;
  vertical-align: top;
}

/* line 19, app/assets/stylesheets/new/components/bmc/bmc-userbar.sass */
.bmc-userbar-label {
  background: rgba(9, 132, 255, 0.1);
  border: none;
  padding: 0px 15px;
  height: 35px;
  color: #0984FF;
  border-radius: 8px;
  font-weight: 500;
  line-height: 35px;
  cursor: pointer;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  /* line 19, app/assets/stylesheets/new/components/bmc/bmc-userbar.sass */
  .bmc-userbar-label {
    display: none;
  }
}

/* line 35, app/assets/stylesheets/new/components/bmc/bmc-userbar.sass */
.bmc-userbar-notifications {
  margin-top: 20px;
  margin-right: 60px;
  color: #0984FF;
  padding-top: 7px;
  cursor: pointer;
}

/* line 42, app/assets/stylesheets/new/components/bmc/bmc-userbar.sass */
.bmc-userbar-notifications i {
  font-size: 25px;
}

/* line 45, app/assets/stylesheets/new/components/bmc/bmc-userbar.sass */
.bmc-userbar-avatar {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

/* line 54, app/assets/stylesheets/new/components/bmc/bmc-userbar.sass */
.bmc-userbar-avatar > * {
  display: inline-block;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/new/components/bmc/bmc-userbar.sass */
.bmc-userbar-avatar .img {
  margin-right: 14px;
  border-radius: 50%;
  background-color: #E5E5E5;
}

@media screen and (max-width: 320px) {
  /* line 58, app/assets/stylesheets/new/components/bmc/bmc-userbar.sass */
  .bmc-userbar-avatar .img {
    margin-right: 5px;
  }
}

/* line 67, app/assets/stylesheets/new/components/bmc/bmc-userbar.sass */
.bmc-userbar-avatar-nophoto {
  background-color: rgba(255, 109, 0, 0.1);
  border-radius: 50%;
  color: #FF6D00;
  font-weight: 500;
  text-align: center;
  padding: 12px 0;
}

/* line 76, app/assets/stylesheets/new/components/bmc/bmc-userbar.sass */
.bmc-userbar-avatar-arrow {
  font-size: 21px;
}

/* line 79, app/assets/stylesheets/new/components/bmc/bmc-userbar.sass */
.bmc-userbar-menu {
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.05), 0px 0px 4px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  position: absolute;
  background-color: white;
  top: 70px;
  right: 0;
  width: 200px;
}

/* line 88, app/assets/stylesheets/new/components/bmc/bmc-userbar.sass */
.bmc-userbar-menu a {
  text-decoration: none;
}

/* line 91, app/assets/stylesheets/new/components/bmc/bmc-userbar.sass */
.bmc-userbar-menu a:focus {
  outline: 1px solid blue;
}

/* line 94, app/assets/stylesheets/new/components/bmc/bmc-userbar.sass */
.bmc-userbar-menu-item {
  height: 65px;
  padding: 20px;
  color: #37474F;
  cursor: pointer;
}

/* line 100, app/assets/stylesheets/new/components/bmc/bmc-userbar.sass */
.bmc-userbar-menu-item-active {
  outline: 1px solid blue;
  border-radius: 8px;
}

/* line 104, app/assets/stylesheets/new/components/bmc/bmc-userbar.sass */
.bmc-userbar-menu-item > * {
  vertical-align: sub;
}

/* line 108, app/assets/stylesheets/new/components/bmc/bmc-userbar.sass */
.bmc-userbar-menu-item i {
  font-size: 22px;
  margin-right: 10px;
}

/* line 112, app/assets/stylesheets/new/components/bmc/bmc-userbar.sass */
.bmc-userbar-menu-item--active, .bmc-userbar-menu-item:hover {
  background-color: #F8F9FA;
}

/* line 1, app/assets/stylesheets/new/components/button-tooltip.sass */
.button-tooltip {
  font-size: 16px !important;
  border-radius: 8px !important;
  padding: 5px 15px !important;
  border-radius: 8px !important;
  background-color: #37474F !important;
}

/* line 1, app/assets/stylesheets/new/components/button.sass */
.unstyled-button {
  border: none;
  background-color: transparent;
}

/* line 6, app/assets/stylesheets/new/components/button.sass */
.button {
  border-radius: 8px;
  border: none;
  padding: 11px 15px;
  line-height: 20px;
  height: 45px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: inherit;
  text-decoration: none;
}

/* line 22, app/assets/stylesheets/new/components/button.sass */
.button-variant-primary {
  background-color: #0984FF;
}

/* line 1, app/assets/stylesheets/new/components/chat/chat-group/chat-group.sass */
.chat-group-container {
  width: 350px;
}

/* line 3, app/assets/stylesheets/new/components/chat/chat-group/chat-group.sass */
.chat-group-container.not-expanded {
  width: 55px;
}

/* line 5, app/assets/stylesheets/new/components/chat/chat-group/chat-group.sass */
.chat-group-list-component {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 8, app/assets/stylesheets/new/components/chat/chat-group/chat-group.sass */
.chat-group-item-container {
  box-sizing: border-box;
  padding: 7px 10px;
  cursor: pointer;
  border-bottom: 1px solid #f6f6f6;
}

/* line 13, app/assets/stylesheets/new/components/chat/chat-group/chat-group.sass */
.chat-group-item-container.not-expanded {
  border: none;
}

/* line 15, app/assets/stylesheets/new/components/chat/chat-group/chat-group.sass */
.chat-group-item-container:hover,
.chat-group-item-container.hover {
  background: #e6f3ff;
}

/* line 18, app/assets/stylesheets/new/components/chat/chat-group/chat-group.sass */
.chat-group-item-component {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  position: relative;
}

/* line 25, app/assets/stylesheets/new/components/chat/chat-group/chat-group.sass */
.chat-group-item-component__content {
  -ms-flex: 1;
      flex: 1;
  box-sizing: border-box;
}

/* line 28, app/assets/stylesheets/new/components/chat/chat-group/chat-group.sass */
.chat-group-item-component__avatar {
  width: 29px;
  height: 30px;
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  color: #acb5bd;
  background: #ffffff;
  border: 1px solid #007aff;
  border-radius: 4px;
}

/* line 41, app/assets/stylesheets/new/components/chat/chat-group/chat-group.sass */
.chat-group-item-component__name {
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.3px;
  color: #000000;
}

/* line 49, app/assets/stylesheets/new/components/chat/chat-group/chat-group.sass */
.chat-group-item-component__name.unread {
  font-weight: 700;
}

/* line 51, app/assets/stylesheets/new/components/chat/chat-group/chat-group.sass */
.chat-group-item-component__state {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

/* line 55, app/assets/stylesheets/new/components/chat/chat-group/chat-group.sass */
.chat-group-item-component__no-comment {
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 20px;
  color: #acb5bd;
}

/* line 62, app/assets/stylesheets/new/components/chat/chat-group/chat-group.sass */
.chat-group-item-component__last-commit-at {
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 20px;
  color: #37474f;
}

/* line 69, app/assets/stylesheets/new/components/chat/chat-group/chat-group.sass */
.chat-group-item-component__badges {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
}

/* line 73, app/assets/stylesheets/new/components/chat/chat-group/chat-group.sass */
.chat-group-item-component__badge, .chat-group-item-component__unread-count {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -0.2px;
  color: #37474f;
  background: #dde2e5;
  border-radius: 30px;
  padding: 2px 8px;
}

/* line 85, app/assets/stylesheets/new/components/chat/chat-group/chat-group.sass */
.chat-group-item-component__badge.mentioned, .chat-group-item-component__mention-count {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -0.2px;
  color: #ffffff;
  background: #ff463a;
  border-radius: 10px;
  padding: 2px 6px;
  margin-left: -5px;
}

/* line 98, app/assets/stylesheets/new/components/chat/chat-group/chat-group.sass */
.chat-group-item-component__badge {
  position: absolute;
  bottom: -9px;
  right: -9px;
}

/* line 102, app/assets/stylesheets/new/components/chat/chat-group/chat-group.sass */
.chat-group-header-container {
  padding: 10px;
}

/* line 104, app/assets/stylesheets/new/components/chat/chat-group/chat-group.sass */
.chat-group-header-component {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  gap: 5px;
}

/* line 109, app/assets/stylesheets/new/components/chat/chat-group/chat-group.sass */
.chat-group-header-component__title {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 21px;
  letter-spacing: -0.3px;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
}

/* line 120, app/assets/stylesheets/new/components/chat/chat-group/chat-group.sass */
.chat-group-header-component__close {
  width: 35px;
  height: 35px;
  background: rgba(9, 132, 255, 0.1);
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/new/components/chat/chat.sass */
.chat-container {
  max-width: 350px;
  height: 100%;
}

/* line 1, app/assets/stylesheets/new/components/chat/comment/comment-app-bar.sass */
.comment-app-bar-container {
  padding: 10px;
  box-sizing: border-box;
}

/* line 4, app/assets/stylesheets/new/components/chat/comment/comment-app-bar.sass */
.comment-app-bar-component {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

/* line 9, app/assets/stylesheets/new/components/chat/comment/comment-app-bar.sass */
.comment-app-bar-component__expand {
  width: 35px;
  height: 35px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: rgba(9, 132, 255, 0.1);
  border-radius: 4px;
  cursor: pointer;
}

/* line 18, app/assets/stylesheets/new/components/chat/comment/comment-app-bar.sass */
.comment-app-bar-component__title {
  -ms-flex: 1;
      flex: 1;
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #acb5bd;
}

/* line 26, app/assets/stylesheets/new/components/chat/comment/comment-app-bar.sass */
.comment-app-bar-component__close {
  width: 24px;
  height: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/new/components/chat/comment/comment-input-reply.sass */
.comment-input-reply-container {
  width: calc(100% + 2px);
  position: absolute;
  bottom: 100%;
  left: -1px;
  background: #f9f9f9;
  box-sizing: border-box;
  padding: 15px;
  padding-top: 5px;
}

/* line 10, app/assets/stylesheets/new/components/chat/comment/comment-input-reply.sass */
.comment-input-reply-comment-container {
  padding: 15px;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 0px 12px 12px 12px;
}

/* line 1, app/assets/stylesheets/new/components/chat/comment/comment-input-suggestion.sass */
.suggestion-modal {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
  left: 1px;
  bottom: 53px;
  box-sizing: border-box;
  background: #ffffff;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.05), 0 0 4px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  padding: 23px 0;
  width: 390px;
  max-height: 500px;
  overflow-y: auto;
}

/* line 16, app/assets/stylesheets/new/components/chat/comment/comment-input-suggestion.sass */
.suggestion-modal-item {
  padding: 1px 24px;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

/* line 20, app/assets/stylesheets/new/components/chat/comment/comment-input-suggestion.sass */
.suggestion-modal-item:hover {
  background-color: #f8f9fa;
}

/* line 22, app/assets/stylesheets/new/components/chat/comment/comment-input-suggestion.sass */
.suggestion-modal-item-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 0 10px;
  width: 190px;
}

/* line 27, app/assets/stylesheets/new/components/chat/comment/comment-input-suggestion.sass */
.suggestion-modal-item-info.full-name {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #37474f;
}

/* line 34, app/assets/stylesheets/new/components/chat/comment/comment-input-suggestion.sass */
.suggestion-modal-item-info.email {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #37474f;
}

/* line 41, app/assets/stylesheets/new/components/chat/comment/comment-input-suggestion.sass */
.suggestion-modal-item-role {
  padding-top: 7px;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  text-align: right;
  color: #acb5bd;
}

/* line 1, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.comment-input-container {
  background: #ffffff;
  border: 1px solid #e1e2e9;
  border-radius: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  padding: 5px 8px;
  gap: 5px;
  position: relative;
}

/* line 10, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.comment-input-position {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  background: #ffffff;
}

@media screen and (max-width: 768px) {
  /* line 10, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
  .comment-input-position {
    bottom: 70px;
  }
}

/* line 18, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.comment-input-border {
  box-sizing: border-box;
  padding: 10px;
  position: relative;
}

/* line 22, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.comment-input-component {
  -ms-flex: 1;
      flex: 1;
  max-height: 200px;
  overflow: auto;
}

/* line 26, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.comment-input-btn__list {
  height: 38px;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  right: 3px;
  bottom: 2px;
}

/* line 36, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.comment-input-btn__sticker {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

/* line 40, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.comment-input-btn__send {
  padding: 8px 16px;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  background: #0984ff;
  border-radius: 6px;
  outline: none;
  border: none;
  cursor: pointer;
}

/* line 53, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.mentions {
  margin: 7px 0 0 5px;
}

/* line 55, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.mentions.mentions--multiLine {
  margin: 0;
  width: 100%;
  height: 100%;
}

/* line 59, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.mentions .mentions__control {
  background-color: #ffffff;
  font-size: 14px;
  font-weight: normal;
}

/* line 63, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.mentions__input {
  overflow: auto !important;
  background-color: transparent !important;
  color: transparent !important;
  caret-color: black !important;
  line-height: 16px !important;
}

/* line 69, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.mentions .mentions__control,
.mentions__input {
  border: none;
  outline: none;
  border-radius: none;
}

/* line 74, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.mentions__control {
  max-width: 80%;
}

/* line 77, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.mentions--singleLine .mentions__control {
  display: inline-block;
}

/* line 79, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.mentions--singleLine .mentions__highlighter {
  padding: 1px;
  border: 2px inset transparent;
}

/* line 82, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.mentions--singleLine .mentions__input {
  padding: 1px;
  border: 2px inset;
}

/* line 86, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.mentions--multiLine .mentions__highlighter {
  border: none !important;
  padding: 8px;
  white-space: break-spaces !important;
}

/* line 90, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.mentions--multiLine .mentions__input {
  padding: 8px 75px 8px 8px;
  border: none;
}

/* line 93, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.mentions__input, .mentions .mentions__control {
  line-height: 16px;
}

/* line 95, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.mentions__highlighter__substring {
  color: black !important;
  visibility: visible !important;
}

/* line 99, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.mentions__highlighter .mentions__mention {
  color: #007aff;
}

/* line 101, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.mentions__suggestions {
  background: #ffffff;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.05), 0 0 4px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  padding: 23px 0;
  max-height: 500px;
  overflow-y: auto;
}

/* line 108, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.mentions__suggestions__list {
  background-color: white;
  overflow: hidden;
  font-size: 10pt;
}

/* line 112, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.mentions__suggestions__item {
  padding: 5px 15px;
}

/* line 114, app/assets/stylesheets/new/components/chat/comment/comment-input.sass */
.mentions__suggestions__item--focused {
  background-color: #f8f9fa;
}

/* line 1, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-container {
  width: 100%;
  padding: 15px;
  background: #ffffff;
  border-radius: 0px 12px 12px 12px;
  margin: 0;
  box-sizing: border-box;
}

/* line 8, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-container.status-new {
  background-color: #e6f3ff;
}

/* line 10, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-container-reply {
  padding-top: 5px;
  padding-left: 15px;
}

/* line 13, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-reply-container {
  padding: 15px 0px 15px 15px;
  border-left: 1px solid #acb5bd;
}

/* line 16, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-reply-container.status-new {
  background-color: #e6f3ff;
}

/* line 18, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item {
  padding: 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
}

/* line 23, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-component__ellipse-btn {
  width: 24px;
  height: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 1px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 31, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-header-actions:hover .comment-item-component__ellipse,
.comment-item-header-actions.active .comment-item-component__ellipse {
  border-color: #0984FF;
}

/* line 34, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-component__ellipse {
  width: 6px;
  height: 6px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ACB5BD;
}

/* line 40, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-header {
  width: 100%;
  height: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  gap: 5px;
}

/* line 47, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-header-avatar {
  width: 40px;
  height: 40px;
  background: #cccccc;
  border-radius: 4px;
  overflow: hidden;
}

/* line 53, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-header-sender {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 34px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex: 1;
      flex: 1;
}

/* line 59, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-header-sender__full-name {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 15px;
}

/* line 65, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-header-sender__role {
  width: -moz-max-content;
  width: max-content;
  height: 14px;
  padding: 0px 5px;
  background: #00afc9;
  border-radius: 2px;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 14px;
  color: #ffffff;
}

/* line 77, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-header-sender__role.owner {
  background: #007aff;
}

/* line 79, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-header-actions {
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: relative;
}

/* line 84, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-header-actions-list {
  width: 100px;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 100%;
  right: 0px;
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.05), 0px 0px 4px rgba(0, 0, 0, 0.05);
  border-radius: 8px 0px 8px 8px;
  visibility: hidden;
}

/* line 96, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-header-actions-item {
  padding: 10px 15px;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #37474F;
  border-bottom: 1px solid #DDE2E5;
  cursor: pointer;
}

/* line 106, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-header-actions-item:hover {
  background-color: #E6F3FF;
}

/* line 108, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-header-actions-item:last-child {
  border-bottom: none;
}

/* line 110, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-header-actions:hover .comment-item-header-actions-list {
  visibility: visible;
}

/* line 112, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-header-actions__reply-cancel {
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 119, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-content {
  width: 100%;
}

/* line 121, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-content__line {
  width: 100%;
  border-top: 1px solid #dde2e5;
}

/* line 124, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-message {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 13px;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* line 131, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-message__text {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #3d415f;
  -ms-flex: 1;
      flex: 1;
  word-break: break-all;
}

/* line 140, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-message__created-at {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #dde2e5;
}

/* line 147, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-message-reply {
  width: 24px;
  height: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
}

/* line 154, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-message-reply.hide {
  visibility: hidden;
}

/* line 156, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-not-readed {
  width: 100%;
  background: #0984ff;
  height: 1px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 163, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-not-readed.hide {
  display: none;
}

/* line 165, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-item-not-readed__text {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #ffffff;
  padding: 2px 10px;
  background: #0984ff;
  border-radius: 4px;
}

/* line 175, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.highlight-mention {
  color: #0984ff;
  font-weight: bold;
}

/* line 178, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.highlight-mention.current-user {
  color: #ffd501;
}

/* line 180, app/assets/stylesheets/new/components/chat/comment/comment-item.sass */
.comment-avatar-component {
  width: 100%;
}

/* line 1, app/assets/stylesheets/new/components/chat/comment/comment-list.sass */
.comment-container {
  width: 350px;
  height: 100%;
  position: relative;
}

/* line 5, app/assets/stylesheets/new/components/chat/comment/comment-list.sass */
.comment-list-component {
  max-height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 15px;
  overflow: auto;
  list-style: none;
  padding: 15px;
  box-sizing: border-box;
  margin: 0;
}

/* line 16, app/assets/stylesheets/new/components/chat/comment/comment-list.sass */
.comment-list-container {
  position: relative;
  height: calc(100% - 186px);
  overflow: hidden;
  background: #f9f9f9;
}

@media screen and (max-width: 768px) {
  /* line 16, app/assets/stylesheets/new/components/chat/comment/comment-list.sass */
  .comment-list-container {
    height: calc(100% - 186px - 70px);
  }
}

/* line 23, app/assets/stylesheets/new/components/chat/comment/comment-list.sass */
.comment-list-container__mask {
  display: none;
}

/* line 25, app/assets/stylesheets/new/components/chat/comment/comment-list.sass */
.comment-list-container__mask--active {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
}

/* line 33, app/assets/stylesheets/new/components/chat/comment/comment-list.sass */
.comment-list-header-container {
  padding: 10px;
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/new/components/close-button.sass */
.close-button {
  position: absolute;
  right: 10px;
  top: 10px;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  font-size: 30px;
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/new/components/confirmation-modal.sass */
.confirmation-modal {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

/* line 4, app/assets/stylesheets/new/components/confirmation-modal.sass */
.confirmation-modal-title {
  margin: 0;
  color: #334249;
  text-align: center;
}

/* line 9, app/assets/stylesheets/new/components/confirmation-modal.sass */
.confirmation-modal__buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 20px;
}

/* line 14, app/assets/stylesheets/new/components/confirmation-modal.sass */
.confirmation-modal__cancel-btn {
  display: block;
  margin-right: 10px;
  padding: 13px 30px;
  background: #0984FF;
  border: 2px solid #0984FF;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 19px;
  cursor: pointer;
}

/* line 26, app/assets/stylesheets/new/components/confirmation-modal.sass */
.confirmation-modal__confirm-btn {
  display: block;
  margin-left: 10px;
  padding: 10px 30px;
  border: 2px solid rgba(255, 70, 58, 0.5);
  border-radius: 8px;
  color: #FF463A;
  font-size: 16px;
  line-height: 19px;
  cursor: pointer;
}

/* line 2, app/assets/stylesheets/new/components/desktop-landing1.sass */
.desktop-landing1--main-block {
  min-height: 865px;
  padding: 40px 50px;
  background-position: center;
  background-size: cover;
  background-color: #cccccc;
}

/* line 9, app/assets/stylesheets/new/components/desktop-landing1.sass */
.desktop-landing1--logo {
  margin: 0;
  color: #FFFFFF;
  font: 400 36px/20px EB Garamond;
}

/* line 14, app/assets/stylesheets/new/components/desktop-landing1.sass */
.desktop-landing1--info-block {
  max-width: 910px;
  margin: 300px auto 0;
  padding: 40px 35px;
  background: #FFFFFF;
}

/* line 20, app/assets/stylesheets/new/components/desktop-landing1.sass */
.desktop-landing1--info-block h2 {
  max-width: 775px;
  margin: 0 auto 0;
  color: #334249;
  font: 700 52px/68px EB Garamond;
  text-align: center;
}

/* line 27, app/assets/stylesheets/new/components/desktop-landing1.sass */
.desktop-landing1--info-block p {
  margin: 20px 0 0;
  color: #334249;
  font: 700 19px/25px EB Garamond;
  text-align: center;
}

/* line 33, app/assets/stylesheets/new/components/desktop-landing1.sass */
.desktop-landing1--info-block button {
  display: block;
  width: 143px;
  height: 46px;
  margin: 40px auto 0;
  background: #ACB5BD;
  border: none;
  color: #FFFFFF;
  font: 400 16px/20px Montserrat;
  cursor: pointer;
}

/* line 44, app/assets/stylesheets/new/components/desktop-landing1.sass */
.desktop-landing1--info-block button:focus {
  outline: none;
}

/* line 48, app/assets/stylesheets/new/components/desktop-landing1.sass */
.desktop-landing1--learn-more {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-height: 100vh;
  padding: 60px 15px 140px;
  background: #F8F9FA;
}

/* line 57, app/assets/stylesheets/new/components/desktop-landing1.sass */
.desktop-landing1--learn-more-title {
  margin: 0;
  color: #334249;
  font: 700 50px/65px EB Garamond;
  text-align: center;
}

/* line 63, app/assets/stylesheets/new/components/desktop-landing1.sass */
.desktop-landing1--learn-more-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 80px 0 0;
  padding: 0;
  list-style: none;
}

/* line 71, app/assets/stylesheets/new/components/desktop-landing1.sass */
.desktop-landing1--learn-more-list li {
  width: 290px;
  margin: 0 20px 60px;
  font: 700 18px/20px EB Garamond;
  text-align: center;
}

/* line 77, app/assets/stylesheets/new/components/desktop-landing1.sass */
.desktop-landing1--learn-more-list span {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background: #364B54;
  color: #FFFFFF;
  border-radius: 50%;
  font-size: 50px;
  line-height: 80px;
}

/* line 88, app/assets/stylesheets/new/components/desktop-landing1.sass */
.desktop-landing1--learn-more-list h4 {
  margin: 40px 0 15px;
  color: #364B54;
}

/* line 92, app/assets/stylesheets/new/components/desktop-landing1.sass */
.desktop-landing1--learn-more-list p {
  color: #364B54;
  font-weight: 400;
}

@media screen and (min-height: 1000px) {
  /* line 98, app/assets/stylesheets/new/components/desktop-landing1.sass */
  .desktop-landing1--learn-more {
    min-height: 1000px;
  }
}

@media screen and (max-width: 768px) {
  /* line 103, app/assets/stylesheets/new/components/desktop-landing1.sass */
  .desktop-landing1--main-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    min-height: 800px;
    padding: 20px 15px 15px;
  }
  /* line 111, app/assets/stylesheets/new/components/desktop-landing1.sass */
  .desktop-landing1--logo {
    font-weight: 700;
  }
  /* line 114, app/assets/stylesheets/new/components/desktop-landing1.sass */
  .desktop-landing1--info-block {
    margin: 0;
    padding: 15px;
  }
  /* line 119, app/assets/stylesheets/new/components/desktop-landing1.sass */
  .desktop-landing1--learn-more-list {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  /* line 122, app/assets/stylesheets/new/components/desktop-landing1.sass */
  .desktop-landing1--learn-more-list li {
    width: 100%;
    max-width: 450px;
    margin-left: 0;
    margin-right: 0;
  }
}

/* line 2, app/assets/stylesheets/new/components/desktop-landing2.sass */
.desktop-landing2--main-block {
  min-height: 865px;
  padding: 275px 30px 30px;
  background-position: center;
  background-size: cover;
  background-color: #cccccc;
}

/* line 9, app/assets/stylesheets/new/components/desktop-landing2.sass */
.desktop-landing2--logo {
  margin: 0;
  color: #FFFFFF;
  font: 400 36px/20px Lato;
  text-align: center;
}

/* line 15, app/assets/stylesheets/new/components/desktop-landing2.sass */
.desktop-landing2--title {
  max-width: 880px;
  margin: 90px auto 0;
  color: #FFFFFF;
  font: 700 57px/68px Lato;
  text-align: center;
}

/* line 22, app/assets/stylesheets/new/components/desktop-landing2.sass */
.desktop-landing2--description {
  max-width: 1045px;
  margin: 12px auto 0;
  color: #FFFFFF;
  font: 400 21px/30px Lato;
  text-align: center;
}

/* line 29, app/assets/stylesheets/new/components/desktop-landing2.sass */
.desktop-landing2--learn-more-btn {
  display: block;
  margin: 100px auto 0;
  width: 131px;
  height: 46px;
  background: #0984FF;
  border: none;
  border-radius: 8px;
  color: #FFFFFF;
  font: 900 16px Lato;
  cursor: pointer;
}

/* line 41, app/assets/stylesheets/new/components/desktop-landing2.sass */
.desktop-landing2--learn-more-btn:focus {
  outline: none;
}

/* line 45, app/assets/stylesheets/new/components/desktop-landing2.sass */
.desktop-landing2--learn-more {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-height: 100vh;
  padding: 60px 30px 140px;
  background: #F2F7FF;
}

/* line 54, app/assets/stylesheets/new/components/desktop-landing2.sass */
.desktop-landing2--learn-more-title {
  margin: 0;
  color: #0984FF;
  font: 700 50px/60px Lato;
  text-align: center;
}

/* line 60, app/assets/stylesheets/new/components/desktop-landing2.sass */
.desktop-landing2--learn-more-line {
  width: 110px;
  height: 5px;
  margin-top: 20px;
  background: #0984FF;
  border-radius: 5px;
}

/* line 67, app/assets/stylesheets/new/components/desktop-landing2.sass */
.desktop-landing2--learn-more-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 80px;
  padding: 0;
  list-style: none;
}

/* line 75, app/assets/stylesheets/new/components/desktop-landing2.sass */
.desktop-landing2--learn-more-list li {
  width: 290px;
  margin: 0 20px 60px;
}

/* line 79, app/assets/stylesheets/new/components/desktop-landing2.sass */
.desktop-landing2--learn-more-list span {
  color: #334249;
  font: 700 60px/72px Lato;
}

/* line 83, app/assets/stylesheets/new/components/desktop-landing2.sass */
.desktop-landing2--learn-more-list p {
  margin: 40px 0 0;
  color: #334249;
  font: 400 18px/20px Lato;
}

@media screen and (min-height: 1000px) {
  /* line 90, app/assets/stylesheets/new/components/desktop-landing2.sass */
  .desktop-landing2--learn-more {
    min-height: 1000px;
  }
}

@media screen and (max-width: 768px) {
  /* line 95, app/assets/stylesheets/new/components/desktop-landing2.sass */
  .desktop-landing2--main-block {
    min-height: 800px;
    padding: 135px 15px 15px;
  }
  /* line 99, app/assets/stylesheets/new/components/desktop-landing2.sass */
  .desktop-landing2--logo {
    font-weight: 700;
  }
  /* line 102, app/assets/stylesheets/new/components/desktop-landing2.sass */
  .desktop-landing2--title {
    margin-top: 55px;
    font-size: 52px;
    line-height: 62px;
  }
  /* line 107, app/assets/stylesheets/new/components/desktop-landing2.sass */
  .desktop-landing2--description {
    margin-top: 20px;
    font-size: 19px;
    line-height: 23px;
  }
  /* line 112, app/assets/stylesheets/new/components/desktop-landing2.sass */
  .desktop-landing2--learn-more-btn {
    margin-top: 40px;
  }
  /* line 116, app/assets/stylesheets/new/components/desktop-landing2.sass */
  .desktop-landing2--learn-more-list {
    -ms-flex-direction: column;
        flex-direction: column;
    margin-top: 40px;
  }
  /* line 120, app/assets/stylesheets/new/components/desktop-landing2.sass */
  .desktop-landing2--learn-more-list li {
    width: 100%;
    max-width: 420px;
  }
}

/* line 2, app/assets/stylesheets/new/components/desktop-landing3.sass */
.desktop-landing3--main-block {
  position: relative;
  min-height: 870px;
  padding: 40px 30px 30px 80px;
}

/* line 7, app/assets/stylesheets/new/components/desktop-landing3.sass */
.desktop-landing3--bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0984FF;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
}

/* line 16, app/assets/stylesheets/new/components/desktop-landing3.sass */
.desktop-landing3--logo {
  position: relative;
  margin: 0;
  color: #FFFFFF;
  font: 400 36px/20px Nunito;
}

/* line 22, app/assets/stylesheets/new/components/desktop-landing3.sass */
.desktop-landing3--info-block {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-top: 110px;
}

/* line 29, app/assets/stylesheets/new/components/desktop-landing3.sass */
.desktop-landing3--info {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 510px;
  margin-right: 44px;
  padding-top: 65px;
}

/* line 35, app/assets/stylesheets/new/components/desktop-landing3.sass */
.desktop-landing3--ipad {
  width: 100%;
  max-width: 1100px;
  border: 5px solid #334249;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.05), 4px 4px 16px rgba(224, 245, 255, 0.25);
  border-radius: 16px;
  overflow: hidden;
}

/* line 42, app/assets/stylesheets/new/components/desktop-landing3.sass */
.desktop-landing3--ipad .placeholder {
  height: 544px;
  background-color: #cccccc;
}

/* line 46, app/assets/stylesheets/new/components/desktop-landing3.sass */
.desktop-landing3--ipad img {
  display: block;
  width: 100%;
  height: 620px;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 52, app/assets/stylesheets/new/components/desktop-landing3.sass */
.desktop-landing3--title {
  margin: 0;
  color: #FFFFFF;
  font: 700 45px/61px Nunito;
}

/* line 57, app/assets/stylesheets/new/components/desktop-landing3.sass */
.desktop-landing3--description {
  margin: 20px 0 0;
  color: #FFFFFF;
  font: 400 18px/25px Nunito;
}

/* line 62, app/assets/stylesheets/new/components/desktop-landing3.sass */
.desktop-landing3--learn-more-btn {
  display: block;
  margin-top: 100px;
  width: 131px;
  height: 46px;
  background: #FF6D00;
  border: none;
  color: #FFFFFF;
  font: 900 16px Nunito;
  cursor: pointer;
}

/* line 73, app/assets/stylesheets/new/components/desktop-landing3.sass */
.desktop-landing3--learn-more-btn:focus {
  outline: none;
}

/* line 76, app/assets/stylesheets/new/components/desktop-landing3.sass */
.desktop-landing3--learn-more {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-height: 100vh;
  padding: 75px 15px 20px;
}

/* line 84, app/assets/stylesheets/new/components/desktop-landing3.sass */
.desktop-landing3--learn-more-title {
  margin: 0;
  color: #334249;
  font: 700 50px/60px Nunito;
  text-align: center;
}

/* line 90, app/assets/stylesheets/new/components/desktop-landing3.sass */
.desktop-landing3--polygon1 {
  display: block;
  width: 114px;
  height: 106px;
  margin: 10px auto 41px;
  padding: 33px 0 0 20px;
  background: #00afc9;
  -webkit-clip-path: polygon(53% 0, 100% 60%, 0 100%, 17% 30%);
          clip-path: polygon(53% 0, 100% 60%, 0 100%, 17% 30%);
}

/* line 99, app/assets/stylesheets/new/components/desktop-landing3.sass */
.desktop-landing3--polygon2 {
  display: block;
  width: 80px;
  height: 135px;
  margin: 0 auto 22px;
  padding: 43px 0 0 25px;
  background: #615bdc;
  -webkit-clip-path: polygon(63% 0, 100% 28%, 50% 100%, 0 43%);
          clip-path: polygon(63% 0, 100% 28%, 50% 100%, 0 43%);
}

/* line 108, app/assets/stylesheets/new/components/desktop-landing3.sass */
.desktop-landing3--polygon3 {
  display: block;
  width: 174px;
  height: 125px;
  margin: 1px auto 31px;
  padding: 41px 0 0 81px;
  background: #ff6d00;
  -webkit-clip-path: polygon(45% 0, 100% 60%, 64% 100%, 0 60%);
          clip-path: polygon(45% 0, 100% 60%, 64% 100%, 0 60%);
}

/* line 117, app/assets/stylesheets/new/components/desktop-landing3.sass */
.desktop-landing3--learn-more-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 68px 0 0;
  padding: 0;
  list-style: none;
}

/* line 125, app/assets/stylesheets/new/components/desktop-landing3.sass */
.desktop-landing3--learn-more-list li {
  width: 290px;
  margin: 0 20px 60px;
}

/* line 129, app/assets/stylesheets/new/components/desktop-landing3.sass */
.desktop-landing3--learn-more-list span {
  color: #FFFFFF;
  font: 700 50px/68px Nunito;
}

/* line 133, app/assets/stylesheets/new/components/desktop-landing3.sass */
.desktop-landing3--learn-more-list p {
  margin: 0;
  color: #364B54;
  font: 400 18px/20px Nunito;
  text-align: center;
}

@media screen and (min-height: 1000px) {
  /* line 142, app/assets/stylesheets/new/components/desktop-landing3.sass */
  .desktop-landing3--learn-more {
    min-height: 1000px;
  }
}

@media screen and (min-width: 1600px) {
  /* line 148, app/assets/stylesheets/new/components/desktop-landing3.sass */
  .desktop-landing3--info {
    width: 650px;
  }
}

@media screen and (min-width: 1750px) {
  /* line 153, app/assets/stylesheets/new/components/desktop-landing3.sass */
  .desktop-landing3--info {
    width: 700px;
  }
}

@media screen and (max-width: 1250px) {
  /* line 158, app/assets/stylesheets/new/components/desktop-landing3.sass */
  .desktop-landing3--main-block {
    padding: 20px 15px;
  }
  /* line 161, app/assets/stylesheets/new/components/desktop-landing3.sass */
  .desktop-landing3--info-block {
    -ms-flex-direction: column;
        flex-direction: column;
    margin-top: 95px;
  }
  /* line 165, app/assets/stylesheets/new/components/desktop-landing3.sass */
  .desktop-landing3--info {
    width: 100%;
    margin: 0;
    padding-top: 0;
  }
  /* line 170, app/assets/stylesheets/new/components/desktop-landing3.sass */
  .desktop-landing3--title {
    font-size: 52px;
    line-height: 71px;
  }
  /* line 174, app/assets/stylesheets/new/components/desktop-landing3.sass */
  .desktop-landing3--description {
    font-size: 19px;
    line-height: 26px;
  }
  /* line 178, app/assets/stylesheets/new/components/desktop-landing3.sass */
  .desktop-landing3--learn-more-btn {
    margin: 40px auto 0;
  }
  /* line 181, app/assets/stylesheets/new/components/desktop-landing3.sass */
  .desktop-landing3--ipad {
    max-width: 750px;
    margin: 40px auto 0;
  }
  /* line 184, app/assets/stylesheets/new/components/desktop-landing3.sass */
  .desktop-landing3--ipad .placeholder {
    height: 210px;
  }
}

@media screen and (max-width: 768px) {
  /* line 190, app/assets/stylesheets/new/components/desktop-landing3.sass */
  .desktop-landing3--learn-more-list {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  /* line 193, app/assets/stylesheets/new/components/desktop-landing3.sass */
  .desktop-landing3--learn-more-list li {
    width: 100%;
    max-width: 450px;
    margin: 0 0 60px;
  }
  /* line 198, app/assets/stylesheets/new/components/desktop-landing3.sass */
  .desktop-landing3--polygon1 {
    -ms-transform: translateX(22px);
        transform: translateX(22px);
  }
  /* line 201, app/assets/stylesheets/new/components/desktop-landing3.sass */
  .desktop-landing3--polygon2 {
    -ms-transform: translateX(2px);
        transform: translateX(2px);
  }
  /* line 204, app/assets/stylesheets/new/components/desktop-landing3.sass */
  .desktop-landing3--polygon3 {
    -ms-transform: translateX(-9px);
        transform: translateX(-9px);
  }
}

/* line 1, app/assets/stylesheets/new/components/desktop-landing4.sass */
.desktop-landing4 {
  background: #000000;
}

/* line 4, app/assets/stylesheets/new/components/desktop-landing4.sass */
.desktop-landing4--main-block {
  padding: 40px 80px;
}

/* line 7, app/assets/stylesheets/new/components/desktop-landing4.sass */
.desktop-landing4--logo {
  margin: 0;
  color: #FFFFFF;
  font: 400 36px/20px Montserrat;
}

/* line 12, app/assets/stylesheets/new/components/desktop-landing4.sass */
.desktop-landing4--info-block {
  margin: 20px auto 0;
}

/* line 14, app/assets/stylesheets/new/components/desktop-landing4.sass */
.desktop-landing4--info-block .placeholder {
  background: #cccccc;
  height: 957px;
  margin-top: 30px;
}

/* line 18, app/assets/stylesheets/new/components/desktop-landing4.sass */
.desktop-landing4--info-block h2 {
  max-width: 1095px;
  margin: 0;
  color: #FFFFFF;
  font: 700 50px/60px Montserrat;
}

/* line 24, app/assets/stylesheets/new/components/desktop-landing4.sass */
.desktop-landing4--info-block img {
  display: block;
  width: 100%;
  margin-top: 30px;
  height: 540px;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 31, app/assets/stylesheets/new/components/desktop-landing4.sass */
.desktop-landing4--info-block p {
  max-width: 1070px;
  margin: 24px 0 0;
  color: #FFFFFF;
  font: 400 20px/30px Montserrat;
}

/* line 37, app/assets/stylesheets/new/components/desktop-landing4.sass */
.desktop-landing4--info-block button {
  display: block;
  width: 148px;
  height: 46px;
  margin-top: 25px;
  background: #FFFFFF;
  border: none;
  border-radius: 8px;
  color: #000000;
  font: 800 16px/20px Montserrat;
  cursor: pointer;
}

/* line 49, app/assets/stylesheets/new/components/desktop-landing4.sass */
.desktop-landing4--info-block button:focus {
  outline: none;
}

/* line 52, app/assets/stylesheets/new/components/desktop-landing4.sass */
.desktop-landing4--learn-more {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-height: 100vh;
  padding: 80px 80px 170px;
}

/* line 60, app/assets/stylesheets/new/components/desktop-landing4.sass */
.desktop-landing4--learn-more-title {
  margin: 0 auto 0 0;
  color: #FFFFFF;
  font: 700 50px/61px Montserrat;
}

/* line 65, app/assets/stylesheets/new/components/desktop-landing4.sass */
.desktop-landing4--learn-more-line {
  margin: 39px auto 0 0;
  width: 180px;
  height: 5px;
  background: #FFFFFF;
  border-radius: 5px;
}

/* line 72, app/assets/stylesheets/new/components/desktop-landing4.sass */
.desktop-landing4--learn-more-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: 1500px;
  margin: 80px auto 0;
  padding: 0;
  list-style: none;
}

/* line 82, app/assets/stylesheets/new/components/desktop-landing4.sass */
.desktop-landing4--learn-more-list li {
  width: 380px;
  margin: 0 0 60px;
  font: 400 16px/20px Montserrat;
}

/* line 87, app/assets/stylesheets/new/components/desktop-landing4.sass */
.desktop-landing4--learn-more-list span {
  color: #FFFFFF;
  font: 700 50px/61px Montserrat;
}

/* line 91, app/assets/stylesheets/new/components/desktop-landing4.sass */
.desktop-landing4--learn-more-list p {
  margin: 19px 0 0;
  color: #FFFFFF;
}

@media screen and (min-height: 1000px) {
  /* line 97, app/assets/stylesheets/new/components/desktop-landing4.sass */
  .desktop-landing4--learn-more {
    min-height: 1000px;
  }
}

@media screen and (max-width: 1340px) {
  /* line 104, app/assets/stylesheets/new/components/desktop-landing4.sass */
  .desktop-landing4--learn-more-list {
    -ms-flex-pack: center;
        justify-content: center;
  }
  /* line 107, app/assets/stylesheets/new/components/desktop-landing4.sass */
  .desktop-landing4--learn-more-list li {
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media screen and (max-width: 768px) {
  /* line 113, app/assets/stylesheets/new/components/desktop-landing4.sass */
  .desktop-landing4--main-block {
    padding: 20px 15px 15px;
  }
  /* line 116, app/assets/stylesheets/new/components/desktop-landing4.sass */
  .desktop-landing4--logo {
    font-weight: 700;
  }
  /* line 119, app/assets/stylesheets/new/components/desktop-landing4.sass */
  .desktop-landing4--info-block {
    margin-top: 60px;
  }
  /* line 121, app/assets/stylesheets/new/components/desktop-landing4.sass */
  .desktop-landing4--info-block .placeholder {
    margin-top: 40px;
    height: 210px;
  }
  /* line 124, app/assets/stylesheets/new/components/desktop-landing4.sass */
  .desktop-landing4--info-block img {
    margin-top: 40px;
  }
  /* line 127, app/assets/stylesheets/new/components/desktop-landing4.sass */
  .desktop-landing4--info-block p {
    margin-top: 20px;
    font-size: 19px;
    line-height: 26px;
  }
  /* line 132, app/assets/stylesheets/new/components/desktop-landing4.sass */
  .desktop-landing4--info-block button {
    margin: 40px auto 0;
  }
  /* line 135, app/assets/stylesheets/new/components/desktop-landing4.sass */
  .desktop-landing4--learn-more {
    padding-left: 15px;
    padding-right: 15px;
  }
  /* line 139, app/assets/stylesheets/new/components/desktop-landing4.sass */
  .desktop-landing4--learn-more-list {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
  }
  /* line 143, app/assets/stylesheets/new/components/desktop-landing4.sass */
  .desktop-landing4--learn-more-list li {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    max-width: 420px;
  }
}

/* line 1, app/assets/stylesheets/new/components/dialog.sass */
.dialog {
  position: relative;
  z-index: 1000;
}

/* line 5, app/assets/stylesheets/new/components/dialog.sass */
.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.17);
}

/* line 13, app/assets/stylesheets/new/components/dialog.sass */
.dialog-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

@media screen and (max-width: 768px) {
  /* line 13, app/assets/stylesheets/new/components/dialog.sass */
  .dialog-container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

/* line 29, app/assets/stylesheets/new/components/dialog.sass */
.dialog-panel {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  width: 680px;
  max-height: -webkit-fill-available;
  overflow-y: auto;
  padding: 40px;
}

@media screen and (max-width: 480px) {
  /* line 29, app/assets/stylesheets/new/components/dialog.sass */
  .dialog-panel {
    padding: 20px;
  }
}

/* line 42, app/assets/stylesheets/new/components/dialog.sass */
.dialog-panel-small {
  width: 400px;
}

/* line 45, app/assets/stylesheets/new/components/dialog.sass */
.dialog-panel-medium {
  width: 680px;
}

/* line 48, app/assets/stylesheets/new/components/dialog.sass */
.dialog-panel-large {
  width: 920px;
}

/* line 51, app/assets/stylesheets/new/components/dialog.sass */
.dialog-panel-header {
  margin-bottom: 30px;
  position: relative;
  padding-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  justify-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/* line 60, app/assets/stylesheets/new/components/dialog.sass */
.dialog-panel-header-title {
  margin: 0;
  color: #334249;
}

/* line 66, app/assets/stylesheets/new/components/dialog.sass */
.dialog-panel-header button {
  font-size: 25px;
  cursor: pointer;
  border: none;
  background: none;
}

/* line 1, app/assets/stylesheets/new/components/dndmodal-templates.sass */
.dndmodal-templates {
  padding: 40px;
  position: relative;
}

@media screen and (max-width: 480px) {
  /* line 1, app/assets/stylesheets/new/components/dndmodal-templates.sass */
  .dndmodal-templates {
    padding: 20px;
  }
}

@media screen and (max-width: 320px) {
  /* line 1, app/assets/stylesheets/new/components/dndmodal-templates.sass */
  .dndmodal-templates {
    padding: 10px;
  }
}

/* line 11, app/assets/stylesheets/new/components/dndmodal-templates.sass */
.dndmodal-templates .content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}

/* line 17, app/assets/stylesheets/new/components/dndmodal-templates.sass */
.dndmodal-templates__header {
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 550px) {
  /* line 17, app/assets/stylesheets/new/components/dndmodal-templates.sass */
  .dndmodal-templates__header {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (max-width: 550px) {
  /* line 27, app/assets/stylesheets/new/components/dndmodal-templates.sass */
  .dndmodal-templates__header-title {
    width: 100%;
    -ms-flex-pack: left;
        justify-content: left;
  }
}

/* line 34, app/assets/stylesheets/new/components/dndmodal-templates.sass */
.dndmodal-templates__header-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

@media screen and (max-width: 550px) {
  /* line 34, app/assets/stylesheets/new/components/dndmodal-templates.sass */
  .dndmodal-templates__header-actions {
    width: 100%;
  }
}

/* line 41, app/assets/stylesheets/new/components/dndmodal-templates.sass */
.dndmodal-templates__header-actions .close-modal-button {
  margin-left: 20px;
  position: relative;
}

/* line 45, app/assets/stylesheets/new/components/dndmodal-templates.sass */
.dndmodal-templates__cropper {
  position: relative;
}

/* line 48, app/assets/stylesheets/new/components/dndmodal-templates.sass */
.dndmodal-templates__cropper .reactEasyCrop_Container {
  border-radius: inherit;
}

/* line 51, app/assets/stylesheets/new/components/dndmodal-templates.sass */
.dndmodal-templates__footer {
  margin-top: 17px;
  display: -ms-flexbox;
  display: flex;
}

/* line 55, app/assets/stylesheets/new/components/dndmodal-templates.sass */
.dndmodal-templates__slider {
  margin-top: 10px;
  padding: 0 40px;
  width: 100%;
}

/* line 1, app/assets/stylesheets/new/components/dndmodal.sass */
.dndmodal {
  overflow: hidden;
}

@media screen and (max-width: 480px) {
  /* line 1, app/assets/stylesheets/new/components/dndmodal.sass */
  .dndmodal {
    padding: 20px;
  }
}

@media screen and (max-width: 320px) {
  /* line 1, app/assets/stylesheets/new/components/dndmodal.sass */
  .dndmodal {
    padding: 10px;
  }
}

/* line 10, app/assets/stylesheets/new/components/dndmodal.sass */
.dndmodal__header {
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -ms-flex-pack: end;
      justify-content: end;
  margin-bottom: 20px;
}

@media screen and (max-width: 550px) {
  /* line 10, app/assets/stylesheets/new/components/dndmodal.sass */
  .dndmodal__header {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (max-width: 550px) {
  /* line 19, app/assets/stylesheets/new/components/dndmodal.sass */
  .dndmodal__header-title {
    width: 100%;
    -ms-flex-pack: left;
        justify-content: left;
  }
}

/* line 26, app/assets/stylesheets/new/components/dndmodal.sass */
.dndmodal__header-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

@media screen and (max-width: 550px) {
  /* line 26, app/assets/stylesheets/new/components/dndmodal.sass */
  .dndmodal__header-actions {
    width: 100%;
  }
}

/* line 33, app/assets/stylesheets/new/components/dndmodal.sass */
.dndmodal__cropper {
  margin: 0 -40px;
  position: relative;
}

@media screen and (max-width: 480px) {
  /* line 33, app/assets/stylesheets/new/components/dndmodal.sass */
  .dndmodal__cropper {
    margin: 0 -20px;
  }
}

@media screen and (max-width: 320px) {
  /* line 33, app/assets/stylesheets/new/components/dndmodal.sass */
  .dndmodal__cropper {
    margin: 0 -10px;
  }
}

/* line 43, app/assets/stylesheets/new/components/dndmodal.sass */
.dndmodal__cropper .reactEasyCrop_Container {
  border-radius: inherit;
}

/* line 46, app/assets/stylesheets/new/components/dndmodal.sass */
.dndmodal__footer {
  margin-top: 10px;
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
}

/* line 51, app/assets/stylesheets/new/components/dndmodal.sass */
.dndmodal__slider {
  margin-top: 10px;
  padding: 0 40px;
  width: 100%;
}

/* line 56, app/assets/stylesheets/new/components/dndmodal.sass */
.dndmodal__slider .MuiSlider-root {
  color: #0984FF;
}

/* line 1, app/assets/stylesheets/new/components/dndzone.sass */
.dndzone {
  border-radius: 16px;
  text-align: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
}

/* line 12, app/assets/stylesheets/new/components/dndzone.sass */
.dndzone i {
  font-size: 50px;
  color: #0984FF;
}

/* line 18, app/assets/stylesheets/new/components/dndzone.sass */
.dndzone__img-wrapper {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: relative;
}

/* line 25, app/assets/stylesheets/new/components/dndzone.sass */
.dndzone__img-wrapper i {
  position: absolute;
  bottom: calc(50% - 25px);
  left: calc(50% - 25px);
}

/* line 30, app/assets/stylesheets/new/components/dndzone.sass */
.dndzone__cropper-button {
  position: absolute;
  right: 5px;
  bottom: 5px;
  height: 45px;
  width: 60px;
}

/* line 38, app/assets/stylesheets/new/components/dndzone.sass */
.dndzone__cropper-button svg {
  width: 40px;
  height: 30px;
}

/* line 42, app/assets/stylesheets/new/components/dndzone.sass */
.dndzone__placeholder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  border-radius: inherit;
}

/* line 54, app/assets/stylesheets/new/components/dndzone.sass */
.dndzone__inner {
  padding-bottom: 15px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 69, app/assets/stylesheets/new/components/dndzone.sass */
.dndzone__inner-current {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 83, app/assets/stylesheets/new/components/dndzone.sass */
.dndzone__inner-current .dndzone-button {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 90, app/assets/stylesheets/new/components/dndzone.sass */
.dndzone__inner-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

/* line 95, app/assets/stylesheets/new/components/dndzone.sass */
.dndzone__area {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: inherit;
}

/* line 103, app/assets/stylesheets/new/components/dndzone.sass */
.dndzone__uploaded-image {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}

/* line 107, app/assets/stylesheets/new/components/dndzone.sass */
.dndzone__title {
  text-align: center;
  font-weight: bold;
  color: #ACB5BD;
}

/* line 112, app/assets/stylesheets/new/components/dndzone.sass */
.dndzone__accent {
  color: #0984FF;
  text-decoration: underline;
}

/* line 116, app/assets/stylesheets/new/components/dndzone.sass */
.dndzone--small {
  font-size: 16px;
  margin: 0 auto 20px auto;
}

/* line 120, app/assets/stylesheets/new/components/dndzone.sass */
.dndzone--small .dndzone__inner {
  padding-bottom: 0;
}

/* line 1, app/assets/stylesheets/new/components/dropdown-menu.sass */
.dropdown-menu {
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.05), 0px 0px 4px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  position: absolute;
  background-color: white;
  top: 50px;
  right: 0;
  width: 200px;
}

/* line 10, app/assets/stylesheets/new/components/dropdown-menu.sass */
.dropdown-menu-trigger {
  border: none;
  background-color: transparent;
  padding: 10px 15px;
}

/* line 16, app/assets/stylesheets/new/components/dropdown-menu.sass */
.dropdown-menu-trigger:hover {
  cursor: pointer;
}

/* line 19, app/assets/stylesheets/new/components/dropdown-menu.sass */
.dropdown-menu-expanded {
  display: inline-block;
}

/* line 22, app/assets/stylesheets/new/components/dropdown-menu.sass */
.dropdown-menu-collapsed {
  display: none;
}

/* line 1, app/assets/stylesheets/new/components/expand-status.sass */
.expand-status {
  width: 32px;
  height: 32px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 8, app/assets/stylesheets/new/components/expand-status.sass */
.expand-status.asc {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

/* line 1, app/assets/stylesheets/new/components/first-time-tip.sass */
.first-time-tip {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 500;
  background: rgba(51, 66, 73, 0.5);
  margin-left: 80px;
  z-index: 100;
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/new/components/first-time-tip.sass */
  .first-time-tip {
    margin-left: 0;
  }
}

/* line 16, app/assets/stylesheets/new/components/first-time-tip.sass */
.first-time-tip-ideation .first-time-tip__container:before {
  top: 45px;
}

@media screen and (max-height: 900px) {
  /* line 16, app/assets/stylesheets/new/components/first-time-tip.sass */
  .first-time-tip-ideation .first-time-tip__container:before {
    top: 105px;
  }
}

@media screen and (max-width: 768px) {
  /* line 16, app/assets/stylesheets/new/components/first-time-tip.sass */
  .first-time-tip-ideation .first-time-tip__container:before {
    display: none;
  }
}

/* line 26, app/assets/stylesheets/new/components/first-time-tip.sass */
.first-time-tip-bmc .first-time-tip__container:before {
  top: 105px;
}

@media screen and (max-height: 900px) {
  /* line 26, app/assets/stylesheets/new/components/first-time-tip.sass */
  .first-time-tip-bmc .first-time-tip__container:before {
    top: 165px;
  }
}

@media screen and (max-width: 768px) {
  /* line 26, app/assets/stylesheets/new/components/first-time-tip.sass */
  .first-time-tip-bmc .first-time-tip__container:before {
    display: none;
  }
}

/* line 36, app/assets/stylesheets/new/components/first-time-tip.sass */
.first-time-tip-testing .first-time-tip__container:before {
  top: 165px;
}

@media screen and (max-height: 900px) {
  /* line 36, app/assets/stylesheets/new/components/first-time-tip.sass */
  .first-time-tip-testing .first-time-tip__container:before {
    top: 225px;
  }
}

@media screen and (max-width: 768px) {
  /* line 36, app/assets/stylesheets/new/components/first-time-tip.sass */
  .first-time-tip-testing .first-time-tip__container:before {
    display: none;
  }
}

/* line 46, app/assets/stylesheets/new/components/first-time-tip.sass */
.first-time-tip-portfolio .first-time-tip__container:before {
  top: 225px;
}

@media screen and (max-height: 900px) {
  /* line 46, app/assets/stylesheets/new/components/first-time-tip.sass */
  .first-time-tip-portfolio .first-time-tip__container:before {
    top: 285px;
  }
}

@media screen and (max-width: 768px) {
  /* line 46, app/assets/stylesheets/new/components/first-time-tip.sass */
  .first-time-tip-portfolio .first-time-tip__container:before {
    display: none;
  }
}

/* line 55, app/assets/stylesheets/new/components/first-time-tip.sass */
.first-time-tip__container {
  position: relative;
  margin: 70px 25px 0 23px;
  padding: 40px;
  background: #FFFFFF;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.05), 0 0 4px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
}

@media screen and (max-height: 900px) {
  /* line 55, app/assets/stylesheets/new/components/first-time-tip.sass */
  .first-time-tip__container {
    height: calc(100% - 20px);
    margin: 10px 25px 10px 23px;
  }
}

@media screen and (max-width: 768px) {
  /* line 55, app/assets/stylesheets/new/components/first-time-tip.sass */
  .first-time-tip__container {
    overflow: auto;
  }
}

@media screen and (max-width: 480px) {
  /* line 55, app/assets/stylesheets/new/components/first-time-tip.sass */
  .first-time-tip__container {
    padding: 20px;
    margin: 10px;
  }
}

/* line 74, app/assets/stylesheets/new/components/first-time-tip.sass */
.first-time-tip__container:before {
  content: '';
  position: absolute;
  left: -40px;
  border: 20px solid transparent;
  border-right: 20px solid #FFFFFF;
}

/* line 81, app/assets/stylesheets/new/components/first-time-tip.sass */
.first-time-tip__actions {
  width: calc(100% - 80px);
  height: 45px;
  position: absolute;
  bottom: 40px;
}

@media screen and (max-width: 768px) {
  /* line 81, app/assets/stylesheets/new/components/first-time-tip.sass */
  .first-time-tip__actions {
    position: initial;
    margin-top: 20px;
  }
}

/* line 91, app/assets/stylesheets/new/components/first-time-tip.sass */
.first-time-tip__title {
  margin: 0 0 20px;
  color: #000000;
}

/* line 96, app/assets/stylesheets/new/components/first-time-tip.sass */
.first-time-tip__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  height: calc(100% - 60px);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  /* line 96, app/assets/stylesheets/new/components/first-time-tip.sass */
  .first-time-tip__content {
    height: auto;
  }
}

/* line 105, app/assets/stylesheets/new/components/first-time-tip.sass */
.first-time-tip__content-image {
  width: calc(70% - 40px);
  border-radius: 8px;
}

@media screen and (max-width: 768px) {
  /* line 105, app/assets/stylesheets/new/components/first-time-tip.sass */
  .first-time-tip__content-image {
    width: 100%;
  }
}

/* line 112, app/assets/stylesheets/new/components/first-time-tip.sass */
.first-time-tip__content-placeholder {
  width: calc(70% - 40px);
  height: 100%;
  padding: 7.5% 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 120, app/assets/stylesheets/new/components/first-time-tip.sass */
.first-time-tip__content-placeholder img {
  width: 40%;
}

/* line 123, app/assets/stylesheets/new/components/first-time-tip.sass */
.first-time-tip__content-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 30%;
  margin-right: 40px;
  overflow: auto;
  height: calc(100% - 45px);
}

@media screen and (max-width: 768px) {
  /* line 123, app/assets/stylesheets/new/components/first-time-tip.sass */
  .first-time-tip__content-info {
    height: auto;
    width: 100%;
    margin-bottom: 20px;
  }
}

/* line 137, app/assets/stylesheets/new/components/first-time-tip.sass */
.first-time-tip__content-info-step {
  padding: 20px;
  color: #37474F;
}

/* line 141, app/assets/stylesheets/new/components/first-time-tip.sass */
.first-time-tip__content-info-step h4 {
  margin: 0;
  cursor: pointer;
  font-weight: 500;
}

@media screen and (min-width: 1200px) {
  /* line 141, app/assets/stylesheets/new/components/first-time-tip.sass */
  .first-time-tip__content-info-step h4 {
    font-size: 21px;
    line-height: 29px;
  }
}

/* line 150, app/assets/stylesheets/new/components/first-time-tip.sass */
.first-time-tip__content-info-step p {
  display: none;
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 18px;
}

@media screen and (min-width: 1200px) {
  /* line 150, app/assets/stylesheets/new/components/first-time-tip.sass */
  .first-time-tip__content-info-step p {
    font-size: 16px;
    line-height: 20px;
  }
}

/* line 160, app/assets/stylesheets/new/components/first-time-tip.sass */
.first-time-tip__content-info-step--active {
  background: rgba(9, 132, 255, 0.1);
  border-radius: 8px;
}

/* line 164, app/assets/stylesheets/new/components/first-time-tip.sass */
.first-time-tip__content-info-step--active h4 {
  color: #0984FF;
}

/* line 167, app/assets/stylesheets/new/components/first-time-tip.sass */
.first-time-tip__content-info-step--active p {
  display: block;
}

/* line 173, app/assets/stylesheets/new/components/first-time-tip.sass */
.first-time-tip__button {
  padding: 13px 25px;
}

/* line 1, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
.ideation-card {
  border: 2px solid #F8F9FA;
  background-color: #F8F9FA;
  padding: 40px;
  border-radius: 16px;
  max-width: 920px;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.05), 0px 0px 4px rgba(0, 0, 0, 0.05);
  position: relative;
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
  .ideation-card {
    padding: 20px;
  }
}

@media screen and (max-width: 320px) {
  /* line 1, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
  .ideation-card {
    padding: 10px;
  }
}

/* line 16, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
.ideation-card .confirmation-modal {
  position: sticky;
}

/* line 19, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
.ideation-card-delete-icon {
  position: absolute;
  top: 15px;
  right: 20px;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  /* line 19, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
  .ideation-card-delete-icon {
    display: none;
  }
}

/* line 28, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
.ideation-card-delete-icon i {
  font-size: 24px;
  color: #DDE2E5;
}

/* line 31, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
.ideation-card-delete-icon i:hover {
  color: #ACB5BD;
}

/* line 34, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
.ideation-card--white {
  background-color: white;
}

/* line 38, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
.ideation-card--pick-idea .ideation-card-left {
  width: 37%;
}

@media screen and (max-width: 768px) {
  /* line 38, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
  .ideation-card--pick-idea .ideation-card-left {
    width: 100%;
    margin-bottom: 20px;
  }
}

/* line 45, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
.ideation-card--pick-idea .ideation-card-right {
  width: 63%;
}

@media screen and (max-width: 768px) {
  /* line 45, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
  .ideation-card--pick-idea .ideation-card-right {
    width: 100%;
  }
}

/* line 51, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
.ideation-card--picked {
  border: 2px solid #0984FF;
  background: rgba(9, 132, 255, 0.1);
}

/* line 55, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
.ideation-card--picked .bmc-button {
  background: rgba(9, 132, 255, 0.1);
  border: 2px solid #0984FF;
}

/* line 59, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
.ideation-card-right {
  width: 50%;
  padding-left: 20px;
  text-align: left;
}

/* line 65, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
.ideation-card-left {
  width: 50%;
  padding-right: 20px;
}

@media screen and (max-width: 768px) {
  /* line 65, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
  .ideation-card-left {
    margin-bottom: 20px;
  }
}

/* line 73, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
.ideation-card-left > .img-wrapper {
  border-radius: 8px;
}

@media screen and (max-width: 768px) {
  /* line 76, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
  .ideation-card > * {
    width: 100%;
    padding: 0;
  }
}

/* line 81, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
.ideation-card-default-image {
  height: 400px;
  border-radius: 8px;
  background-color: #C4C4C4;
}

/* line 89, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
.ideation-card-text {
  line-height: 20px;
  word-wrap: break-word;
}

/* line 93, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
.ideation-card-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

/* line 97, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
.ideation-card-actions-delete-button {
  display: none;
  color: rgba(55, 71, 79, 0.5);
}

@media screen and (max-width: 768px) {
  /* line 97, app/assets/stylesheets/new/components/ideation/ideation-card.sass */
  .ideation-card-actions-delete-button {
    display: block;
  }
}

/* line 1, app/assets/stylesheets/new/components/ideation/ideation-list.sass */
.ideation-list {
  text-align: center;
  height: 100%;
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/new/components/ideation/ideation-list.sass */
  .ideation-list {
    margin: 0 -20px 80px;
  }
}

/* line 8, app/assets/stylesheets/new/components/ideation/ideation-list.sass */
.ideation-list-create-idea-button {
  display: none;
  margin: 40px auto 0;
}

@media screen and (max-width: 768px) {
  /* line 8, app/assets/stylesheets/new/components/ideation/ideation-list.sass */
  .ideation-list-create-idea-button {
    display: block;
    min-width: 400px;
  }
}

@media screen and (max-width: 480px) {
  /* line 8, app/assets/stylesheets/new/components/ideation/ideation-list.sass */
  .ideation-list-create-idea-button {
    min-width: calc(100% - 40px);
    margin: 40px auto 20px;
  }
}

/* line 20, app/assets/stylesheets/new/components/ideation/ideation-list.sass */
.ideation-list-title {
  margin-top: 50px;
}

/* line 24, app/assets/stylesheets/new/components/ideation/ideation-list.sass */
.ideation-list-items {
  position: relative;
}

/* line 27, app/assets/stylesheets/new/components/ideation/ideation-list.sass */
.ideation-list-items .ideation-card {
  margin: 40px auto;
}

@media screen and (max-width: 1100px) {
  /* line 27, app/assets/stylesheets/new/components/ideation/ideation-list.sass */
  .ideation-list-items .ideation-card {
    margin: 40px 20px;
  }
}

/* line 33, app/assets/stylesheets/new/components/ideation/ideation-list.sass */
.ideation-list-items .slick-dots li button:before {
  font-size: 15px;
}

/* line 36, app/assets/stylesheets/new/components/ideation/ideation-list.sass */
.ideation-list-items-arrow {
  position: absolute;
  top: 50%;
  font-size: 30px;
  z-index: 10;
  cursor: pointer;
  background-color: transparent;
  border: none;
}

@media screen and (max-width: 768px) {
  /* line 36, app/assets/stylesheets/new/components/ideation/ideation-list.sass */
  .ideation-list-items-arrow {
    display: none;
  }
}

/* line 49, app/assets/stylesheets/new/components/ideation/ideation-list.sass */
.ideation-list-items-arrow--left {
  left: 0;
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
}

/* line 53, app/assets/stylesheets/new/components/ideation/ideation-list.sass */
.ideation-list-items-arrow--right {
  right: 0;
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}

/* line 57, app/assets/stylesheets/new/components/ideation/ideation-list.sass */
.ideation-list-empty {
  margin-top: 20%;
  color: #ACB5BD;
}

/* line 1, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
.ideation-selector {
  padding: 40px 40px 0 40px;
  background: #F8F9FA;
  border-radius: 16px;
}

@media screen and (max-width: 480px) {
  /* line 1, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
  .ideation-selector {
    padding: 20px 20px 0 20px;
  }
}

/* line 13, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
.ideation-selector-header-arrows {
  position: absolute;
  right: 0;
  top: -10px;
}

/* line 18, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
.ideation-selector-header-subtitle {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

/* line 24, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
.ideation-selector-header-steps {
  margin-top: 10px;
  margin-bottom: 20px;
  position: relative;
}

/* line 29, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
.ideation-selector-header-steps-step {
  height: 100%;
  width: 80px;
  border-radius: 4px;
  margin-right: 5px;
  background: #DDE2E5;
  cursor: pointer;
}

/* line 38, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
.ideation-selector-header-steps-step--active {
  background: #334249;
}

/* line 41, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
.ideation-selector-ideas {
  margin-top: 40px;
}

/* line 44, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
.ideation-selector-ideas-idea {
  width: calc(33.3% - 10.5px);
  margin-right: 16px;
  position: relative;
  cursor: pointer;
}

@media screen and (min-width: 1025px) {
  /* line 53, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
  .ideation-selector-ideas-idea:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  /* line 44, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
  .ideation-selector-ideas-idea {
    width: calc(50% - 16px);
  }
  /* line 59, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
  .ideation-selector-ideas-idea:nth-child(2n) {
    margin-right: 0;
  }
}

/* line 62, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
.ideation-selector-ideas-idea > .img-wrapper {
  border: 4px solid #f8f9fa;
  border-radius: 8px;
}

/* line 66, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
.ideation-selector-ideas-idea > .img-wrapper > .img {
  border-radius: 4px;
}

/* line 69, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
.ideation-selector-ideas-idea--selected {
  cursor: default;
}

/* line 72, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
.ideation-selector-ideas-idea--selected .ideation-selector-ideas-idea-selector {
  background: #0984FF;
  border: none;
}

/* line 76, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
.ideation-selector-ideas-idea--selected > .img-wrapper {
  border: 4px solid #0984FF;
}

/* line 79, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
.ideation-selector-ideas-idea--selected > .img-wrapper > .img {
  opacity: 0.5;
}

/* line 82, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
.ideation-selector-ideas-idea--selected-for-other-questions {
  cursor: not-allowed;
}

/* line 85, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
.ideation-selector-ideas-idea--selected-for-other-questions .ideation-selector-ideas-idea-selector {
  display: none;
}

/* line 88, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
.ideation-selector-ideas-idea--selected-for-other-questions > .img-wrapper {
  border: 4px solid #0984ff75;
}

/* line 91, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
.ideation-selector-ideas-idea--selected-for-other-questions > .img-wrapper > .img {
  opacity: 0.5;
}

/* line 94, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
.ideation-selector-ideas-idea-title {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 15%;
  text-align: center;
}

/* line 107, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
.ideation-selector-ideas-idea-text {
  margin-top: 15px;
  margin-bottom: 40px;
  word-wrap: break-word;
}

/* line 112, app/assets/stylesheets/new/components/ideation/ideation-selector.sass */
.ideation-selector-ideas-idea-selector {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #ACB5BD;
  background: #F8F9FA;
}

/* line 2, app/assets/stylesheets/new/components/ideation/ideation-solutions.sass */
.ideation-solutions-item {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
}

/* line 8, app/assets/stylesheets/new/components/ideation/ideation-solutions.sass */
.ideation-solutions-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* line 12, app/assets/stylesheets/new/components/ideation/ideation-solutions.sass */
.ideation-solutions-item:last-child::after {
  content: none;
}

/* line 15, app/assets/stylesheets/new/components/ideation/ideation-solutions.sass */
.ideation-solutions-item::after {
  content: '';
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: rgba(221, 226, 229, 0.5);
  position: absolute;
}

/* line 28, app/assets/stylesheets/new/components/ideation/ideation-solutions.sass */
.ideation-solutions-item-title {
  font-weight: 500;
}

/* line 31, app/assets/stylesheets/new/components/ideation/ideation-solutions.sass */
.ideation-solutions-item-image {
  width: 20%;
  border-radius: 8px;
  margin-right: 50px;
}

@media screen and (max-width: 1200px) {
  /* line 31, app/assets/stylesheets/new/components/ideation/ideation-solutions.sass */
  .ideation-solutions-item-image {
    margin-right: 20px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 31, app/assets/stylesheets/new/components/ideation/ideation-solutions.sass */
  .ideation-solutions-item-image {
    width: 35%;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 31, app/assets/stylesheets/new/components/ideation/ideation-solutions.sass */
  .ideation-solutions-item-image {
    width: 100%;
    margin-right: 0;
  }
}

/* line 47, app/assets/stylesheets/new/components/ideation/ideation-solutions.sass */
.ideation-solutions-item-text {
  width: calc(40% - 50px);
  margin-right: 50px;
  margin-top: 10px;
  text-align: left;
  word-wrap: break-word;
}

@media screen and (max-width: 1200px) {
  /* line 47, app/assets/stylesheets/new/components/ideation/ideation-solutions.sass */
  .ideation-solutions-item-text {
    width: calc(40% - 20px);
    margin-right: 20px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 47, app/assets/stylesheets/new/components/ideation/ideation-solutions.sass */
  .ideation-solutions-item-text {
    width: calc(65% - 20px);
    margin-right: 0;
  }
}

@media screen and (max-width: 480px) {
  /* line 47, app/assets/stylesheets/new/components/ideation/ideation-solutions.sass */
  .ideation-solutions-item-text {
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
  }
}

/* line 67, app/assets/stylesheets/new/components/ideation/ideation-solutions.sass */
.ideation-solutions-item-text:last-child {
  margin-right: 0;
}

/* line 70, app/assets/stylesheets/new/components/ideation/ideation-solutions.sass */
.ideation-solutions-item > .textarea-wrapper {
  width: calc(40% - 50px);
}

@media screen and (max-width: 1200px) {
  /* line 70, app/assets/stylesheets/new/components/ideation/ideation-solutions.sass */
  .ideation-solutions-item > .textarea-wrapper {
    width: calc(40% - 20px);
  }
}

@media screen and (max-width: 1024px) {
  /* line 70, app/assets/stylesheets/new/components/ideation/ideation-solutions.sass */
  .ideation-solutions-item > .textarea-wrapper {
    width: 100%;
  }
}

/* line 3, app/assets/stylesheets/new/components/ideation/ideation.sass */
.ideation-problems-item {
  width: calc(33% - 16px);
  margin-right: 16px;
  margin-bottom: 30px;
  border-radius: 8px;
}

@media screen and (min-width: 1025px) {
  /* line 11, app/assets/stylesheets/new/components/ideation/ideation.sass */
  .ideation-problems-item:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/new/components/ideation/ideation.sass */
  .ideation-problems-item {
    width: calc(50% - 16px);
  }
  /* line 17, app/assets/stylesheets/new/components/ideation/ideation.sass */
  .ideation-problems-item:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 480px) {
  /* line 3, app/assets/stylesheets/new/components/ideation/ideation.sass */
  .ideation-problems-item {
    width: 100%;
  }
  /* line 23, app/assets/stylesheets/new/components/ideation/ideation.sass */
  .ideation-problems-item:nth-child(n) {
    margin-right: 0;
  }
}

/* line 26, app/assets/stylesheets/new/components/ideation/ideation.sass */
.ideation-problems-item-text {
  min-height: 100px;
  text-align: left;
  word-wrap: break-word;
}

/* line 31, app/assets/stylesheets/new/components/ideation/ideation.sass */
.ideation-problems-item .img-wrapper {
  width: 100%;
  margin-bottom: 15px;
}

/* line 35, app/assets/stylesheets/new/components/ideation/ideation.sass */
.ideation-selected {
  border: 2px solid #0984FF;
  background: rgba(9, 132, 255, 0.1);
  padding: 40px;
  border-radius: 16px;
}

/* line 41, app/assets/stylesheets/new/components/ideation/ideation.sass */
.ideation-selected-item {
  width: calc(33.3% - 20px);
  margin-right: 30px;
  text-align: center;
}

/* line 47, app/assets/stylesheets/new/components/ideation/ideation.sass */
.ideation-selected-item-title {
  height: 65px;
}

@media screen and (max-width: 1024px) {
  /* line 47, app/assets/stylesheets/new/components/ideation/ideation.sass */
  .ideation-selected-item-title {
    font-size: 16px;
    line-height: 21px;
  }
}

@media screen and (max-width: 700px) {
  /* line 47, app/assets/stylesheets/new/components/ideation/ideation.sass */
  .ideation-selected-item-title {
    font-size: 14px;
    line-height: 18px;
  }
}

@media screen and (max-width: 400px) {
  /* line 47, app/assets/stylesheets/new/components/ideation/ideation.sass */
  .ideation-selected-item-title {
    font-size: 11px;
    line-height: 14px;
  }
}

/* line 63, app/assets/stylesheets/new/components/ideation/ideation.sass */
.ideation-selected-item-image {
  width: 100%;
  max-width: 180px;
  border-radius: 8px;
  margin: 20px auto 0 auto;
}

/* line 69, app/assets/stylesheets/new/components/ideation/ideation.sass */
.ideation-selected-item-image-inner {
  border-radius: 8px;
  height: 100%;
  border: 2px solid #0984FF;
}

/* line 74, app/assets/stylesheets/new/components/ideation/ideation.sass */
.ideation-selected-item-image > .img {
  border-radius: 6px;
}

/* line 77, app/assets/stylesheets/new/components/ideation/ideation.sass */
.ideation-selected-item:last-child {
  margin-right: 0;
}

/* line 80, app/assets/stylesheets/new/components/ideation/ideation.sass */
.ideation-rateidea {
  background: #F8F9FA;
  border-radius: 16px;
  padding: 20px;
  width: calc(33.3% - 20px);
  margin-right: 20px;
}

@media screen and (min-width: 1025px) {
  /* line 89, app/assets/stylesheets/new/components/ideation/ideation.sass */
  .ideation-rateidea:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  /* line 80, app/assets/stylesheets/new/components/ideation/ideation.sass */
  .ideation-rateidea {
    width: calc(50% - 10px);
    margin-bottom: 20px;
  }
  /* line 96, app/assets/stylesheets/new/components/ideation/ideation.sass */
  .ideation-rateidea:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 480px) {
  /* line 80, app/assets/stylesheets/new/components/ideation/ideation.sass */
  .ideation-rateidea {
    width: 100%;
    margin-right: 0;
  }
}

/* line 103, app/assets/stylesheets/new/components/ideation/ideation.sass */
.ideation-rateidea-image {
  border-radius: 8px;
}

/* line 106, app/assets/stylesheets/new/components/ideation/ideation.sass */
.ideation-rateidea-text {
  margin-top: 10px;
  font-weight: bold;
  word-wrap: break-word;
}

/* line 1, app/assets/stylesheets/new/components/img.sass */
.img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: inherit;
}

/* line 9, app/assets/stylesheets/new/components/img.sass */
.img--with-aspect-ratio {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* line 16, app/assets/stylesheets/new/components/img.sass */
.img-wrapper {
  border-radius: inherit;
  position: relative;
  width: 100%;
}

/* line 2, app/assets/stylesheets/new/components/input.sass */
.input--error {
  border: 2px solid #f71f1f;
}

/* line 1, app/assets/stylesheets/new/components/message/message.sass */
.message-container {
  width: 25px;
  height: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  margin-left: 40px;
  margin-right: 60px;
}

/* line 10, app/assets/stylesheets/new/components/message/message.sass */
.message-container:hover .message-list-container {
  display: block;
}

/* line 12, app/assets/stylesheets/new/components/message/message.sass */
.message-component__icon {
  width: 17px;
  height: 21px;
  position: relative;
}

/* line 16, app/assets/stylesheets/new/components/message/message.sass */
.message-component__icon.active::before {
  content: '';
  display: block;
  width: 11px;
  height: 11px;
  position: absolute;
  top: -3px;
  right: -3px;
  background: red;
  overflow: hidden;
  border-radius: 50%;
}

/* line 27, app/assets/stylesheets/new/components/message/message.sass */
.message-list-container {
  display: none;
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.05), 0px 0px 4px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  position: absolute;
  top: 100%;
  right: 0px;
  cursor: pointer;
}

/* line 37, app/assets/stylesheets/new/components/message/message.sass */
.message-list-container__title {
  padding: 12px 20px 12px 30px;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #37474F;
  text-wrap: nowrap;
}

/* line 46, app/assets/stylesheets/new/components/message/message.sass */
.message-item-container:hover {
  background-color: rgba(9, 132, 255, 0.1);
}

/* line 48, app/assets/stylesheets/new/components/message/message.sass */
.message-item-container {
  border-top: 1px solid #F6F6F6;
  padding: 17.5px 20px 17.5px 32.5px;
}

/* line 51, app/assets/stylesheets/new/components/message/message.sass */
.message-item-component {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

/* line 56, app/assets/stylesheets/new/components/message/message.sass */
.message-item-component__avatar {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #F8F9FA;
  border: 1px solid #0984FF;
  border-radius: 4px;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}

/* line 69, app/assets/stylesheets/new/components/message/message.sass */
.message-item-component__title {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}

/* line 79, app/assets/stylesheets/new/components/message/message.sass */
.message-item-component__badges {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 82, app/assets/stylesheets/new/components/message/message.sass */
.message-item-component__unread-message-count, .message-item-component__unread-mention {
  padding: 2px 6px;
  background: #DDE2E5;
  border-radius: 10px;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  font-size: 9px;
  line-height: 12px;
  text-align: center;
  letter-spacing: -0.2px;
}

/* line 93, app/assets/stylesheets/new/components/message/message.sass */
.message-item-component__unread-mention {
  margin-left: -3px;
  background-color: red;
  color: white;
}

/* line 1, app/assets/stylesheets/new/components/notify-system.sass */
.notify-system {
  position: fixed;
  top: 60px;
  right: 20px;
  z-index: 1000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  overflow: auto;
}

/* line 11, app/assets/stylesheets/new/components/notify-system.sass */
.notify-system__item {
  min-width: 325px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 60%;
  margin-top: 20px;
  padding: 20px;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  text-align: start;
}

@media screen and (max-width: 768px) {
  /* line 11, app/assets/stylesheets/new/components/notify-system.sass */
  .notify-system__item {
    min-width: auto;
    max-width: 95%;
    width: 95%;
    margin-top: 10px;
  }
}

/* line 29, app/assets/stylesheets/new/components/notify-system.sass */
.notify-system__item--primary {
  background: #0984FF;
}

/* line 32, app/assets/stylesheets/new/components/notify-system.sass */
.notify-system__item--danger {
  background: #ff292b;
}

/* line 35, app/assets/stylesheets/new/components/notify-system.sass */
.notify-system__item--success {
  background: #2FD158;
}

/* line 38, app/assets/stylesheets/new/components/notify-system.sass */
.notify-system__item--warning {
  background: #FF6D00;
}

/* line 41, app/assets/stylesheets/new/components/notify-system.sass */
.notify-system__item--warning-blue {
  border-left: 3px solid #0984FF;
  background: #E6F3FF;
  color: #000000;
}

/* line 2, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.architectural .bmc-modal-content {
  border-radius: 0;
}

/* line 5, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.architectural-title {
  font-family: Nixie One;
  font-size: 48px;
  line-height: 62px;
  color: #000000;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  /* line 5, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .architectural-title {
    line-height: 55px;
    word-break: break-word;
  }
}

@media screen and (max-width: 480px) {
  /* line 5, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .architectural-title {
    font-size: 32px;
    line-height: 36px;
  }
}

/* line 20, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.text-white {
  color: #FFFFFF !important;
}

/* line 23, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.header-arch {
  font-family: Nixie One;
  color: #000000 !important;
  font-size: 21px;
  line-height: 29px;
  font-weight: 700;
}

/* line 30, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.button-arch {
  font-family: Lato;
  line-height: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: #FFFFFF;
  background-color: #000000 !important;
  border: 1px solid #000000;
  border-radius: 0 !important;
}

/* line 41, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.button-arch:hover {
  opacity: 0.5;
  background-color: #000000 !important;
}

/* line 45, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.button-arch-light {
  font-family: Lato;
  line-height: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: #000000;
  background-color: #FFFFFF;
  border-radius: 0;
}

/* line 56, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.button-arch-light:hover {
  opacity: 0.5;
  background-color: #FFFFFF;
}

/* line 62, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.introduction-architectural-wrapper {
  width: 100%;
  color: #000000;
  position: relative;
}

/* line 67, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.introduction-architectural-wrapper .portfolio-comment-icon {
  bottom: 30px;
  top: auto !important;
}

/* line 71, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.introduction-architectural-wrapper .image-hover {
  width: 100%;
  border: 1px solid #FFFFFF00;
  padding: 10px;
  max-height: 700px;
}

/* line 78, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.introduction-architectural-wrapper .image-hover .image {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: #E7E6E6;
  margin: 0 auto;
  border-radius: 0;
}

/* line 85, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.introduction-architectural-wrapper .logo-hover {
  width: 272px;
  max-width: 272px;
  padding: 10px;
  border: 1px solid #FFFFFF00;
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 768px) {
  /* line 85, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .introduction-architectural-wrapper .logo-hover {
    width: 50%;
  }
}

/* line 98, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.introduction-architectural-wrapper .logo-hover .logo-upload {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
  background-color: #FFFFFF00;
  border-radius: 0;
}

/* line 105, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.introduction-architectural-wrapper .content-intro {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 80px 100px 80px;
}

@media screen and (max-width: 1280px) {
  /* line 105, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .introduction-architectural-wrapper .content-intro {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 40px 40px 100px 40px;
  }
}

@media screen and (max-width: 768px) {
  /* line 105, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .introduction-architectural-wrapper .content-intro {
    padding: 20px 20px 100px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 105, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .introduction-architectural-wrapper .content-intro {
    padding: 10px;
  }
}

/* line 120, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.introduction-architectural-wrapper .content-intro .title {
  color: #000000;
  width: 40%;
  margin-right: 40px;
}

@media screen and (max-width: 1280px) {
  /* line 120, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .introduction-architectural-wrapper .content-intro .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  /* line 130, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .introduction-architectural-wrapper .content-intro .title textarea {
    text-align: center;
  }
}

/* line 133, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.introduction-architectural-wrapper .content-intro .description {
  width: calc(60% - 40px);
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 133, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .introduction-architectural-wrapper .content-intro .description {
    width: 100%;
  }
  /* line 140, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .introduction-architectural-wrapper .content-intro .description textarea {
    text-align: center;
  }
}

/* line 143, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.summary-architectural {
  padding: 120px 80px;
  width: 100%;
  position: relative;
  color: #000000;
  font-family: Lato;
}

@media screen and (max-width: 1280px) {
  /* line 143, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .summary-architectural {
    padding: 65px 65px 65px 40px;
  }
}

/* line 153, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.summary-architectural .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 153, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .summary-architectural .content {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 160, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.summary-architectural .content .right {
  width: 40%;
}

@media screen and (max-width: 1024px) {
  /* line 160, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .summary-architectural .content .right {
    width: 100%;
  }
}

/* line 166, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.summary-architectural .content .right .title {
  text-align: center;
}

/* line 169, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.summary-architectural .content .left {
  width: calc(60% - 40px);
  margin-right: 40px;
  -ms-flex-order: -1;
      order: -1;
}

@media screen and (max-width: 1024px) {
  /* line 169, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .summary-architectural .content .left {
    -ms-flex-order: 0;
        order: 0;
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  /* line 179, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .summary-architectural .content .left textarea {
    text-align: center;
  }
}

/* line 183, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural {
  padding: 120px 80px 60px 80px;
  width: 100%;
  color: #000000;
  font-family: Lato;
}

/* line 189, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 189, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 197, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural .header .title {
  color: #000000;
  width: 40%;
  margin-right: 40px;
}

@media screen and (max-width: 1280px) {
  /* line 197, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 208, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural .header .description {
  width: calc(60% - 40px);
  color: #000000;
}

/* line 212, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural .header .description textarea {
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 208, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural .header .description {
    width: 100%;
  }
  /* line 218, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural .header .description textarea {
    text-align: center;
  }
}

/* line 221, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 30px -15px 0;
}

@media screen and (max-width: 768px) {
  /* line 221, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural-cards {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
  }
}

@media screen and (max-width: 480px) {
  /* line 221, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural-cards {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 239, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural-card {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 0 15px 60px;
  width: calc(25% - 30px);
}

@media screen and (max-width: 1439px) {
  /* line 239, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural-card {
    width: calc(33.3% - 30px);
  }
}

@media screen and (max-width: 1080px) {
  /* line 239, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural-card {
    width: calc(50% - 30px);
  }
}

@media screen and (max-width: 768px) {
  /* line 239, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural-card {
    width: calc(100% - 30px);
  }
}

/* line 260, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural-card .remove {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-bottom: 10px;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}

/* line 270, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural-card .remove .icon-section i {
  font-size: 30px;
  color: #E7E6E6;
  cursor: pointer;
}

/* line 275, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural-card .remove .icon-section i:hover {
  color: #0984FF;
}

/* line 278, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural-card .image-hover {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #FFFFFF00;
  margin-bottom: 20px;
  padding: 5px;
  border: 1px solid #FFFFFF00;
  border-radius: 0;
}

/* line 293, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural-card .is-first .img-wrapper {
  padding-top: 160% !important;
}

@media screen and (max-width: 1439px) {
  /* line 293, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural-card .is-first .img-wrapper {
    padding-top: 140% !important;
  }
}

@media screen and (max-width: 1080px) {
  /* line 293, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural-card .is-first .img-wrapper {
    padding-top: 120% !important;
  }
}

@media screen and (max-width: 768px) {
  /* line 293, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural-card .is-first .img-wrapper {
    padding-top: 100% !important;
  }
}

/* line 302, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural-card .is-first .dndzone__inner-wrapper {
  padding-top: 160% !important;
}

@media screen and (max-width: 1439px) {
  /* line 302, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural-card .is-first .dndzone__inner-wrapper {
    padding-top: 140% !important;
  }
}

@media screen and (max-width: 1080px) {
  /* line 302, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural-card .is-first .dndzone__inner-wrapper {
    padding-top: 120% !important;
  }
}

@media screen and (max-width: 768px) {
  /* line 302, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural-card .is-first .dndzone__inner-wrapper {
    padding-top: 100% !important;
  }
}

/* line 312, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural-card .is-third .img-wrapper {
  padding-top: 120% !important;
}

@media screen and (max-width: 1439px) {
  /* line 312, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural-card .is-third .img-wrapper {
    padding-top: 110% !important;
  }
}

@media screen and (max-width: 1080px) {
  /* line 312, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural-card .is-third .img-wrapper {
    padding-top: 105% !important;
  }
}

@media screen and (max-width: 768px) {
  /* line 312, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural-card .is-third .img-wrapper {
    padding-top: 100% !important;
  }
}

/* line 321, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural-card .is-third .dndzone__inner-wrapper {
  padding-top: 120% !important;
}

@media screen and (max-width: 1439px) {
  /* line 321, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural-card .is-third .dndzone__inner-wrapper {
    padding-top: 110% !important;
  }
}

@media screen and (max-width: 1080px) {
  /* line 321, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural-card .is-third .dndzone__inner-wrapper {
    padding-top: 105% !important;
  }
}

@media screen and (max-width: 768px) {
  /* line 321, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural-card .is-third .dndzone__inner-wrapper {
    padding-top: 100% !important;
  }
}

/* line 331, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural-card .is-fourth .img-wrapper {
  padding-top: 140% !important;
}

@media screen and (max-width: 1439px) {
  /* line 331, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural-card .is-fourth .img-wrapper {
    padding-top: 130% !important;
  }
}

@media screen and (max-width: 1080px) {
  /* line 331, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural-card .is-fourth .img-wrapper {
    padding-top: 115% !important;
  }
}

@media screen and (max-width: 768px) {
  /* line 331, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural-card .is-fourth .img-wrapper {
    padding-top: 100% !important;
  }
}

/* line 339, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural-card .is-fourth .dndzone__inner-wrapper {
  padding-top: 140% !important;
}

@media screen and (max-width: 1439px) {
  /* line 339, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural-card .is-fourth .dndzone__inner-wrapper {
    padding-top: 130% !important;
  }
}

@media screen and (max-width: 1080px) {
  /* line 339, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural-card .is-fourth .dndzone__inner-wrapper {
    padding-top: 115% !important;
  }
}

@media screen and (max-width: 768px) {
  /* line 339, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural-card .is-fourth .dndzone__inner-wrapper {
    padding-top: 100% !important;
  }
}

/* line 348, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural-card .image-upload {
  width: 100%;
  border-radius: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #E7E6E6;
}

/* line 358, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural-card .image-upload .center-block {
  text-align: center;
}

/* line 360, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural-card .image-upload .center-block i {
  color: #0984FF;
}

/* line 363, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural .add-team-card-architectural {
  margin: 30px 15px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  bottom: -10px;
}

/* line 375, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural .add-team-card-architectural__wrapper {
  position: relative;
  width: 25%;
  padding-top: 25%;
}

@media screen and (max-width: 1439px) {
  /* line 375, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural .add-team-card-architectural__wrapper {
    width: 33.3%;
    padding-top: 33.3%;
  }
}

@media screen and (max-width: 1080px) {
  /* line 375, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural .add-team-card-architectural__wrapper {
    width: 50%;
    padding-top: 50%;
  }
}

@media screen and (max-width: 768px) {
  /* line 375, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .team-architectural .add-team-card-architectural__wrapper {
    width: 100%;
    padding-top: 100%;
  }
}

/* line 392, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural .add-team-card-architectural .center-block {
  text-align: center;
  border-radius: 0;
  background: #E7E6E6;
  color: #0984FF;
  padding: 20px 50px;
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
}

/* line 406, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.team-architectural .add-team-card-architectural .center-block i {
  font-size: 50px;
}

/* line 409, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.add-team-card-architectural-hover {
  background-color: #FFFFFF00;
  padding: 5px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #FFFFFF00;
  border-radius: 0;
}

/* line 422, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas {
  padding: 120px 80px;
  background-color: #FFFFFF;
  font-family: Lato;
  color: #000000;
}

/* line 428, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 1280px) {
  /* line 428, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .bm-architectural-canvas .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 437, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .header .title {
  color: #000000;
  width: 45%;
  margin-right: 40px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 437, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .bm-architectural-canvas .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 449, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .header .description {
  width: calc(55% - 40px);
  color: #000000;
}

/* line 453, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .header .description textarea {
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 449, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .bm-architectural-canvas .header .description {
    width: 100%;
    text-align: center;
  }
  /* line 460, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .bm-architectural-canvas .header .description textarea {
    text-align: center;
  }
}

/* line 463, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-canvas-section-header-title {
  color: #000000;
}

/* line 466, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-keycard {
  border-radius: 0;
  box-shadow: none;
}

/* line 471, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-suscard .table {
  box-shadow: none;
  border-radius: 0;
}

/* line 476, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-suscard .table tr:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 481, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-suscard .table tr:last-child td:first-child {
  border-bottom-left-radius: 0;
}

/* line 484, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-suscard .table tr:last-child td:last-child {
  border-bottom-right-radius: 0;
}

@media screen and (max-width: 940px) {
  /* line 484, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .bm-architectural-canvas .bmc-page-suscard .table tr:last-child td:last-child {
    border-bottom-left-radius: 0;
  }
}

/* line 491, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-suscard--section .arrow.left {
  left: -20px !important;
}

/* line 494, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-suscard--section .arrow.right {
  right: -20px !important;
}

/* line 497, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-compcard {
  box-shadow: none;
  border-radius: 0;
}

/* line 501, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-compcard-header {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 506, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-compcard-item:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@media screen and (max-width: 1024px) {
  /* line 511, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .bm-architectural-canvas .bmc-page-compcard-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

/* line 515, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-compcard-items {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@media screen and (max-width: 1024px) {
  /* line 515, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .bm-architectural-canvas .bmc-page-compcard-items {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

/* line 523, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-revmodel {
  box-shadow: none;
  border-radius: 0;
}

/* line 527, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-card {
  border-radius: 0;
  box-shadow: none;
}

/* line 530, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-card--channel-mode {
  box-shadow: none;
  border-radius: 0;
}

/* line 534, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-card--customer-segment-mode {
  box-shadow: none;
  border-radius: 0;
}

/* line 538, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-card-image {
  box-shadow: none;
  border-radius: 0;
}

/* line 542, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-card-wide-image {
  box-shadow: none;
  border-radius: 0;
}

/* line 546, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-card-value-proposition-mode {
  border-radius: 0;
  box-shadow: none;
}

/* line 551, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-gkgtabs-content-block {
  box-shadow: none;
  border-radius: 0;
}

/* line 554, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-gkgtabs-content-add {
  box-shadow: none;
  border-radius: 0;
}

/* line 559, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-form-textarea {
  border-radius: 0;
}

/* line 561, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-form-select {
  border-radius: 0;
}

/* line 565, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-fincard-content {
  border-radius: 0;
  box-shadow: none;
}

/* line 574, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-fincard-table--show tr:nth-child(2n + 1) td:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 577, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-fincard-table--show tr:nth-child(2n + 1) td:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 581, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-modal-content {
  border-radius: 0;
}

/* line 584, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.bm-architectural-canvas .bmc-page-card-image-icon-title {
  font-family: Nixie One;
}

/* line 587, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.testing-architectural {
  padding: 120px 80px;
  font-family: Lato;
  color: #000000;
}

/* line 592, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.testing-architectural .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 1280px) {
  /* line 592, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .testing-architectural .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 601, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.testing-architectural .header .title {
  color: #000000;
  width: 35%;
  margin-right: 40px;
  text-align: start;
  margin-bottom: 0 !important;
}

@media screen and (max-width: 1280px) {
  /* line 601, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .testing-architectural .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px !important;
    text-align: center;
  }
}

/* line 614, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.testing-architectural .header .description {
  width: calc(65% - 40px);
  color: #000000;
}

/* line 618, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.testing-architectural .header .description textarea {
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 614, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .testing-architectural .header .description {
    width: 100%;
  }
  /* line 624, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .testing-architectural .header .description textarea {
    text-align: center;
  }
}

/* line 627, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.testing-architectural .card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 631, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.testing-architectural .card .main {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 631, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .testing-architectural .card .main {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 639, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.testing-architectural .card .testing-status-text {
  font-family: Lato;
}

/* line 641, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.testing-architectural .card .testing-status .incomplete {
  fill: #000000;
  stroke: #000000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

/* line 648, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.testing-architectural .test-card {
  border-radius: 0;
}

/* line 650, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.testing-architectural .test-card .file {
  border-radius: 0 !important;
}

/* line 653, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.testing-architectural .response-card {
  background: #FFFFFF00;
}

/* line 658, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.testing-architectural .response-card__responses .i-like .text-wrapper, .testing-architectural .response-card__responses .i-wish .text-wrapper, .testing-architectural .response-card__responses .what-if .text-wrapper {
  border-radius: 0;
}

/* line 661, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.testing-architectural .bmc-form-textarea {
  border-radius: 0;
}

/* line 664, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.desirability-architectural {
  padding: 100px 80px 90px 80px;
  font-family: Lato;
  color: #000000;
}

/* line 669, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.desirability-architectural .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 669, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .desirability-architectural .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 677, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.desirability-architectural .header .title {
  color: #000000;
  width: 35%;
  margin-right: 40px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 677, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .desirability-architectural .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 689, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.desirability-architectural .header .description {
  width: calc(65% - 40px);
  color: #000000;
}

/* line 693, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.desirability-architectural .header .description textarea {
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 689, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .desirability-architectural .header .description {
    width: 100%;
  }
  /* line 699, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .desirability-architectural .header .description textarea {
    text-align: center;
  }
}

/* line 702, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-segment-architectural {
  font-family: Lato;
  width: 100%;
  color: #000000;
  display: -ms-flexbox;
  display: flex;
  padding: 120px 80px;
}

@media screen and (max-width: 1280px) {
  /* line 702, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .customer-segment-architectural {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 712, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-segment-architectural .left {
  width: 40%;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1280px) {
  /* line 712, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .customer-segment-architectural .left {
    width: 100%;
    margin-bottom: 40px;
  }
}

/* line 720, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-segment-architectural .left .image-hover {
  width: 100%;
  max-width: 436px;
  max-height: 720px;
  padding: 10px;
  margin: auto;
  border: 1px solid #FFFFFF00;
}

/* line 729, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-segment-architectural .left .image-hover .image-uploud {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 0;
  background-color: #E7E6E6;
}

/* line 736, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-segment-architectural .right {
  width: 60%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  margin-left: 40px;
}

@media screen and (max-width: 1280px) {
  /* line 736, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .customer-segment-architectural .right {
    width: 100%;
    margin-left: 0;
  }
}

/* line 748, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-segment-architectural .right .header {
  width: 100%;
}

/* line 751, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-segment-architectural .right .header .title {
  margin-bottom: 20px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 751, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .customer-segment-architectural .right .header .title {
    text-align: center;
  }
}

/* line 758, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-segment-architectural .right .header .description {
  text-align: center;
  width: 100%;
  display: block;
}

@media screen and (max-width: 1280px) {
  /* line 764, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .customer-segment-architectural .right .header .description textarea {
    text-align: center;
  }
}

/* line 767, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-segment-architectural .right .cards-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 44px;
  width: 100%;
}

/* line 773, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-segment-architectural .right .cards-section .tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 1280px) {
  /* line 773, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .customer-segment-architectural .right .cards-section .tabs {
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/* line 781, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-segment-architectural .right .cards-section .tabs .item {
  cursor: pointer;
  margin-right: 20px;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 33px;
  color: #000000;
  text-transform: uppercase;
}

/* line 790, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-segment-architectural .right .cards-section .tabs .item:hover {
  color: #0984FF;
  opacity: 0.5;
}

/* line 794, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-segment-architectural .right .cards-section .tabs .item.active {
  text-decoration-line: underline;
  font-weight: 700;
  cursor: auto;
  color: #000000;
  opacity: 1;
}

/* line 801, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-segment-architectural .right .main {
  width: 100%;
}

/* line 804, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-segment-architectural .right .main .rangeRow {
  display: -ms-flexbox;
  display: flex;
}

/* line 807, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-segment-architectural .right .main .rangeRow .bmc-page-card-inner {
  width: calc(50% - 5px);
}

/* line 810, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-segment-architectural .right .main .rangeRow .bmc-page-card-inner.select {
  margin-left: 10px;
}

/* line 814, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-segment-architectural .right .main .bmc-page-card-row .subtitle {
  font-size: 24px;
  line-height: 33px;
}

/* line 818, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-segment-architectural .right .main .bmc-page-card-row .bmc-page-card-segmentList {
  color: #000000;
}

/* line 820, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-segment-architectural .right .main .bmc-page-card-row .bmc-page-card-text {
  color: #000000;
}

/* line 823, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-segment-architectural .right .range {
  text-align: center;
}

/* line 826, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-segment-architectural .right .bmc-page-card-segmentList {
  margin-left: 10px;
}

/* line 829, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.value-propositions-architectural {
  display: -ms-flexbox;
  display: flex;
  font-family: Lato;
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 829, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .value-propositions-architectural {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 837, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.value-propositions-architectural .right {
  padding: 120px 0;
  width: 56.25%;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1280px) {
  /* line 837, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .value-propositions-architectural .right {
    width: 100%;
    padding: 80px;
  }
}

@media screen and (max-width: 768px) {
  /* line 837, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .value-propositions-architectural .right {
    padding: 40px;
  }
}

/* line 849, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.value-propositions-architectural .right .drop {
  width: 100%;
  max-width: 810px;
  padding: 10px;
  border: 1px solid #FFFFFF00;
  margin: auto;
}

/* line 857, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.value-propositions-architectural .right .drop-image {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 0;
  background-color: #E7E6E6;
  margin: 0 auto;
}

/* line 865, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.value-propositions-architectural .left {
  color: #000000;
  padding: 120px 40px 120px 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  width: 43.75%;
}

@media screen and (max-width: 1280px) {
  /* line 865, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .value-propositions-architectural .left {
    width: 100%;
    padding: 120px 40px 0 40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 865, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .value-propositions-architectural .left {
    padding: 120px 20px 0 20px;
  }
}

@media screen and (max-width: 768px) {
  /* line 865, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .value-propositions-architectural .left {
    padding: 120px 10px 0 10px;
  }
}

/* line 883, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.value-propositions-architectural .left .header {
  width: 100%;
}

/* line 886, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.value-propositions-architectural .left .header .title {
  margin-bottom: 24px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 886, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .value-propositions-architectural .left .header .title {
    text-align: center;
  }
}

/* line 893, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.value-propositions-architectural .left .header .description {
  margin-bottom: 50px;
}

@media screen and (max-width: 1280px) {
  /* line 896, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .value-propositions-architectural .left .header .description textarea {
    text-align: center;
  }
}

/* line 899, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.value-propositions-architectural .left .bmc-page-card-segmentList {
  color: #000000;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 29px;
}

/* line 905, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.value-propositions-architectural .left .bmc-page-card-text {
  margin-right: auto;
  margin-bottom: 32px;
}

@media screen and (max-width: 1280px) {
  /* line 910, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .value-propositions-architectural .left .bmc-page-card-text:last-child {
    margin-bottom: 0;
  }
}

/* line 913, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.competitor-analysis-architectural {
  padding: 120px 80px;
  font-family: Lato;
  color: #000000;
}

/* line 918, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.competitor-analysis-architectural .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 918, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .competitor-analysis-architectural .header {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/* line 926, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.competitor-analysis-architectural .header .title {
  margin-right: 30px;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 926, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .competitor-analysis-architectural .header .title {
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 935, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.competitor-analysis-architectural .header .description {
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 939, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .competitor-analysis-architectural .header .description textarea {
    text-align: center;
  }
}

/* line 942, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.competitor-analysis-architectural .table {
  width: 100%;
  text-align: center;
  margin-top: 40px;
  background-color: #000000;
  border-collapse: collapse;
}

/* line 949, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.competitor-analysis-architectural .table .title {
  display: none;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
  /* line 954, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .competitor-analysis-architectural .table tr {
    display: block;
    background: #FFFFFF;
  }
  /* line 960, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .competitor-analysis-architectural .table tr:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 963, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .competitor-analysis-architectural .table thead {
    display: none;
  }
}

/* line 968, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.competitor-analysis-architectural .table thead th {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  padding-bottom: 20px;
  padding-top: 20px;
  color: #FFFFFF;
  text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
  /* line 968, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .competitor-analysis-architectural .table thead th {
    display: none;
  }
}

/* line 981, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.competitor-analysis-architectural .table tbody td {
  text-align: left;
  padding: 30px 20px;
  word-break: break-word;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
  border: 1px solid #334249;
}

@media screen and (max-width: 1024px) {
  /* line 981, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .competitor-analysis-architectural .table tbody td {
    display: block;
    padding: 10px 20px;
    background-color: white;
  }
  /* line 995, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .competitor-analysis-architectural .table tbody td .icon {
    margin-left: 0;
  }
  /* line 998, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .competitor-analysis-architectural .table tbody td .title {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  /* line 981, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .competitor-analysis-architectural .table tbody td {
    padding: 10px;
  }
}

/* line 1004, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.competitor-analysis-architectural .table tbody td:first-child {
  padding: 30px 20px;
}

@media screen and (max-width: 1024px) {
  /* line 1004, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .competitor-analysis-architectural .table tbody td:first-child {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 1004, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .competitor-analysis-architectural .table tbody td:first-child {
    padding: 10px;
  }
}

/* line 1013, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.competitor-analysis-architectural .table tbody td:last-child {
  position: relative;
}

/* line 1016, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.competitor-analysis-architectural .table .bmc-page-compcard-item-text-template--with-image {
  font-size: 21px;
  line-height: 25px;
}

/* line 1020, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-relationships-architectural {
  padding: 120px 80px;
  font-family: Lato;
  color: #000000;
  width: 100%;
}

/* line 1026, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-relationships-architectural .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 1026, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .customer-relationships-architectural .header {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/* line 1034, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-relationships-architectural .header .title {
  margin-right: 30px;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 1034, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .customer-relationships-architectural .header .title {
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 1043, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-relationships-architectural .header .description {
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 1047, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .customer-relationships-architectural .header .description textarea {
    text-align: center;
  }
}

/* line 1051, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-relationships-architectural .bmc-page-gkgtabs-tabs {
  font-family: Lato;
  text-transform: uppercase;
}

/* line 1056, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-relationships-architectural .bmc-page-gkgtabs-tabs-tab:hover {
  opacity: 0.5;
}

/* line 1058, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-relationships-architectural .bmc-page-gkgtabs-tabs-tab-title {
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  font-weight: 400;
}

/* line 1064, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-relationships-architectural .bmc-page-gkgtabs-tabs-tab--active {
  cursor: auto;
  font-weight: 700 !important;
}

/* line 1068, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-relationships-architectural .bmc-page-gkgtabs-tabs-tab--active:hover {
  opacity: 1;
}

/* line 1071, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-relationships-architectural .bmc-page-gkgtabs-content {
  font-family: Lato;
}

/* line 1074, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-relationships-architectural .bmc-page-gkgtabs-content-block {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #000000;
  margin-right: 0;
  margin-bottom: 0;
  padding: 40px;
}

/* line 1082, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.customer-relationships-architectural .bmc-page-gkgtabs-content-block-title {
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  min-height: 22px;
  margin-bottom: 17px;
}

/* line 1089, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.channel-architectural {
  font-family: Lato;
  color: #000000;
  width: 100%;
}

/* line 1094, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.channel-architectural .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 100px 80px 50px 80px;
}

@media screen and (max-width: 1024px) {
  /* line 1094, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .channel-architectural .header {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 100px 40px 40px 40px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1094, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .channel-architectural .header {
    padding: 100px 20px 20px 20px;
  }
}

/* line 1107, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.channel-architectural .header .title {
  margin-right: 30px;
  text-align: start;
  width: 35%;
}

@media screen and (max-width: 1024px) {
  /* line 1107, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .channel-architectural .header .title {
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
  }
}

/* line 1118, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.channel-architectural .header .description {
  color: #000000;
  width: calc(65% - 30px);
}

@media screen and (max-width: 1024px) {
  /* line 1118, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .channel-architectural .header .description {
    width: 100%;
  }
  /* line 1125, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .channel-architectural .header .description textarea {
    text-align: center;
  }
}

/* line 1128, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.channel-architectural .cards-section {
  width: 100%;
}

/* line 1131, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.channel-architectural .cards-section .channel-tabs {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 25px;
  padding: 0 80px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  /* line 1131, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .channel-architectural .cards-section .channel-tabs {
    display: none;
  }
}

/* line 1143, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.channel-architectural .cards-section .channel-tabs .item {
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  cursor: pointer;
  min-width: 318px;
  padding: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  border: 1px solid #000000;
  color: #000000;
  opacity: 0.5;
  background-color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
}

/* line 1159, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.channel-architectural .cards-section .channel-tabs .item:hover {
  border: 1px solid #0984FF;
  color: #0984FF;
  opacity: 0.3;
}

@media screen and (max-width: 1280px) {
  /* line 1143, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .channel-architectural .cards-section .channel-tabs .item {
    font-size: 16px;
    line-height: 20px;
  }
}

/* line 1168, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.channel-architectural .cards-section .channel-tabs .item.active {
  color: #FFFFFF;
  cursor: auto;
  border: 1px solid #FFFFFF00;
  opacity: 1;
}

/* line 1174, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.channel-architectural .cards-section .channel-card {
  width: 100%;
}

/* line 1177, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.channel-architectural .cards-section .bmc-page-card {
  border-radius: 0;
  box-shadow: none;
  background-color: #FFFFFF;
  padding: 0 80px 120px 0;
}

@media screen and (max-width: 1024px) {
  /* line 1177, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .channel-architectural .cards-section .bmc-page-card {
    padding: 40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1177, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .channel-architectural .cards-section .bmc-page-card {
    padding: 20px;
  }
}

/* line 1189, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.channel-architectural .cards-section .bmc-page-card-inner {
  vertical-align: bottom;
}

/* line 1192, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.channel-architectural .cards-section .bmc-page-card-inner:nth-child(1) {
  width: 50%;
  margin-right: 3%;
}

/* line 1196, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.channel-architectural .cards-section .bmc-page-card-inner:nth-child(2) {
  width: 47%;
  margin-bottom: 0;
  padding-top: 80px;
}

@media screen and (max-width: 1024px) {
  /* line 1196, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .channel-architectural .cards-section .bmc-page-card-inner:nth-child(2) {
    padding-top: 40px;
  }
}

/* line 1204, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.channel-architectural .cards-section .bmc-page-card-inner .image-hover {
  width: 100%;
  max-width: 700px;
  padding: 10px;
  border: 1px solid #FFFFFF00;
  margin: 0 auto;
}

/* line 1212, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.channel-architectural .cards-section .bmc-page-card-inner .image-hover .image {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 0;
  background-color: #E7E6E6;
  margin: 0 auto;
}

/* line 1220, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.channel-architectural .cards-section .bmc-page-card-big-title--customer-title {
  font-family: Lato;
  font-size: 32px;
  font-weight: 400;
  text-transform: uppercase;
}

/* line 1226, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.channel-architectural .cards-section .bmc-page-card-big-title--with-underline {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* line 1231, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.channel-architectural .cards-section .title {
  margin-top: 34px;
  text-transform: uppercase;
}

/* line 1235, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.feasibility-architectural {
  padding: 100px 80px 90px 80px;
  font-family: Lato;
  color: #000000;
}

/* line 1240, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.feasibility-architectural .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 1240, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .feasibility-architectural .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1248, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.feasibility-architectural .header .title {
  color: #000000;
  width: 35%;
  margin-right: 40px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 1248, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .feasibility-architectural .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 1260, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.feasibility-architectural .header .description {
  width: calc(65% - 40px);
  color: #000000;
}

/* line 1264, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.feasibility-architectural .header .description textarea {
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 1260, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .feasibility-architectural .header .description {
    width: 100%;
  }
  /* line 1270, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .feasibility-architectural .header .description textarea {
    text-align: center;
  }
}

/* line 1273, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural {
  font-family: Lato;
  color: #000000;
}

/* line 1277, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .header {
  width: 100%;
  padding: 195px 80px 0 80px;
  position: relative;
}

@media screen and (max-width: 1280px) {
  /* line 1277, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .key-activities-architectural .header {
    padding: 120px 80px 0 80px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1277, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .key-activities-architectural .header {
    padding: 120px 40px 0 40px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1277, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .key-activities-architectural .header {
    padding: 120px 20px 0 20px;
  }
}

/* line 1291, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .header .title {
  color: #000000;
  width: 95%;
  text-align: start;
  position: absolute;
  top: 120px;
}

@media screen and (max-width: 1280px) {
  /* line 1291, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .key-activities-architectural .header .title {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    position: static;
  }
}

/* line 1304, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .header .description {
  width: 60%;
  color: #000000;
  margin-left: auto;
}

/* line 1309, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .header .description textarea {
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 1304, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .key-activities-architectural .header .description {
    width: 100%;
    text-align: center;
  }
  /* line 1316, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .key-activities-architectural .header .description textarea {
    text-align: center;
  }
}

/* line 1319, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .key-activity {
  margin-top: 44px;
  width: 100%;
  color: #000000;
  padding: 0 80px;
}

/* line 1325, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .key-activity .bmc-page-keycard {
  background-color: #FFFFFF;
  padding: 0;
  box-shadow: none;
}

/* line 1330, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .key-activity .bmc-page-keycard-title {
  display: none;
}

/* line 1333, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .key-activity .bmc-page-keycard-steps {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 1380px) {
  /* line 1333, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .key-activities-architectural .key-activity .bmc-page-keycard-steps {
    max-width: 1280px;
  }
}

/* line 1341, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .key-activity .bmc-page-keycard-step {
  min-height: 270px;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 30px 40px 0;
}

/* line 1346, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .key-activity .bmc-page-keycard-step:last-child {
  margin-right: 0;
}

@media screen and (max-width: 539px) {
  /* line 1341, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .key-activities-architectural .key-activity .bmc-page-keycard-step {
    width: 180px;
    margin: 20px 20px 20px 0;
    padding-left: 0;
  }
}

/* line 1354, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .key-activity .bmc-page-keycard-step .circle {
  width: 20px;
  height: 20px;
  background-color: #000000;
  border-radius: 50%;
  color: #FFFFFF;
  font-family: Lato;
  font-size: 13px;
  font-weight: 700;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  top: 180px;
}

/* line 1369, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .key-activity .bmc-page-keycard-step::before {
  display: none;
}

/* line 1372, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .key-activity .bmc-page-keycard-step .line-key {
  background-color: #000000;
  width: 1px;
  height: 200px;
  position: absolute;
  left: -10px;
}

/* line 1379, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .key-activity .bmc-page-keycard-step-title {
  font-size: 16px;
  line-height: 20px;
  font-family: Lato;
  font-weight: 700;
  text-transform: uppercase;
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
  text-align: end;
  position: absolute;
  top: -15px;
  left: -10px;
}

/* line 1391, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .key-activity .bmc-page-keycard-step-text {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-align: start;
  display: -ms-flexbox;
  display: flex;
  margin-top: 210px;
}

/* line 1399, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .key-resources-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  margin-top: 40px;
  padding: 90px 80px;
}

@media screen and (max-width: 1024px) {
  /* line 1399, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .key-activities-architectural .key-resources-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  /* line 1399, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .key-activities-architectural .key-resources-wrapper {
    padding: 45px 40px;
  }
}

/* line 1412, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .key-resource {
  width: 50%;
}

/* line 1415, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .key-resource:first-child {
  margin-right: 20px;
}

/* line 1418, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .key-resource:last-child {
  margin-left: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 1418, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .key-activities-architectural .key-resource:last-child {
    margin-top: 30px;
    margin-left: 0;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1412, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .key-activities-architectural .key-resource {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

/* line 1430, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .key-resource .bmc-page-keycard {
  min-height: 100%;
  border-radius: 0;
  border: 1px solid #000000;
  box-shadow: none;
}

/* line 1436, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .key-resource .bmc-page-keycard-title {
  color: #000000;
  font-size: 38px;
  line-height: 46px;
  font-family: Lato;
  text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
  /* line 1436, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .key-activities-architectural .key-resource .bmc-page-keycard-title {
    font-size: 32px;
    line-height: 42px;
  }
}

/* line 1447, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .key-resource .bmc-page-keycard-list {
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  margin-top: 20px;
}

@media screen and (max-width: 480px) {
  /* line 1447, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .key-activities-architectural .key-resource .bmc-page-keycard-list {
    padding-inline-start: 40px;
  }
}

/* line 1457, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .key-resource .bmc-page-keycard-list-item .line {
  background-color: #000000;
  width: 30px;
  height: 2px;
  left: -45px;
  top: 8px;
  border-radius: 0;
  margin-right: 15px;
  padding-right: 30px;
}

/* line 1467, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.key-activities-architectural .key-resource .bmc-page-keycard-list-item .circle {
  display: none;
}

/* line 1470, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.viability-architectural {
  padding: 100px 80px 90px 80px;
  font-family: Lato;
  color: #000000;
}

/* line 1475, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.viability-architectural .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 1475, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .viability-architectural .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1483, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.viability-architectural .header .title {
  color: #000000;
  width: 30%;
  margin-right: 40px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 1483, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .viability-architectural .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 1495, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.viability-architectural .header .description {
  width: calc(70% - 40px);
  color: #000000;
}

/* line 1499, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.viability-architectural .header .description textarea {
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 1495, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .viability-architectural .header .description {
    width: 100%;
  }
  /* line 1505, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .viability-architectural .header .description textarea {
    text-align: center;
  }
}

/* line 1508, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.sustainability-architectural {
  padding: 120px 80px;
  font-family: Lato;
  color: #000000;
}

/* line 1513, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.sustainability-architectural .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 1513, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .sustainability-architectural .header {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/* line 1521, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.sustainability-architectural .header .title {
  margin-right: 30px;
  text-align: start;
  width: 50%;
}

@media screen and (max-width: 1024px) {
  /* line 1521, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .sustainability-architectural .header .title {
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
  }
}

/* line 1532, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.sustainability-architectural .header .description {
  color: #000000;
  width: calc(50% - 30px);
}

@media screen and (max-width: 1024px) {
  /* line 1532, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .sustainability-architectural .header .description {
    width: 100%;
  }
  /* line 1538, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .sustainability-architectural .header .description textarea {
    text-align: center;
  }
}

/* line 1541, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.contact-us-architectural {
  font-family: Lato;
  color: #000000;
  padding: 100px 80px 40px 80px;
  position: relative;
}

@media screen and (max-width: 768px) {
  /* line 1541, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .contact-us-architectural {
    padding: 100px 20px 120px 20px;
  }
}

/* line 1550, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.contact-us-architectural .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 35px;
}

@media screen and (max-width: 1024px) {
  /* line 1550, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .contact-us-architectural .header {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/* line 1559, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.contact-us-architectural .header .scroll-top {
  cursor: pointer;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 1559, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .contact-us-architectural .header .scroll-top {
    position: absolute;
    top: 40px;
    left: 40px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1559, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .contact-us-architectural .header .scroll-top {
    top: 20px;
  }
}

/* line 1575, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.contact-us-architectural .header .scroll-top i {
  margin-left: 14px;
  font-size: 20px;
}

/* line 1579, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.contact-us-architectural .header .title {
  margin-right: 25px;
}

@media screen and (max-width: 768px) {
  /* line 1579, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .contact-us-architectural .header .title {
    margin-bottom: 15px;
  }
}

/* line 1585, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.contact-us-architectural .fields {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  padding-bottom: 35px;
}

@media screen and (max-width: 1024px) {
  /* line 1585, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .contact-us-architectural .fields {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 1596, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.contact-us-architectural .fields .description {
  width: calc(34% - 35px);
  margin-right: 15px;
  display: block;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 1596, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .contact-us-architectural .fields .description {
    width: 80%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  /* line 1607, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .contact-us-architectural .fields .description textarea {
    text-align: center;
  }
}

/* line 1610, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.contact-us-architectural .fields .description-contact {
  font-size: 16px;
  line-height: 20px;
  display: block;
}

/* line 1615, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.contact-us-architectural .fields .form-field {
  width: calc(33% - 15px);
  margin-right: 15px;
}

@media screen and (max-width: 1024px) {
  /* line 1615, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .contact-us-architectural .fields .form-field {
    width: 80%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

/* line 1624, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.contact-us-architectural .fields .form_input {
  font-size: 16px;
  line-height: 20px;
  padding: 10px;
  border-radius: 0;
  min-height: 27px;
  border: 1px solid #FFFFFF00;
  background-color: #FFFFFF00;
  color: #000000;
}

/* line 1635, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.contact-us-architectural .fields .form_input::-moz-placeholder {
  color: #B8C0C5;
}
.contact-us-architectural .fields .form_input:-ms-input-placeholder {
  color: #B8C0C5;
}
.contact-us-architectural .fields .form_input::placeholder {
  color: #B8C0C5;
}

@media screen and (max-width: 1024px) {
  /* line 1624, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .contact-us-architectural .fields .form_input {
    text-align: center;
  }
}

/* line 1641, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.contact-us-architectural .footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding-top: 15px;
  border-top: 1px solid #000000;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  /* line 1641, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .contact-us-architectural .footer {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 1655, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
.contact-us-architectural .footer .company-name {
  margin-left: 13px;
  font-size: 24px;
  line-height: 33px;
}

@media screen and (max-width: 1280px) {
  /* line 1660, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .section {
    padding: 100px 40px 40px 40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1660, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .section {
    padding: 100px 20px 40px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 1660, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-architectural.sass */
  .section {
    padding: 100px 10px 40px 10px;
  }
}

/* line 2, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural-temp {
  padding: 120px 80px;
  font-family: Lato;
  color: #000000;
}

/* line 7, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural-temp .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 7, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
  .portfolio-finance-architectural-temp .header {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/* line 15, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural-temp .header .title {
  margin-right: 30px;
  text-align: start;
  width: 30%;
}

@media screen and (max-width: 1024px) {
  /* line 15, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
  .portfolio-finance-architectural-temp .header .title {
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
  }
}

/* line 26, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural-temp .header .description {
  color: #000000;
  width: calc(70% - 30px);
}

@media screen and (max-width: 1024px) {
  /* line 26, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
  .portfolio-finance-architectural-temp .header .description {
    text-align: center;
    width: 100%;
  }
  /* line 34, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
  .portfolio-finance-architectural-temp .header .description textarea {
    text-align: center;
  }
}

/* line 37, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural-temp .tab-content {
  width: 100%;
  position: relative;
}

/* line 42, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural-temp .tab-content .forecast .main-title {
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 42, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
  .portfolio-finance-architectural-temp .tab-content .forecast .main-title {
    display: block;
    color: #000000;
    text-align: start;
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    text-transform: uppercase;
  }
}

/* line 56, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural-temp .tabs-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  margin-bottom: 50px;
  margin-top: 44px;
}

@media screen and (max-width: 768px) {
  /* line 56, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
  .portfolio-finance-architectural-temp .tabs-wrapper {
    display: none;
  }
}

/* line 67, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural-temp .tabs-wrapper .subchapter {
  width: 100%;
}

/* line 70, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural-temp .tabs-wrapper .subchapter .title {
  text-align: center !important;
  color: #000 !important;
  font-size: 21px !important;
}

/* line 75, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural-temp .tabs-wrapper .tab {
  color: #000000;
  opacity: 0.5;
  margin-right: 20px;
  padding: 20px;
  cursor: pointer;
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase;
}

/* line 85, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural-temp .tabs-wrapper .tab.active {
  cursor: default;
  border-bottom: 2px solid;
  color: #000000;
  opacity: 1;
}

/* line 92, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural-temp .tabs-wrapper .tab:not(.active):hover {
  color: #0984FF;
  opacity: 0.3;
}

/* line 96, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter {
  width: 100%;
  text-align: left;
  position: relative;
  color: #000000;
}

/* line 102, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter > .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 33px;
  text-align: center;
  text-transform: uppercase;
}

/* line 109, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter .subchapter {
  display: inline-block;
}

/* line 113, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter .subchapter--big-title .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 33px;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  /* line 113, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
  .portfolio-finance-architectural .chapter .subchapter--big-title .title {
    margin-top: 40px;
  }
}

/* line 123, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter .subchapter > .title {
  color: #000000;
  margin-bottom: 20px;
}

/* line 128, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter .info-preview {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 20px;
}

/* line 135, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

/* line 141, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter .info-block {
  padding: 33px;
  background: #FFFFFF;
  border-radius: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(50% - 20px);
  margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 141, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
  .portfolio-finance-architectural .chapter .info-block {
    padding: 20px;
    width: 100%;
  }
}

/* line 154, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter .info-block .title {
  font-size: 21px;
  font-weight: 700;
  line-height: 25px;
  width: 100%;
  margin-right: 33px;
  text-align: left;
  color: #000000;
  margin-bottom: 12px;
}

/* line 164, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter .info-block .description {
  width: 100%;
  white-space: pre-wrap;
  font-size: 16px;
  line-height: 20px;
}

/* line 170, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter table {
  width: 100%;
  background: #FFFFFF;
  padding: 17px 0;
  border-collapse: collapse;
  border-radius: 0;
}

@media screen and (max-width: 1024px) {
  /* line 170, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
  .portfolio-finance-architectural .chapter table {
    min-width: 100%;
    width: auto;
  }
}

/* line 184, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter table.forecast tr th {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  text-align: center;
}

@media screen and (max-width: 1200px) {
  /* line 184, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
  .portfolio-finance-architectural .chapter table.forecast tr th {
    font-size: 10px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 184, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
  .portfolio-finance-architectural .chapter table.forecast tr th {
    min-width: 60px;
  }
}

/* line 196, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter table.forecast tr th:first-child {
  font-size: 18px;
  font-weight: 700;
  padding: 17px;
}

@media screen and (max-width: 1200px) {
  /* line 196, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
  .portfolio-finance-architectural .chapter table.forecast tr th:first-child {
    font-size: 12px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 196, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
  .portfolio-finance-architectural .chapter table.forecast tr th:first-child {
    min-width: 150px;
  }
}

@media screen and (max-width: 1439px) {
  /* line 207, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
  .portfolio-finance-architectural .chapter table.forecast tr td {
    font-size: 16px;
  }
}

@media screen and (max-width: 1200px) {
  /* line 207, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
  .portfolio-finance-architectural .chapter table.forecast tr td {
    font-size: 12px;
  }
}

/* line 215, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter table.forecast tr th:first-child, .portfolio-finance-architectural .chapter table.forecast tr td:first-child {
  width: 15%;
}

/* line 218, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter table.forecast tbody tr {
  border-bottom: 2px solid #E7E6E6;
}

/* line 220, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter table.forecast tbody tr:last-child {
  border-bottom: none;
}

/* line 224, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter table tbody.balance tr {
  background: #fff !important;
  border-bottom: 2px solid #E7E6E6;
}

/* line 228, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter table tbody.balance tr:last-child {
  border-bottom: none;
}

/* line 232, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter table tbody.balance td {
  font-weight: bold;
}

/* line 235, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter table th.left-align, .portfolio-finance-architectural .chapter table td.left-align {
  text-align: left !important;
  padding-left: 14px !important;
  padding-right: 0 !important;
  word-break: break-word;
}

/* line 241, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter table th {
  font-weight: 700;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
}

@media screen and (max-width: 1024px) {
  /* line 241, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
  .portfolio-finance-architectural .chapter table th {
    min-width: 100px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 250, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
  .portfolio-finance-architectural .chapter table th:first-child {
    min-width: 200px;
  }
}

/* line 254, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter table th, .portfolio-finance-architectural .chapter table td {
  padding: 12px 0;
}

/* line 257, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter table td {
  text-align: center;
  border-right: 2px solid #E7E6E6;
}

/* line 260, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter table td:last-child {
  border-right: none;
}

/* line 263, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter table tr.total {
  background: #fff !important;
}

/* line 265, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter table tr.total td {
  border-top: 2px solid #E7E6E6;
}

/* line 267, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter table tr.total > * {
  font-weight: bold;
}

/* line 269, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter table tr.total:nth-child(even) {
  background-color: #fbfcfc;
}

/* line 271, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chapter table tr.total:nth-child(even) td {
  border-top: 2px solid #E7E6E6;
}

/* line 274, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .table-subchapter {
  background-color: #FFFFFF;
  border-radius: 0;
  overflow: auto;
  font-size: 16px;
  border: 1px solid #000000;
}

/* line 281, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .table-subchapter table {
  border-radius: 0;
  box-shadow: none;
}

/* line 285, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .table-subchapter table thead {
  text-transform: uppercase;
}

/* line 288, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .table-subchapter table td {
  padding: 10px 0;
  border-right: 1px solid #000000;
}

/* line 291, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .table-subchapter table td:last-child {
  border-right: none;
}

/* line 293, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .table-subchapter table th {
  padding: 17px 0;
  border-right: 1px solid #000000;
}

/* line 297, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .table-subchapter table th:last-child {
  border-right: none;
}

/* line 301, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .table-subchapter table tr:nth-child(2n) {
  background-color: #E7E6E6;
  border-top: 2px solid #E7E6E6;
  border-bottom: 2px solid #E7E6E6;
}

/* line 306, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .table-subchapter table tr:last-child td {
  border-bottom: none;
}

/* line 309, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .table-wrapper {
  background-color: #FFFFFF;
  border-radius: 0;
  overflow: auto;
}

/* line 313, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .table-wrapper .forecast {
  box-shadow: none;
}

/* line 315, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .table-wrapper .forecast .variable-cost {
  background: #fff !important;
}

/* line 317, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .table-wrapper .subchapter {
  margin-bottom: 20px;
}

/* line 319, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .table-wrapper .subchapter .separator {
  display: none;
}

/* line 321, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .table-wrapper .subchapter .title {
  color: #000000;
  margin: 0 0 0 20px;
  font-size: 21px;
  font-weight: 700;
  line-height: 25px;
  text-align: start;
}

/* line 329, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chart {
  position: relative;
}

/* line 332, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chart .main-title {
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 332, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
  .portfolio-finance-architectural .chart .main-title {
    display: block;
    color: #000000;
    text-align: start;
    font-family: Lato;
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    text-transform: uppercase;
  }
}

@media screen and (max-width: 768px) {
  /* line 347, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
  .portfolio-finance-architectural .chart-inner {
    overflow: auto;
  }
}

/* line 351, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chart-wrapper {
  border: 1px solid #000000;
}

@media screen and (max-width: 768px) {
  /* line 351, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
  .portfolio-finance-architectural .chart-wrapper {
    padding: 20px;
    width: 1024px;
  }
}

/* line 357, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chart .title {
  text-align: center;
  color: #615BDC;
  margin-bottom: 20px;
}

/* line 362, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chart-title {
  margin-bottom: 20px;
}

/* line 365, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chart-wrapper {
  background: #FFFFFF;
  border-radius: 0;
  padding: 16px;
}

/* line 370, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .chart .apexcharts-legend-series {
  margin-bottom: 20px !important;
}

/* line 373, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .forecast-inner {
  padding: 20px 0;
  border-radius: 0;
  background-color: white;
  border: 1px solid #000000;
}

/* line 379, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .forecast-inner--web {
  margin-top: 20px !important;
}

/* line 381, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .forecast-inner--web > .subchapter {
  display: block;
}

/* line 383, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .forecast-inner--web > .subchapter > .title {
  color: #000000;
  margin: 0 0 0 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: start;
}

/* line 391, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .forecast-inner > .subchapter {
  margin-top: 20px !important;
}

/* line 393, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .forecast-inner > .subchapter:first-child {
  margin-top: 0 !important;
}

/* line 396, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .forecast-inner > .subchapter > .separator {
  display: none;
}

/* line 399, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .forecast-inner > .table-wrapper {
  box-shadow: none;
  margin-top: 0;
  border-radius: 0;
}

/* line 403, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .forecast-inner > .table-wrapper > table {
  border-radius: 0;
}

/* line 406, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .forecast-inner > .table-wrapper > table tr th, .portfolio-finance-architectural .forecast-inner > .table-wrapper > table tr td {
  border-radius: 0 !important;
}

/* line 408, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-finance-arch.sass */
.portfolio-finance-architectural .forecast-inner > .table-wrapper > table tr th:first-child, .portfolio-finance-architectural .forecast-inner > .table-wrapper > table tr td:first-child {
  padding-left: 20px !important;
}

/* line 1, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.portfolio-web-architectural {
  max-width: 1440px;
  margin: auto;
  color: #000000;
  font-family: Lato;
}

/* line 7, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.portfolio-web-architectural .bmc-modal-content {
  border-radius: 0;
}

/* line 10, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.architectural-title-web {
  font-family: Nixie One;
  font-size: 48px;
  line-height: 62px;
  color: #000000;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  /* line 10, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .architectural-title-web {
    line-height: 55px;
    word-break: break-word;
  }
}

/* line 22, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.introduction-architectural-web-wrapper {
  width: 100%;
  color: #000000;
  position: relative;
}

/* line 27, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.introduction-architectural-web-wrapper .image {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 31, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.introduction-architectural-web-wrapper .image .bmc-page-card-image {
  width: 100%;
  border-radius: 0;
  box-shadow: none;
}

/* line 36, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.introduction-architectural-web-wrapper .image .bmc-page-card-image .img-wrapper {
  width: 100%;
}

/* line 39, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.introduction-architectural-web-wrapper .image .bmc-page-card-image--no-image-wrapper {
  width: 100%;
  padding-top: 50%;
}

/* line 43, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.introduction-architectural-web-wrapper .image .bmc-page-card-image--no-image-wrapper .title {
  color: #000000;
  font-family: Nixie One;
}

/* line 47, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.introduction-architectural-web-wrapper .logo {
  width: 250px;
  max-width: 250px;
  max-height: 80px;
  position: absolute;
  top: 30px;
  right: 30px;
}

@media screen and (max-width: 768px) {
  /* line 47, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .introduction-architectural-web-wrapper .logo {
    top: 10px;
    right: 10px;
    max-width: 45%;
  }
}

@media screen and (max-width: 480px) {
  /* line 47, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .introduction-architectural-web-wrapper .logo {
    top: 10px;
    right: 10px;
  }
}

/* line 64, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.introduction-architectural-web-wrapper .logo .bmc-page-card-image {
  border-radius: 1;
}

/* line 66, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.introduction-architectural-web-wrapper .logo .bmc-page-card-image--no-image-wrapper {
  padding-top: 32%;
}

/* line 69, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.introduction-architectural-web-wrapper .logo .bmc-page-card-image--no-image-wrapper .title-logo {
  color: #000000;
  margin-bottom: 0;
  font-family: Nixie One;
}

/* line 74, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.introduction-architectural-web-wrapper .logo-upload {
  width: 100%;
  max-width: 250px;
  max-height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 30px;
  right: 30px;
}

@media screen and (max-width: 768px) {
  /* line 74, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .introduction-architectural-web-wrapper .logo-upload {
    top: 10px;
    right: 10px;
    max-width: 33%;
  }
}

@media screen and (max-width: 480px) {
  /* line 74, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .introduction-architectural-web-wrapper .logo-upload {
    top: 10px;
    right: 10px;
  }
}

/* line 92, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.introduction-architectural-web-wrapper .content-intro {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 40px 80px;
  font-family: Lato;
}

@media screen and (max-width: 1024px) {
  /* line 92, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .introduction-architectural-web-wrapper .content-intro {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 40px;
  }
}

@media screen and (max-width: 768px) {
  /* line 92, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .introduction-architectural-web-wrapper .content-intro {
    padding: 20px;
  }
}

/* line 106, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.introduction-architectural-web-wrapper .content-intro .title {
  color: #000000;
  width: 40%;
  margin-right: 40px;
}

@media screen and (max-width: 1024px) {
  /* line 106, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .introduction-architectural-web-wrapper .content-intro .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 117, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.introduction-architectural-web-wrapper .content-intro .description {
  width: calc(60% - 40px);
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 117, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .introduction-architectural-web-wrapper .content-intro .description {
    width: 100%;
    text-align: center;
  }
}

/* line 125, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.summary-architectural-web {
  padding: 120px 80px;
  width: 100%;
  position: relative;
  color: #000000;
  font-family: Lato;
}

@media screen and (max-width: 1280px) {
  /* line 125, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .summary-architectural-web {
    padding: 65px 65px 65px 40px;
  }
}

/* line 135, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.summary-architectural-web .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 135, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .summary-architectural-web .content {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 142, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.summary-architectural-web .content .right {
  width: 40%;
}

@media screen and (max-width: 1024px) {
  /* line 142, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .summary-architectural-web .content .right {
    width: 100%;
  }
}

/* line 148, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.summary-architectural-web .content .right .title {
  text-align: center;
}

/* line 151, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.summary-architectural-web .content .right .button {
  margin-bottom: 20px;
  border-radius: 0;
  color: #FFFFFF;
  background-color: #000000;
  padding: 14px;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  text-decoration: none;
  border: 1px solid #000000;
  font-family: Lato;
  width: 100%;
  height: auto;
}

/* line 167, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.summary-architectural-web .content .right .button i {
  margin-right: 10px;
}

/* line 171, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.summary-architectural-web .content .right .bmc-button span {
  text-align: center;
  word-break: break-word;
}

/* line 175, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.summary-architectural-web .content .left {
  width: calc(60% - 40px);
  margin-right: 40px;
  -ms-flex-order: -1;
      order: -1;
}

@media screen and (max-width: 1024px) {
  /* line 175, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .summary-architectural-web .content .left {
    -ms-flex-order: 0;
        order: 0;
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
}

/* line 186, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.summary-architectural-web .content .left.description {
  white-space: pre-wrap;
}

/* line 189, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.team-architectural-web {
  padding: 120px 80px 60px 80px;
  width: 100%;
  color: #000000;
  font-family: Lato;
}

/* line 195, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.team-architectural-web .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 195, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .team-architectural-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 203, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.team-architectural-web .header .title {
  color: #000000;
  width: 30%;
  margin-right: 40px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 203, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .team-architectural-web .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 215, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.team-architectural-web .header .description {
  width: calc(70% - 40px);
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 215, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .team-architectural-web .header .description {
    width: 100%;
    text-align: center;
  }
}

/* line 223, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.team-architectural-web-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 30px -15px 0;
}

@media screen and (max-width: 768px) {
  /* line 223, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .team-architectural-web-cards {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
  }
}

@media screen and (max-width: 480px) {
  /* line 223, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .team-architectural-web-cards {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 241, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.team-architectural-web-card {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 0 15px 60px;
  width: calc(25% - 30px);
}

@media screen and (max-width: 1439px) {
  /* line 241, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .team-architectural-web-card {
    width: calc(33.3% - 30px);
  }
}

@media screen and (max-width: 1080px) {
  /* line 241, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .team-architectural-web-card {
    width: calc(50% - 30px);
  }
}

@media screen and (max-width: 768px) {
  /* line 241, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .team-architectural-web-card {
    width: calc(100% - 30px);
  }
}

/* line 264, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.team-architectural-web-card .is-first.image-upload {
  height: 426px;
}

/* line 268, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.team-architectural-web-card .is-third.image-upload {
  height: 346px;
}

/* line 272, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.team-architectural-web-card .is-fourth.image-upload {
  height: 370px;
}

/* line 275, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.team-architectural-web-card .image-upload {
  width: 289px;
  height: 289px;
  border-radius: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #E7E6E6;
  margin-bottom: 24px;
}

/* line 287, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.team-architectural-web-card .image-upload .center-block {
  text-align: center;
  font-family: Nixie One;
  font-size: 72px;
  line-height: 87px;
  margin: auto;
}

/* line 294, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.team-architectural-web-card .position {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  font-family: Lato;
  margin-bottom: 17px;
}

/* line 301, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.team-architectural-web-card .name {
  font-size: 24px;
  font-family: Lato;
  line-height: 29px;
  font-weight: 700;
  margin-bottom: 19px;
}

/* line 308, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.team-architectural-web-card .member-description {
  font-size: 16px;
  line-height: 20px;
  font-family: Lato;
}

/* line 313, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.testing-architectural-web {
  padding: 120px 80px;
  font-family: Lato;
  color: #000000;
}

/* line 318, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.testing-architectural-web .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 1280px) {
  /* line 318, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .testing-architectural-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 327, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.testing-architectural-web .header .title {
  color: #000000;
  width: 35%;
  margin-right: 40px;
  margin-bottom: 0 !important;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 327, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .testing-architectural-web .header .title {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
}

/* line 339, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.testing-architectural-web .header .description {
  width: calc(65% - 40px);
  color: #000000;
  text-align: start !important;
}

@media screen and (max-width: 1280px) {
  /* line 339, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .testing-architectural-web .header .description {
    width: 100%;
    text-align: center !important;
    margin-top: 20px;
  }
}

/* line 351, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.testing-architectural-web .tests-list-blog .test-card:not(:last-child) {
  margin-bottom: 0;
}

/* line 353, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.testing-architectural-web .tests-list-blog .test-card:hover {
  opacity: 1;
  border-color: #0984FF !important;
}

/* line 357, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.testing-architectural-web .card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 361, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.testing-architectural-web .card .main {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 361, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .testing-architectural-web .card .main {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 369, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.testing-architectural-web .card .main .test-card-section .header {
  font-family: Lato;
}

/* line 372, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.testing-architectural-web .card .main .test-card-section .text {
  font-family: Lato;
}

/* line 375, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.testing-architectural-web .card .main .test-card-section .type {
  font-family: Nixie One;
}

/* line 379, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.testing-architectural-web .card .testing-status-text {
  font-family: Lato;
}

/* line 381, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.testing-architectural-web .card .testing-status .incomplete {
  fill: #000000;
  stroke: #000000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

/* line 388, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.testing-architectural-web .test-card {
  border-radius: 0;
}

/* line 390, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.testing-architectural-web .test-card .file {
  border-radius: 0 !important;
}

/* line 393, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.testing-architectural-web .response-card {
  background: #FFFFFF00;
}

/* line 398, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.testing-architectural-web .response-card__responses .i-like .text-wrapper, .testing-architectural-web .response-card__responses .i-wish .text-wrapper, .testing-architectural-web .response-card__responses .what-if .text-wrapper {
  border-radius: 0;
}

/* line 401, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.testing-architectural-web .bmc-form-textarea {
  border-radius: 0;
}

/* line 404, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.desirability-architectural-web {
  padding: 90px 80px;
  font-family: Lato;
  color: #000000;
}

/* line 409, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.desirability-architectural-web .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 409, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .desirability-architectural-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 417, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.desirability-architectural-web .header .title {
  color: #000000;
  width: 35%;
  margin-right: 40px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 417, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .desirability-architectural-web .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 429, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.desirability-architectural-web .header .description {
  width: calc(65% - 40px);
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 429, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .desirability-architectural-web .header .description {
    width: 100%;
    text-align: center;
  }
}

/* line 437, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-segment-architectural-web {
  font-family: Lato;
  width: 100%;
  color: #000000;
  display: -ms-flexbox;
  display: flex;
  padding: 120px 80px;
}

@media screen and (max-width: 1024px) {
  /* line 437, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .customer-segment-architectural-web {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 447, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-segment-architectural-web .left {
  width: 40%;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1024px) {
  /* line 447, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .customer-segment-architectural-web .left {
    width: 100%;
    margin-bottom: 40px;
  }
}

/* line 455, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-segment-architectural-web .left .image-uploud {
  width: 100%;
  max-width: 416px;
  max-height: 700px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: auto;
  border: none;
  border-radius: 0;
  background-color: #E7E6E6;
}

/* line 465, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-segment-architectural-web .left .image-uploud .bmc-page-card-image {
  width: 100%;
  border-radius: 0;
  box-shadow: none;
}

/* line 470, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-segment-architectural-web .left .image-uploud .bmc-page-card-image--no-image-wrapper {
  padding-top: 168%;
}

@media screen and (max-width: 1024px) {
  /* line 470, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .customer-segment-architectural-web .left .image-uploud .bmc-page-card-image--no-image-wrapper {
    padding-top: 100%;
  }
}

/* line 476, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-segment-architectural-web .left .image-uploud .bmc-page-card-image--no-image-wrapper .title {
  color: #000000;
  font-family: Nixie One;
}

/* line 480, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-segment-architectural-web .right {
  width: 60%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  margin-left: 40px;
}

@media screen and (max-width: 1024px) {
  /* line 480, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .customer-segment-architectural-web .right {
    width: 100%;
    margin-left: 0;
  }
}

/* line 492, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-segment-architectural-web .right .header {
  width: 100%;
}

/* line 495, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-segment-architectural-web .right .header .title {
  margin-bottom: 20px;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 495, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .customer-segment-architectural-web .right .header .title {
    text-align: center;
  }
}

/* line 502, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-segment-architectural-web .right .header .description {
  width: 100%;
  display: block;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 502, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .customer-segment-architectural-web .right .header .description {
    text-align: center;
  }
}

/* line 510, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-segment-architectural-web .right .cards-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 44px;
  width: 100%;
}

/* line 516, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-segment-architectural-web .right .cards-section .tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 1024px) {
  /* line 516, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .customer-segment-architectural-web .right .cards-section .tabs {
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/* line 524, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-segment-architectural-web .right .cards-section .tabs .item {
  cursor: pointer;
  margin-right: 20px;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 33px;
  color: #000000;
  text-transform: uppercase;
}

/* line 533, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-segment-architectural-web .right .cards-section .tabs .item:hover {
  color: #0984FF;
  opacity: 0.5;
}

/* line 537, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-segment-architectural-web .right .cards-section .tabs .item.active {
  text-decoration-line: underline;
  font-weight: 700;
  cursor: inherit;
  color: #000000;
  opacity: 1;
}

/* line 544, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-segment-architectural-web .right .main {
  width: 100%;
}

/* line 547, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-segment-architectural-web .right .main .rangeRow {
  display: -ms-flexbox;
  display: flex;
}

/* line 550, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-segment-architectural-web .right .main .rangeRow .bmc-page-card-inner {
  width: calc(50% - 5px);
}

/* line 554, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-segment-architectural-web .right .main .bmc-page-card-row .bmc-page-card-segmentList {
  color: #000000;
}

/* line 556, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-segment-architectural-web .right .main .bmc-page-card-row .bmc-page-card-text {
  color: #000000;
}

/* line 559, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-segment-architectural-web .right .range {
  text-align: center;
}

/* line 562, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.value-propositions-architectural-web {
  display: -ms-flexbox;
  display: flex;
  font-family: Lato;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 562, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .value-propositions-architectural-web {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 570, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.value-propositions-architectural-web .right {
  padding: 120px 0;
  width: 56.25%;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1024px) {
  /* line 570, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .value-propositions-architectural-web .right {
    width: 100%;
    padding: 80px;
  }
}

@media screen and (max-width: 768px) {
  /* line 570, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .value-propositions-architectural-web .right {
    padding: 40px;
  }
}

/* line 582, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.value-propositions-architectural-web .right .image {
  width: 100%;
  max-width: 810px;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 0;
  background-color: #E7E6E6;
  margin: auto;
}

/* line 591, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.value-propositions-architectural-web .right .image .bmc-page-card-image {
  width: 100%;
  border-radius: 0;
  box-shadow: none;
}

/* line 596, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.value-propositions-architectural-web .right .image .bmc-page-card-image--no-image-wrapper {
  padding-top: 92%;
}

@media screen and (max-width: 1024px) {
  /* line 596, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .value-propositions-architectural-web .right .image .bmc-page-card-image--no-image-wrapper {
    padding-top: 100%;
  }
}

/* line 602, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.value-propositions-architectural-web .right .image .bmc-page-card-image--no-image-wrapper .title {
  color: #000000;
  font-family: Nixie One;
}

/* line 606, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.value-propositions-architectural-web .left {
  color: #000000;
  padding: 120px 40px 120px 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  width: 43.75%;
}

@media screen and (max-width: 1024px) {
  /* line 606, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .value-propositions-architectural-web .left {
    width: 100%;
    padding: 40px 40px 0 40px;
  }
}

@media screen and (max-width: 480px) {
  /* line 606, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .value-propositions-architectural-web .left {
    padding: 40px 20px 0 20px;
  }
}

/* line 621, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.value-propositions-architectural-web .left .header {
  width: 100%;
}

/* line 624, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.value-propositions-architectural-web .left .header .title {
  margin-bottom: 24px;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 624, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .value-propositions-architectural-web .left .header .title {
    text-align: center;
  }
}

/* line 631, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.value-propositions-architectural-web .left .header .description {
  margin-bottom: 50px;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 631, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .value-propositions-architectural-web .left .header .description {
    text-align: center;
  }
}

/* line 637, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.value-propositions-architectural-web .left .bmc-page-card-segmentList {
  color: #000000;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 29px;
}

/* line 643, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.value-propositions-architectural-web .left .bmc-page-card-text {
  margin-right: auto;
  margin-bottom: 32px;
}

@media screen and (max-width: 1024px) {
  /* line 648, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .value-propositions-architectural-web .left .bmc-page-card-text:last-child {
    margin-bottom: 0;
  }
}

/* line 651, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.competitor-analysis-architectural-web {
  padding: 120px 80px;
  font-family: Lato;
  color: #000000;
}

/* line 656, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.competitor-analysis-architectural-web .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 656, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .competitor-analysis-architectural-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/* line 664, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.competitor-analysis-architectural-web .header .title {
  margin-right: 30px;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 664, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .competitor-analysis-architectural-web .header .title {
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 673, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.competitor-analysis-architectural-web .header .description {
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 673, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .competitor-analysis-architectural-web .header .description {
    text-align: center;
  }
}

/* line 679, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.competitor-analysis-architectural-web .table {
  width: 100%;
  text-align: center;
  margin-top: 40px;
  background-color: #000000;
  border-collapse: collapse;
}

/* line 686, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.competitor-analysis-architectural-web .table .title {
  display: none;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
  /* line 691, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .competitor-analysis-architectural-web .table tr {
    display: block;
    background: #FFFFFF;
  }
  /* line 697, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .competitor-analysis-architectural-web .table tr:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 700, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .competitor-analysis-architectural-web .table thead {
    display: none;
  }
}

/* line 705, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.competitor-analysis-architectural-web .table thead th {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  padding-bottom: 20px;
  padding-top: 20px;
  color: #FFFFFF;
  text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
  /* line 705, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .competitor-analysis-architectural-web .table thead th {
    display: none;
  }
}

/* line 718, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.competitor-analysis-architectural-web .table tbody td {
  text-align: left;
  padding: 30px 20px;
  word-break: break-word;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
  border: 1px solid #334249;
}

@media screen and (max-width: 1024px) {
  /* line 718, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .competitor-analysis-architectural-web .table tbody td {
    display: block;
    padding: 10px 20px;
    background-color: white;
  }
  /* line 732, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .competitor-analysis-architectural-web .table tbody td .icon {
    margin-left: 0;
  }
  /* line 735, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .competitor-analysis-architectural-web .table tbody td .title {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  /* line 718, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .competitor-analysis-architectural-web .table tbody td {
    padding: 10px;
  }
}

/* line 741, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.competitor-analysis-architectural-web .table tbody td:first-child {
  padding: 30px 20px;
}

@media screen and (max-width: 1024px) {
  /* line 741, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .competitor-analysis-architectural-web .table tbody td:first-child {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 741, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .competitor-analysis-architectural-web .table tbody td:first-child {
    padding: 10px;
  }
}

/* line 750, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.competitor-analysis-architectural-web .table tbody td:last-child {
  position: relative;
}

/* line 754, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.competitor-analysis-architectural-web .table .bmc-page-compcard-item-text-template--with-image {
  font-size: 21px;
  line-height: 25px;
}

/* line 758, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.competitor-analysis-architectural-web .table .bmc-page-compcard-item-image--no-image-templates {
  font-family: Nixie One;
}

/* line 761, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-relationships-architectural-web {
  padding: 120px 80px;
  font-family: Lato;
  color: #000000;
  width: 100%;
}

/* line 767, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-relationships-architectural-web .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 767, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .customer-relationships-architectural-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/* line 775, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-relationships-architectural-web .header .title {
  margin-right: 30px;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 775, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .customer-relationships-architectural-web .header .title {
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 784, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-relationships-architectural-web .header .description {
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 784, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .customer-relationships-architectural-web .header .description {
    text-align: center;
  }
}

/* line 790, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-relationships-architectural-web .bmc-page-gkgtabs-tabs {
  font-family: Lato;
  text-transform: uppercase;
}

/* line 795, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-relationships-architectural-web .bmc-page-gkgtabs-tabs-tab:hover {
  opacity: 0.5;
}

/* line 797, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-relationships-architectural-web .bmc-page-gkgtabs-tabs-tab-title {
  font-size: 18px;
  line-height: 22px;
  color: #000000;
}

/* line 802, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-relationships-architectural-web .bmc-page-gkgtabs-tabs-tab--active {
  cursor: auto;
  font-weight: 700 !important;
}

/* line 806, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-relationships-architectural-web .bmc-page-gkgtabs-tabs-tab--active:hover {
  opacity: 1;
}

/* line 809, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-relationships-architectural-web .bmc-page-gkgtabs-content {
  font-family: Lato;
}

/* line 812, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-relationships-architectural-web .bmc-page-gkgtabs-content-block {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #000000;
  margin-right: 0;
  margin-bottom: 0;
  padding: 40px;
}

/* line 820, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.customer-relationships-architectural-web .bmc-page-gkgtabs-content-block-title {
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  min-height: 22px;
  margin-bottom: 17px;
}

/* line 827, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.channel-architectural-web {
  font-family: Lato;
  color: #000000;
  width: 100%;
}

/* line 832, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.channel-architectural-web .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 100px 80px 50px 80px;
}

@media screen and (max-width: 1024px) {
  /* line 832, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .channel-architectural-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/* line 841, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.channel-architectural-web .header .title {
  margin-right: 30px;
  text-align: start;
  width: 35%;
}

@media screen and (max-width: 1024px) {
  /* line 841, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .channel-architectural-web .header .title {
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
  }
}

/* line 852, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.channel-architectural-web .header .description {
  color: #000000;
  width: calc(65% - 30px);
}

@media screen and (max-width: 1024px) {
  /* line 852, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .channel-architectural-web .header .description {
    text-align: center;
    width: 100%;
  }
}

/* line 860, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.channel-architectural-web .cards-section {
  width: 100%;
}

/* line 863, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.channel-architectural-web .cards-section .channel-tabs {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 25px;
  padding: 0 80px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  /* line 863, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .channel-architectural-web .cards-section .channel-tabs {
    display: none;
  }
}

/* line 875, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.channel-architectural-web .cards-section .channel-tabs .item {
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  cursor: pointer;
  min-width: 318px;
  padding: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  border: 1px solid #000000;
  color: #000000;
  opacity: 0.5;
  background-color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
}

/* line 891, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.channel-architectural-web .cards-section .channel-tabs .item:hover {
  border: 1px solid #0984FF;
  color: #0984FF;
  opacity: 0.3;
}

@media screen and (max-width: 1280px) {
  /* line 875, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .channel-architectural-web .cards-section .channel-tabs .item {
    font-size: 16px;
    line-height: 20px;
  }
}

/* line 900, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.channel-architectural-web .cards-section .channel-tabs .item.active {
  color: #FFFFFF;
  cursor: auto;
  border: 1px solid #FFFFFF00;
  opacity: 1;
}

/* line 906, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.channel-architectural-web .cards-section .channel-card {
  width: 100%;
}

/* line 909, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.channel-architectural-web .cards-section .bmc-page-card {
  border-radius: 0;
  box-shadow: none;
  background-color: #FFFFFF;
  padding: 0 80px 120px 0;
}

@media screen and (max-width: 1024px) {
  /* line 909, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .channel-architectural-web .cards-section .bmc-page-card {
    padding: 80px;
  }
}

/* line 918, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.channel-architectural-web .cards-section .bmc-page-card-inner {
  vertical-align: bottom;
}

/* line 921, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.channel-architectural-web .cards-section .bmc-page-card-inner:nth-child(1) {
  width: 50%;
  margin-right: 3%;
}

/* line 925, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.channel-architectural-web .cards-section .bmc-page-card-inner:nth-child(2) {
  width: 47%;
  margin-bottom: 0;
  padding-top: 80px;
}

@media screen and (max-width: 1024px) {
  /* line 925, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .channel-architectural-web .cards-section .bmc-page-card-inner:nth-child(2) {
    padding-top: 40px;
  }
}

/* line 933, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.channel-architectural-web .cards-section .bmc-page-card-image {
  width: 100%;
  max-width: 680px;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin: 0 auto;
}

/* line 942, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.channel-architectural-web .cards-section .bmc-page-card-image--no-image-wrapper {
  padding-top: 55% !important;
}

@media screen and (max-width: 1024px) {
  /* line 942, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .channel-architectural-web .cards-section .bmc-page-card-image--no-image-wrapper {
    padding-top: 100% !important;
  }
}

/* line 948, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.channel-architectural-web .cards-section .bmc-page-card-image--no-image-wrapper .title {
  color: #000000;
  font-family: Nixie One;
}

/* line 952, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.channel-architectural-web .cards-section .bmc-page-card-big-title--customer-title {
  font-family: Lato;
  font-size: 32px;
  font-weight: 400;
  text-transform: uppercase;
}

/* line 958, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.channel-architectural-web .cards-section .bmc-page-card-big-title--with-underline {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* line 963, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.channel-architectural-web .cards-section .title {
  margin-top: 34px;
  text-transform: uppercase;
}

/* line 967, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.feasibility-architectural-web {
  padding: 90px 80px;
  font-family: Lato;
  color: #000000;
}

/* line 972, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.feasibility-architectural-web .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 972, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .feasibility-architectural-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 980, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.feasibility-architectural-web .header .title {
  color: #000000;
  width: 35%;
  margin-right: 40px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 980, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .feasibility-architectural-web .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 992, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.feasibility-architectural-web .header .description {
  width: calc(65% - 40px);
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 992, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .feasibility-architectural-web .header .description {
    width: 100%;
    text-align: center;
  }
}

/* line 1000, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.key-activities-architectural-web {
  font-family: Lato;
  color: #000000;
}

/* line 1004, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.key-activities-architectural-web .header {
  width: 100%;
  padding: 210px 80px 0 80px;
  position: relative;
}

@media screen and (max-width: 1280px) {
  /* line 1004, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .key-activities-architectural-web .header {
    padding: 120px 80px 0 80px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1004, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .key-activities-architectural-web .header {
    padding: 80px 40px 0 40px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1004, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .key-activities-architectural-web .header {
    padding: 80px 20px 0 20px;
  }
}

/* line 1018, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.key-activities-architectural-web .header .title {
  color: #000000;
  text-align: start;
  position: absolute;
  top: 120px;
}

@media screen and (max-width: 1280px) {
  /* line 1018, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .key-activities-architectural-web .header .title {
    margin-bottom: 20px;
    text-align: center;
    position: static;
  }
}

/* line 1029, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.key-activities-architectural-web .header .description {
  width: 60%;
  color: #000000;
  margin-left: auto;
}

@media screen and (max-width: 1280px) {
  /* line 1029, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .key-activities-architectural-web .header .description {
    width: 100%;
    text-align: center;
  }
}

/* line 1038, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.viability-architectural-web {
  padding: 90px 80px;
  font-family: Lato;
  color: #000000;
}

/* line 1043, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.viability-architectural-web .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 1043, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .viability-architectural-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1051, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.viability-architectural-web .header .title {
  color: #000000;
  width: 30%;
  margin-right: 40px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 1051, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .viability-architectural-web .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 1063, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.viability-architectural-web .header .description {
  width: calc(70% - 40px);
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 1063, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .viability-architectural-web .header .description {
    width: 100%;
    text-align: center;
  }
}

/* line 1071, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.sustainability-architectural-web {
  padding: 120px 80px;
  font-family: Lato;
  color: #000000;
}

/* line 1076, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.sustainability-architectural-web .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 1076, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .sustainability-architectural-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/* line 1084, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.sustainability-architectural-web .header .title {
  margin-right: 30px;
  text-align: start;
  width: 45%;
}

@media screen and (max-width: 1024px) {
  /* line 1084, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .sustainability-architectural-web .header .title {
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
  }
}

/* line 1095, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.sustainability-architectural-web .header .description {
  color: #000000;
  width: calc(55% - 30px);
}

@media screen and (max-width: 1024px) {
  /* line 1095, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .sustainability-architectural-web .header .description {
    text-align: center;
    width: 100%;
  }
}

/* line 1103, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.contact-us-architectural-web {
  font-family: Lato;
  color: #000000;
  padding: 40px 80px;
  position: relative;
}

@media screen and (max-width: 768px) {
  /* line 1103, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .contact-us-architectural-web {
    padding-bottom: 120px;
  }
}

/* line 1112, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.contact-us-architectural-web .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 35px;
}

@media screen and (max-width: 1024px) {
  /* line 1112, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .contact-us-architectural-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/* line 1121, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.contact-us-architectural-web .header .scroll-top {
  cursor: pointer;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 1121, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .contact-us-architectural-web .header .scroll-top {
    position: absolute;
    top: 40px;
    right: 40px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1121, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .contact-us-architectural-web .header .scroll-top {
    top: 20px;
  }
}

/* line 1137, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.contact-us-architectural-web .header .scroll-top i {
  margin-left: 14px;
  font-size: 20px;
}

/* line 1141, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.contact-us-architectural-web .header .title {
  margin-right: 25px;
}

@media screen and (max-width: 768px) {
  /* line 1141, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .contact-us-architectural-web .header .title {
    margin-bottom: 15px;
  }
}

/* line 1147, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.contact-us-architectural-web .fields {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  padding-bottom: 35px;
}

@media screen and (max-width: 1024px) {
  /* line 1147, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .contact-us-architectural-web .fields {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 1158, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.contact-us-architectural-web .fields .description {
  width: calc(34% - 35px);
  margin-right: 15px;
  display: block;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 1158, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .contact-us-architectural-web .fields .description {
    width: 80%;
    margin-right: 0;
    margin-bottom: 15px;
    text-align: center;
  }
}

/* line 1170, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.contact-us-architectural-web .fields .description-contact {
  font-size: 16px;
  line-height: 20px;
  display: block;
}

/* line 1175, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.contact-us-architectural-web .fields .form-field {
  width: calc(33% - 15px);
  margin-right: 15px;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  /* line 1175, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .contact-us-architectural-web .fields .form-field {
    width: 80%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

/* line 1185, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.contact-us-architectural-web .fields .email {
  text-align: end;
}

@media screen and (max-width: 1024px) {
  /* line 1185, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .contact-us-architectural-web .fields .email {
    text-align: center;
  }
}

/* line 1191, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.contact-us-architectural-web .footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding-top: 15px;
  border-top: 1px solid #000000;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  /* line 1191, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .contact-us-architectural-web .footer {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 1205, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
.contact-us-architectural-web .footer .company-name {
  margin-left: 13px;
  font-size: 24px;
  line-height: 33px;
}

@media screen and (max-width: 1280px) {
  /* line 1210, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .section-web {
    padding: 40px;
  }
}

@media screen and (max-width: 480px) {
  /* line 1210, app/assets/stylesheets/new/components/portfolio/architectural/portfolio-web-architectural.sass */
  .section-web {
    padding: 40px 20px;
  }
}

/* line 1, app/assets/stylesheets/new/components/portfolio/architectural/textarea-architectural.sass */
.textarea-arch {
  width: 100%;
}

/* line 3, app/assets/stylesheets/new/components/portfolio/architectural/textarea-architectural.sass */
.textarea-arch .textarea-wrapper {
  width: 100%;
  position: relative;
  font-family: Lato;
}

/* line 8, app/assets/stylesheets/new/components/portfolio/architectural/textarea-architectural.sass */
.textarea-arch .textarea-wrapper textarea {
  resize: none;
}

/* line 11, app/assets/stylesheets/new/components/portfolio/architectural/textarea-architectural.sass */
.textarea-arch .textarea-wrapper textarea:hover {
  border: 1px solid #ACB5BD;
}

/* line 14, app/assets/stylesheets/new/components/portfolio/architectural/textarea-architectural.sass */
.textarea-arch .textarea-wrapper textarea:active, .textarea-arch .textarea-wrapper textarea:focus {
  border: 1px solid #0984FF;
}

/* line 17, app/assets/stylesheets/new/components/portfolio/architectural/textarea-architectural.sass */
.textarea-architectural {
  background-color: #FFFFFF00;
  padding: 10px;
  width: 100%;
  outline: none;
  cursor: pointer;
  border: 1px solid #FFFFFF00;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  caret-color: #0984FF;
  font-family: Lato;
}

/* line 31, app/assets/stylesheets/new/components/portfolio/architectural/textarea-architectural.sass */
.textarea-architectural::-moz-placeholder {
  color: #B8C0C5;
}
.textarea-architectural:-ms-input-placeholder {
  color: #B8C0C5;
}
.textarea-architectural::placeholder {
  color: #B8C0C5;
}

/* line 34, app/assets/stylesheets/new/components/portfolio/architectural/textarea-architectural.sass */
.textarea-architectural-name {
  text-align: start;
  font-family: Nixie One;
  font-size: 48px;
  line-height: 62px;
  color: #000000;
}

/* line 41, app/assets/stylesheets/new/components/portfolio/architectural/textarea-architectural.sass */
.textarea-architectural-name::-moz-placeholder {
  font-size: 48px;
  line-height: 62px;
  font-family: Nixie One;
}
.textarea-architectural-name:-ms-input-placeholder {
  font-size: 48px;
  line-height: 62px;
  font-family: Nixie One;
}
.textarea-architectural-name::placeholder {
  font-size: 48px;
  line-height: 62px;
  font-family: Nixie One;
}

@media screen and (max-width: 1024px) {
  /* line 34, app/assets/stylesheets/new/components/portfolio/architectural/textarea-architectural.sass */
  .textarea-architectural-name {
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  /* line 34, app/assets/stylesheets/new/components/portfolio/architectural/textarea-architectural.sass */
  .textarea-architectural-name {
    line-height: 55px;
    word-break: break-word;
  }
}

@media screen and (max-width: 480px) {
  /* line 34, app/assets/stylesheets/new/components/portfolio/architectural/textarea-architectural.sass */
  .textarea-architectural-name {
    font-size: 32px;
    line-height: 36px;
  }
}

/* line 57, app/assets/stylesheets/new/components/portfolio/architectural/textarea-architectural.sass */
.textarea-architectural-description {
  white-space: pre-wrap;
  text-align: start;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 57, app/assets/stylesheets/new/components/portfolio/architectural/textarea-architectural.sass */
  .textarea-architectural-description {
    text-align: center;
  }
}

/* line 65, app/assets/stylesheets/new/components/portfolio/architectural/textarea-architectural.sass */
.textarea-architectural-team {
  font-size: 16px;
  color: #000000;
  line-height: 20px;
  font-family: Lato;
}

/* line 72, app/assets/stylesheets/new/components/portfolio/architectural/textarea-architectural.sass */
.textarea-architectural-team-card--position {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid #FFFFFF00;
  color: #000000;
}

/* line 81, app/assets/stylesheets/new/components/portfolio/architectural/textarea-architectural.sass */
.textarea-architectural-team-card--name {
  font-size: 21px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 24px;
  padding: 5px;
  border: 1px solid #FFFFFF00;
  color: #000000;
}

/* line 90, app/assets/stylesheets/new/components/portfolio/architectural/textarea-architectural.sass */
.textarea-architectural-team-card--description {
  font-size: 16px;
  line-height: 20px;
  padding: 5px;
  border: 1px solid #FFFFFF00;
  color: #000000;
}

/* line 97, app/assets/stylesheets/new/components/portfolio/architectural/textarea-architectural.sass */
.textarea-architectural-testing {
  border: 1px solid #FFFFFF00;
}

/* line 101, app/assets/stylesheets/new/components/portfolio/architectural/textarea-architectural.sass */
.textarea-architectural-cardCS {
  font-size: 16px;
  line-height: 20px;
}

/* line 106, app/assets/stylesheets/new/components/portfolio/architectural/textarea-architectural.sass */
.textarea-architectural-cardCS-title {
  font-size: 24px;
  line-height: 33px;
  font-weight: 700;
}

/* line 111, app/assets/stylesheets/new/components/portfolio/architectural/textarea-architectural.sass */
.textarea-architectural-cardCS-key {
  text-align: center;
}

/* line 115, app/assets/stylesheets/new/components/portfolio/architectural/textarea-architectural.sass */
.text-card-arch {
  font-family: Lato;
  color: #000000;
}

/* line 2, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.blog .bmc-modal-content {
  border-radius: 0;
}

/* line 5, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.blogFriendly-title {
  text-align: center;
  font-family: Prata;
  font-size: 86px;
  line-height: 117px;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 5, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .blogFriendly-title {
    font-size: 64px;
    line-height: 87px;
  }
}

@media screen and (max-width: 768px) {
  /* line 5, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .blogFriendly-title {
    font-size: 48px;
    line-height: 65px;
    word-break: break-word;
  }
}

/* line 21, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.header-blog {
  font-family: Prata;
  color: #000000 !important;
  font-size: 21px;
  line-height: 29px;
  font-weight: 700;
}

/* line 28, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.button-blog {
  font-family: Nunito;
  line-height: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: #FFFFFF;
  background-color: #000000 !important;
  border-radius: 0 !important;
  border: 1px solid #000000;
}

/* line 39, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.button-blog:hover {
  opacity: 0.5;
  background-color: #000000 !important;
}

/* line 43, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.button-blog-light {
  font-family: Nunito;
  line-height: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: #000000;
  background-color: #FFFFFF;
  border-radius: 0;
  border: 1px solid #000000;
}

/* line 54, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.button-blog-light:hover {
  opacity: 0.5;
  background-color: #FFFFFF;
}

/* line 59, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.introduction-blogFriendly-wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  color: #000000;
  position: relative;
  padding: 60px 80px 120px 80px;
}

@media screen and (max-width: 1280px) {
  /* line 59, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .introduction-blogFriendly-wrapper {
    padding: 60px 60px 100px 60px;
  }
}

@media screen and (max-width: 768px) {
  /* line 59, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .introduction-blogFriendly-wrapper {
    padding: 30px 30px 100px 30px;
  }
}

/* line 73, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.introduction-blogFriendly-wrapper .portfolio-comment-icon {
  bottom: 30px;
  top: auto !important;
}

/* line 77, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.introduction-blogFriendly-wrapper .image {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 50%;
  background-color: #E7E6E6;
  margin: 0 auto;
  padding: 0 0 2% 1%;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
}

/* line 87, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.introduction-blogFriendly-wrapper .image .img-wrapper {
  padding-top: 100% !important;
}

/* line 90, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.introduction-blogFriendly-wrapper .image-hover {
  width: 100%;
  max-width: 55%;
  border-radius: 50%;
  border: 1px solid #FFFFFF00;
  padding: 10px;
  margin: 0 auto;
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
}

@media screen and (max-width: 1280px) {
  /* line 90, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .introduction-blogFriendly-wrapper .image-hover {
    max-width: 65%;
    top: 140px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 90, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .introduction-blogFriendly-wrapper .image-hover {
    max-width: 75%;
    top: 160px;
  }
}

@media screen and (max-width: 900px) {
  /* line 90, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .introduction-blogFriendly-wrapper .image-hover {
    max-width: 85%;
  }
}

@media screen and (max-width: 768px) {
  /* line 90, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .introduction-blogFriendly-wrapper .image-hover {
    max-width: 90%;
    top: 120px;
  }
}

@media screen and (max-width: 480px) {
  /* line 90, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .introduction-blogFriendly-wrapper .image-hover {
    max-width: 100%;
    top: 100px;
  }
}

/* line 122, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.introduction-blogFriendly-wrapper .logo-hover {
  max-width: 272px;
  padding: 10px 10px 10px 10px;
  border: 1px solid #FFFFFF00;
  margin-bottom: 550px;
}

@media screen and (max-width: 1024px) {
  /* line 122, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .introduction-blogFriendly-wrapper .logo-hover {
    width: 55%;
    margin-bottom: 500px;
  }
}

@media screen and (max-width: 768px) {
  /* line 122, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .introduction-blogFriendly-wrapper .logo-hover {
    margin-bottom: 450px;
  }
}

@media screen and (max-width: 600px) {
  /* line 122, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .introduction-blogFriendly-wrapper .logo-hover {
    margin-bottom: 350px;
  }
}

@media screen and (max-width: 480px) {
  /* line 122, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .introduction-blogFriendly-wrapper .logo-hover {
    margin-bottom: 270px;
  }
}

/* line 142, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.introduction-blogFriendly-wrapper .logo-hover .logo-upload {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background-color: #FFFFFF00;
  border-radius: 0;
}

/* line 154, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.introduction-blogFriendly-wrapper .content-intro {
  width: calc(100% + 160px);
  padding: 50px 80px 20px 80px;
  margin: 0 -80px;
  z-index: 1;
}

@media screen and (max-width: 1280px) {
  /* line 154, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .introduction-blogFriendly-wrapper .content-intro {
    width: calc(100% + 120px);
    padding: 60px;
    margin: 0 -60px;
  }
}

@media screen and (max-width: 768px) {
  /* line 154, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .introduction-blogFriendly-wrapper .content-intro {
    width: calc(100% + 60px);
    padding: 30px;
    margin: 0 -30px;
  }
}

/* line 170, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.introduction-blogFriendly-wrapper .content-intro .title {
  color: #000000;
  margin-bottom: 8px;
  font-family: Prata;
  width: 100%;
}

/* line 176, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.introduction-blogFriendly-wrapper .content-intro .description {
  font-family: Nunito;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 176, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .introduction-blogFriendly-wrapper .content-intro .description {
    text-align: center;
  }
}

/* line 183, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.summary-blogFriendly {
  padding: 120px 190px;
  width: 100%;
  position: relative;
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 183, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .summary-blogFriendly {
    padding: 100px 40px 40px 40px;
  }
}

/* line 192, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.summary-blogFriendly .title {
  margin-bottom: 32px;
}

/* line 195, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.team-blogFriendly {
  padding: 120px 80px 60px 80px;
  width: 100%;
  color: #000000;
}

/* line 200, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.team-blogFriendly .title {
  text-align: center;
  margin-bottom: 10px;
}

/* line 204, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.team-blogFriendly .description {
  margin-bottom: 64px;
  text-align: center;
}

/* line 209, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.team-blogFriendly .description .textarea-wrapper textarea {
  text-align: center;
}

/* line 212, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.team-blogFriendly-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 30px -15px 0;
}

@media screen and (max-width: 768px) {
  /* line 212, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .team-blogFriendly-cards {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
  }
}

@media screen and (max-width: 480px) {
  /* line 212, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .team-blogFriendly-cards {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 230, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.team-blogFriendly-card {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 0 15px 60px;
  width: calc(25% - 30px);
}

@media screen and (max-width: 1439px) {
  /* line 230, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .team-blogFriendly-card {
    width: calc(33.3% - 30px);
  }
}

@media screen and (max-width: 1080px) {
  /* line 230, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .team-blogFriendly-card {
    width: calc(50% - 30px);
  }
}

@media screen and (max-width: 768px) {
  /* line 230, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .team-blogFriendly-card {
    width: calc(100% - 30px);
  }
}

/* line 251, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.team-blogFriendly-card .remove {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-bottom: 10px;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}

/* line 261, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.team-blogFriendly-card .remove .icon-section i {
  font-size: 30px;
  color: #E7E6E6;
  cursor: pointer;
}

/* line 266, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.team-blogFriendly-card .remove .icon-section i:hover {
  color: #0984FF;
}

/* line 269, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.team-blogFriendly-card .image-hover {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #FFFFFF00;
  margin-bottom: 20px;
  padding: 5px;
  border: 1px solid #FFFFFF00;
  border-radius: 50%;
}

/* line 283, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.team-blogFriendly-card .image-upload {
  width: 100%;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #E7E6E6;
}

/* line 293, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.team-blogFriendly-card .image-upload .center-block {
  text-align: center;
}

/* line 295, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.team-blogFriendly-card .image-upload .center-block i {
  color: #0984FF;
}

/* line 298, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.team-blogFriendly .add-team-card-blogFriendly {
  margin: 30px 15px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  bottom: -10px;
}

/* line 310, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.team-blogFriendly .add-team-card-blogFriendly__wrapper {
  position: relative;
  width: 25%;
  padding-top: 25%;
}

@media screen and (max-width: 1439px) {
  /* line 310, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .team-blogFriendly .add-team-card-blogFriendly__wrapper {
    width: 33.3%;
    padding-top: 33.3%;
  }
}

@media screen and (max-width: 1080px) {
  /* line 310, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .team-blogFriendly .add-team-card-blogFriendly__wrapper {
    width: 50%;
    padding-top: 50%;
  }
}

@media screen and (max-width: 768px) {
  /* line 310, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .team-blogFriendly .add-team-card-blogFriendly__wrapper {
    width: 100%;
    padding-top: 100%;
  }
}

/* line 327, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.team-blogFriendly .add-team-card-blogFriendly .center-block {
  text-align: center;
  border-radius: 50%;
  background: #E7E6E6;
  color: #0984FF;
  padding: 20px 50px;
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
}

/* line 341, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.team-blogFriendly .add-team-card-blogFriendly .center-block i {
  font-size: 50px;
}

/* line 344, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.add-team-card-blogFriendly-hover {
  background-color: #FFFFFF00;
  padding: 5px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #FFFFFF00;
  border-radius: 50%;
}

/* line 357, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas {
  padding: 120px 60px;
  background-color: #FFFFFF;
  font-family: Nunito;
  color: #000000;
}

/* line 363, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 367, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .header .title {
  margin-bottom: 32px;
  width: 100%;
  text-align: center;
}

/* line 372, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .header .description {
  width: 100%;
  margin: 0 auto 12px auto;
  max-width: 1220px;
  text-align: center;
}

/* line 378, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .header .description textarea {
  text-align: center;
}

/* line 381, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-canvas-section-header-title {
  color: #000000;
}

/* line 384, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .sdg-card {
  border-radius: 50%;
}

/* line 386, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .sdg-card .flip-front, .bm-blogFriendly-canvas .sdg-card .flip-back {
  border-radius: 50%;
  color: #000000;
}

/* line 389, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .sdg-card .flip-back {
  color: #000000;
}

/* line 393, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-suscard .table {
  box-shadow: none;
  border-radius: 0;
}

/* line 398, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-suscard .table tr:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 403, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-suscard .table tr:last-child td:first-child {
  border-bottom-left-radius: 0;
}

/* line 406, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-suscard .table tr:last-child td:last-child {
  border-bottom-right-radius: 0;
}

@media screen and (max-width: 940px) {
  /* line 406, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .bm-blogFriendly-canvas .bmc-page-suscard .table tr:last-child td:last-child {
    border-bottom-left-radius: 0;
  }
}

/* line 413, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-suscard--section .arrow.left {
  left: -20px !important;
}

/* line 416, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-suscard--section .arrow.right {
  right: -20px !important;
}

/* line 419, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-compcard {
  box-shadow: none;
  border-radius: 0;
}

/* line 423, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-compcard-header {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 428, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-compcard-item:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@media screen and (max-width: 1024px) {
  /* line 433, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .bm-blogFriendly-canvas .bmc-page-compcard-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

/* line 437, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-compcard-item-image {
  font-family: Prata;
  color: #000000;
}

/* line 441, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-compcard-items {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@media screen and (max-width: 1024px) {
  /* line 441, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .bm-blogFriendly-canvas .bmc-page-compcard-items {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

/* line 449, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-revmodel {
  box-shadow: none;
  border-radius: 0;
}

/* line 453, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-keycard {
  border-radius: 0;
  box-shadow: none;
}

/* line 457, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-card {
  border-radius: 0;
}

/* line 459, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-card--channel-mode {
  box-shadow: none;
  border-radius: 0;
}

/* line 463, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-card--customer-segment-mode {
  box-shadow: none;
  border-radius: 0;
}

/* line 467, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-card--value-proposition-mode {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  box-shadow: none;
}

/* line 472, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-card--value-proposition-mode .bmc-page-card-image {
  border-radius: 185px;
}

/* line 475, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-card--value-proposition-mode .bmc-page-card-image--no-image-wrapper {
  padding-top: 170% !important;
}

/* line 478, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-card--value-proposition-mode .bmc-page-card-image .img-wrapper {
  padding-top: 170% !important;
}

/* line 481, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-card-image {
  box-shadow: none;
  border-radius: 50%;
  padding: 0 0 2% 1%;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  background-color: #FFFFFF00;
}

/* line 489, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-card-wide-image {
  box-shadow: none;
  border-radius: 185px;
  padding: 0 0 2% 1%;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
}

/* line 496, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-card-wide-image .img-wrapper {
  padding-top: 170% !important;
}

/* line 499, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-card-wide-image .dndzone__inner-wrapper {
  padding-top: 170% !important;
}

/* line 503, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-gkgtabs-content-block {
  box-shadow: none;
  border-radius: 0;
}

/* line 506, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-gkgtabs-content-add {
  box-shadow: none;
  border-radius: 0;
}

/* line 511, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-form-textarea {
  border-radius: 0;
}

/* line 513, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-form-select {
  border-radius: 0;
}

/* line 517, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-fincard-content {
  border-radius: 0;
  box-shadow: none;
}

/* line 526, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-fincard-table--show tr:nth-child(2n + 1) td:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 529, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-fincard-table--show tr:nth-child(2n + 1) td:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 533, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-modal-content {
  border-radius: 0;
}

/* line 536, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.bm-blogFriendly-canvas .bmc-page-card-image-icon-title {
  font-family: Prata;
  color: #000000;
}

/* line 540, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.testing-blogFriendly {
  padding: 120px 80px;
  font-family: Nunito;
  color: #000000;
}

/* line 545, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.testing-blogFriendly .title {
  margin-bottom: 10px;
}

/* line 548, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.testing-blogFriendly .description {
  margin-bottom: 64px;
}

/* line 551, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.testing-blogFriendly .description .textarea-wrapper textarea {
  text-align: center;
}

/* line 554, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.testing-blogFriendly .card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 558, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.testing-blogFriendly .card .main {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 558, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .testing-blogFriendly .card .main {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 565, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.testing-blogFriendly .test-card {
  border-radius: 0;
}

/* line 567, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.testing-blogFriendly .test-card .file {
  border-radius: 0 !important;
}

/* line 570, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.testing-blogFriendly .response-card {
  background: #FFFFFF00;
}

/* line 575, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.testing-blogFriendly .response-card__responses .i-like .text-wrapper, .testing-blogFriendly .response-card__responses .i-wish .text-wrapper, .testing-blogFriendly .response-card__responses .what-if .text-wrapper {
  border-radius: 0;
}

/* line 578, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.testing-blogFriendly .bmc-form-textarea {
  border-radius: 0;
}

/* line 581, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.desirability-blogFriendly {
  padding: 100px 80px 40px 80px;
  font-family: Nunito;
  color: #000000;
}

/* line 586, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.desirability-blogFriendly .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 586, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .desirability-blogFriendly .header {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 595, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.desirability-blogFriendly .header .title {
  text-align: start;
  margin-right: 50px;
  width: calc(50% - 50px);
  font-size: 72px;
  line-height: 98px;
}

@media screen and (max-width: 1280px) {
  /* line 595, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .desirability-blogFriendly .header .title {
    text-align: center;
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  /* line 595, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .desirability-blogFriendly .header .title {
    font-size: 64px;
    line-height: 87px;
  }
}

@media screen and (max-width: 768px) {
  /* line 595, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .desirability-blogFriendly .header .title {
    font-size: 48px;
    line-height: 65px;
  }
}

/* line 616, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.desirability-blogFriendly .header .description {
  width: 50%;
}

/* line 618, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.desirability-blogFriendly .header .description textarea {
  text-align: center;
}

@media screen and (max-width: 1280px) {
  /* line 616, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .desirability-blogFriendly .header .description {
    width: 100%;
  }
}

/* line 624, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-segment-blogFriendly {
  font-family: Nunito;
  width: 100%;
  color: #000000;
  padding: 120px 80px;
}

/* line 630, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-segment-blogFriendly .title {
  margin-bottom: 10px;
}

/* line 633, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-segment-blogFriendly .description {
  color: #000000;
}

/* line 636, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-segment-blogFriendly .description textarea {
  text-align: center;
}

/* line 639, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-segment-blogFriendly .cards-section {
  margin-top: 64px;
  width: 100%;
}

/* line 643, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-segment-blogFriendly .cards-section .left {
  margin-top: 64px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  /* line 643, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .customer-segment-blogFriendly .cards-section .left {
    display: none;
  }
}

/* line 652, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-segment-blogFriendly .cards-section .left .item {
  font-family: Prata;
  font-size: 28px;
  line-height: 38px;
  cursor: pointer;
  color: #000000;
  opacity: 0.5;
  margin-right: 30px;
  margin-bottom: 30px;
  padding-bottom: 10px;
}

/* line 663, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-segment-blogFriendly .cards-section .left .item:hover {
  color: #0984FF;
  opacity: 0.5;
}

/* line 667, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-segment-blogFriendly .cards-section .left .item.active {
  color: #000000;
  border-bottom: 1px solid;
  cursor: auto;
  opacity: 1;
}

/* line 673, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-segment-blogFriendly .cards-section .right {
  width: 100%;
}

/* line 676, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-segment-blogFriendly .cards-section .right .bmc-page-card {
  border-radius: 0;
  box-shadow: none;
}

/* line 680, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-segment-blogFriendly .cards-section .right .bmc-page-card .bmc-page-card-line {
  height: 1px;
  background-color: #000000;
}

@media screen and (max-width: 768px) {
  /* line 680, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .customer-segment-blogFriendly .cards-section .right .bmc-page-card .bmc-page-card-line {
    width: 100%;
  }
}

/* line 688, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-segment-blogFriendly .cards-section .right .bmc-page-card .bmc-page-card-row .title {
  font-family: Prata;
  font-size: 28px;
  line-height: 38px;
}

/* line 693, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-segment-blogFriendly .cards-section .right .bmc-page-card .bmc-page-card-row .bmc-page-card-segmentList {
  color: #000000;
  margin-left: 10px;
}

/* line 697, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-segment-blogFriendly .cards-section .right .bmc-page-card .bmc-page-card-row .bmc-page-card-text {
  color: #000000;
}

/* line 700, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.value-propositions-blogFriendly {
  font-family: Nunito;
  color: #000000;
  padding-top: 120px;
}

/* line 705, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.value-propositions-blogFriendly .title {
  margin: 0 80px 10px 80px;
  text-align: center;
  width: calc(100% - 160px);
}

@media screen and (max-width: 1024px) {
  /* line 705, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .value-propositions-blogFriendly .title {
    margin: 0 40px 10px 40px;
    width: calc(100% - 80px);
  }
}

@media screen and (max-width: 768px) {
  /* line 705, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .value-propositions-blogFriendly .title {
    margin: 0 20px 10px 20px;
    width: calc(100% - 40px);
  }
}

/* line 718, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.value-propositions-blogFriendly .description {
  margin: 0 80px 64px 80px;
  width: calc(100% - 160px);
}

@media screen and (max-width: 1024px) {
  /* line 718, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .value-propositions-blogFriendly .description {
    margin: 0 40px 10px 40px;
    width: calc(100% - 80px);
  }
}

@media screen and (max-width: 768px) {
  /* line 718, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .value-propositions-blogFriendly .description {
    margin: 0 20px 10px 20px;
    width: calc(100% - 40px);
  }
}

/* line 731, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.value-propositions-blogFriendly .description .textarea-wrapper textarea {
  text-align: center;
}

/* line 734, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.value-propositions-blogFriendly .cardTitle {
  font-family: Prata;
  font-size: 38px;
  line-height: 51px;
  color: #000000;
}

@media screen and (max-width: 768px) {
  /* line 734, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .value-propositions-blogFriendly .cardTitle {
    font-size: 28px;
    line-height: 38px;
  }
}

/* line 744, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.value-propositions-blogFriendly .bmc-page-card-row {
  margin-bottom: 64px;
}

/* line 747, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.value-propositions-blogFriendly .bmc-page-card-row:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  /* line 744, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .value-propositions-blogFriendly .bmc-page-card-row {
    margin-bottom: 30px;
  }
}

/* line 753, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.value-propositions-blogFriendly .cardRight {
  padding-left: 40px;
  margin-bottom: 0;
  height: 100%;
  display: block;
}

@media screen and (max-width: 1024px) {
  /* line 753, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .value-propositions-blogFriendly .cardRight {
    padding: 40px 20%;
  }
}

@media screen and (max-width: 768px) {
  /* line 753, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .value-propositions-blogFriendly .cardRight {
    padding: 20px 10%;
  }
}

/* line 765, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.value-propositions-blogFriendly .cardRight .bmc-page-card-dropzone-blog {
  border-radius: 182px;
}

/* line 768, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.value-propositions-blogFriendly .cardRight .bmc-page-card-dropzone-blog .bmc-page-card-image-blog {
  border-radius: 182px;
}

/* line 771, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.competitor-analysis-blogFriendly {
  padding: 120px 80px;
  font-family: Nunito;
  color: #000000;
}

/* line 776, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.competitor-analysis-blogFriendly .title {
  text-align: center;
  margin-bottom: 10px;
}

/* line 781, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.competitor-analysis-blogFriendly .description textarea {
  text-align: center;
}

/* line 784, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.competitor-analysis-blogFriendly .table {
  width: 100%;
  text-align: center;
  margin-top: 40px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-collapse: collapse;
}

@media screen and (max-width: 1024px) {
  /* line 784, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .competitor-analysis-blogFriendly .table {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

/* line 796, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.competitor-analysis-blogFriendly .table .title {
  display: none;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
  /* line 801, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .competitor-analysis-blogFriendly .table tr {
    display: block;
    background: #FFFFFF00;
  }
  /* line 807, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .competitor-analysis-blogFriendly .table tr:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 810, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .competitor-analysis-blogFriendly .table thead {
    display: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

/* line 817, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.competitor-analysis-blogFriendly .table thead th {
  font-size: 28px;
  line-height: 38px;
  font-weight: 400;
  vertical-align: top;
  padding-bottom: 10px;
  padding-top: 10px;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 817, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .competitor-analysis-blogFriendly .table thead th {
    display: none;
  }
}

/* line 831, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.competitor-analysis-blogFriendly .table tbody tr:nth-child(odd) {
  border: 1px solid #000000;
}

/* line 834, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.competitor-analysis-blogFriendly .table tbody td {
  text-align: left;
  padding: 30px 20px;
  word-break: break-word;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 834, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .competitor-analysis-blogFriendly .table tbody td {
    display: block;
    padding: 10px 20px;
    background-color: #FFFFFF00;
  }
  /* line 847, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .competitor-analysis-blogFriendly .table tbody td .icon {
    margin-left: 0;
  }
  /* line 850, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .competitor-analysis-blogFriendly .table tbody td .title {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  /* line 834, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .competitor-analysis-blogFriendly .table tbody td {
    padding: 10px;
  }
}

/* line 856, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.competitor-analysis-blogFriendly .table tbody td:first-child {
  padding: 30px 20px;
}

@media screen and (max-width: 1024px) {
  /* line 856, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .competitor-analysis-blogFriendly .table tbody td:first-child {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 856, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .competitor-analysis-blogFriendly .table tbody td:first-child {
    padding: 10px;
  }
}

/* line 865, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.competitor-analysis-blogFriendly .table tbody td:last-child {
  position: relative;
}

/* line 868, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.competitor-analysis-blogFriendly .table tbody td .bmc-page-compcard-item-text-template--with-image {
  font-size: 21px;
  line-height: 29px;
}

/* line 872, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-relationships-blogFriendly {
  padding: 120px 80px;
  font-family: Nunito;
  color: #000000;
  width: 100%;
}

/* line 878, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-relationships-blogFriendly .title {
  text-align: center;
  margin-bottom: 10px;
}

/* line 883, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-relationships-blogFriendly .description textarea {
  text-align: center;
}

/* line 886, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-relationships-blogFriendly .bmc-page-gkgtabs-tabs {
  font-family: Nunito;
}

/* line 890, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-relationships-blogFriendly .bmc-page-gkgtabs-tabs-tab:hover {
  opacity: 0.5;
}

/* line 892, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-relationships-blogFriendly .bmc-page-gkgtabs-tabs-tab-title {
  font-weight: 400;
}

/* line 895, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-relationships-blogFriendly .bmc-page-gkgtabs-tabs-tab--active {
  cursor: auto;
}

/* line 898, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-relationships-blogFriendly .bmc-page-gkgtabs-tabs-tab--active:hover {
  opacity: 1;
}

/* line 901, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-relationships-blogFriendly .bmc-page-gkgtabs-tabs-tab--active .bmc-page-gkgtabs-tabs-tab-title {
  font-weight: 700;
}

/* line 904, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-relationships-blogFriendly .bmc-page-gkgtabs-content {
  font-family: Nunito;
}

/* line 907, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.customer-relationships-blogFriendly .bmc-page-gkgtabs-content-block {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #000000;
}

/* line 912, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.channel-blogFriendly {
  padding: 120px 80px;
  font-family: Nunito;
  color: #000000;
  width: 100%;
}

/* line 918, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.channel-blogFriendly .channels-title {
  text-align: center;
  margin-bottom: 10px;
}

/* line 923, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.channel-blogFriendly .description textarea {
  text-align: center;
}

/* line 926, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.channel-blogFriendly .cards-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  margin-top: 40px;
}

/* line 932, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.channel-blogFriendly .cards-section .left {
  width: 78%;
}

@media screen and (max-width: 768px) {
  /* line 932, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .channel-blogFriendly .cards-section .left {
    width: 100%;
  }
}

/* line 938, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.channel-blogFriendly .cards-section .bmc-page-card {
  border-radius: 0;
  box-shadow: none;
  background-color: #FFFFFF;
  padding: 0;
}

/* line 944, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.channel-blogFriendly .cards-section .bmc-page-card-inner {
  vertical-align: middle;
}

/* line 947, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.channel-blogFriendly .cards-section .bmc-page-card-inner:nth-child(1) {
  width: 45%;
  margin-right: 3%;
}

/* line 951, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.channel-blogFriendly .cards-section .bmc-page-card-inner:nth-child(2) {
  width: 52%;
  margin-bottom: 0;
}

/* line 955, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.channel-blogFriendly .cards-section .image-hover {
  max-width: 100%;
  padding: 10px;
  border: 1px solid #FFFFFF00;
  border-radius: 50%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
}

/* line 964, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.channel-blogFriendly .cards-section .image-hover .image {
  width: 100%;
  border-radius: 50%;
  background-color: #E7E6E6;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 3% 2%;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
}

@media screen and (max-width: 1024px) {
  /* line 964, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .channel-blogFriendly .cards-section .image-hover .image {
    width: 100% !important;
  }
}

/* line 977, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.channel-blogFriendly .cards-section .bmc-page-card-big-title--customer-title {
  font-family: Prata;
  font-weight: 400;
}

/* line 981, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.channel-blogFriendly .cards-section .bmc-page-card-big-title--with-underline {
  border-bottom: 1px solid #000000;
}

/* line 984, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.channel-blogFriendly .cards-section .right {
  width: 22%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-left: 40px;
}

@media screen and (max-width: 1280px) {
  /* line 984, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .channel-blogFriendly .cards-section .right {
    margin-left: 20px;
  }
}

@media screen and (max-width: 768px) {
  /* line 984, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .channel-blogFriendly .cards-section .right {
    display: none;
  }
}

/* line 998, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.channel-blogFriendly .cards-section .right .item {
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  cursor: pointer;
  width: 100%;
  padding: 20px;
  margin-bottom: 10px;
  border: 1px solid #000000;
  color: #00000080;
  background-color: #FFFFFF00;
}

/* line 1010, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.channel-blogFriendly .cards-section .right .item:hover {
  border: 1px solid #0984FF;
  color: #0984FF;
  opacity: 0.5;
}

@media screen and (max-width: 1280px) {
  /* line 998, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .channel-blogFriendly .cards-section .right .item {
    font-size: 16px;
    line-height: 20px;
  }
}

/* line 1019, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.channel-blogFriendly .cards-section .right .item.active {
  color: #000000;
  cursor: inherit;
  border: none;
  opacity: 1;
}

/* line 1025, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.channel-blogFriendly .cards-section .title {
  margin-top: 20px;
}

/* line 1028, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.feasibility-blogFriendly {
  padding: 100px 80px 40px 80px;
  font-family: Nunito;
  color: #000000;
}

/* line 1033, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.feasibility-blogFriendly .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 1033, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .feasibility-blogFriendly .header {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1042, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.feasibility-blogFriendly .header .title {
  text-align: start;
  margin-right: 50px;
  width: calc(50% - 50px);
  font-size: 72px;
}

@media screen and (max-width: 1280px) {
  /* line 1042, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .feasibility-blogFriendly .header .title {
    text-align: center;
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1042, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .feasibility-blogFriendly .header .title {
    font-size: 64px;
    line-height: 87px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1042, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .feasibility-blogFriendly .header .title {
    font-size: 48px;
    line-height: 65px;
  }
}

/* line 1062, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.feasibility-blogFriendly .header .description {
  width: 50%;
}

/* line 1064, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.feasibility-blogFriendly .header .description textarea {
  text-align: center;
}

@media screen and (max-width: 1280px) {
  /* line 1062, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .feasibility-blogFriendly .header .description {
    width: 100%;
  }
}

/* line 1070, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.viability-blogFriendly {
  padding: 100px 80px 40px 80px;
  font-family: Nunito;
  color: #000000;
}

/* line 1075, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.viability-blogFriendly .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 1075, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .viability-blogFriendly .header {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1084, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.viability-blogFriendly .header .title {
  text-align: start;
  margin-right: 50px;
  width: calc(50% - 50px);
  font-size: 72px;
}

@media screen and (max-width: 1280px) {
  /* line 1084, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .viability-blogFriendly .header .title {
    text-align: center;
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1084, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .viability-blogFriendly .header .title {
    font-size: 64px;
    line-height: 87px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1084, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .viability-blogFriendly .header .title {
    font-size: 48px;
    line-height: 65px;
  }
}

/* line 1104, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.viability-blogFriendly .header .description {
  width: 50%;
}

/* line 1106, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.viability-blogFriendly .header .description textarea {
  text-align: center;
}

@media screen and (max-width: 1280px) {
  /* line 1104, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .viability-blogFriendly .header .description {
    width: 100%;
  }
}

/* line 1112, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.key-activities-blogFriendly {
  padding: 120px 80px;
  font-family: Nunito;
  color: #000000;
}

/* line 1117, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.key-activities-blogFriendly .title {
  margin-bottom: 10px;
}

/* line 1122, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.key-activities-blogFriendly .description textarea {
  text-align: center;
}

/* line 1125, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.key-activities-blogFriendly .key-activity {
  margin-top: 44px;
  width: 100%;
  color: #000000;
}

/* line 1130, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.key-activities-blogFriendly .key-activity.bmc-page-keycard--portfolio-edit .bmc-page-keycard {
  background-color: #FFFFFF00;
  padding: 0;
  box-shadow: none;
}

/* line 1135, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.key-activities-blogFriendly .key-activity.bmc-page-keycard--portfolio-edit .bmc-page-keycard-title {
  display: none;
}

@media screen and (max-width: 564px) {
  /* line 1138, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .key-activities-blogFriendly .key-activity.bmc-page-keycard--portfolio-edit .bmc-page-keycard-step {
    padding: 10px;
    width: 100%;
  }
}

@media screen and (max-width: 1379px) and (min-width: 1365px) {
  /* line 1145, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .key-activities-blogFriendly .key-activity.bmc-page-keycard--portfolio-edit .bmc-page-keycard-step:nth-child(5n) .line-key {
    display: none;
  }
}

@media screen and (min-width: 1380px), screen and (max-width: 1364px) and (min-width: 1254px), screen and (max-width: 1254px) and (min-width: 1085px) {
  /* line 1150, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .key-activities-blogFriendly .key-activity.bmc-page-keycard--portfolio-edit .bmc-page-keycard-step:nth-child(4n) .line-key {
    display: none;
  }
}

@media screen and (max-width: 1084px) and (min-width: 845px), screen and (max-width: 768px) and (min-width: 765px) {
  /* line 1155, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .key-activities-blogFriendly .key-activity.bmc-page-keycard--portfolio-edit .bmc-page-keycard-step:nth-child(3n) .line-key {
    display: none;
  }
}

@media screen and (max-width: 844px) and (min-width: 769px), screen and (max-width: 764px) and (min-width: 565px) {
  /* line 1160, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .key-activities-blogFriendly .key-activity.bmc-page-keycard--portfolio-edit .bmc-page-keycard-step:nth-child(2n) .line-key {
    display: none;
  }
}

/* line 1163, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.key-activities-blogFriendly .key-activity.bmc-page-keycard--portfolio-edit .bmc-page-keycard-step .circle {
  width: 80px;
  height: 80px;
  background-color: #E7E6E6;
  border-radius: 50%;
  margin: 0 auto;
}

/* line 1170, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.key-activities-blogFriendly .key-activity.bmc-page-keycard--portfolio-edit .bmc-page-keycard-step::before {
  display: none;
}

/* line 1173, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.key-activities-blogFriendly .key-activity.bmc-page-keycard--portfolio-edit .bmc-page-keycard-step .line-key {
  background-color: #000000;
  z-index: 1;
  height: 2px;
  width: calc(100% + 20px);
  position: absolute;
  top: 40px;
  left: 90px;
}

@media screen and (max-width: 564px) {
  /* line 1173, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .key-activities-blogFriendly .key-activity.bmc-page-keycard--portfolio-edit .bmc-page-keycard-step .line-key {
    display: none;
  }
}

/* line 1185, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.key-activities-blogFriendly .key-activity.bmc-page-keycard--portfolio-edit .bmc-page-keycard-step-title {
  font-size: 24px;
  line-height: 33px;
  font-family: Prata;
  font-weight: 400;
  margin: 20px 0 10px 0;
}

@media screen and (max-width: 564px) {
  /* line 1185, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .key-activities-blogFriendly .key-activity.bmc-page-keycard--portfolio-edit .bmc-page-keycard-step-title {
    text-align: center;
  }
}

/* line 1195, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.key-activities-blogFriendly .key-activity.bmc-page-keycard--portfolio-edit .bmc-page-keycard-step-text {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}

@media screen and (max-width: 564px) {
  /* line 1195, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .key-activities-blogFriendly .key-activity.bmc-page-keycard--portfolio-edit .bmc-page-keycard-step-text {
    text-align: center;
  }
}

/* line 1203, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.key-activities-blogFriendly .key-resources-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  margin-top: 40px;
}

@media screen and (max-width: 1024px) {
  /* line 1203, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .key-activities-blogFriendly .key-resources-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1212, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.key-activities-blogFriendly .key-resource {
  width: 50%;
}

/* line 1215, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.key-activities-blogFriendly .key-resource:first-child {
  margin-right: 20px;
}

/* line 1218, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.key-activities-blogFriendly .key-resource:last-child {
  margin-left: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 1218, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .key-activities-blogFriendly .key-resource:last-child {
    margin-top: 30px;
    margin-left: 0;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1212, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .key-activities-blogFriendly .key-resource {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

/* line 1230, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.key-activities-blogFriendly .key-resource .bmc-page-keycard {
  min-height: 100%;
  border-radius: 0;
  border: 1px solid #000000;
  box-shadow: none;
}

/* line 1236, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.key-activities-blogFriendly .key-resource .bmc-page-keycard-title {
  color: #000000;
  font-size: 38px;
  line-height: 51px;
  font-family: Prata;
}

@media screen and (max-width: 1024px) {
  /* line 1236, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .key-activities-blogFriendly .key-resource .bmc-page-keycard-title {
    font-size: 32px;
    line-height: 44px;
  }
}

/* line 1246, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.key-activities-blogFriendly .key-resource .bmc-page-keycard-list {
  color: #000000;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin-top: 20px;
}

@media screen and (max-width: 480px) {
  /* line 1246, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .key-activities-blogFriendly .key-resource .bmc-page-keycard-list {
    padding-inline-start: 40px;
  }
}

/* line 1257, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.key-activities-blogFriendly .key-resource .bmc-page-keycard-list-item .line {
  background-color: #000000;
  width: 30px;
  height: 2px;
  left: -45px;
  top: 8px;
  border-radius: 0;
  margin-right: 15px;
  padding-right: 30px;
}

/* line 1267, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.key-activities-blogFriendly .key-resource .bmc-page-keycard-list-item .circle {
  display: none;
}

/* line 1270, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.sustainability-blogFriendly {
  padding: 120px 80px;
  font-family: Nunito;
  color: #000000;
}

/* line 1275, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.sustainability-blogFriendly .title {
  margin-bottom: 10px;
  text-align: center;
}

/* line 1281, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.sustainability-blogFriendly .description .textarea-wrapper textarea {
  text-align: center;
}

/* line 1284, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.contact-us-blogFriendly {
  font-family: Nunito;
  color: #000000;
  padding: 100px 80px 55px 80px;
  position: relative;
}

@media screen and (max-width: 768px) {
  /* line 1284, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .contact-us-blogFriendly {
    padding-bottom: 120px;
  }
}

/* line 1293, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.contact-us-blogFriendly .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 35px;
}

@media screen and (max-width: 1024px) {
  /* line 1293, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .contact-us-blogFriendly .header {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/* line 1302, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.contact-us-blogFriendly .header .scroll-top {
  cursor: pointer;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  width: 120px;
}

@media screen and (max-width: 1024px) {
  /* line 1302, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .contact-us-blogFriendly .header .scroll-top {
    position: absolute;
    top: 100px;
    right: 40px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1302, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .contact-us-blogFriendly .header .scroll-top {
    position: absolute;
    top: 30px;
    left: 30px;
  }
}

/* line 1319, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.contact-us-blogFriendly .header .scroll-top i {
  margin-left: 14px;
}

/* line 1322, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.contact-us-blogFriendly .header .title {
  margin-right: 25px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  /* line 1322, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .contact-us-blogFriendly .header .title {
    margin-bottom: 15px;
    text-align: center;
  }
}

/* line 1330, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.contact-us-blogFriendly .fields {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  padding-bottom: 35px;
}

@media screen and (max-width: 1024px) {
  /* line 1330, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .contact-us-blogFriendly .fields {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 1341, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.contact-us-blogFriendly .fields .description {
  width: calc(34% - 35px);
  margin-right: 15px;
  display: block;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 1341, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .contact-us-blogFriendly .fields .description {
    width: 80%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  /* line 1352, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .contact-us-blogFriendly .fields .description textarea {
    text-align: center;
  }
}

/* line 1355, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.contact-us-blogFriendly .fields .description-contact {
  font-size: 16px;
  line-height: 20px;
  display: block;
}

/* line 1360, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.contact-us-blogFriendly .fields .form-field {
  width: calc(33% - 15px);
  margin-right: 15px;
}

@media screen and (max-width: 1024px) {
  /* line 1360, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .contact-us-blogFriendly .fields .form-field {
    width: 80%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

/* line 1369, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.contact-us-blogFriendly .fields .form_input {
  font-size: 16px;
  line-height: 20px;
  padding: 10px;
  border-radius: 0;
  min-height: 27px;
  border: 1px solid #FFFFFF00;
  color: #000000;
  background-color: #FFFFFF00;
}

/* line 1380, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.contact-us-blogFriendly .fields .form_input::-moz-placeholder {
  color: #B8C0C5;
}
.contact-us-blogFriendly .fields .form_input:-ms-input-placeholder {
  color: #B8C0C5;
}
.contact-us-blogFriendly .fields .form_input::placeholder {
  color: #B8C0C5;
}

@media screen and (max-width: 1024px) {
  /* line 1369, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .contact-us-blogFriendly .fields .form_input {
    text-align: center;
  }
}

/* line 1386, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.contact-us-blogFriendly .footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding-top: 15px;
  border-top: 1px solid #000000;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  /* line 1386, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .contact-us-blogFriendly .footer {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 1404, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
.contact-us-blogFriendly .footer .company-name {
  margin-left: 13px;
  font-size: 24px;
  line-height: 33px;
}

@media screen and (max-width: 1280px) {
  /* line 1409, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .section {
    padding: 100px 40px 40px 40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1409, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .section {
    padding: 100px 20px 40px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 1409, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-blogFriendly.sass */
  .section {
    padding: 100px 10px 40px 10px;
  }
}

/* line 2, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly-temp {
  padding: 120px 80px;
  font-family: Nunito;
  color: #000000;
}

/* line 7, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly-temp .title {
  margin-bottom: 10px;
  text-align: center;
}

/* line 11, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly-temp .description {
  color: #000000;
  text-align: center;
}

/* line 16, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly-temp .description .textarea-wrapper textarea {
  text-align: center;
}

/* line 19, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly-temp .tab-content {
  width: 100%;
  position: relative;
}

/* line 24, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly-temp .tab-content .forecast .main-title {
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 24, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
  .portfolio-finance-blogFriendly-temp .tab-content .forecast .main-title {
    display: block;
    color: #000000;
    text-align: center;
    font-family: Nunito;
    font-size: 28px;
    font-weight: 700;
    line-height: 38px;
    margin-top: 50px;
    margin-bottom: 30px;
  }
}

/* line 38, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly-temp .tabs-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  margin-bottom: 50px;
  margin-top: 44px;
}

@media screen and (max-width: 768px) {
  /* line 38, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
  .portfolio-finance-blogFriendly-temp .tabs-wrapper {
    display: none;
  }
}

/* line 49, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly-temp .tabs-wrapper .subchapter {
  width: 100%;
}

/* line 52, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly-temp .tabs-wrapper .subchapter .title {
  text-align: center !important;
  color: #000 !important;
  font-size: 21px !important;
}

/* line 57, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly-temp .tabs-wrapper .tab {
  color: #000000;
  opacity: 0.5;
  margin-right: 20px;
  padding: 20px;
  cursor: pointer;
  font-size: 24px;
  font-weight: 700;
  line-height: 33px;
}

/* line 67, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly-temp .tabs-wrapper .tab.active {
  cursor: default;
  border-bottom: 2px solid;
  color: #000000;
  opacity: 1;
}

/* line 74, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly-temp .tabs-wrapper .tab:not(.active):hover {
  color: #0984FF;
  opacity: 0.5;
}

/* line 78, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter {
  width: 100%;
  text-align: left;
  position: relative;
  color: #000000;
}

/* line 84, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter > .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 33px;
  text-align: center;
  font-family: Nunito;
}

/* line 91, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter .subchapter {
  display: inline-block;
}

/* line 94, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter .subchapter--big-title {
  margin-left: 40px;
}

/* line 96, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter .subchapter--big-title .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 33px;
  text-align: center;
  font-family: Nunito;
}

@media screen and (max-width: 768px) {
  /* line 96, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
  .portfolio-finance-blogFriendly .chapter .subchapter--big-title .title {
    margin-top: 40px;
  }
}

/* line 106, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter .subchapter > .title {
  color: #000000;
  margin-bottom: 20px;
}

/* line 111, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter .info-preview {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 20px;
}

/* line 118, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

/* line 124, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter .info-block {
  padding: 33px;
  background: #FFFFFF;
  border-radius: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(50% - 20px);
  margin-bottom: 20px;
  border: 1px solid #000000;
}

@media screen and (max-width: 1024px) {
  /* line 124, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
  .portfolio-finance-blogFriendly .chapter .info-block {
    padding: 20px;
    width: 100%;
  }
}

/* line 138, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter .info-block .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  width: 100%;
  margin-right: 33px;
  text-align: left;
  color: #000000;
  margin-bottom: 12px;
}

/* line 148, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter .info-block .description {
  width: 100%;
  white-space: pre-wrap;
  font-size: 16px;
  line-height: 20px;
  text-align: start;
}

/* line 155, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter table {
  width: 100%;
  background: #FFFFFF;
  padding: 17px 0;
  border-collapse: collapse;
  border-radius: 0;
}

@media screen and (max-width: 1024px) {
  /* line 155, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
  .portfolio-finance-blogFriendly .chapter table {
    min-width: 100%;
    width: auto;
  }
}

/* line 168, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter table.forecast tr th {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  text-align: center;
}

@media screen and (max-width: 1200px) {
  /* line 168, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
  .portfolio-finance-blogFriendly .chapter table.forecast tr th {
    font-size: 10px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 168, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
  .portfolio-finance-blogFriendly .chapter table.forecast tr th {
    min-width: 60px;
  }
}

/* line 180, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter table.forecast tr th:first-child {
  font-size: 18px;
  font-weight: 700;
  padding: 17px;
}

@media screen and (max-width: 1200px) {
  /* line 180, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
  .portfolio-finance-blogFriendly .chapter table.forecast tr th:first-child {
    font-size: 12px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 180, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
  .portfolio-finance-blogFriendly .chapter table.forecast tr th:first-child {
    min-width: 150px;
  }
}

@media screen and (max-width: 1439px) {
  /* line 191, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
  .portfolio-finance-blogFriendly .chapter table.forecast tr td {
    font-size: 16px;
  }
}

@media screen and (max-width: 1200px) {
  /* line 191, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
  .portfolio-finance-blogFriendly .chapter table.forecast tr td {
    font-size: 12px;
  }
}

/* line 199, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter table.forecast tr th:first-child, .portfolio-finance-blogFriendly .chapter table.forecast tr td:first-child {
  width: 15%;
}

/* line 202, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter table.forecast tbody tr {
  border-bottom: 2px solid #E7E6E6;
}

/* line 204, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter table.forecast tbody tr:last-child {
  border-bottom: none;
}

/* line 208, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter table tbody.balance tr {
  background: #fff !important;
  border-bottom: 2px solid #E7E6E6;
}

/* line 212, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter table tbody.balance tr:last-child {
  border-bottom: none;
}

/* line 216, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter table tbody.balance td {
  font-weight: bold;
}

/* line 219, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter table th.left-align, .portfolio-finance-blogFriendly .chapter table td.left-align {
  text-align: left !important;
  padding-left: 14px !important;
  padding-right: 0 !important;
  word-break: break-word;
}

/* line 225, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter table th {
  font-weight: 700;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
}

@media screen and (max-width: 1024px) {
  /* line 225, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
  .portfolio-finance-blogFriendly .chapter table th {
    min-width: 100px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 234, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
  .portfolio-finance-blogFriendly .chapter table th:first-child {
    min-width: 200px;
  }
}

/* line 238, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter table th, .portfolio-finance-blogFriendly .chapter table td {
  padding: 12px 0;
}

/* line 241, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter table td {
  text-align: center;
  border-right: 2px solid #E7E6E6;
}

/* line 244, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter table td:last-child {
  border-right: none;
}

/* line 247, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter table tr.total {
  background: #fff !important;
}

/* line 249, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter table tr.total td {
  border-top: 2px solid #E7E6E6;
}

/* line 251, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter table tr.total > * {
  font-weight: bold;
}

/* line 253, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter table tr.total:nth-child(even) {
  background-color: #fbfcfc;
}

/* line 255, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chapter table tr.total:nth-child(even) td {
  border-top: 2px solid #E7E6E6;
}

/* line 258, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .table-subchapter {
  background-color: #FFFFFF;
  border-radius: 0;
  overflow: auto;
  font-size: 16px;
  border: 1px solid #000000;
}

/* line 265, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .table-subchapter table {
  border-radius: 0;
  box-shadow: none;
}

/* line 269, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .table-subchapter table td {
  padding: 10px 0;
  border-right: 1px solid #000000;
}

/* line 272, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .table-subchapter table td:last-child {
  border-right: none;
}

/* line 274, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .table-subchapter table th {
  padding: 17px 0;
  border-right: 1px solid #000000;
}

/* line 278, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .table-subchapter table th:last-child {
  border-right: none;
}

/* line 282, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .table-subchapter table tr:nth-child(2n) {
  background-color: #E7E6E6;
  border-top: 2px solid #E7E6E6;
  border-bottom: 2px solid #E7E6E6;
}

/* line 287, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .table-subchapter table tr:last-child td {
  border-bottom: none;
}

/* line 290, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .table-wrapper {
  background-color: #FFFFFF;
  border-radius: 0;
  overflow: auto;
}

/* line 294, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .table-wrapper .forecast {
  box-shadow: none;
}

/* line 296, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .table-wrapper .forecast .variable-cost {
  background: #fff !important;
}

/* line 298, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .table-wrapper .subchapter {
  margin-bottom: 20px;
}

/* line 300, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .table-wrapper .subchapter .separator {
  display: none;
}

/* line 302, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .table-wrapper .subchapter .title {
  color: #000000;
  margin: 0 0 0 20px;
  font-size: 17.73px;
  font-weight: 700;
  line-height: 24px;
  text-align: start;
}

/* line 310, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chart {
  position: relative;
}

/* line 313, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chart .main-title {
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 313, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
  .portfolio-finance-blogFriendly .chart .main-title {
    display: block;
    color: #000000;
    font-family: Nunito;
    font-size: 28px;
    font-weight: 700;
    line-height: 38px;
    margin-top: 50px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 768px) {
  /* line 326, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
  .portfolio-finance-blogFriendly .chart-inner {
    overflow: auto;
  }
}

/* line 330, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chart-wrapper {
  border: 1px solid #000000;
}

@media screen and (max-width: 768px) {
  /* line 330, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
  .portfolio-finance-blogFriendly .chart-wrapper {
    padding: 20px;
    width: 1024px;
  }
}

/* line 336, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chart .title {
  color: #615BDC;
  margin-bottom: 20px;
}

/* line 340, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chart-title {
  margin-bottom: 20px;
}

/* line 343, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .chart-wrapper {
  background: #FFFFFF;
  border-radius: 0;
  padding: 16px;
}

/* line 348, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .forecast-inner {
  padding: 20px 0;
  border-radius: 0;
  background-color: white;
  border: 1px solid #000000;
}

/* line 354, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .forecast-inner--web {
  margin-top: 20px !important;
}

/* line 356, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .forecast-inner--web > .subchapter {
  display: block;
}

/* line 358, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .forecast-inner--web > .subchapter > .title {
  color: #000000;
  margin: 0 0 0 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: start;
}

/* line 366, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .forecast-inner > .subchapter {
  margin-top: 20px !important;
}

/* line 368, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .forecast-inner > .subchapter:first-child {
  margin-top: 0 !important;
}

/* line 371, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .forecast-inner > .subchapter > .separator {
  display: none;
}

/* line 374, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .forecast-inner > .table-wrapper {
  box-shadow: none;
  margin-top: 0;
  border-radius: 0;
}

/* line 378, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .forecast-inner > .table-wrapper > table {
  border-radius: 0;
}

/* line 381, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .forecast-inner > .table-wrapper > table tr th, .portfolio-finance-blogFriendly .forecast-inner > .table-wrapper > table tr td {
  border-radius: 0 !important;
}

/* line 383, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-finance-blog.sass */
.portfolio-finance-blogFriendly .forecast-inner > .table-wrapper > table tr th:first-child, .portfolio-finance-blogFriendly .forecast-inner > .table-wrapper > table tr td:first-child {
  padding-left: 20px !important;
}

/* line 1, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.portfolio-web-blogFriendly {
  max-width: 1440px;
  margin: auto;
  color: #000000;
  font-family: Nunito;
}

/* line 7, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.portfolio-web-blogFriendly .bmc-modal-content {
  border-radius: 0;
}

/* line 11, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.introduction-blogFriendly-web-wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  color: #000000;
  position: relative;
  padding: 60px 80px 80px 80px;
}

@media screen and (max-width: 1280px) {
  /* line 11, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .introduction-blogFriendly-web-wrapper {
    padding: 60px;
  }
}

@media screen and (max-width: 768px) {
  /* line 11, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .introduction-blogFriendly-web-wrapper {
    padding: 30px;
  }
}

/* line 25, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.introduction-blogFriendly-web-wrapper .image {
  width: 45%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 50%;
  margin: 0 auto;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
}

@media screen and (max-width: 1280px) {
  /* line 25, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .introduction-blogFriendly-web-wrapper .image {
    width: 55%;
  }
}

@media screen and (max-width: 1024px) {
  /* line 25, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .introduction-blogFriendly-web-wrapper .image {
    width: 65%;
    top: 140px;
  }
}

@media screen and (max-width: 900px) {
  /* line 25, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .introduction-blogFriendly-web-wrapper .image {
    width: 75%;
  }
}

@media screen and (max-width: 768px) {
  /* line 25, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .introduction-blogFriendly-web-wrapper .image {
    width: 85%;
    top: 125px;
  }
}

@media screen and (max-width: 480px) {
  /* line 25, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .introduction-blogFriendly-web-wrapper .image {
    top: 100px;
  }
}

@media screen and (max-width: 320px) {
  /* line 25, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .introduction-blogFriendly-web-wrapper .image {
    top: 70px;
  }
}

/* line 55, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.introduction-blogFriendly-web-wrapper .logo {
  width: 250px;
  max-width: 250px;
  max-height: 80px;
  margin-bottom: 550px;
}

@media screen and (max-width: 768px) {
  /* line 55, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .introduction-blogFriendly-web-wrapper .logo {
    margin-bottom: 435px;
    width: 45%;
  }
}

@media screen and (max-width: 600px) {
  /* line 55, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .introduction-blogFriendly-web-wrapper .logo {
    margin-bottom: 400px;
  }
}

@media screen and (max-width: 480px) {
  /* line 55, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .introduction-blogFriendly-web-wrapper .logo {
    margin-bottom: 300px;
  }
}

@media screen and (max-width: 320px) {
  /* line 55, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .introduction-blogFriendly-web-wrapper .logo {
    margin-bottom: 200px;
  }
}

/* line 74, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.introduction-blogFriendly-web-wrapper .logo .bmc-page-card-image {
  border: 1px solid #000000;
  box-shadow: none;
}

/* line 78, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.introduction-blogFriendly-web-wrapper .logo .bmc-page-card-image--no-image-wrapper {
  padding-top: 32%;
}

/* line 81, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.introduction-blogFriendly-web-wrapper .logo-upload {
  width: 100%;
  max-width: 250px;
  max-height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 500px;
}

@media screen and (max-width: 768px) {
  /* line 81, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .introduction-blogFriendly-web-wrapper .logo-upload {
    width: 45%;
  }
}

@media screen and (max-width: 600px) {
  /* line 81, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .introduction-blogFriendly-web-wrapper .logo-upload {
    margin-bottom: 400px;
  }
}

@media screen and (max-width: 480px) {
  /* line 81, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .introduction-blogFriendly-web-wrapper .logo-upload {
    margin-bottom: 300px;
  }
}

@media screen and (max-width: 320px) {
  /* line 81, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .introduction-blogFriendly-web-wrapper .logo-upload {
    margin-bottom: 200px;
  }
}

/* line 100, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.introduction-blogFriendly-web-wrapper .content-intro {
  width: calc(100% + 160px);
  padding: 50px 80px;
  margin: 0 -80px;
  z-index: 1;
}

@media screen and (max-width: 1024px) {
  /* line 100, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .introduction-blogFriendly-web-wrapper .content-intro {
    width: calc(100% + 120px);
    margin: 0 -60px;
    padding: 50px 60px;
  }
}

@media screen and (max-width: 768px) {
  /* line 100, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .introduction-blogFriendly-web-wrapper .content-intro {
    width: calc(100% + 60px);
    margin: 0 -30px;
    padding: 30px;
  }
}

/* line 116, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.introduction-blogFriendly-web-wrapper .content-intro .title {
  color: #000000;
  margin-bottom: 8px;
  font-family: Prata;
  width: 100%;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 116, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .introduction-blogFriendly-web-wrapper .content-intro .title {
    text-align: center;
  }
}

/* line 126, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.introduction-blogFriendly-web-wrapper .description {
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 126, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .introduction-blogFriendly-web-wrapper .description {
    text-align: center;
  }
}

/* line 132, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.summary-blogFriendly-web {
  padding: 120px 190px;
  width: 100%;
  position: relative;
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 132, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .summary-blogFriendly-web {
    padding: 65px 65px 45px 65px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 132, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .summary-blogFriendly-web {
    padding: 40px;
  }
}

/* line 144, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.summary-blogFriendly-web .title {
  margin-bottom: 32px;
}

/* line 147, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.summary-blogFriendly-web .description {
  text-align: center;
  color: #000000;
  white-space: pre-wrap;
}

/* line 152, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.summary-blogFriendly-web .button {
  color: #000000;
  border-radius: 0;
  width: 100%;
  height: auto;
  cursor: pointer;
  overflow: hidden;
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  font-family: Nunito;
  margin-bottom: 20px;
}

/* line 167, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.summary-blogFriendly-web .button i {
  margin-right: 5px;
}

/* line 171, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.summary-blogFriendly-web .bmc-button span {
  text-align: center;
}

/* line 174, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.team-blogFriendly-web {
  padding: 120px 80px;
  width: 100%;
  color: #000000;
}

/* line 179, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.team-blogFriendly-web .title {
  text-align: center;
  margin-bottom: 10px;
}

/* line 183, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.team-blogFriendly-web .description {
  margin-bottom: 64px;
  text-align: center;
}

/* line 187, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.team-blogFriendly-web-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 30px -15px 0;
}

@media screen and (max-width: 768px) {
  /* line 187, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .team-blogFriendly-web-cards {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
  }
}

@media screen and (max-width: 480px) {
  /* line 187, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .team-blogFriendly-web-cards {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 205, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.team-blogFriendly-web-card {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 0 15px 60px;
  width: calc(25% - 30px);
}

@media screen and (max-width: 1439px) {
  /* line 205, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .team-blogFriendly-web-card {
    width: calc(33.3% - 30px);
  }
}

@media screen and (max-width: 1080px) {
  /* line 205, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .team-blogFriendly-web-card {
    width: calc(50% - 30px);
  }
}

@media screen and (max-width: 768px) {
  /* line 205, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .team-blogFriendly-web-card {
    width: calc(100% - 30px);
  }
}

/* line 226, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.team-blogFriendly-web-card .image-upload {
  width: 289px;
  height: 289px;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #E7E6E6;
  margin: 0 auto 24px auto;
}

/* line 238, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.team-blogFriendly-web-card .image-upload .center-block {
  text-align: center;
  font-family: Prata;
  font-size: 72px;
  line-height: 98px;
  color: rgba(0, 0, 0, 0.5);
}

/* line 245, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.team-blogFriendly-web-card .position {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  font-family: Nunito;
  margin: 0 auto 10px auto;
}

/* line 252, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.team-blogFriendly-web-card .name {
  font-size: 21px;
  font-family: Prata;
  line-height: 28px;
  margin: 0 auto 24px auto;
}

/* line 258, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.team-blogFriendly-web-card .member-description {
  font-size: 16px;
  line-height: 20px;
  font-family: Nunito;
  text-align: center;
}

/* line 265, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.bm-blogFriendly-web-canvas {
  padding: 120px 60px;
  background-color: #FFFFFF;
  font-family: Nunito;
  color: #000000;
}

/* line 271, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.bm-blogFriendly-web-canvas .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 275, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.bm-blogFriendly-web-canvas .header .title {
  margin-bottom: 32px;
  width: 100%;
  text-align: center;
}

/* line 280, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.bm-blogFriendly-web-canvas .header .description {
  width: 100%;
  margin: 0 auto 12px auto;
  text-align: center;
  color: #000000;
}

/* line 286, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.testing-blogFriendly-web {
  padding: 120px 80px;
  font-family: Nunito;
  color: #000000;
}

/* line 291, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.testing-blogFriendly-web .title {
  margin-bottom: 10px;
}

/* line 294, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.testing-blogFriendly-web .description {
  margin-bottom: 64px;
  text-align: center;
  color: #000000;
}

/* line 299, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.testing-blogFriendly-web .card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 303, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.testing-blogFriendly-web .card .main {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 303, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .testing-blogFriendly-web .card .main {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 311, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.testing-blogFriendly-web .card .testing-status .incomplete {
  fill: #000000;
  stroke: #000000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

/* line 318, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.testing-blogFriendly-web .test-card {
  border-radius: 0;
}

/* line 320, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.testing-blogFriendly-web .test-card .file {
  border-radius: 0 !important;
}

/* line 323, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.testing-blogFriendly-web .response-card {
  background: #FFFFFF00;
}

/* line 328, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.testing-blogFriendly-web .response-card__responses .i-like .text-wrapper, .testing-blogFriendly-web .response-card__responses .i-wish .text-wrapper, .testing-blogFriendly-web .response-card__responses .what-if .text-wrapper {
  border-radius: 0;
}

/* line 331, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.testing-blogFriendly-web .bmc-form-textarea {
  border-radius: 0;
}

/* line 334, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.desirability-blogFriendly-web {
  padding: 40px 80px;
  font-family: Nunito;
  color: #000000;
}

/* line 339, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.desirability-blogFriendly-web .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 339, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .desirability-blogFriendly-web .header {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 348, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.desirability-blogFriendly-web .header .title {
  text-align: start;
  margin-right: 50px;
  width: calc(50% - 50px);
  font-size: 72px;
}

@media screen and (max-width: 1280px) {
  /* line 348, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .desirability-blogFriendly-web .header .title {
    text-align: center;
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  /* line 348, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .desirability-blogFriendly-web .header .title {
    font-size: 64px;
    line-height: 87px;
  }
}

@media screen and (max-width: 768px) {
  /* line 348, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .desirability-blogFriendly-web .header .title {
    font-size: 48px;
    line-height: 65px;
  }
}

/* line 368, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.desirability-blogFriendly-web .header .description {
  width: 50%;
  text-align: center;
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 368, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .desirability-blogFriendly-web .header .description {
    width: 100%;
  }
}

/* line 376, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-segment-blogFriendly-web {
  font-family: Nunito;
  width: 100%;
  color: #000000;
  padding: 120px 80px;
}

/* line 382, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-segment-blogFriendly-web .title {
  margin-bottom: 10px;
}

/* line 385, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-segment-blogFriendly-web .description {
  color: #000000;
  text-align: center;
}

/* line 389, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-segment-blogFriendly-web .cards-section {
  margin-top: 64px;
  width: 100%;
}

/* line 393, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-segment-blogFriendly-web .cards-section .left {
  margin-top: 64px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  /* line 393, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .customer-segment-blogFriendly-web .cards-section .left {
    display: none;
  }
}

/* line 402, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-segment-blogFriendly-web .cards-section .left .item {
  font-family: Prata;
  font-size: 28px;
  line-height: 38px;
  cursor: pointer;
  color: #00000080;
  margin-right: 30px;
  margin-bottom: 30px;
  padding-bottom: 10px;
}

/* line 412, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-segment-blogFriendly-web .cards-section .left .item:hover {
  color: #0984FF;
  opacity: 0.5;
}

/* line 416, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-segment-blogFriendly-web .cards-section .left .item.active {
  color: #000000;
  border-bottom: 1px solid;
  cursor: auto;
  opacity: 1;
}

/* line 422, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-segment-blogFriendly-web .cards-section .right {
  width: 100%;
}

/* line 425, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-segment-blogFriendly-web .cards-section .right .bmc-page-card {
  border-radius: 0;
  box-shadow: none;
}

/* line 429, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-segment-blogFriendly-web .cards-section .right .bmc-page-card .bmc-page-card-line {
  height: 1px;
  background-color: #000000;
}

/* line 434, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-segment-blogFriendly-web .cards-section .right .bmc-page-card .bmc-page-card-row .title {
  font-family: Prata;
  font-size: 28px;
  line-height: 38px;
}

/* line 439, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-segment-blogFriendly-web .cards-section .right .bmc-page-card .bmc-page-card-row .bmc-page-card-segmentList {
  color: #000000;
}

/* line 442, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-segment-blogFriendly-web .cards-section .right .bmc-page-card .bmc-page-card-row .bmc-page-card-text {
  color: #000000;
}

/* line 445, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.value-propositions-blogFriendly-web {
  font-family: Nunito;
  color: #000000;
}

/* line 449, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.value-propositions-blogFriendly-web .title {
  margin: 0 80px 10px 80px;
  text-align: center;
  width: calc(100% - 160px);
}

@media screen and (max-width: 1024px) {
  /* line 449, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .value-propositions-blogFriendly-web .title {
    margin: 0 40px 10px 40px;
    width: calc(100% - 80px);
  }
}

@media screen and (max-width: 768px) {
  /* line 449, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .value-propositions-blogFriendly-web .title {
    margin: 0 20px 10px 20px;
    width: calc(100% - 40px);
  }
}

/* line 462, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.value-propositions-blogFriendly-web .description {
  margin: 0 80px 64px 80px;
  width: calc(100% - 160px);
  text-align: center;
}

@media screen and (max-width: 1024px) {
  /* line 462, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .value-propositions-blogFriendly-web .description {
    margin: 0 40px 10px 40px;
    width: calc(100% - 80px);
  }
}

@media screen and (max-width: 768px) {
  /* line 462, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .value-propositions-blogFriendly-web .description {
    margin: 0 20px 10px 20px;
    width: calc(100% - 40px);
  }
}

/* line 475, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.value-propositions-blogFriendly-web .cardTitle {
  font-family: Prata;
  font-size: 38px;
  line-height: 51px;
  color: #000000;
}

@media screen and (max-width: 768px) {
  /* line 475, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .value-propositions-blogFriendly-web .cardTitle {
    font-size: 28px;
    line-height: 38px;
  }
}

/* line 485, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.value-propositions-blogFriendly-web .bmc-page-card-row {
  margin-bottom: 64px;
}

/* line 488, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.value-propositions-blogFriendly-web .bmc-page-card-row:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  /* line 485, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .value-propositions-blogFriendly-web .bmc-page-card-row {
    margin-bottom: 30px;
  }
}

/* line 494, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.value-propositions-blogFriendly-web .cardRight {
  padding: 0 60px;
  margin-bottom: 0;
  height: 100%;
  display: block;
}

@media screen and (max-width: 1024px) {
  /* line 494, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .value-propositions-blogFriendly-web .cardRight {
    padding: 40px 20%;
  }
}

@media screen and (max-width: 768px) {
  /* line 494, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .value-propositions-blogFriendly-web .cardRight {
    padding: 20px 10%;
  }
}

/* line 506, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.value-propositions-blogFriendly-web .cardRight .bmc-page-card-dropzone-blog {
  border-radius: 182px;
}

/* line 509, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.value-propositions-blogFriendly-web .cardRight .bmc-page-card-image-blog {
  border-radius: 182px;
  margin: 0 auto;
}

/* line 513, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.value-propositions-blogFriendly-web .cardRight .bmc-page-card-image--no-image-wrapper {
  padding-top: 170% !important;
}

/* line 516, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.competitor-analysis-blogFriendly-web {
  padding: 120px 80px;
  font-family: Nunito;
  color: #000000;
}

/* line 521, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.competitor-analysis-blogFriendly-web .title {
  text-align: center;
  margin-bottom: 10px;
}

/* line 525, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.competitor-analysis-blogFriendly-web .description {
  text-align: center;
  color: #000000;
}

/* line 529, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.competitor-analysis-blogFriendly-web .table {
  width: 100%;
  text-align: center;
  margin-top: 64px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-collapse: collapse;
}

@media screen and (max-width: 1024px) {
  /* line 529, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .competitor-analysis-blogFriendly-web .table {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

/* line 541, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.competitor-analysis-blogFriendly-web .table .title {
  display: none;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
  /* line 546, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .competitor-analysis-blogFriendly-web .table tr {
    display: block;
    background: #FFFFFF;
  }
  /* line 552, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .competitor-analysis-blogFriendly-web .table tr:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 555, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .competitor-analysis-blogFriendly-web .table thead {
    display: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

/* line 562, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.competitor-analysis-blogFriendly-web .table thead th {
  font-size: 28px;
  line-height: 38px;
  font-weight: 400;
  vertical-align: top;
  padding-bottom: 10px;
  padding-top: 10px;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 562, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .competitor-analysis-blogFriendly-web .table thead th {
    display: none;
  }
}

/* line 576, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.competitor-analysis-blogFriendly-web .table tbody tr:nth-child(odd) {
  border: 1px solid #000000;
}

/* line 579, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.competitor-analysis-blogFriendly-web .table tbody td {
  text-align: left;
  padding: 30px 20px;
  word-break: break-word;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 579, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .competitor-analysis-blogFriendly-web .table tbody td {
    display: block;
    padding: 10px 20px;
    background-color: white;
  }
  /* line 592, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .competitor-analysis-blogFriendly-web .table tbody td .icon {
    margin-left: 0;
  }
  /* line 595, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .competitor-analysis-blogFriendly-web .table tbody td .title {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  /* line 579, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .competitor-analysis-blogFriendly-web .table tbody td {
    padding: 10px;
  }
}

/* line 601, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.competitor-analysis-blogFriendly-web .table tbody td:first-child {
  padding: 30px 20px;
}

@media screen and (max-width: 1024px) {
  /* line 601, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .competitor-analysis-blogFriendly-web .table tbody td:first-child {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 601, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .competitor-analysis-blogFriendly-web .table tbody td:first-child {
    padding: 10px;
  }
}

/* line 610, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.competitor-analysis-blogFriendly-web .table tbody td:last-child {
  position: relative;
}

/* line 614, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.competitor-analysis-blogFriendly-web .table tbody td .bmc-page-compcard-item-text-template--with-image {
  font-size: 21px;
  line-height: 29px;
}

/* line 618, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.competitor-analysis-blogFriendly-web .table tbody td .bmc-page-compcard-item-image--no-image-templates {
  font-family: Prata;
}

/* line 621, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-relationships-blogFriendly-web {
  padding: 120px 80px;
  font-family: Nunito;
  color: #000000;
  width: 100%;
}

/* line 627, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-relationships-blogFriendly-web .title {
  text-align: center;
  margin-bottom: 36px;
}

/* line 631, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-relationships-blogFriendly-web .description {
  text-align: center;
}

/* line 634, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-relationships-blogFriendly-web .bmc-page-gkgtabs-tabs {
  font-family: Nunito;
}

/* line 638, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-relationships-blogFriendly-web .bmc-page-gkgtabs-tabs-tab:hover {
  opacity: 0.5;
}

/* line 640, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-relationships-blogFriendly-web .bmc-page-gkgtabs-tabs-tab-title {
  font-weight: 400;
}

/* line 643, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-relationships-blogFriendly-web .bmc-page-gkgtabs-tabs-tab--active {
  cursor: auto;
}

/* line 646, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-relationships-blogFriendly-web .bmc-page-gkgtabs-tabs-tab--active:hover {
  opacity: 1;
}

/* line 649, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-relationships-blogFriendly-web .bmc-page-gkgtabs-tabs-tab--active .bmc-page-gkgtabs-tabs-tab-title {
  font-weight: 700;
}

/* line 652, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-relationships-blogFriendly-web .bmc-page-gkgtabs-content {
  font-family: Nunito;
}

/* line 655, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.customer-relationships-blogFriendly-web .bmc-page-gkgtabs-content-block {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #000000;
}

/* line 660, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.channel-blogFriendly-web {
  padding: 120px 80px;
  font-family: Nunito;
  color: #000000;
  width: 100%;
}

/* line 666, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.channel-blogFriendly-web .channels-title {
  text-align: center;
  margin-bottom: 10px;
}

/* line 670, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.channel-blogFriendly-web .description {
  text-align: center;
  color: #000000;
}

/* line 674, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.channel-blogFriendly-web .cards-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  margin-top: 40px;
}

/* line 680, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.channel-blogFriendly-web .cards-section .left {
  width: 78%;
}

@media screen and (max-width: 768px) {
  /* line 680, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .channel-blogFriendly-web .cards-section .left {
    width: 100%;
  }
}

/* line 686, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.channel-blogFriendly-web .cards-section .bmc-page-card {
  border-radius: 0;
  box-shadow: none;
  background-color: #FFFFFF;
  padding: 0;
}

/* line 692, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.channel-blogFriendly-web .cards-section .bmc-page-card-inner {
  vertical-align: middle;
}

/* line 695, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.channel-blogFriendly-web .cards-section .bmc-page-card-inner:nth-child(1) {
  width: 35%;
  margin-right: 5%;
}

/* line 699, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.channel-blogFriendly-web .cards-section .bmc-page-card-inner:nth-child(2) {
  width: 60%;
  margin-bottom: 0;
}

/* line 703, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.channel-blogFriendly-web .cards-section .bmc-page-card-inner .image-hover {
  max-width: 100%;
  padding: 10px;
  border: 1px solid #FFFFFF00;
  border-radius: 50%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
}

/* line 712, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.channel-blogFriendly-web .cards-section .bmc-page-card-inner .image-hover .image {
  width: 100%;
  border-radius: 50%;
  background-color: #FFFFFF00;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 3% 2%;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
}

@media screen and (max-width: 1024px) {
  /* line 712, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .channel-blogFriendly-web .cards-section .bmc-page-card-inner .image-hover .image {
    width: 100% !important;
  }
}

/* line 725, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.channel-blogFriendly-web .cards-section .bmc-page-card-big-title--customer-title {
  font-family: Prata;
  font-weight: 400;
}

/* line 729, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.channel-blogFriendly-web .cards-section .bmc-page-card-big-title--with-underline {
  border-bottom: 1px solid #000000;
}

/* line 732, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.channel-blogFriendly-web .cards-section .right {
  width: 22%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-left: 40px;
}

@media screen and (max-width: 1280px) {
  /* line 732, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .channel-blogFriendly-web .cards-section .right {
    margin-left: 20px;
  }
}

@media screen and (max-width: 768px) {
  /* line 732, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .channel-blogFriendly-web .cards-section .right {
    display: none;
  }
}

/* line 746, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.channel-blogFriendly-web .cards-section .right .item {
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  cursor: pointer;
  width: 100%;
  padding: 20px;
  margin-bottom: 10px;
  border: 1px solid #000000;
  color: #00000080;
  background-color: #FFFFFF00;
}

/* line 758, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.channel-blogFriendly-web .cards-section .right .item:hover {
  border: 1px solid #0984FF;
  color: #0984FF;
  opacity: 0.5;
}

@media screen and (max-width: 1280px) {
  /* line 746, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .channel-blogFriendly-web .cards-section .right .item {
    font-size: 16px;
    line-height: 20px;
  }
}

/* line 767, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.channel-blogFriendly-web .cards-section .right .item.active {
  color: #000000;
  cursor: inherit;
  border: none;
  opacity: 1;
}

/* line 773, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.channel-blogFriendly-web .cards-section .title {
  margin-top: 20px;
}

/* line 776, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.feasibility-blogFriendly-web {
  padding: 40px 80px;
  font-family: Nunito;
  color: #000000;
}

/* line 780, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.feasibility-blogFriendly-web .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 780, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .feasibility-blogFriendly-web .header {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 789, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.feasibility-blogFriendly-web .header .title {
  text-align: start;
  margin-right: 50px;
  width: calc(50% - 50px);
  font-size: 72px;
}

@media screen and (max-width: 1280px) {
  /* line 789, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .feasibility-blogFriendly-web .header .title {
    text-align: center;
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  /* line 789, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .feasibility-blogFriendly-web .header .title {
    font-size: 64px;
    line-height: 87px;
  }
}

@media screen and (max-width: 768px) {
  /* line 789, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .feasibility-blogFriendly-web .header .title {
    font-size: 48px;
    line-height: 65px;
  }
}

/* line 809, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.feasibility-blogFriendly-web .header .description {
  width: 50%;
  text-align: center;
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 809, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .feasibility-blogFriendly-web .header .description {
    width: 100%;
  }
}

/* line 817, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.key-activities-blogFriendly-web {
  padding: 120px 80px;
  font-family: Nunito;
  color: #000000;
}

/* line 822, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.key-activities-blogFriendly-web .title {
  margin-bottom: 10px;
}

/* line 825, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.key-activities-blogFriendly-web .description {
  text-align: center;
  color: #000000;
}

/* line 829, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.key-activities-blogFriendly-web .key-activity {
  margin-top: 44px;
  width: 100%;
  color: #000000;
}

/* line 834, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.key-activities-blogFriendly-web .key-activity .bmc-page-keycard {
  background-color: #FFFFFF00;
  padding: 0;
  box-shadow: none;
}

/* line 839, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.key-activities-blogFriendly-web .key-activity .bmc-page-keycard-title {
  display: none;
}

/* line 841, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.key-activities-blogFriendly-web .key-activity .bmc-page-keycard-steps {
  max-width: 1200px;
}

@media screen and (max-width: 579px) {
  /* line 843, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .key-activities-blogFriendly-web .key-activity .bmc-page-keycard-step {
    padding: 10px;
    width: 100%;
  }
}

@media screen and (max-width: 1374px) and (min-width: 1095px) {
  /* line 850, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .key-activities-blogFriendly-web .key-activity .bmc-page-keycard-step:nth-child(5n) .line-key {
    display: none;
  }
}

@media screen and (max-width: 1094px) and (min-width: 895px) {
  /* line 855, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .key-activities-blogFriendly-web .key-activity .bmc-page-keycard-step:nth-child(4n) .line-key {
    display: none;
  }
}

@media screen and (max-width: 894px) and (min-width: 695px) {
  /* line 860, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .key-activities-blogFriendly-web .key-activity .bmc-page-keycard-step:nth-child(3n) .line-key {
    display: none;
  }
}

@media screen and (max-width: 694px) and (min-width: 580px) {
  /* line 865, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .key-activities-blogFriendly-web .key-activity .bmc-page-keycard-step:nth-child(2n) .line-key {
    display: none;
  }
}

/* line 868, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.key-activities-blogFriendly-web .key-activity .bmc-page-keycard-step .circle {
  width: 80px;
  height: 80px;
  background-color: #E7E6E6;
  border-radius: 50%;
  margin: 0 auto;
}

/* line 875, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.key-activities-blogFriendly-web .key-activity .bmc-page-keycard-step::before {
  display: none;
}

/* line 878, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.key-activities-blogFriendly-web .key-activity .bmc-page-keycard-step .line-key {
  background-color: #000000;
  z-index: 1;
  height: 2px;
  width: calc(100% + 20px);
  position: absolute;
  top: 40px;
  left: 90px;
}

@media screen and (max-width: 579px) {
  /* line 878, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .key-activities-blogFriendly-web .key-activity .bmc-page-keycard-step .line-key {
    display: none;
  }
}

/* line 890, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.key-activities-blogFriendly-web .key-activity .bmc-page-keycard-step-title {
  font-size: 24px;
  line-height: 33px;
  font-family: Prata;
  font-weight: 400;
  margin: 45px 0 10px 0;
}

@media screen and (max-width: 579px) {
  /* line 890, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .key-activities-blogFriendly-web .key-activity .bmc-page-keycard-step-title {
    text-align: center;
  }
}

/* line 900, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.key-activities-blogFriendly-web .key-activity .bmc-page-keycard-step-text {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}

@media screen and (max-width: 579px) {
  /* line 900, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .key-activities-blogFriendly-web .key-activity .bmc-page-keycard-step-text {
    text-align: center;
  }
}

/* line 908, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.key-activities-blogFriendly-web .key-resources-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  margin-top: 40px;
}

@media screen and (max-width: 1024px) {
  /* line 908, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .key-activities-blogFriendly-web .key-resources-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 917, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.key-activities-blogFriendly-web .key-resource {
  width: 50%;
}

/* line 920, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.key-activities-blogFriendly-web .key-resource:first-child {
  margin-right: 20px;
}

/* line 923, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.key-activities-blogFriendly-web .key-resource:last-child {
  margin-left: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 923, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .key-activities-blogFriendly-web .key-resource:last-child {
    margin-top: 30px;
    margin-left: 0;
  }
}

@media screen and (max-width: 1024px) {
  /* line 917, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .key-activities-blogFriendly-web .key-resource {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

/* line 935, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.key-activities-blogFriendly-web .key-resource .bmc-page-keycard {
  min-height: 100%;
  border-radius: 0;
  border: 1px solid #000000;
  box-shadow: none;
}

/* line 941, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.key-activities-blogFriendly-web .key-resource .bmc-page-keycard-title {
  color: #000000;
  font-size: 38px;
  line-height: 51px;
  font-family: Prata;
}

@media screen and (max-width: 1024px) {
  /* line 941, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .key-activities-blogFriendly-web .key-resource .bmc-page-keycard-title {
    font-size: 32px;
    line-height: 44px;
  }
}

/* line 951, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.key-activities-blogFriendly-web .key-resource .bmc-page-keycard-list {
  color: #000000;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin-top: 20px;
}

@media screen and (max-width: 480px) {
  /* line 951, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .key-activities-blogFriendly-web .key-resource .bmc-page-keycard-list {
    padding-inline-start: 40px;
  }
}

/* line 962, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.key-activities-blogFriendly-web .key-resource .bmc-page-keycard-list-item .line {
  background-color: #000000;
  width: 30px;
  height: 2px;
  left: -45px;
  top: 8px;
  border-radius: 0;
  margin-right: 15px;
  padding-right: 30px;
}

/* line 972, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.key-activities-blogFriendly-web .key-resource .bmc-page-keycard-list-item .circle {
  display: none;
}

/* line 975, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.viability-blogFriendly-web {
  padding: 40px 80px;
  font-family: Nunito;
  color: #000000;
}

/* line 979, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.viability-blogFriendly-web .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 979, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .viability-blogFriendly-web .header {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 988, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.viability-blogFriendly-web .header .title {
  text-align: start;
  margin-right: 50px;
  width: calc(50% - 50px);
  font-size: 72px;
}

@media screen and (max-width: 1280px) {
  /* line 988, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .viability-blogFriendly-web .header .title {
    text-align: center;
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  /* line 988, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .viability-blogFriendly-web .header .title {
    font-size: 64px;
    line-height: 87px;
  }
}

@media screen and (max-width: 768px) {
  /* line 988, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .viability-blogFriendly-web .header .title {
    font-size: 48px;
    line-height: 65px;
  }
}

/* line 1008, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.viability-blogFriendly-web .header .description {
  width: 50%;
  text-align: center;
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 1008, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .viability-blogFriendly-web .header .description {
    width: 100%;
  }
}

/* line 1016, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.sustainability-blogFriendly-web {
  padding: 120px 80px;
  font-family: Nunito;
  color: #000000;
}

/* line 1021, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.sustainability-blogFriendly-web .title {
  margin-bottom: 10px;
  text-align: center;
}

/* line 1025, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.sustainability-blogFriendly-web .description {
  text-align: center;
  color: #000000;
}

/* line 1029, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.contact-us-blogFriendly-web {
  font-family: Nunito;
  color: #000000;
  padding: 55px 80px;
  position: relative;
}

@media screen and (max-width: 768px) {
  /* line 1029, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .contact-us-blogFriendly-web {
    padding-bottom: 120px;
  }
}

/* line 1038, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.contact-us-blogFriendly-web .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 35px;
}

@media screen and (max-width: 1024px) {
  /* line 1038, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .contact-us-blogFriendly-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/* line 1047, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.contact-us-blogFriendly-web .header .scroll-top {
  cursor: pointer;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 1047, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .contact-us-blogFriendly-web .header .scroll-top {
    position: absolute;
    top: 40px;
    right: 40px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1047, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .contact-us-blogFriendly-web .header .scroll-top {
    top: 20px;
  }
}

/* line 1061, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.contact-us-blogFriendly-web .header .scroll-top i {
  margin-left: 14px;
}

/* line 1064, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.contact-us-blogFriendly-web .header .title {
  margin-right: 25px;
}

@media screen and (max-width: 1024px) {
  /* line 1064, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .contact-us-blogFriendly-web .header .title {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) {
  /* line 1064, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .contact-us-blogFriendly-web .header .title {
    margin-bottom: 15px;
  }
}

/* line 1073, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.contact-us-blogFriendly-web .fields {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  padding-bottom: 35px;
}

@media screen and (max-width: 1024px) {
  /* line 1073, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .contact-us-blogFriendly-web .fields {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 1084, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.contact-us-blogFriendly-web .fields .description {
  width: calc(34% - 35px);
  margin-right: 15px;
  display: block;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 1084, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .contact-us-blogFriendly-web .fields .description {
    width: 80%;
    margin-right: 0;
    margin-bottom: 15px;
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  /* line 1084, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .contact-us-blogFriendly-web .fields .description {
    width: 100%;
  }
}

/* line 1099, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.contact-us-blogFriendly-web .fields .description-contact {
  font-size: 16px;
  line-height: 20px;
  display: block;
}

/* line 1104, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.contact-us-blogFriendly-web .fields .form-field {
  width: calc(33% - 15px);
  margin-right: 15px;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  /* line 1104, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .contact-us-blogFriendly-web .fields .form-field {
    width: 80%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1104, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .contact-us-blogFriendly-web .fields .form-field {
    width: 100%;
  }
}

/* line 1117, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.contact-us-blogFriendly-web .fields .email {
  text-align: end;
}

/* line 1120, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.contact-us-blogFriendly-web .fields .email {
  text-align: end;
}

@media screen and (max-width: 1024px) {
  /* line 1120, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .contact-us-blogFriendly-web .fields .email {
    text-align: center;
  }
}

/* line 1126, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.contact-us-blogFriendly-web .footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding-top: 15px;
  border-top: 1px solid #000000;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  /* line 1126, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .contact-us-blogFriendly-web .footer {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 1140, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
.contact-us-blogFriendly-web .footer .company-name {
  margin-left: 13px;
  font-size: 24px;
  line-height: 33px;
}

@media screen and (max-width: 1280px) {
  /* line 1145, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .section-web {
    padding: 80px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1145, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .section-web {
    padding: 60px 40px;
  }
}

@media screen and (max-width: 480px) {
  /* line 1145, app/assets/stylesheets/new/components/portfolio/blogFriendly/portfolio-web-blogFriendly.sass */
  .section-web {
    padding: 40px 20px;
  }
}

/* line 1, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
.textarea-blog {
  width: 100%;
}

/* line 3, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
.textarea-blog .textarea-wrapper {
  width: 100%;
  position: relative;
  font-family: Nunito;
}

/* line 8, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
.textarea-blog .textarea-wrapper textarea {
  resize: none;
}

/* line 11, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
.textarea-blog .textarea-wrapper textarea:hover {
  border: 1px solid #ACB5BD;
}

/* line 14, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
.textarea-blog .textarea-wrapper textarea:active, .textarea-blog .textarea-wrapper textarea:focus {
  border: 1px solid #0984FF;
}

/* line 17, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
.textarea-blogFriendly {
  background-color: #FFFFFF00;
  padding: 10px;
  width: 100%;
  outline: none;
  cursor: pointer;
  border: 1px solid #FFFFFF00;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  caret-color: #0984FF;
}

/* line 29, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
.textarea-blogFriendly::-moz-placeholder {
  color: #B8C0C5;
}
.textarea-blogFriendly:-ms-input-placeholder {
  color: #B8C0C5;
}
.textarea-blogFriendly::placeholder {
  color: #B8C0C5;
}

/* line 32, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
.textarea-blogFriendly-name {
  margin-bottom: 8px;
  font-size: 86px;
  line-height: 117px;
  overflow: hidden;
  font-family: Prata;
}

/* line 39, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
.textarea-blogFriendly-name::-moz-placeholder {
  font-size: 86px;
  line-height: 117px;
}
.textarea-blogFriendly-name:-ms-input-placeholder {
  font-size: 86px;
  line-height: 117px;
}
.textarea-blogFriendly-name::placeholder {
  font-size: 86px;
  line-height: 117px;
}

@media screen and (max-width: 1024px) {
  /* line 32, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
  .textarea-blogFriendly-name {
    text-align: center;
    font-size: 64px;
    line-height: 87px;
  }
}

@media screen and (max-width: 768px) {
  /* line 32, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
  .textarea-blogFriendly-name {
    font-size: 48px;
    line-height: 65px;
    word-break: break-word;
  }
}

/* line 53, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
.textarea-blogFriendly-description {
  white-space: pre-wrap;
}

@media screen and (max-width: 1024px) {
  /* line 53, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
  .textarea-blogFriendly-description {
    text-align: center;
  }
}

/* line 59, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
.textarea-blogFriendly-summary {
  text-align: center;
  border: 1px solid #FFFFFF00;
}

/* line 64, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
.textarea-blogFriendly-team {
  font-size: 16px;
  color: #000000;
  line-height: 20px;
  text-align: center;
}

/* line 70, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
.textarea-blogFriendly-team::-moz-placeholder {
  text-align: center;
}
.textarea-blogFriendly-team:-ms-input-placeholder {
  text-align: center;
}
.textarea-blogFriendly-team::placeholder {
  text-align: center;
}

/* line 74, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
.textarea-blogFriendly-team-card--position {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 10px;
  font-family: Nunito;
  padding: 5px;
  border: 1px solid #FFFFFF00;
  text-align: center;
}

/* line 84, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
.textarea-blogFriendly-team-card--name {
  font-size: 21px;
  font-family: Prata;
  line-height: 28px;
  margin-bottom: 24px;
  padding: 5px;
  border: 1px solid #FFFFFF00;
  text-align: center;
}

/* line 93, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
.textarea-blogFriendly-team-card--description {
  font-size: 16px;
  line-height: 20px;
  font-family: Nunito;
  padding: 5px;
  border: 1px solid #FFFFFF00;
  text-align: center;
}

/* line 101, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
.textarea-blogFriendly-testing {
  border: 1px solid #FFFFFF00;
}

/* line 105, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
.textarea-blogFriendly-cardCS {
  font-size: 16px;
  line-height: 20px;
}

/* line 110, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
.textarea-blogFriendly-cardCS-title {
  font-size: 24px;
  line-height: 33px;
  font-weight: 700;
}

/* line 115, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
.textarea-blogFriendly-cardCS-key {
  text-align: center;
}

/* line 119, app/assets/stylesheets/new/components/portfolio/blogFriendly/textarea-blogFriendly.sass */
.text-card-blog {
  font-family: Nunito;
}

/* line 2, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bold .bmc-modal-content {
  border-radius: 0;
}

/* line 5, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bold-title {
  color: #000000;
  text-align: center;
  font-size: 86px;
  font-weight: 700;
  line-height: 129px;
  text-transform: uppercase;
  font-family: Kanit;
}

@media screen and (max-width: 1024px) {
  /* line 5, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .bold-title {
    font-size: 72px;
    line-height: 108px;
  }
}

@media screen and (max-width: 768px) {
  /* line 5, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .bold-title {
    font-size: 64px;
    line-height: 96px;
    word-break: break-word;
  }
}

@media screen and (max-width: 600px) {
  /* line 5, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .bold-title {
    font-size: 42px;
    line-height: 77px;
  }
}

@media screen and (max-width: 480px) {
  /* line 5, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .bold-title {
    font-size: 32px;
    line-height: 59px;
  }
}

/* line 31, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.header-bold {
  font-family: Kanit;
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
}

/* line 37, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.button-bold {
  font-family: Martel Sans;
  font-size: 16px !important;
  line-height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: #FFFFFF;
  background-color: #000000;
  border-radius: 0 !important;
  border: 1px solid #000000;
}

/* line 49, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.button-bold:hover {
  opacity: 0.5;
}

/* line 52, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.button-bold-light {
  font-family: Martel Sans;
  font-size: 16px;
  line-height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: #FFFFFF;
  background-color: #FFFFFF00;
  border: 2px solid #FFFFFF00;
  border-radius: 0 !important;
}

/* line 64, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.button-bold-light:hover {
  opacity: 0.5;
}

/* line 67, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.introduction-bold {
  padding: 60px 80px 120px 80px;
}

@media screen and (max-width: 1280px) {
  /* line 67, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .introduction-bold {
    padding: 40px 40px 120px 40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 67, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .introduction-bold {
    padding: 20px 20px 120px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 67, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .introduction-bold {
    padding: 20px 10px 120px 10px;
  }
}

/* line 79, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.introduction-bold .portfolio-comment-icon {
  bottom: 30px;
  top: auto !important;
}

/* line 83, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.introduction-bold-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

/* line 88, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.introduction-bold-header .logo-hover {
  padding: 10px;
  width: 272px;
  max-width: 272px;
  margin-left: auto;
  border: 1px solid #FFFFFF00;
}

/* line 95, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.introduction-bold-header .logo-hover:hover {
  border: 1px solid #0984FF;
}

@media screen and (max-width: 480px) {
  /* line 88, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .introduction-bold-header .logo-hover {
    width: 100%;
  }
}

/* line 101, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.introduction-bold-header .logo-upload {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  border-radius: 0;
  background-color: #FFFFFF00;
}

@media screen and (max-width: 1024px) {
  /* line 101, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .introduction-bold-header .logo-upload {
    width: 100%;
  }
}

/* line 116, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.introduction-bold-header .logo-upload .title {
  text-align: center;
  font-weight: 700;
  color: #ACB5BD;
  width: 100%;
}

/* line 123, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.introduction-bold-header .company-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  white-space: pre-line;
  text-align: left;
}

/* line 131, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.introduction-bold-header .company-wrapper .description {
  width: 100%;
  color: #F8F9FA;
}

/* line 135, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.introduction-bold-image {
  width: 100%;
  border-radius: 0;
  background-color: #E7E6E6;
  margin: 0 auto;
}

/* line 141, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.introduction-bold-image-hover {
  width: 100%;
  padding: 10px;
  border: 1px solid #FFFFFF00;
}

/* line 147, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.summary-bold {
  padding: 120px 80px;
  border-top: 1px solid #FFFFFF;
}

/* line 151, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.summary-bold .title {
  margin-bottom: 40px;
  text-align: start;
}

/* line 155, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.summary-bold .description {
  color: #F8F9FA;
}

/* line 158, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.summary-bold .textarea-wrapper {
  width: 80%;
  margin-left: auto;
}

@media screen and (max-width: 1024px) {
  /* line 158, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .summary-bold .textarea-wrapper {
    width: 100%;
    margin-left: 0;
  }
}

/* line 166, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.summary-bold .portfolio-file-uploader__wrapper {
  margin-left: auto;
  display: -ms-flexbox;
  display: flex;
  width: 360px;
}

@media screen and (max-width: 580px) {
  /* line 166, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .summary-bold .portfolio-file-uploader__wrapper {
    width: 240px;
    margin: 0 auto;
  }
}

/* line 175, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.team-bold {
  padding: 120px 80px 60px 80px;
  border-top: 1px solid #FFFFFF;
}

/* line 179, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.team-bold .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 179, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .team-bold .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 187, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.team-bold .header .title {
  margin-right: 40px;
  width: 30%;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 187, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .team-bold .header .title {
    width: 100%;
    margin-right: 0;
  }
}

/* line 196, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.team-bold .header .description {
  width: calc(70% - 40px);
}

@media screen and (max-width: 1024px) {
  /* line 196, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .team-bold .header .description {
    width: 100%;
  }
}

/* line 202, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.team-bold-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 30px -15px 0;
}

/* line 212, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.team-bold-card {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 0 15px 60px;
  width: calc(25% - 30px);
}

@media screen and (max-width: 1439px) {
  /* line 212, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .team-bold-card {
    width: calc(33.3% - 30px);
  }
}

@media screen and (max-width: 1080px) {
  /* line 212, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .team-bold-card {
    width: calc(50% - 30px);
  }
}

@media screen and (max-width: 700px) {
  /* line 212, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .team-bold-card {
    width: calc(100% - 30px);
  }
}

/* line 233, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.team-bold-card .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-bottom: 10px;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}

/* line 243, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.team-bold-card .header .icon-section i {
  font-size: 30px;
  color: #E7E6E6;
  cursor: pointer;
}

/* line 248, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.team-bold-card .header .icon-section i:hover {
  color: #0984FF;
}

/* line 251, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.team-bold-card .image-hover {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #FFFFFF00;
  margin-bottom: 20px;
  padding: 5px;
  border: 1px solid #FFFFFF00;
}

/* line 264, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.team-bold-card .image-upload {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #E7E6E6;
  border-radius: 0;
}

/* line 274, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.team-bold-card .image-upload .center-block {
  text-align: center;
}

/* line 276, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.team-bold-card .image-upload .center-block i {
  color: #0984FF;
}

/* line 279, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.team-bold-card .fullName {
  width: 100%;
  margin-bottom: 20px;
}

/* line 283, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.team-bold .add-team-card {
  margin: 30px 15px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  bottom: -10px;
}

/* line 295, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.team-bold .add-team-card__wrapper {
  position: relative;
  width: 25%;
  padding-top: 25%;
}

@media screen and (max-width: 1439px) {
  /* line 295, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .team-bold .add-team-card__wrapper {
    width: 33.3%;
    padding-top: 33.3%;
  }
}

@media screen and (max-width: 1080px) {
  /* line 295, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .team-bold .add-team-card__wrapper {
    width: 50%;
    padding-top: 50%;
  }
}

@media screen and (max-width: 700px) {
  /* line 295, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .team-bold .add-team-card__wrapper {
    width: 100%;
    padding-top: 100%;
  }
}

/* line 312, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.team-bold .add-team-card .center-block {
  text-align: center;
  border-radius: 0;
  background: #E7E6E6;
  color: #0984FF;
  padding: 20px 50px;
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
}

/* line 326, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.team-bold .add-team-card .center-block i {
  font-size: 50px;
}

/* line 329, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.add-team-card-hover {
  background-color: #FFFFFF;
  padding: 5px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #FFFFFF;
}

/* line 339, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.add-team-card-hover:hover {
  border: 1px solid #0984FF;
}

/* line 343, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas {
  padding: 120px 80px;
  font-family: Martel Sans;
  border-top: 1px solid #FFFFFF;
}

/* line 348, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 40px;
}

/* line 353, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .header .title {
  margin-bottom: 40px;
  width: 100%;
  text-align: start;
}

/* line 358, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .header .description {
  color: #F8F9FA;
  line-height: 30px;
  white-space: pre-wrap;
}

/* line 363, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-tabs-content-list-item-range-field {
  border-radius: 0;
}

/* line 366, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-keycard {
  box-shadow: none;
}

/* line 370, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-suscard .sdg-card-modal .flip-front, .bm-bold-canvas .bmc-page-suscard .sdg-card-modal .flip-back {
  border: 1px solid;
  border-radius: 0;
}

/* line 374, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-suscard .table {
  box-shadow: none;
  border-radius: 0;
}

/* line 379, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-suscard .table tr:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 384, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-suscard .table tr:last-child td:first-child {
  border-bottom-left-radius: 0;
}

/* line 387, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-suscard .table tr:last-child td:last-child {
  border-bottom-right-radius: 0;
}

@media screen and (max-width: 940px) {
  /* line 387, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .bm-bold-canvas .bmc-page-suscard .table tr:last-child td:last-child {
    border-bottom-left-radius: 0;
  }
}

/* line 394, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-suscard--section .arrow.left {
  left: -20px !important;
}

/* line 397, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-suscard--section .arrow.right {
  right: -20px !important;
}

/* line 400, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-compcard {
  box-shadow: none;
  border-radius: 0;
}

/* line 404, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-compcard-header {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 409, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-compcard-item:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@media screen and (max-width: 1024px) {
  /* line 414, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .bm-bold-canvas .bmc-page-compcard-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

/* line 418, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-compcard-item-text-template--with-image {
  color: #000000;
}

/* line 421, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-compcard-item-image--no-image {
  color: #000000;
  font-family: Kanit;
  font-weight: 700;
  font-size: 30px;
  line-height: 45px;
}

/* line 428, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-compcard-item-image {
  width: 80px;
  height: 80px;
  border: none;
  border-radius: 0;
}

/* line 434, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-compcard-item .dndzone, .bm-bold-canvas .bmc-page-compcard-item .dndzone__area, .bm-bold-canvas .bmc-page-compcard-item .dndzone__img {
  width: 80px;
  height: 80px;
  border: none;
  border-radius: 0;
}

/* line 440, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-compcard-items {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@media screen and (max-width: 1024px) {
  /* line 440, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .bm-bold-canvas .bmc-page-compcard-items {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

/* line 448, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-revmodel {
  box-shadow: none;
  border-radius: 0;
}

/* line 452, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-card {
  box-shadow: none;
}

/* line 454, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-card--channel-mode {
  box-shadow: none;
  border-radius: 0;
}

/* line 458, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-card--customer-segment-mode {
  box-shadow: none;
  border-radius: 0;
}

/* line 462, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-card--value-proposition-mode {
  box-shadow: none;
}

/* line 464, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-card--value-proposition-mode .bmc-page-card-image--no-image-wrapper {
  padding-top: 120%;
}

/* line 467, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-card-image {
  box-shadow: none;
  border-radius: 0;
}

/* line 471, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-card-wide-image {
  box-shadow: none;
  border-radius: 0;
}

/* line 476, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-gkgtabs-content-block {
  box-shadow: none;
  border-radius: 0;
}

/* line 479, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-gkgtabs-content-add {
  box-shadow: none;
  border-radius: 0;
}

/* line 484, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-form-textarea {
  border-radius: 0;
}

/* line 486, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-form-select {
  border-radius: 0;
}

/* line 490, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-fincard-table {
  color: #000000;
}

/* line 492, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-fincard-content {
  border-radius: 0;
  box-shadow: none;
}

/* line 501, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-fincard-table--show tr:nth-child(2n + 1) td:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 504, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-fincard-table--show tr:nth-child(2n + 1) td:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 508, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-modal-content {
  border-radius: 0;
}

/* line 511, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.bm-bold-canvas .bmc-page-card-image-icon-title {
  font-family: Kanit;
  color: #000000;
  font-size: 30px;
  line-height: 45px;
}

/* line 517, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.testing-bold {
  padding: 120px 80px;
  font-family: Martel Sans;
  border-top: 1px solid #FFFFFF;
}

/* line 522, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.testing-bold .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
  /* line 522, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .testing-bold .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 531, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.testing-bold .header .title {
  margin-right: 40px;
  width: 40%;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 531, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .testing-bold .header .title {
    width: 100%;
    margin-right: 0;
  }
}

/* line 540, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.testing-bold .header .description {
  width: calc(60% - 40px);
}

@media screen and (max-width: 1024px) {
  /* line 540, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .testing-bold .header .description {
    width: 100%;
  }
}

/* line 546, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.testing-bold .card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 550, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.testing-bold .card .main {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 550, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .testing-bold .card .main {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 557, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.testing-bold .test-card {
  border-radius: 0;
}

/* line 560, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.testing-bold .test-card__section .file {
  border-radius: 0 !important;
}

/* line 563, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.testing-bold .response-card {
  background: #FFFFFF00;
}

/* line 568, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.testing-bold .response-card__responses .i-like .text-wrapper, .testing-bold .response-card__responses .i-wish .text-wrapper, .testing-bold .response-card__responses .what-if .text-wrapper {
  border-radius: 0;
}

/* line 571, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.testing-bold .bmc-form-textarea {
  border-radius: 0;
}

/* line 574, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.desirability-bold {
  padding: 120px 80px 45px 80px;
  color: #E7E6E6;
}

@media screen and (max-width: 768px) {
  /* line 574, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .desirability-bold {
    padding: 120px 80px 80px 80px;
  }
}

/* line 581, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.desirability-bold .header {
  width: 100%;
}

/* line 584, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.desirability-bold .header .title {
  color: #FFFFFF;
  margin-bottom: 20px;
  text-align: start;
}

/* line 589, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.desirability-bold .header .description {
  width: 80%;
  margin-left: auto;
  color: #E7E6E6;
}

/* line 594, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.desirability-bold .header .description textarea {
  color: #E7E6E6;
}

@media screen and (max-width: 1280px) {
  /* line 589, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .desirability-bold .header .description {
    width: 100%;
  }
}

/* line 600, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-segment-bold {
  padding: 120px 0 120px 80px;
  font-family: Martel Sans;
  width: 100%;
  color: #E7E6E6;
}

@media screen and (max-width: 1024px) {
  /* line 600, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .customer-segment-bold {
    padding: 120px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 600, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .customer-segment-bold {
    padding: 120px 10px;
  }
}

/* line 612, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-segment-bold .header {
  margin-bottom: 40px;
  padding-right: 80px;
}

@media screen and (max-width: 1280px) {
  /* line 612, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .customer-segment-bold .header {
    padding-right: 40px;
  }
}

/* line 619, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-segment-bold .header .title {
  margin-bottom: 40px;
  text-align: start;
}

/* line 623, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-segment-bold .card-wrapper {
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1024px) {
  /* line 623, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .customer-segment-bold .card-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 629, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-segment-bold .right {
  width: 40%;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1024px) {
  /* line 629, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .customer-segment-bold .right {
    width: 100%;
  }
}

/* line 636, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-segment-bold .right .image-hover {
  width: 100%;
  padding: 10px;
  margin: auto;
  border: 1px solid #FFFFFF00;
}

@media screen and (max-width: 1024px) {
  /* line 636, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .customer-segment-bold .right .image-hover {
    max-width: 530px;
  }
}

/* line 646, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-segment-bold .right .image-hover .image-uploud {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 0;
  background-color: #E7E6E6;
}

/* line 653, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-segment-bold .left {
  width: 60%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  padding-right: 40px;
}

@media screen and (max-width: 1024px) {
  /* line 653, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .customer-segment-bold .left {
    width: 100%;
    padding: 20px;
  }
}

/* line 665, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-segment-bold .left .cards-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
}

/* line 670, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-segment-bold .left .cards-section .tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 675, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-segment-bold .left .cards-section .tabs .item {
  cursor: pointer;
  margin-right: 20px;
  margin-bottom: 20px;
  font-family: Kanit;
  font-size: 28px;
  line-height: 42px;
  font-weight: 700;
  color: #E7E6E6;
  text-transform: uppercase;
  opacity: 0.5;
}

/* line 687, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-segment-bold .left .cards-section .tabs .item:hover {
  opacity: 0.3;
}

/* line 690, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-segment-bold .left .cards-section .tabs .item.active {
  text-decoration-line: underline;
  cursor: auto;
  color: #000000;
  opacity: 1;
}

/* line 696, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-segment-bold .left .main {
  width: 100%;
}

/* line 699, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-segment-bold .left .main .rangeRow {
  display: -ms-flexbox;
  display: flex;
}

/* line 702, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-segment-bold .left .main .rangeRow .bmc-page-card-inner {
  width: calc(50% - 5px);
}

/* line 705, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-segment-bold .left .main .rangeRow .bmc-page-card-inner.select {
  margin-left: 10px;
}

/* line 710, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-segment-bold .left .main .bmc-page-card-row .subtitle {
  font-family: Kanit;
  font-weight: 700;
  text-transform: uppercase;
}

/* line 715, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-segment-bold .left .main .bmc-page-card-row .bmc-page-card-segmentList {
  color: #E7E6E6;
  font-family: Kanit;
  margin-left: 10px;
  text-transform: uppercase;
}

/* line 720, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-segment-bold .left .main .bmc-page-card-row .bmc-page-card-text {
  color: #000000;
  font-family: Martel Sans;
}

/* line 724, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-segment-bold .left .range {
  text-align: center;
}

/* line 727, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.value-propositions-bold {
  display: -ms-flexbox;
  display: flex;
  font-family: Martel Sans;
  padding: 120px 80px 0 80px;
  border-top: 1px solid #FFFFFF;
}

@media screen and (max-width: 1280px) {
  /* line 727, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .value-propositions-bold {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 100px 40px 0 40px;
  }
}

@media screen and (max-width: 768px) {
  /* line 727, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .value-propositions-bold {
    padding: 100px 20px 0 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 727, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .value-propositions-bold {
    padding: 100px 10px 0 10px;
  }
}

/* line 743, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.value-propositions-bold .left {
  padding-right: 50px;
  width: 45%;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1280px) {
  /* line 743, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .value-propositions-bold .left {
    width: 100%;
    padding-right: 0;
  }
}

/* line 752, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.value-propositions-bold .left .drop {
  width: 100%;
  padding: 10px;
  max-width: 530px;
  border: 1px solid #FFFFFF00;
  margin: auto;
}

/* line 760, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.value-propositions-bold .left .drop-image {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 0;
  background-color: #E7E6E6;
  margin: 0 auto;
}

/* line 768, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.value-propositions-bold .right {
  color: #000000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  width: 55%;
}

@media screen and (max-width: 1280px) {
  /* line 768, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .value-propositions-bold .right {
    width: 100%;
  }
}

/* line 778, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.value-propositions-bold .right .header {
  width: 100%;
  margin-bottom: 30px;
}

/* line 782, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.value-propositions-bold .right .header .title {
  margin-bottom: 20px;
  text-align: start;
  padding-left: 10px;
}

/* line 787, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.value-propositions-bold .right .bmc-page-card-segmentList {
  color: #000000;
  text-transform: uppercase;
  font-size: 38px;
  line-height: 57px;
  font-family: Kanit;
  font-weight: 700;
  padding-left: 10px;
}

/* line 796, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.value-propositions-bold .right .bmc-page-card-text {
  margin-right: auto;
  margin-bottom: 32px;
  padding-left: 10px;
  line-height: 30px;
  white-space: pre-wrap;
}

/* line 803, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.competitor-analysis-bold {
  padding: 120px 80px;
  font-family: Martel Sans;
  border-top: 1px solid #FFFFFF;
}

/* line 810, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.competitor-analysis-bold .header .title {
  margin-bottom: 40px;
  text-align: start;
}

/* line 814, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.competitor-analysis-bold .table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  margin-top: 40px;
}

/* line 820, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.competitor-analysis-bold .table .title {
  display: none;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 42px;
}

/* line 826, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.competitor-analysis-bold .table tr {
  border: 1px solid #FFFFFF00;
}

@media screen and (max-width: 1024px) {
  /* line 826, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .competitor-analysis-bold .table tr {
    display: block;
    background: #FFFFFF;
  }
  /* line 833, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .competitor-analysis-bold .table tr:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 836, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .competitor-analysis-bold .table thead {
    display: none;
  }
}

/* line 841, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.competitor-analysis-bold .table thead th {
  font-family: Kanit;
  font-size: 28px;
  line-height: 42px;
  font-weight: 700;
  padding-bottom: 10px;
  padding-top: 10px;
  color: #FFFFFF;
  text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
  /* line 841, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .competitor-analysis-bold .table thead th {
    display: none;
  }
}

/* line 857, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.competitor-analysis-bold .table tbody tr:first-child td {
  border-top: 1px solid #FFFFFF00;
}

@media screen and (max-width: 1024px) {
  /* line 857, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .competitor-analysis-bold .table tbody tr:first-child td {
    border-top: none;
  }
}

/* line 863, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.competitor-analysis-bold .table tbody td {
  text-align: left;
  padding: 30px 20px;
  word-break: break-word;
  vertical-align: middle;
  font-size: 16px;
  line-height: 30px;
  position: relative;
  white-space: pre-wrap;
}

@media screen and (max-width: 1024px) {
  /* line 863, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .competitor-analysis-bold .table tbody td {
    display: block;
    padding: 10px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 863, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .competitor-analysis-bold .table tbody td {
    padding: 10px;
  }
  /* line 880, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .competitor-analysis-bold .table tbody td .icon {
    margin-left: 0;
  }
  /* line 883, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .competitor-analysis-bold .table tbody td .title {
    display: block;
  }
}

/* line 886, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.competitor-analysis-bold .table tbody td .border-right {
  position: absolute;
  width: 1px;
  height: calc(100% - 60px);
  right: 0;
  top: 30px;
  background: #FFFFFF;
}

@media screen and (max-width: 1024px) {
  /* line 886, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .competitor-analysis-bold .table tbody td .border-right {
    display: none;
  }
}

/* line 898, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.competitor-analysis-bold .table .bmc-page-compcard-item-title {
  margin-bottom: 10px;
}

/* line 901, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.competitor-analysis-bold .table .bmc-page-compcard-item-text-template--with-image {
  font-size: 21px;
  line-height: 38px;
  font-family: Martel Sans;
}

@media screen and (max-width: 1024px) {
  /* line 901, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .competitor-analysis-bold .table .bmc-page-compcard-item-text-template--with-image {
    border-right: none;
  }
}

/* line 909, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.competitor-analysis-bold .table .bmc-page-compcard-item-image-template-hover {
  width: 92px;
  height: 92px;
  border-radius: 0;
}

/* line 914, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.competitor-analysis-bold .table .bmc-page-compcard-item-image-template-hover .dndzone {
  width: 80px;
  height: 80px;
  border-radius: 0;
  border: none;
}

/* line 920, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.competitor-analysis-bold .table .bmc-page-compcard-item-image-template-hover .dndzone__area {
  width: 80px;
  height: 80px;
}

/* line 924, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.competitor-analysis-bold .table .bmc-page-compcard-item-image-template-hover .dndzone__img {
  width: 80px;
  height: 80px;
  border: none;
}

/* line 929, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-relationships-bold {
  padding: 120px 80px;
  font-family: Martel Sans;
  border-top: 1px solid #FFFFFF;
}

/* line 936, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-relationships-bold .header .title {
  margin-bottom: 40px;
  text-align: start;
}

/* line 940, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-relationships-bold .bmc-page-gkgtabs-tabs {
  font-family: Martel Sans;
}

/* line 944, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-relationships-bold .bmc-page-gkgtabs-tabs-tab:hover {
  opacity: 0.5;
}

/* line 946, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-relationships-bold .bmc-page-gkgtabs-tabs-tab-title {
  color: #FFFFFF;
  font-weight: 400;
  line-height: 51px;
}

/* line 951, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-relationships-bold .bmc-page-gkgtabs-tabs-tab--active {
  cursor: auto;
}

/* line 954, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-relationships-bold .bmc-page-gkgtabs-tabs-tab--active:hover {
  opacity: 1;
}

/* line 956, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-relationships-bold .bmc-page-gkgtabs-tabs-tab--active .bmc-page-gkgtabs-tabs-tab-title {
  font-weight: 700;
  line-height: 51px;
}

/* line 960, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-relationships-bold .bmc-page-gkgtabs-content {
  font-family: Martel Sans;
}

/* line 963, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-relationships-bold .bmc-page-gkgtabs-content-block {
  border-radius: 0;
  padding: 40px;
  border: 1px solid #FFFFFF00;
  box-shadow: none;
}

/* line 969, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-relationships-bold .bmc-page-gkgtabs-content-block-title {
  font-weight: 700;
  font-family: Kanit;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/* line 975, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.customer-relationships-bold .bmc-page-gkgtabs-content-block-text {
  line-height: 30px;
  white-space: pre-wrap;
  font-size: 16px;
}

/* line 980, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.channel-bold {
  display: -ms-flexbox;
  display: flex;
  font-family: Martel Sans;
  border-top: 1px solid #FFFFFF;
  padding: 120px 80px 120px 0;
}

@media screen and (max-width: 1280px) {
  /* line 980, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .channel-bold {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  /* line 990, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .channel-bold .header {
    width: 100%;
  }
  /* line 993, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .channel-bold .header .title {
    margin-bottom: 20px;
    text-align: start;
  }
  /* line 997, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .channel-bold .cards-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%;
  }
  /* line 1002, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .channel-bold .cards-section .image-hover {
    width: 100%;
    max-width: 530px;
    padding: 10px;
    border: 1px solid #FFFFFF00;
    margin: 40px auto 0 auto;
  }
  /* line 1009, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .channel-bold .cards-section .image-hover:hover {
    border: 1px solid #0984FF;
  }
  /* line 1012, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .channel-bold .cards-section .image-hover .image-uploud {
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    border: none;
    border-radius: 0;
    background-color: #E7E6E6;
    margin: 0 auto;
  }
  /* line 1020, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .channel-bold .cards-section .card {
    margin-top: 20px;
  }
  /* line 1022, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .channel-bold .cards-section .card-title {
    font-size: 28px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom: 24px;
    font-family: Kanit;
    text-transform: uppercase;
    padding-bottom: 14px;
    border-bottom: 1px solid #FFFFFF00;
  }
  /* line 1032, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .channel-bold .cards-section .card-description {
    font-size: 16px;
    line-height: 30px;
  }
  /* line 1036, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .channel-bold .cards-section .card-description-title {
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 10px;
  }
}

/* line 1042, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.channel-bold .left {
  width: 35%;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1280px) {
  /* line 1042, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .channel-bold .left {
    width: 100%;
  }
}

/* line 1049, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.channel-bold .left .image-hover {
  width: 100%;
  max-width: 530px;
  padding: 10px;
  border: 1px solid #FFFFFF00;
  margin: auto;
}

/* line 1057, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.channel-bold .left .image-hover .image-uploud {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 0;
  background-color: #E7E6E6;
  margin: 0 auto;
}

/* line 1065, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.channel-bold .right {
  width: 65%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 40px;
}

@media screen and (max-width: 1280px) {
  /* line 1065, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .channel-bold .right {
    width: 100%;
    padding-left: 0;
  }
}

/* line 1077, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.channel-bold .right .header {
  width: 100%;
}

/* line 1080, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.channel-bold .right .header .title {
  margin-bottom: 20px;
  text-align: start;
}

/* line 1084, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.channel-bold .right .cards-section {
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  width: 100%;
}

@media screen and (max-width: 1280px) {
  /* line 1084, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .channel-bold .right .cards-section {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1092, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.channel-bold .right .cards-section .tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-left: 30px;
  -ms-flex-order: 1;
      order: 1;
}

@media screen and (max-width: 1280px) {
  /* line 1092, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .channel-bold .right .cards-section .tabs {
    margin-left: 0;
    -ms-flex-order: 0;
        order: 0;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* line 1106, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.channel-bold .right .cards-section .tabs .item {
  cursor: pointer;
  margin-bottom: 10px;
  font-size: 28px;
  line-height: 51px;
  font-weight: 700;
  color: #000000;
  padding: 20px;
  border-radius: 0;
  border: 1px solid #000000;
  width: 220px;
  opacity: 0.5;
}

/* line 1119, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.channel-bold .right .cards-section .tabs .item:hover {
  color: #0984FF;
  border-color: #0984FF;
}

/* line 1123, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.channel-bold .right .cards-section .tabs .item.active {
  border: none;
  cursor: auto;
  opacity: 1;
}

@media screen and (max-width: 1280px) {
  /* line 1106, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .channel-bold .right .cards-section .tabs .item {
    font-size: 18px;
    line-height: 22px;
    min-height: 42px;
  }
  /* line 1133, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .channel-bold .right .cards-section .tabs .item:not(:last-child) {
    margin-right: 10px;
  }
}

/* line 1136, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.channel-bold .right .main {
  width: 100%;
}

/* line 1139, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.channel-bold .right .main .card-title {
  font-size: 28px;
  line-height: 42px;
  font-weight: 700;
  margin-bottom: 24px;
  font-family: Kanit;
  text-transform: uppercase;
  padding-bottom: 14px;
  border-bottom: 1px solid #FFFFFF00;
}

/* line 1149, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.channel-bold .right .main .card-description {
  font-size: 16px;
  line-height: 30px;
}

/* line 1153, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.channel-bold .right .main .card-description-title {
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 10px;
}

/* line 1159, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.feasibility-bold {
  padding: 120px 80px 45px 80px;
  color: #E7E6E6;
}

@media screen and (max-width: 768px) {
  /* line 1159, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .feasibility-bold {
    padding: 120px 80px 80px 80px;
  }
}

/* line 1166, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.feasibility-bold .header {
  width: 100%;
}

/* line 1169, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.feasibility-bold .header .title {
  color: #FFFFFF;
  margin-bottom: 20px;
  text-align: start;
}

/* line 1174, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.feasibility-bold .header .description {
  width: 80%;
  margin-left: auto;
  color: #E7E6E6;
}

/* line 1179, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.feasibility-bold .header .description textarea {
  color: #E7E6E6;
}

@media screen and (max-width: 1280px) {
  /* line 1174, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .feasibility-bold .header .description {
    width: 100%;
  }
}

/* line 1185, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold {
  font-family: Martel Sans;
  color: #E7E6E6;
  padding: 120px 80px;
}

/* line 1190, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .header {
  width: 100%;
}

/* line 1193, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .header .title {
  color: #E7E6E6;
  text-align: start;
  margin-bottom: 20px;
}

/* line 1198, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .header .description {
  color: #E7E6E6;
  white-space: pre-wrap;
  line-height: 30px;
}

/* line 1203, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .key-activity {
  margin-top: 40px;
  width: 100%;
  color: #E7E6E6;
}

/* line 1208, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .key-activity .bmc-page-keycard {
  background-color: #FFFFFF00;
  padding: 0;
  box-shadow: none;
}

/* line 1213, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .key-activity .bmc-page-keycard-title {
  display: none;
}

/* line 1216, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .key-activity .bmc-page-keycard-steps {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 1380px) {
  /* line 1216, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .key-activities-bold .key-activity .bmc-page-keycard-steps {
    max-width: 1200px;
  }
}

/* line 1224, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .key-activity .bmc-page-keycard-step {
  margin: 20px 30px 40px 0;
}

/* line 1227, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .key-activity .bmc-page-keycard-step:last-child {
  margin-right: 0;
}

@media screen and (max-width: 539px) {
  /* line 1224, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .key-activities-bold .key-activity .bmc-page-keycard-step {
    margin: 0;
    padding: 0;
  }
}

/* line 1234, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .key-activity .bmc-page-keycard-step .circle {
  width: 40px;
  height: 40px;
  background-color: #FFFFFF00;
  border-radius: 50%;
  border: 1px solid #FFFFFF00;
  position: absolute;
  top: 0;
  right: 27px;
  z-index: -1;
}

@media screen and (max-width: 539px) {
  /* line 1234, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .key-activities-bold .key-activity .bmc-page-keycard-step .circle {
    top: 0;
    left: 65px;
    right: auto;
  }
}

/* line 1250, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .key-activity .bmc-page-keycard-step .line-key {
  display: none;
}

/* line 1253, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .key-activity .bmc-page-keycard-step::before {
  display: none;
}

/* line 1256, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .key-activity .bmc-page-keycard-step::after {
  display: none;
}

/* line 1259, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .key-activity .bmc-page-keycard-step-title {
  font-size: 24px;
  line-height: 44px;
  font-family: Martel Sans;
  font-weight: 700;
  text-align: center;
  margin-top: 0;
}

@media screen and (max-width: 539px) {
  /* line 1259, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .key-activities-bold .key-activity .bmc-page-keycard-step-title {
    text-align: start;
  }
}

/* line 1270, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .key-activity .bmc-page-keycard-step-text {
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  text-align: start;
}

/* line 1276, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .key-resources-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  margin-top: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 1276, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .key-activities-bold .key-resources-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1285, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .key-resource {
  width: 50%;
}

/* line 1288, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .key-resource:first-child {
  margin-right: 20px;
}

/* line 1291, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .key-resource:last-child {
  margin-left: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 1291, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .key-activities-bold .key-resource:last-child {
    margin-top: 30px;
    margin-left: 0;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1285, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .key-activities-bold .key-resource {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

/* line 1303, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .key-resource .bmc-page-keycard {
  min-height: 100%;
  border-radius: 0;
  border: 1px solid #000000;
  background-color: #FFFFFF00;
  box-shadow: none;
}

/* line 1310, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .key-resource .bmc-page-keycard-title {
  color: #E7E6E6;
  font-size: 38px;
  line-height: 57px;
  font-family: Kanit;
  text-transform: uppercase;
  font-weight: 700;
}

@media screen and (max-width: 1024px) {
  /* line 1310, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .key-activities-bold .key-resource .bmc-page-keycard-title {
    font-size: 32px;
    line-height: 48px;
  }
}

/* line 1322, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .key-resource .bmc-page-keycard-list {
  color: #E7E6E6;
  font-size: 16px;
  line-height: 30px;
  margin-top: 20px;
}

@media screen and (max-width: 480px) {
  /* line 1322, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .key-activities-bold .key-resource .bmc-page-keycard-list {
    padding-inline-start: 40px;
  }
}

/* line 1333, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .key-resource .bmc-page-keycard-list-item .resorses-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 1337, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .key-resource .bmc-page-keycard-list-item .resorses-text .line {
  width: 30px;
  height: 2px;
  margin-right: 15px;
  border-bottom: 2px solid;
  padding-right: 30px;
}

/* line 1344, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.key-activities-bold .key-resource .bmc-page-keycard-list-item .resorses-text .circle {
  display: none;
}

/* line 1347, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.viability-bold {
  padding: 120px 80px 45px 80px;
  color: #E7E6E6;
}

@media screen and (max-width: 768px) {
  /* line 1347, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .viability-bold {
    padding: 120px 80px 80px 80px;
  }
}

/* line 1354, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.viability-bold .header {
  width: 100%;
}

/* line 1357, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.viability-bold .header .title {
  color: #FFFFFF;
  margin-bottom: 20px;
  text-align: start;
}

/* line 1362, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.viability-bold .header .description {
  width: 80%;
  margin-left: auto;
  color: #E7E6E6;
}

/* line 1367, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.viability-bold .header .description textarea {
  color: #E7E6E6;
}

@media screen and (max-width: 1280px) {
  /* line 1362, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .viability-bold .header .description {
    width: 100%;
  }
}

/* line 1373, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.sustainability-bold {
  padding: 120px 80px;
  font-family: Martel Sans;
  border-top: 1px solid #FFFFFF;
}

/* line 1378, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.sustainability-bold .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 1378, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .sustainability-bold .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1385, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.sustainability-bold .header .title {
  margin-right: 30px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 1385, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .sustainability-bold .header .title {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}

/* line 1394, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.contact-us-bold {
  font-family: Martel Sans;
  border-top: 1px solid #FFFFFF;
  padding: 100px 80px 40px 80px;
  position: relative;
}

@media screen and (max-width: 768px) {
  /* line 1394, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .contact-us-bold {
    padding: 100px 20px 120px 20px;
  }
}

/* line 1403, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.contact-us-bold .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 35px;
}

@media screen and (max-width: 1024px) {
  /* line 1403, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .contact-us-bold .header {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/* line 1412, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.contact-us-bold .header .scroll-top {
  cursor: pointer;
  color: #000000;
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 13px 25px;
}

@media screen and (max-width: 1065px) {
  /* line 1412, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .contact-us-bold .header .scroll-top {
    position: absolute;
    top: 40px;
    left: 40px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1412, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .contact-us-bold .header .scroll-top {
    top: 20px;
  }
}

/* line 1428, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.contact-us-bold .header .scroll-top i {
  font-size: 25px;
  margin-left: 14px;
}

/* line 1432, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.contact-us-bold .header .title {
  margin-right: 25px;
}

@media screen and (max-width: 768px) {
  /* line 1432, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .contact-us-bold .header .title {
    margin-bottom: 15px;
  }
}

/* line 1438, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.contact-us-bold .fields {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  padding-bottom: 35px;
}

@media screen and (max-width: 1024px) {
  /* line 1438, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .contact-us-bold .fields {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 1449, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.contact-us-bold .fields .description {
  width: calc(34% - 35px);
  margin-right: 15px;
  display: block;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 1449, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .contact-us-bold .fields .description {
    width: 80%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  /* line 1460, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .contact-us-bold .fields .description textarea {
    text-align: center;
  }
}

/* line 1463, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.contact-us-bold .fields .description-contact {
  font-size: 16px;
  line-height: 30px;
  display: block;
}

/* line 1468, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.contact-us-bold .fields .form-field {
  width: calc(33% - 15px);
  margin-right: 15px;
}

@media screen and (max-width: 1024px) {
  /* line 1468, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .contact-us-bold .fields .form-field {
    width: 80%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

/* line 1477, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.contact-us-bold .fields .form_input {
  font-size: 16px;
  line-height: 30px;
  padding: 10px;
  border-radius: 0;
  min-height: 27px;
  border: 1px solid #FFFFFF00;
  background-color: #FFFFFF00;
  font-family: Martel Sans;
}

/* line 1488, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.contact-us-bold .fields .form_input::-moz-placeholder {
  color: #B8C0C5;
}
.contact-us-bold .fields .form_input:-ms-input-placeholder {
  color: #B8C0C5;
}
.contact-us-bold .fields .form_input::placeholder {
  color: #B8C0C5;
}

@media screen and (max-width: 1024px) {
  /* line 1477, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .contact-us-bold .fields .form_input {
    text-align: center;
  }
}

/* line 1494, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.contact-us-bold .footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding-top: 15px;
  border-top: 1px solid #000000;
  font-size: 16px;
  line-height: 30px;
}

@media screen and (max-width: 768px) {
  /* line 1494, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .contact-us-bold .footer {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 1509, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
.contact-us-bold .footer .company-name {
  margin-left: 13px;
  font-size: 24px;
  line-height: 44px;
}

@media screen and (max-width: 1280px) {
  /* line 1514, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .section {
    padding: 110px 40px 40px 40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1514, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .section {
    padding: 110px 20px 40px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 1514, app/assets/stylesheets/new/components/portfolio/bold/portfolio-bold.sass */
  .section {
    padding: 110px 10px 40px 10px;
  }
}

/* line 2, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold-temp {
  padding: 120px 80px;
  font-family: Martel Sans;
  color: #E7E6E6;
}

/* line 7, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold-temp .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 7, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
  .portfolio-finance-bold-temp .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 14, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold-temp .header .title {
  margin-right: 30px;
  text-align: start;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 14, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
  .portfolio-finance-bold-temp .header .title {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

/* line 23, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold-temp .header .description {
  line-height: 30px;
  white-space: pre-wrap;
}

/* line 27, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold-temp .tab-content {
  width: 100%;
  position: relative;
}

/* line 32, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold-temp .tab-content .forecast .main-title {
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 32, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
  .portfolio-finance-bold-temp .tab-content .forecast .main-title {
    display: block;
    color: #000000;
    text-align: start;
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    text-transform: uppercase;
  }
}

/* line 46, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold-temp .tabs-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  margin-bottom: 50px;
  margin-top: 44px;
}

@media screen and (max-width: 768px) {
  /* line 46, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
  .portfolio-finance-bold-temp .tabs-wrapper {
    display: none;
  }
}

/* line 57, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold-temp .tabs-wrapper .subchapter {
  width: 100%;
}

/* line 60, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold-temp .tabs-wrapper .subchapter .title {
  text-align: center !important;
  color: #000 !important;
  font-size: 21px !important;
}

/* line 65, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold-temp .tabs-wrapper .tab {
  color: #00000080;
  margin-right: 20px;
  padding: 20px;
  cursor: pointer;
  font-size: 28px;
  line-height: 42px;
  font-family: Kanit;
  text-transform: uppercase;
  opacity: 0.5;
}

/* line 76, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold-temp .tabs-wrapper .tab.active {
  cursor: default;
  border-bottom: 1px solid;
  color: #000000;
  font-weight: 700;
  opacity: 1;
}

/* line 84, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold-temp .tabs-wrapper .tab:not(.active):hover {
  opacity: 0.3;
}

/* line 87, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chapter {
  width: 100%;
  text-align: left;
  position: relative;
  color: #000000;
}

/* line 93, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chapter > .title {
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
  text-align: center;
  text-transform: uppercase;
  font-family: Kanit;
}

/* line 101, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chapter .subchapter {
  display: inline-block;
}

/* line 105, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chapter .subchapter--big-title .title {
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
  text-align: center;
  text-transform: uppercase;
  font-family: Kanit;
}

@media screen and (max-width: 768px) {
  /* line 105, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
  .portfolio-finance-bold .chapter .subchapter--big-title .title {
    margin-top: 40px;
  }
}

/* line 116, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chapter .subchapter > .title {
  color: #000000;
  margin-bottom: 20px;
}

/* line 121, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chapter .info-preview {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 20px;
}

/* line 128, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chapter .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

/* line 134, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chapter .info-block {
  padding: 33px;
  background: #FFFFFF00;
  border-radius: 0;
  border: 1px solid #FFFFFF00;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(50% - 20px);
  margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 134, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
  .portfolio-finance-bold .chapter .info-block {
    padding: 20px;
    width: 100%;
  }
}

/* line 148, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chapter .info-block .title {
  font-size: 21px;
  font-weight: 700;
  line-height: 31px;
  width: 100%;
  margin-right: 33px;
  text-align: left;
  color: #000000;
  margin-bottom: 10px;
  font-family: Kanit;
  text-transform: uppercase;
}

/* line 160, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chapter .info-block .description {
  width: 100%;
  white-space: pre-wrap;
  font-size: 16px;
  line-height: 30px;
}

/* line 166, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chapter table {
  width: 100%;
  background: #FFFFFF00;
  padding: 17px 0;
  border-collapse: collapse;
  border-radius: 0;
}

@media screen and (max-width: 1024px) {
  /* line 166, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
  .portfolio-finance-bold .chapter table {
    min-width: 100%;
    width: auto;
  }
}

/* line 180, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chapter table.forecast tr th {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  text-align: center;
}

@media screen and (max-width: 1200px) {
  /* line 180, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
  .portfolio-finance-bold .chapter table.forecast tr th {
    font-size: 10px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 180, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
  .portfolio-finance-bold .chapter table.forecast tr th {
    min-width: 60px;
  }
}

/* line 192, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chapter table.forecast tr th:first-child {
  font-size: 18px;
  font-weight: 700;
  padding: 17px;
}

@media screen and (max-width: 1200px) {
  /* line 192, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
  .portfolio-finance-bold .chapter table.forecast tr th:first-child {
    font-size: 12px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 192, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
  .portfolio-finance-bold .chapter table.forecast tr th:first-child {
    min-width: 150px;
  }
}

@media screen and (max-width: 1439px) {
  /* line 203, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
  .portfolio-finance-bold .chapter table.forecast tr td {
    font-size: 16px;
  }
}

@media screen and (max-width: 1200px) {
  /* line 203, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
  .portfolio-finance-bold .chapter table.forecast tr td {
    font-size: 12px;
  }
}

/* line 211, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chapter table.forecast tr th:first-child, .portfolio-finance-bold .chapter table.forecast tr td:first-child {
  width: 15%;
}

/* line 216, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chapter table tbody.balance td {
  font-weight: bold;
}

/* line 219, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chapter table th.left-align, .portfolio-finance-bold .chapter table td.left-align {
  text-align: left !important;
  padding-left: 14px !important;
  padding-right: 0 !important;
  word-break: break-word;
}

/* line 225, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chapter table th {
  font-weight: 700;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 1024px) {
  /* line 225, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
  .portfolio-finance-bold .chapter table th {
    min-width: 100px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 234, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
  .portfolio-finance-bold .chapter table th:first-child {
    min-width: 200px;
  }
}

/* line 238, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chapter table th, .portfolio-finance-bold .chapter table td {
  padding: 12px 0;
}

/* line 241, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chapter table td {
  text-align: center;
}

/* line 244, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chapter table td:not(:last-child) {
  border-right: 1px solid #E7E6E6;
}

/* line 248, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chapter table tr.total td {
  border-top: 1px solid #E7E6E6;
}

/* line 250, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chapter table tr.total > * {
  font-weight: bold;
}

/* line 253, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chapter table tr.total > * td {
  border-top: 1px solid #E7E6E6;
}

/* line 256, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .table-subchapter {
  background-color: #FFFFFF00;
  border-radius: 0;
  overflow: auto;
  font-size: 16px;
  border: 1px solid #000000;
  padding: 30px;
}

/* line 264, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .table-subchapter table {
  border-radius: 0;
  box-shadow: none;
}

/* line 268, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .table-subchapter table thead {
  text-transform: uppercase;
}

/* line 271, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .table-subchapter table td {
  padding: 10px 0;
}

/* line 274, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .table-subchapter table td:not(:last-child) {
  border-right: 1px solid #000000;
}

/* line 276, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .table-subchapter table th {
  padding: 17px 0;
}

/* line 279, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .table-subchapter table th:not(:last-child) {
  border-right: 1px solid #000000;
}

/* line 285, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .table-subchapter table tr:last-child td {
  border-bottom: none;
}

/* line 288, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .table-wrapper {
  background-color: #FFFFFF00;
  border-radius: 0;
  overflow: auto;
}

/* line 292, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .table-wrapper .forecast {
  box-shadow: none;
}

/* line 295, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .table-wrapper .subchapter {
  margin-bottom: 20px;
}

/* line 297, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .table-wrapper .subchapter .separator {
  display: none;
}

/* line 299, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .table-wrapper .subchapter .title {
  color: #000000;
  margin: 0 0 0 20px;
  font-size: 21px;
  font-weight: 700;
  line-height: 25px;
  text-align: start;
}

/* line 307, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chart {
  position: relative;
}

/* line 310, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chart .main-title {
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 310, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
  .portfolio-finance-bold .chart .main-title {
    display: block;
    color: #000000;
    text-align: start;
    font-family: Lato;
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    text-transform: uppercase;
  }
}

@media screen and (max-width: 768px) {
  /* line 325, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
  .portfolio-finance-bold .chart-inner {
    overflow: auto;
  }
}

/* line 329, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chart-wrapper {
  border: 1px solid #000000;
  border-radius: 0;
  padding: 16px;
}

@media screen and (max-width: 768px) {
  /* line 329, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
  .portfolio-finance-bold .chart-wrapper {
    padding: 20px;
    width: 1024px;
  }
}

/* line 337, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chart .title {
  text-align: center;
  color: #615BDC;
  margin-bottom: 20px;
}

/* line 342, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chart-title {
  margin-bottom: 20px;
}

/* line 346, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .chart .apexcharts-legend-series {
  margin-bottom: 20px !important;
}

/* line 349, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .forecast-inner {
  padding: 20px 0;
  border-radius: 0;
  background-color: #FFFFFF00;
  border: 1px solid #000000;
}

/* line 355, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .forecast-inner--web {
  margin-top: 20px !important;
}

/* line 357, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .forecast-inner--web > .subchapter {
  display: block;
}

/* line 359, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .forecast-inner--web > .subchapter > .title {
  color: #000000;
  margin: 0 0 0 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-align: start;
  font-family: Kanit;
  text-transform: uppercase;
}

/* line 369, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .forecast-inner > .subchapter {
  margin-top: 20px !important;
}

/* line 371, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .forecast-inner > .subchapter:first-child {
  margin-top: 0 !important;
}

/* line 374, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .forecast-inner > .subchapter > .separator {
  display: none;
}

/* line 377, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .forecast-inner > .table-wrapper {
  box-shadow: none;
  margin-top: 0;
  border-radius: 0;
}

/* line 381, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .forecast-inner > .table-wrapper > table {
  border-radius: 0;
}

/* line 384, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .forecast-inner > .table-wrapper > table tr th, .portfolio-finance-bold .forecast-inner > .table-wrapper > table tr td {
  border-radius: 0 !important;
}

/* line 386, app/assets/stylesheets/new/components/portfolio/bold/portfolio-finance-bold.sass */
.portfolio-finance-bold .forecast-inner > .table-wrapper > table tr th:first-child, .portfolio-finance-bold .forecast-inner > .table-wrapper > table tr td:first-child {
  padding-left: 20px !important;
}

/* line 1, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.portfolio-web-bold {
  max-width: 1440px;
  margin: auto;
  font-family: Martel Sans;
}

/* line 6, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.portfolio-web-bold .bmc-modal-content {
  border-radius: 0;
}

/* line 9, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.bold-title-web {
  color: #000000;
  text-align: center;
  font-size: 86px;
  font-weight: 700;
  line-height: 129px;
  text-transform: uppercase;
  font-family: Kanit;
}

@media screen and (max-width: 768px) {
  /* line 9, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .bold-title-web {
    font-size: 64px;
    line-height: 96px;
  }
}

@media screen and (max-width: 480px) {
  /* line 9, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .bold-title-web {
    font-size: 48px;
    line-height: 88px;
    word-break: break-word;
  }
}

/* line 27, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.introduction-bold-web {
  padding: 60px 80px 120px 80px;
}

/* line 30, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.introduction-bold-web-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

/* line 35, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.introduction-bold-web-header .logo {
  width: 250px;
  max-width: 250px;
  max-height: 80px;
  margin-left: auto;
  border-radius: 0;
}

@media screen and (max-width: 480px) {
  /* line 35, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .introduction-bold-web-header .logo {
    width: 100%;
  }
}

/* line 45, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.introduction-bold-web-header .logo .bmc-page-card-image {
  border-radius: 0;
}

/* line 47, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.introduction-bold-web-header .logo .bmc-page-card-image--no-image-wrapper {
  padding-top: 33%;
}

/* line 50, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.introduction-bold-web-header .logo .bmc-page-card-image .title-logo {
  color: #000000;
  margin-bottom: 0;
  font-family: Kanit;
  font-size: 30px;
  line-height: 45px;
}

/* line 57, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.introduction-bold-web-header .logo-upload {
  width: 100%;
  max-width: 250px;
  max-height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0;
  position: relative;
  margin-left: auto;
  margin-bottom: 12px;
}

@media screen and (max-width: 480px) {
  /* line 57, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .introduction-bold-web-header .logo-upload {
    width: 100%;
  }
}

/* line 71, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.introduction-bold-web-header .company-wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  white-space: pre-line;
  text-align: left;
}

@media screen and (max-width: 1024px) {
  /* line 71, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .introduction-bold-web-header .company-wrapper {
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 83, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.introduction-bold-web-header .company-wrapper .title {
  width: 100%;
  text-align: start;
  margin-bottom: 12px;
}

/* line 88, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.introduction-bold-web-header .company-wrapper .description {
  width: 100%;
  color: #F8F9FA;
  line-height: 30px;
  white-space: pre-wrap;
}

/* line 94, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.introduction-bold-web-image {
  width: 100%;
  border-radius: 0;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 12px;
}

/* line 101, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.introduction-bold-web-image .bmc-page-card-image {
  width: 100%;
  border-radius: 0;
  box-shadow: none;
}

/* line 106, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.introduction-bold-web-image .bmc-page-card-image .img-wrapper {
  width: 100%;
}

/* line 109, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.introduction-bold-web-image .bmc-page-card-image--no-image-wrapper {
  width: 100%;
  padding-top: 50%;
}

/* line 113, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.introduction-bold-web-image .bmc-page-card-image--no-image-wrapper .title {
  color: #000000;
  font-family: Kanit;
  font-size: 30px;
  line-height: 45px;
}

/* line 119, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.summary-bold-web {
  padding: 120px 80px;
  color: #F8F9FA;
  border-top: 1px solid #FFFFFF;
}

/* line 124, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.summary-bold-web .title {
  margin-bottom: 40px;
  text-align: start;
}

/* line 128, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.summary-bold-web .description {
  color: #F8F9FA;
  width: 80%;
  margin-left: auto;
  white-space: pre-wrap;
  line-height: 30px;
}

@media screen and (max-width: 1024px) {
  /* line 128, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .summary-bold-web .description {
    width: 100%;
    margin-left: 0;
  }
}

/* line 139, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.summary-bold-web .file {
  width: 55%;
  margin-left: auto;
}

@media screen and (max-width: 1024px) {
  /* line 139, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .summary-bold-web .file {
    width: 100%;
  }
}

/* line 146, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.summary-bold-web .file .button {
  margin-bottom: 20px;
  margin-left: auto;
  height: auto;
}

/* line 151, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.summary-bold-web .file .button i {
  margin-right: 10px;
  font-size: 25px;
}

/* line 155, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.team-bold-web {
  padding: 120px 80px 60px 80px;
  border-top: 1px solid #FFFFFF;
  font-family: Martel Sans;
}

/* line 160, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.team-bold-web .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 160, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .team-bold-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 168, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.team-bold-web .header .title {
  margin-right: 40px;
  width: 30%;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 168, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .team-bold-web .header .title {
    width: 100%;
    margin-right: 0;
  }
}

/* line 177, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.team-bold-web .header .description {
  width: calc(70% - 40px);
  color: #F8F9FA;
  line-height: 30px;
  white-space: pre-wrap;
}

@media screen and (max-width: 1024px) {
  /* line 177, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .team-bold-web .header .description {
    width: 100%;
  }
}

/* line 186, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.team-bold-web .cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 30px -15px 0;
}

/* line 196, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.team-bold-web .card {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 0 15px 60px;
  width: calc(25% - 30px);
}

@media screen and (max-width: 1439px) {
  /* line 196, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .team-bold-web .card {
    width: calc(33.3% - 30px);
  }
}

@media screen and (max-width: 1080px) {
  /* line 196, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .team-bold-web .card {
    width: calc(50% - 30px);
  }
}

@media screen and (max-width: 700px) {
  /* line 196, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .team-bold-web .card {
    width: calc(100% - 30px);
  }
}

/* line 217, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.team-bold-web .card .image-upload {
  width: 100%;
  height: 290px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #E7E6E6;
  border-radius: 0;
  margin-bottom: 20px;
}

/* line 229, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.team-bold-web .card .image-upload .center-block {
  text-align: center;
  font-family: Kanit;
  font-size: 72px;
  font-weight: 700;
  line-height: 108px;
  color: #E7E6E6;
}

/* line 237, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.team-bold-web .card .name {
  width: 100%;
  margin-bottom: 20px;
  font-family: Kanit;
  font-size: 21px;
  font-weight: 700;
  line-height: 31px;
  text-transform: uppercase;
}

/* line 246, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.team-bold-web .card .member-description {
  color: #F8F9FA;
  line-height: 30px;
  white-space: pre-wrap;
}

/* line 251, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.testing-bold-web {
  padding: 120px 80px;
  font-family: Martel Sans;
  border-top: 1px solid #FFFFFF;
}

/* line 256, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.testing-bold-web .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 1024px) {
  /* line 256, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .testing-bold-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 265, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.testing-bold-web .header .title {
  margin-right: 40px;
  width: 40%;
  text-align: start;
  margin-bottom: 0 !important;
}

@media screen and (max-width: 1024px) {
  /* line 265, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .testing-bold-web .header .title {
    width: 100%;
    margin-right: 0;
  }
}

/* line 275, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.testing-bold-web .header .description {
  width: calc(60% - 40px);
  color: #E7E6E6;
  line-height: 30px;
  white-space: pre-wrap;
  text-align: start !important;
}

@media screen and (max-width: 1024px) {
  /* line 275, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .testing-bold-web .header .description {
    width: 100%;
  }
}

/* line 285, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.testing-bold-web .card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 289, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.testing-bold-web .card .main {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 289, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .testing-bold-web .card .main {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 297, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.testing-bold-web .card .testing-status .incomplete {
  fill: #000000;
  stroke: #000000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

/* line 304, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.testing-bold-web .test-card {
  border-radius: 0;
}

/* line 307, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.testing-bold-web .test-card__section .file {
  border-radius: 0 !important;
}

/* line 310, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.testing-bold-web .response-card {
  background: #FFFFFF00;
}

/* line 315, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.testing-bold-web .response-card__responses .i-like .text-wrapper, .testing-bold-web .response-card__responses .i-wish .text-wrapper, .testing-bold-web .response-card__responses .what-if .text-wrapper {
  border-radius: 0;
}

/* line 318, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.testing-bold-web .bmc-form-textarea {
  border-radius: 0;
}

/* line 321, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.desirability-bold-web {
  padding: 80px;
  color: #E7E6E6;
}

@media screen and (max-width: 768px) {
  /* line 321, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .desirability-bold-web {
    padding: 120px 80px 80px 80px;
  }
}

/* line 328, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.desirability-bold-web .header {
  width: 100%;
}

/* line 331, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.desirability-bold-web .header .title {
  color: #FFFFFF;
  margin-bottom: 20px;
  text-align: start;
}

/* line 336, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.desirability-bold-web .header .description {
  width: 80%;
  margin-left: auto;
  color: #E7E6E6;
  line-height: 30px;
  white-space: pre-wrap;
}

@media screen and (max-width: 1280px) {
  /* line 336, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .desirability-bold-web .header .description {
    width: 100%;
  }
}

/* line 346, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-segment-bold-web {
  padding: 120px 0 120px 80px;
  font-family: Martel Sans;
  width: 100%;
  color: #E7E6E6;
}

@media screen and (max-width: 1280px) {
  /* line 346, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .customer-segment-bold-web {
    padding: 40px;
  }
}

@media screen and (max-width: 480px) {
  /* line 346, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .customer-segment-bold-web {
    padding: 20px;
  }
}

/* line 358, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-segment-bold-web .header {
  margin-bottom: 40px;
  padding-right: 80px;
}

@media screen and (max-width: 1280px) {
  /* line 358, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .customer-segment-bold-web .header {
    padding-right: 40px;
  }
}

/* line 365, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-segment-bold-web .header .title {
  margin-bottom: 40px;
  text-align: start;
}

/* line 369, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-segment-bold-web .header .description {
  line-height: 30px;
  white-space: pre-wrap;
}

/* line 373, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-segment-bold-web .card-wrapper {
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1024px) {
  /* line 373, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .customer-segment-bold-web .card-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 379, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-segment-bold-web .right {
  width: 40%;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1024px) {
  /* line 379, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .customer-segment-bold-web .right {
    width: 100%;
  }
}

/* line 386, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-segment-bold-web .right .image-uploud {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 0;
  background-color: #E7E6E6;
  margin: auto;
}

@media screen and (max-width: 1024px) {
  /* line 386, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .customer-segment-bold-web .right .image-uploud {
    max-width: 530px;
  }
}

/* line 397, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-segment-bold-web .right .image-uploud .bmc-page-card-image {
  width: 100%;
  border-radius: 0;
  box-shadow: none;
}

/* line 403, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-segment-bold-web .right .image-uploud .bmc-page-card-image--no-image-wrapper .title {
  color: #000000;
  font-family: Kanit;
  font-size: 30px;
  line-height: 45px;
}

/* line 409, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-segment-bold-web .left {
  width: 60%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  padding-right: 40px;
}

@media screen and (max-width: 1024px) {
  /* line 409, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .customer-segment-bold-web .left {
    width: 100%;
    padding: 20px;
  }
}

/* line 421, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-segment-bold-web .left .cards-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
}

/* line 426, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-segment-bold-web .left .cards-section .tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 431, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-segment-bold-web .left .cards-section .tabs .item {
  cursor: pointer;
  margin-right: 20px;
  margin-bottom: 20px;
  font-family: Kanit;
  font-size: 28px;
  line-height: 42px;
  font-weight: 700;
  color: #E7E6E6;
  text-transform: uppercase;
  opacity: 0.5;
}

/* line 443, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-segment-bold-web .left .cards-section .tabs .item:hover {
  opacity: 0.3;
}

/* line 446, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-segment-bold-web .left .cards-section .tabs .item.active {
  text-decoration-line: underline;
  cursor: auto;
  color: #000000;
  opacity: 1;
}

/* line 452, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-segment-bold-web .left .main {
  width: 100%;
}

/* line 455, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-segment-bold-web .left .main .rangeRow {
  display: -ms-flexbox;
  display: flex;
}

/* line 458, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-segment-bold-web .left .main .rangeRow .bmc-page-card-inner {
  width: calc(50% - 5px);
}

/* line 463, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-segment-bold-web .left .main .bmc-page-card-row .subtitle {
  font-family: Kanit;
  font-weight: 700;
  text-transform: uppercase;
}

/* line 468, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-segment-bold-web .left .main .bmc-page-card-row .bmc-page-card-segmentList {
  color: #E7E6E6;
  font-family: Kanit;
  text-transform: uppercase;
}

/* line 473, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-segment-bold-web .left .main .bmc-page-card-row .bmc-page-card-text {
  color: #000000;
  font-family: Martel Sans;
  line-height: 30px;
  white-space: pre-wrap;
}

/* line 479, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-segment-bold-web .left .range {
  text-align: center;
}

/* line 482, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.value-propositions-bold-web {
  display: -ms-flexbox;
  display: flex;
  font-family: Martel Sans;
  padding: 120px 80px 0 80px;
  border-top: 1px solid #FFFFFF;
}

@media screen and (max-width: 1280px) {
  /* line 482, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .value-propositions-bold-web {
    padding: 40px 40px 0 40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 482, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .value-propositions-bold-web {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

@media screen and (max-width: 480px) {
  /* line 482, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .value-propositions-bold-web {
    padding: 20px 20px 0 20px;
  }
}

/* line 497, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.value-propositions-bold-web .left {
  padding-right: 60px;
  width: 45%;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1280px) {
  /* line 497, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .value-propositions-bold-web .left {
    width: 100%;
    padding-right: 40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 497, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .value-propositions-bold-web .left {
    width: 100%;
    padding-right: 0;
  }
}

/* line 510, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.value-propositions-bold-web .left .image {
  width: 100%;
  max-width: 530px;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 0;
  background-color: #E7E6E6;
  margin: auto;
}

/* line 519, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.value-propositions-bold-web .left .image .bmc-page-card-image {
  width: 100%;
  border-radius: 0;
  box-shadow: none;
}

/* line 524, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.value-propositions-bold-web .left .image .bmc-page-card-image .img-wrapper {
  width: 100%;
}

/* line 527, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.value-propositions-bold-web .left .image .bmc-page-card-image--no-image-wrapper {
  width: 100%;
  padding-top: 170%;
}

@media screen and (max-width: 1024px) {
  /* line 527, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .value-propositions-bold-web .left .image .bmc-page-card-image--no-image-wrapper {
    padding-top: 100%;
  }
}

/* line 534, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.value-propositions-bold-web .left .image .bmc-page-card-image--no-image-wrapper .title {
  color: #000000;
  font-family: Kanit;
  font-size: 30px;
  line-height: 45px;
}

/* line 540, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.value-propositions-bold-web .right {
  color: #000000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  width: 55%;
}

@media screen and (max-width: 1280px) {
  /* line 540, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .value-propositions-bold-web .right {
    width: 100%;
  }
}

/* line 550, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.value-propositions-bold-web .right .header {
  width: 100%;
  margin-bottom: 40px;
}

/* line 554, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.value-propositions-bold-web .right .header .title {
  margin-bottom: 40px;
  text-align: start;
}

/* line 558, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.value-propositions-bold-web .right .header .description {
  line-height: 30px;
  white-space: pre-wrap;
}

/* line 562, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.value-propositions-bold-web .right .bmc-page-card-segmentList {
  color: #000000;
  text-transform: uppercase;
  font-size: 38px;
  line-height: 57px;
  font-family: Kanit;
  font-weight: 700;
  padding-left: 10px;
}

/* line 571, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.value-propositions-bold-web .right .bmc-page-card-text {
  margin-right: auto;
  margin-bottom: 32px;
  padding-left: 10px;
  line-height: 30px;
  white-space: pre-wrap;
}

/* line 578, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.competitor-analysis-bold-web {
  padding: 120px 80px;
  font-family: Martel Sans;
  border-top: 1px solid #FFFFFF;
}

/* line 585, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.competitor-analysis-bold-web .header .title {
  margin-bottom: 40px;
  text-align: start;
}

/* line 589, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.competitor-analysis-bold-web .header .description {
  line-height: 30px;
  white-space: pre-wrap;
}

/* line 593, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.competitor-analysis-bold-web .table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  margin-top: 40px;
}

/* line 599, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.competitor-analysis-bold-web .table .title {
  display: none;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 42px;
}

/* line 605, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.competitor-analysis-bold-web .table tr {
  border: 1px solid #FFFFFF00;
}

@media screen and (max-width: 1024px) {
  /* line 605, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .competitor-analysis-bold-web .table tr {
    display: block;
    background: #FFFFFF;
  }
  /* line 612, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .competitor-analysis-bold-web .table tr:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 615, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .competitor-analysis-bold-web .table thead {
    display: none;
  }
}

/* line 620, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.competitor-analysis-bold-web .table thead th {
  font-family: Kanit;
  font-size: 28px;
  line-height: 42px;
  font-weight: 700;
  padding-bottom: 10px;
  padding-top: 10px;
  color: #FFFFFF;
  text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
  /* line 620, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .competitor-analysis-bold-web .table thead th {
    display: none;
  }
}

/* line 636, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.competitor-analysis-bold-web .table tbody tr:first-child td {
  border-top: 1px solid #FFFFFF00;
}

@media screen and (max-width: 1024px) {
  /* line 636, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .competitor-analysis-bold-web .table tbody tr:first-child td {
    border-top: none;
  }
}

/* line 642, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.competitor-analysis-bold-web .table tbody td {
  text-align: left;
  padding: 30px 20px;
  word-break: break-word;
  vertical-align: middle;
  font-size: 16px;
  line-height: 30px;
  position: relative;
  white-space: pre-wrap;
}

@media screen and (max-width: 1024px) {
  /* line 642, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .competitor-analysis-bold-web .table tbody td {
    display: block;
    padding: 10px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 642, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .competitor-analysis-bold-web .table tbody td {
    padding: 10px;
  }
  /* line 659, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .competitor-analysis-bold-web .table tbody td .icon {
    margin-left: 0;
  }
  /* line 662, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .competitor-analysis-bold-web .table tbody td .title {
    display: block;
  }
}

/* line 665, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.competitor-analysis-bold-web .table tbody td .border-right {
  position: absolute;
  width: 1px;
  height: calc(100% - 60px);
  right: 0;
  top: 30px;
  background: #FFFFFF;
}

@media screen and (max-width: 1024px) {
  /* line 665, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .competitor-analysis-bold-web .table tbody td .border-right {
    display: none;
  }
}

/* line 677, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.competitor-analysis-bold-web .table .bmc-page-compcard-item-title {
  margin-bottom: 10px;
}

/* line 680, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.competitor-analysis-bold-web .table .bmc-page-compcard-item-text-template--with-image {
  font-size: 21px;
  line-height: 38px;
  font-family: Martel Sans;
}

@media screen and (max-width: 1024px) {
  /* line 680, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .competitor-analysis-bold-web .table .bmc-page-compcard-item-text-template--with-image {
    border-right: none;
  }
}

/* line 688, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.competitor-analysis-bold-web .table .bmc-page-compcard-item-image-template {
  width: 80px;
  height: 80px;
  border-radius: 0;
  border: none;
  font-family: Kanit;
  font-weight: 700;
  font-size: 30px;
  line-height: 45px;
}

/* line 698, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-relationships-bold-web {
  padding: 120px 80px;
  font-family: Martel Sans;
  border-top: 1px solid #FFFFFF;
}

/* line 705, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-relationships-bold-web .header .title {
  margin-bottom: 40px;
  text-align: start;
}

/* line 709, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-relationships-bold-web .header .description {
  line-height: 30px;
  white-space: pre-wrap;
}

/* line 713, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-relationships-bold-web .bmc-page-gkgtabs-tabs {
  font-family: Martel Sans;
}

/* line 717, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-relationships-bold-web .bmc-page-gkgtabs-tabs-tab:hover {
  opacity: 0.5;
}

/* line 719, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-relationships-bold-web .bmc-page-gkgtabs-tabs-tab-title {
  color: #FFFFFF;
  font-weight: 400;
}

/* line 723, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-relationships-bold-web .bmc-page-gkgtabs-tabs-tab--active {
  cursor: auto;
}

/* line 726, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-relationships-bold-web .bmc-page-gkgtabs-tabs-tab--active:hover {
  opacity: 1;
}

/* line 728, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-relationships-bold-web .bmc-page-gkgtabs-tabs-tab--active .bmc-page-gkgtabs-tabs-tab-title {
  font-weight: 700;
}

/* line 731, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-relationships-bold-web .bmc-page-gkgtabs-content {
  font-family: Martel Sans;
}

/* line 734, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-relationships-bold-web .bmc-page-gkgtabs-content-block {
  border-radius: 0;
  padding: 40px;
  border: 1px solid #FFFFFF00;
  box-shadow: none;
}

/* line 740, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-relationships-bold-web .bmc-page-gkgtabs-content-block-title {
  font-weight: 700;
  font-family: Kanit;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/* line 746, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.customer-relationships-bold-web .bmc-page-gkgtabs-content-block-text {
  line-height: 30px;
}

/* line 749, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.channel-bold-web {
  display: -ms-flexbox;
  display: flex;
  font-family: Martel Sans;
  border-top: 1px solid #FFFFFF;
  padding: 120px 80px 120px 0;
}

@media screen and (max-width: 1280px) {
  /* line 755, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .channel-bold-web.section-web {
    padding-left: 0;
  }
}

@media screen and (max-width: 1024px) {
  /* line 755, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .channel-bold-web.section-web {
    padding-left: 40px;
  }
}

@media screen and (max-width: 480px) {
  /* line 755, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .channel-bold-web.section-web {
    padding-left: 20px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 749, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .channel-bold-web {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  /* line 767, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .channel-bold-web .header {
    width: 100%;
  }
  /* line 770, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .channel-bold-web .header .title {
    margin-bottom: 20px;
    text-align: start;
  }
  /* line 774, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .channel-bold-web .header .description {
    line-height: 30px;
    white-space: pre-wrap;
  }
  /* line 778, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .channel-bold-web .cards-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%;
  }
  /* line 783, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .channel-bold-web .cards-section .image-uploud {
    width: 100%;
    max-width: 530px;
    -o-object-fit: contain;
       object-fit: contain;
    border: none;
    border-radius: 0;
    margin: 40px auto 0 auto;
  }
  /* line 791, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .channel-bold-web .cards-section .image-uploud .bmc-page-card-image {
    width: 100%;
    border-radius: 0;
  }
  /* line 796, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .channel-bold-web .cards-section .image-uploud .bmc-page-card-image--no-image-wrapper .title {
    color: #000000;
    font-family: Kanit;
    font-size: 30px;
    line-height: 45px;
  }
  /* line 802, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .channel-bold-web .cards-section .card {
    margin-top: 20px;
  }
  /* line 804, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .channel-bold-web .cards-section .card-title {
    font-size: 28px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom: 24px;
    font-family: Kanit;
    text-transform: uppercase;
    padding-bottom: 14px;
    border-bottom: 1px solid #FFFFFF00;
  }
  /* line 814, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .channel-bold-web .cards-section .card-description {
    font-size: 16px;
    line-height: 30px;
  }
  /* line 818, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .channel-bold-web .cards-section .card-description-title {
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 10px;
  }
}

/* line 824, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.channel-bold-web .left {
  width: 35%;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1024px) {
  /* line 824, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .channel-bold-web .left {
    width: 100%;
  }
}

/* line 831, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.channel-bold-web .left .image-uploud {
  width: 100%;
  max-width: 530px;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 0;
  background-color: #E7E6E6;
  margin: auto;
}

/* line 840, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.channel-bold-web .left .image-uploud .bmc-page-card-image {
  width: 100%;
  border-radius: 0;
}

/* line 844, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.channel-bold-web .left .image-uploud .bmc-page-card-image--no-image-wrapper {
  padding-top: 130%;
}

@media screen and (max-width: 1024px) {
  /* line 844, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .channel-bold-web .left .image-uploud .bmc-page-card-image--no-image-wrapper {
    padding-top: 100%;
  }
}

/* line 850, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.channel-bold-web .left .image-uploud .bmc-page-card-image--no-image-wrapper .title {
  color: #000000;
  font-family: Kanit;
  font-size: 30px;
  line-height: 45px;
}

/* line 856, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.channel-bold-web .right {
  width: 65%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 40px;
}

@media screen and (max-width: 1024px) {
  /* line 856, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .channel-bold-web .right {
    width: 100%;
    padding-left: 0;
  }
}

/* line 868, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.channel-bold-web .right .header {
  width: 100%;
}

/* line 871, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.channel-bold-web .right .header .title {
  margin-bottom: 20px;
  text-align: start;
}

/* line 875, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.channel-bold-web .right .header .description {
  line-height: 30px;
  white-space: pre-wrap;
}

/* line 879, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.channel-bold-web .right .cards-section {
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 879, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .channel-bold-web .right .cards-section {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 887, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.channel-bold-web .right .cards-section .tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-left: 30px;
  -ms-flex-order: 1;
      order: 1;
}

@media screen and (max-width: 1024px) {
  /* line 887, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .channel-bold-web .right .cards-section .tabs {
    margin-left: 0;
    -ms-flex-order: 0;
        order: 0;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* line 901, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.channel-bold-web .right .cards-section .tabs .item {
  cursor: pointer;
  margin-bottom: 10px;
  font-size: 28px;
  line-height: 51px;
  font-weight: 700;
  color: #000000;
  padding: 20px;
  border-radius: 0;
  border: 1px solid #000000;
  width: 220px;
  opacity: 0.5;
}

/* line 914, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.channel-bold-web .right .cards-section .tabs .item:hover {
  color: #0984FF;
  border-color: #0984FF;
}

/* line 918, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.channel-bold-web .right .cards-section .tabs .item.active {
  border: none;
  cursor: auto;
  opacity: 1;
}

@media screen and (max-width: 1024px) {
  /* line 901, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .channel-bold-web .right .cards-section .tabs .item {
    font-size: 18px;
    line-height: 22px;
    min-height: 42px;
  }
  /* line 928, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .channel-bold-web .right .cards-section .tabs .item:not(:last-child) {
    margin-right: 10px;
  }
}

/* line 931, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.channel-bold-web .right .main {
  width: 100%;
}

/* line 934, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.channel-bold-web .right .main .card-title {
  font-size: 28px;
  line-height: 42px;
  font-weight: 700;
  margin-bottom: 24px;
  font-family: Kanit;
  text-transform: uppercase;
  padding-bottom: 14px;
  border-bottom: 1px solid #FFFFFF00;
}

/* line 944, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.channel-bold-web .right .main .card-description {
  font-size: 16px;
  line-height: 30px;
}

/* line 948, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.channel-bold-web .right .main .card-description-title {
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 10px;
}

/* line 954, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.feasibility-bold-web {
  padding: 80px;
  color: #E7E6E6;
}

@media screen and (max-width: 768px) {
  /* line 954, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .feasibility-bold-web {
    padding: 120px 80px 80px 80px;
  }
}

/* line 961, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.feasibility-bold-web .header {
  width: 100%;
}

/* line 964, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.feasibility-bold-web .header .title {
  color: #FFFFFF;
  margin-bottom: 20px;
  text-align: start;
}

/* line 969, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.feasibility-bold-web .header .description {
  width: 80%;
  margin-left: auto;
  color: #E7E6E6;
  line-height: 30px;
  white-space: pre-wrap;
}

@media screen and (max-width: 1280px) {
  /* line 969, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .feasibility-bold-web .header .description {
    width: 100%;
  }
}

/* line 979, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web {
  font-family: Martel Sans;
  color: #E7E6E6;
  padding: 120px 80px;
}

/* line 984, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .header {
  width: 100%;
}

/* line 987, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .header .title {
  color: #E7E6E6;
  text-align: start;
  margin-bottom: 20px;
}

/* line 992, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .header .description {
  color: #E7E6E6;
  white-space: pre-wrap;
  line-height: 30px;
}

/* line 997, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .key-activity {
  margin-top: 40px;
  width: 100%;
  color: #E7E6E6;
}

/* line 1002, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .key-activity .bmc-page-keycard {
  background-color: #FFFFFF00;
  padding: 0;
  box-shadow: none;
}

/* line 1007, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .key-activity .bmc-page-keycard-title {
  display: none;
}

/* line 1010, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .key-activity .bmc-page-keycard-steps {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 1380px) {
  /* line 1010, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .key-activities-bold-web .key-activity .bmc-page-keycard-steps {
    max-width: 1280px;
  }
}

/* line 1018, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .key-activity .bmc-page-keycard-step {
  margin: 20px 30px 40px 0;
}

/* line 1021, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .key-activity .bmc-page-keycard-step:last-child {
  margin-right: 0;
}

@media screen and (max-width: 539px) {
  /* line 1018, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .key-activities-bold-web .key-activity .bmc-page-keycard-step {
    margin: 0;
    padding: 0;
  }
}

/* line 1028, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .key-activity .bmc-page-keycard-step .circle {
  width: 40px;
  height: 40px;
  background-color: #FFFFFF00;
  border-radius: 50%;
  border: 1px solid #FFFFFF00;
  position: absolute;
  top: 0;
  right: 27px;
  z-index: -1;
}

@media screen and (max-width: 539px) {
  /* line 1028, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .key-activities-bold-web .key-activity .bmc-page-keycard-step .circle {
    top: 0;
    left: 65px;
    right: auto;
  }
}

/* line 1044, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .key-activity .bmc-page-keycard-step .line-key {
  display: none;
}

/* line 1047, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .key-activity .bmc-page-keycard-step::before {
  display: none;
}

/* line 1050, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .key-activity .bmc-page-keycard-step::after {
  display: none;
}

/* line 1053, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .key-activity .bmc-page-keycard-step-title {
  font-size: 24px;
  line-height: 44px;
  font-family: Martel Sans;
  font-weight: 700;
  text-align: center;
  margin-top: 0;
}

@media screen and (max-width: 539px) {
  /* line 1053, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .key-activities-bold-web .key-activity .bmc-page-keycard-step-title {
    text-align: start;
  }
}

/* line 1064, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .key-activity .bmc-page-keycard-step-text {
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  text-align: start;
}

/* line 1070, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .key-resources-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  margin-top: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 1070, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .key-activities-bold-web .key-resources-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1079, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .key-resource {
  width: 50%;
}

/* line 1082, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .key-resource:first-child {
  margin-right: 20px;
}

/* line 1085, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .key-resource:last-child {
  margin-left: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 1085, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .key-activities-bold-web .key-resource:last-child {
    margin-top: 30px;
    margin-left: 0;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1079, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .key-activities-bold-web .key-resource {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

/* line 1097, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .key-resource .bmc-page-keycard {
  min-height: 100%;
  border-radius: 0;
  border: 1px solid #000000;
  background-color: #FFFFFF00;
  box-shadow: none;
}

/* line 1104, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .key-resource .bmc-page-keycard-title {
  color: #E7E6E6;
  font-size: 38px;
  line-height: 57px;
  font-family: Kanit;
  text-transform: uppercase;
  font-weight: 700;
}

@media screen and (max-width: 1024px) {
  /* line 1104, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .key-activities-bold-web .key-resource .bmc-page-keycard-title {
    font-size: 32px;
    line-height: 48px;
  }
}

/* line 1116, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .key-resource .bmc-page-keycard-list {
  color: #E7E6E6;
  font-size: 16px;
  line-height: 30px;
  margin-top: 20px;
}

@media screen and (max-width: 480px) {
  /* line 1116, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .key-activities-bold-web .key-resource .bmc-page-keycard-list {
    padding-inline-start: 40px;
  }
}

/* line 1127, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .key-resource .bmc-page-keycard-list-item .resorses-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 1131, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .key-resource .bmc-page-keycard-list-item .resorses-text .line {
  width: 30px;
  height: 2px;
  margin-right: 15px;
  border-bottom: 2px solid;
  padding-right: 30px;
}

/* line 1138, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.key-activities-bold-web .key-resource .bmc-page-keycard-list-item .resorses-text .circle {
  display: none;
}

/* line 1141, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.viability-bold-web {
  padding: 80px;
  color: #E7E6E6;
}

@media screen and (max-width: 768px) {
  /* line 1141, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .viability-bold-web {
    padding: 120px 80px 80px 80px;
  }
}

/* line 1148, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.viability-bold-web .header {
  width: 100%;
}

/* line 1151, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.viability-bold-web .header .title {
  color: #FFFFFF;
  margin-bottom: 20px;
  text-align: start;
}

/* line 1156, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.viability-bold-web .header .description {
  width: 80%;
  margin-left: auto;
  color: #E7E6E6;
  line-height: 30px;
  white-space: pre-wrap;
}

@media screen and (max-width: 1280px) {
  /* line 1156, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .viability-bold-web .header .description {
    width: 100%;
  }
}

/* line 1166, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.sustainability-bold-web {
  padding: 120px 80px;
  font-family: Martel Sans;
  border-top: 1px solid #FFFFFF;
}

/* line 1171, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.sustainability-bold-web .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 1171, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .sustainability-bold-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1178, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.sustainability-bold-web .header .title {
  margin-right: 30px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 1178, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .sustainability-bold-web .header .title {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}

/* line 1187, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.contact-us-bold-web {
  font-family: Martel Sans;
  border-top: 1px solid #FFFFFF;
  padding: 80px;
  position: relative;
}

@media screen and (max-width: 768px) {
  /* line 1187, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .contact-us-bold-web {
    padding: 40px 20px 120px 20px;
  }
}

/* line 1196, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.contact-us-bold-web .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 35px;
}

@media screen and (max-width: 1024px) {
  /* line 1196, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .contact-us-bold-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/* line 1205, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.contact-us-bold-web .header .scroll-top {
  cursor: pointer;
  color: #000000;
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 13px 25px;
}

@media screen and (max-width: 1024px) {
  /* line 1205, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .contact-us-bold-web .header .scroll-top {
    position: absolute;
    top: 40px;
    left: 40px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1205, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .contact-us-bold-web .header .scroll-top {
    top: 20px;
  }
}

/* line 1221, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.contact-us-bold-web .header .scroll-top i {
  font-size: 25px;
  margin-left: 14px;
}

/* line 1225, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.contact-us-bold-web .header .title {
  margin-right: 25px;
}

@media screen and (max-width: 768px) {
  /* line 1225, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .contact-us-bold-web .header .title {
    margin-bottom: 15px;
  }
}

/* line 1231, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.contact-us-bold-web .fields {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  padding-bottom: 35px;
}

@media screen and (max-width: 1024px) {
  /* line 1231, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .contact-us-bold-web .fields {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 1242, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.contact-us-bold-web .fields .description {
  width: calc(34% - 35px);
  margin-right: 15px;
  display: block;
}

@media screen and (max-width: 1024px) {
  /* line 1242, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .contact-us-bold-web .fields .description {
    width: 80%;
    margin-right: 0;
    margin-bottom: 15px;
    text-align: center;
  }
}

/* line 1253, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.contact-us-bold-web .fields .description-contact {
  font-size: 16px;
  line-height: 30px;
  display: block;
}

/* line 1258, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.contact-us-bold-web .fields .form-field {
  width: calc(33% - 15px);
  margin-right: 15px;
  font-size: 16px;
  line-height: 30px;
  font-family: Martel Sans;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  /* line 1258, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .contact-us-bold-web .fields .form-field {
    width: 80%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

/* line 1271, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.contact-us-bold-web .fields .form-field.last {
  text-align: end;
}

@media screen and (max-width: 1024px) {
  /* line 1271, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .contact-us-bold-web .fields .form-field.last {
    text-align: center;
  }
}

/* line 1277, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.contact-us-bold-web .footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding-top: 15px;
  border-top: 1px solid #000000;
  font-size: 16px;
  line-height: 30px;
}

@media screen and (max-width: 768px) {
  /* line 1277, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .contact-us-bold-web .footer {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 1292, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
.contact-us-bold-web .footer .company-name {
  margin-left: 13px;
  font-size: 24px;
  line-height: 44px;
}

@media screen and (max-width: 1280px) {
  /* line 1297, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .section-web {
    padding: 40px;
  }
}

@media screen and (max-width: 480px) {
  /* line 1297, app/assets/stylesheets/new/components/portfolio/bold/portfolio-web-bold.sass */
  .section-web {
    padding: 40px 20px;
  }
}

/* line 1, app/assets/stylesheets/new/components/portfolio/bold/textarea-bold.sass */
.textarea-boldTemplate {
  width: 100%;
}

/* line 3, app/assets/stylesheets/new/components/portfolio/bold/textarea-bold.sass */
.textarea-boldTemplate .textarea-wrapper {
  width: 100%;
  position: relative;
  font-family: Martel Sans;
}

/* line 8, app/assets/stylesheets/new/components/portfolio/bold/textarea-bold.sass */
.textarea-boldTemplate .textarea-wrapper textarea {
  resize: none;
}

/* line 11, app/assets/stylesheets/new/components/portfolio/bold/textarea-bold.sass */
.textarea-boldTemplate .textarea-wrapper textarea:hover {
  border: 1px solid #ACB5BD;
}

/* line 14, app/assets/stylesheets/new/components/portfolio/bold/textarea-bold.sass */
.textarea-boldTemplate .textarea-wrapper textarea:active, .textarea-boldTemplate .textarea-wrapper textarea:focus {
  border: 1px solid #0984FF;
}

/* line 17, app/assets/stylesheets/new/components/portfolio/bold/textarea-bold.sass */
.textarea-bold {
  background-color: #FFFFFF00;
  padding: 10px;
  width: 100%;
  outline: none;
  cursor: pointer;
  border: 1px solid #FFFFFF00;
  color: #F8F9FA;
  font-size: 16px;
  line-height: 30px;
  caret-color: #0984FF;
  font-family: Martel Sans;
  text-align: start;
  white-space: pre-wrap;
}

/* line 33, app/assets/stylesheets/new/components/portfolio/bold/textarea-bold.sass */
.textarea-bold::-moz-placeholder {
  color: #B8C0C5;
}
.textarea-bold:-ms-input-placeholder {
  color: #B8C0C5;
}
.textarea-bold::placeholder {
  color: #B8C0C5;
}

/* line 36, app/assets/stylesheets/new/components/portfolio/bold/textarea-bold.sass */
.textarea-bold-name {
  font-family: Kanit;
  font-size: 86px;
  line-height: 129px;
  font-weight: 700;
  text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
  /* line 36, app/assets/stylesheets/new/components/portfolio/bold/textarea-bold.sass */
  .textarea-bold-name {
    font-size: 72px;
    line-height: 108px;
  }
}

@media screen and (max-width: 768px) {
  /* line 36, app/assets/stylesheets/new/components/portfolio/bold/textarea-bold.sass */
  .textarea-bold-name {
    font-size: 64px;
    line-height: 96px;
    word-break: break-word;
  }
}

@media screen and (max-width: 600px) {
  /* line 36, app/assets/stylesheets/new/components/portfolio/bold/textarea-bold.sass */
  .textarea-bold-name {
    font-size: 42px;
    line-height: 77px;
  }
}

@media screen and (max-width: 480px) {
  /* line 36, app/assets/stylesheets/new/components/portfolio/bold/textarea-bold.sass */
  .textarea-bold-name {
    font-size: 32px;
    line-height: 59px;
  }
}

/* line 60, app/assets/stylesheets/new/components/portfolio/bold/textarea-bold.sass */
.textarea-bold-name::-moz-placeholder {
  font-family: Kanit;
  font-size: 86px;
  line-height: 129px;
  font-weight: 700;
}
.textarea-bold-name:-ms-input-placeholder {
  font-family: Kanit;
  font-size: 86px;
  line-height: 129px;
  font-weight: 700;
}
.textarea-bold-name::placeholder {
  font-family: Kanit;
  font-size: 86px;
  line-height: 129px;
  font-weight: 700;
}

/* line 68, app/assets/stylesheets/new/components/portfolio/bold/textarea-bold.sass */
.textarea-bold-team-card--position {
  font-size: 16px;
  line-height: 30px;
  padding: 5px;
}

/* line 73, app/assets/stylesheets/new/components/portfolio/bold/textarea-bold.sass */
.textarea-bold-team-card--name {
  font-size: 21px;
  line-height: 38px;
  font-weight: 700;
  padding: 5px;
  font-family: Kanit;
  text-transform: uppercase;
}

/* line 81, app/assets/stylesheets/new/components/portfolio/bold/textarea-bold.sass */
.textarea-bold-team-card--description {
  padding: 5px;
}

/* line 85, app/assets/stylesheets/new/components/portfolio/bold/textarea-bold.sass */
.textarea-bold-cardCS-title {
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  text-transform: uppercase;
}

/* line 91, app/assets/stylesheets/new/components/portfolio/bold/textarea-bold.sass */
.textarea-bold-cardCS-key {
  text-align: center;
}

/* line 94, app/assets/stylesheets/new/components/portfolio/bold/textarea-bold.sass */
.text-card-bold {
  font-family: Martel Sans;
}

/* line 1, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.colourful-title {
  text-align: center;
  font-family: Noticia Text;
  font-size: 48px;
  font-weight: 700;
  line-height: 66px;
  color: #000000;
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .colourful-title {
    font-size: 30px;
    line-height: 42px;
    word-break: break-word;
  }
}

/* line 14, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.header-colourful {
  font-family: Noticia Text;
  color: #000000 !important;
  font-size: 21px;
  line-height: 29px;
  font-weight: 700;
}

/* line 21, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.button-colourful {
  font-family: Open Sans;
  line-height: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: #FFFFFF;
  background-color: #0984FF;
}

/* line 30, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.button-colourful:hover {
  opacity: 0.7;
  background-color: #0984FF;
}

/* line 34, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.button-colourful-light {
  font-family: Open Sans;
  line-height: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: #0984FF;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 122, 255, 0.25);
}

/* line 44, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.button-colourful-light:hover {
  opacity: 0.5;
  background-color: #FFFFFF;
}

/* line 49, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.introduction-colourfulFun-wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 49, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .introduction-colourfulFun-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 59, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.introduction-colourfulFun-wrapper .portfolio-comment-icon {
  top: auto !important;
  bottom: 30px;
}

/* line 63, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.introduction-colourfulFun-left {
  width: 45%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 56px 10px 56px 56px;
  position: relative;
}

@media screen and (max-width: 1280px) {
  /* line 63, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .introduction-colourfulFun-left {
    padding: 40px 10px 40px 40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 63, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .introduction-colourfulFun-left {
    width: 100%;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    padding: 100px 20px 0 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 63, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .introduction-colourfulFun-left {
    padding: 100px 10px 0 10px;
  }
}

/* line 82, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.introduction-colourfulFun-left .svg-funFirst {
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) {
  /* line 82, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .introduction-colourfulFun-left .svg-funFirst {
    max-width: 90%;
    text-align: start;
  }
}

/* line 91, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.introduction-colourfulFun-left .logo-hover {
  max-width: 272px;
  padding: 10px;
  margin: 150px 0 44px 0;
  position: relative;
  border: 1.09px solid #FFFFFF00;
}

/* line 98, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.introduction-colourfulFun-left .logo-hover:hover {
  border: 1.09px solid #0984FF;
}

@media screen and (max-width: 1024px) {
  /* line 91, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .introduction-colourfulFun-left .logo-hover {
    width: 100%;
    margin: 0 auto 44px auto;
  }
}

/* line 105, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.introduction-colourfulFun-left .logo-upload {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  border-radius: 44px;
  background-color: #FFFFFF00;
}

/* line 117, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.introduction-colourfulFun-left .logo-upload .title {
  text-align: center;
  font-weight: 700;
  color: #ACB5BD;
  margin-bottom: 8px;
}

@media screen and (max-width: 1024px) {
  /* line 117, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .introduction-colourfulFun-left .logo-upload .title {
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  /* line 117, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .introduction-colourfulFun-left .logo-upload .title {
    font-size: 30px;
    line-height: 42px;
  }
}

/* line 130, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.introduction-colourfulFun-left .logo-upload .description {
  width: 100%;
}

/* line 133, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.introduction-colourfulFun-right {
  width: 55%;
  min-height: 612px;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 80px 80px 100px 80px;
}

@media screen and (max-width: 1280px) {
  /* line 133, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .introduction-colourfulFun-right {
    padding: 40px 40px 100px 40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 133, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .introduction-colourfulFun-right {
    width: 100%;
    padding: 20px 20px 60px 20px;
  }
}

/* line 149, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.introduction-colourfulFun-right .svg-funSecond {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 1024px) {
  /* line 149, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .introduction-colourfulFun-right .svg-funSecond {
    max-width: 100%;
  }
}

/* line 159, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.introduction-colourfulFun-right .image {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 44px;
  background-color: #E7E6E6;
  margin: 0 auto;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
}

/* line 168, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.introduction-colourfulFun-right .image-hover {
  width: 100%;
  max-width: 638px;
  max-height: 674px;
  padding: 10px;
  position: relative;
  border: 1.09px solid #FFFFFF00;
}

/* line 177, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.summary-colourfulFun {
  margin-top: 100px;
  padding: 120px 250px 45px 250px;
  width: 100%;
  position: relative;
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 177, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .summary-colourfulFun {
    padding: 100px 65px 45px 65px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 177, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .summary-colourfulFun {
    padding: 100px 40px 40px 40px;
  }
}

/* line 190, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.summary-colourfulFun .title {
  margin-bottom: 53px;
}

/* line 193, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.summary-colourfulFun .svg-funSummaryThird {
  position: absolute;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
}

/* line 199, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.summary-colourfulFun .svg-funSummaryFourth {
  position: absolute;
  right: 0;
}

/* line 203, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.summary-colourfulFun .content {
  position: relative;
}

/* line 206, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.summary-colourfulFun .content .main {
  width: 100%;
}

/* line 209, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun {
  margin-top: 100px;
  padding: 61px 80px 0 68px;
  width: 100%;
  position: relative;
  min-height: 700px;
  margin-bottom: 100px;
  color: #000000;
}

@media screen and (max-width: 768px) {
  /* line 209, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .team-colourfulFun {
    margin-bottom: 0;
  }
}

/* line 221, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun .title {
  text-align: start;
  margin-bottom: 18px;
}

@media screen and (max-width: 1024px) {
  /* line 221, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .team-colourfulFun .title {
    text-align: center;
  }
}

/* line 228, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun .description {
  margin-left: 30px;
  margin-bottom: 37px;
}

@media screen and (max-width: 1024px) {
  /* line 228, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .team-colourfulFun .description {
    margin-left: 0;
  }
  /* line 235, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .team-colourfulFun .description textarea {
    text-align: center;
  }
}

/* line 238, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (max-width: 768px) {
  /* line 238, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .team-colourfulFun-cards {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
  }
}

@media screen and (max-width: 480px) {
  /* line 238, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .team-colourfulFun-cards {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 251, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun-card {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  /* line 251, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .team-colourfulFun-card {
    margin-bottom: 0;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-preferred-size: calc((100% - 30px) / 2);
        flex-basis: calc((100% - 30px) / 2);
    padding-top: 10px;
  }
}

@media screen and (max-width: 480px) {
  /* line 251, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .team-colourfulFun-card {
    width: 100%;
  }
}

/* line 264, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun-card .remove {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  width: 5%;
  position: relative;
}

/* line 273, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun-card .remove .icon-section {
  position: absolute;
  top: 35%;
  right: 35%;
}

@media screen and (max-width: 768px) {
  /* line 273, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .team-colourfulFun-card .remove .icon-section {
    left: 5px;
  }
}

/* line 281, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun-card .remove .icon-section i {
  font-size: 24px;
  color: #ACB5BD;
  cursor: pointer;
}

/* line 286, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun-card .remove .icon-section i:hover {
  color: #0984FF;
}

/* line 289, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun-card-left {
  width: calc(20% - 20px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  /* line 289, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .team-colourfulFun-card-left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

/* line 301, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun-card .image-hover {
  position: relative;
}

/* line 304, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun-card .svg-iconTeam {
  position: absolute;
  right: -14px;
  bottom: -14px;
}

/* line 310, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun-card .dndzone i {
  font-size: 36px;
  color: #0984FF;
  position: absolute;
  bottom: calc(50% - 18px);
  left: calc(50% - 18px);
}

/* line 317, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun-card .image-upload {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #E7E6E6;
}

/* line 328, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun-card .image-upload .center-block {
  text-align: center;
}

/* line 330, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun-card .image-upload .center-block i {
  color: #ACB5BD;
  font-size: 24px;
}

/* line 334, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun-card .middle {
  width: calc(30% - 20px);
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  /* line 334, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .team-colourfulFun-card .middle {
    width: 100%;
    margin-right: 0;
  }
}

/* line 342, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun-card .member-description {
  width: calc(45% - 20px);
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  /* line 342, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .team-colourfulFun-card .member-description {
    width: 100%;
    margin-right: 0;
  }
}

/* line 350, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun .add-team-card-colourful {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

/* line 356, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun .add-team-card-colourful-hover {
  background-color: #FFFFFF00;
  padding: 10px;
  border-radius: 50%;
  border: 1.09px solid #FFFFFF00;
}

/* line 362, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun .add-team-card-colourful-hover:hover {
  border: 1.09px solid #0984FF;
}

/* line 365, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun .add-team-card-colourful__wrapper {
  position: relative;
  width: calc(20% - 20px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  /* line 365, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .team-colourfulFun .add-team-card-colourful__wrapper {
    padding-top: 0;
    -ms-flex-align: start;
        align-items: flex-start;
  }
}

@media screen and (max-width: 480px) {
  /* line 365, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .team-colourfulFun .add-team-card-colourful__wrapper {
    width: 100%;
    margin-right: 0;
  }
}

/* line 382, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun .add-team-card-colourful .center-block {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  text-align: center;
  background: #E7E6E6;
  color: #0984FF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
}

/* line 396, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun .add-team-card-colourful .center-block i {
  font-size: 24px;
}

/* line 399, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun .svg-funTeamFifth {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 1024px) {
  /* line 404, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .team-colourfulFun .svg-funTeamFifth svg {
    max-width: 100%;
  }
}

/* line 409, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.team-colourfulFun .content {
  position: relative;
}

/* line 413, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.bm-colourful-canvas {
  padding: 100px 80px 80px 80px;
  background-color: #FFFFFF;
  position: relative;
  font-family: Open Sans;
  color: #000000;
}

/* line 420, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.bm-colourful-canvas .svg-funBMCsixth {
  position: absolute;
  bottom: 0;
  left: 0;
}

/* line 425, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.bm-colourful-canvas .svg-funBMCseventh {
  position: absolute;
  right: 0;
  top: 15%;
}

/* line 430, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.bm-colourful-canvas .bmc {
  position: relative;
}

/* line 433, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.bm-colourful-canvas .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media screen and (max-width: 1024px) {
  /* line 433, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .bm-colourful-canvas .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 440, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.bm-colourful-canvas .header .title {
  width: calc(50% - 20px);
  margin-right: 20px;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 440, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .bm-colourful-canvas .header .title {
    margin-right: 0;
    margin-bottom: 18px;
    width: 100%;
    text-align: center;
  }
}

/* line 451, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.bm-colourful-canvas .header .description {
  width: 50%;
}

@media screen and (max-width: 1024px) {
  /* line 451, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .bm-colourful-canvas .header .description {
    width: 100%;
  }
  /* line 457, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .bm-colourful-canvas .header .description textarea {
    width: 100%;
    text-align: center;
  }
}

/* line 461, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.header-icon-colourful {
  border-radius: 50%;
}

/* line 464, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.testing-colourful {
  padding: 120px 80px 46px 80px;
  margin-top: 100px;
  position: relative;
  min-height: 500px;
  font-family: Open Sans;
  color: #000000;
}

/* line 472, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.testing-colourful-left {
  width: calc(30% - 30px);
  margin-right: 30px;
}

@media screen and (max-width: 1280px) {
  /* line 472, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .testing-colourful-left {
    display: block;
    width: 100%;
  }
}

/* line 480, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.testing-colourful-left .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (max-width: 1280px) {
  /* line 480, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .testing-colourful-left .header {
    display: block;
  }
}

/* line 490, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.testing-colourful-left .header .title {
  margin-bottom: 36px;
  margin-left: 10px;
}

@media screen and (max-width: 1280px) {
  /* line 494, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .testing-colourful-left .header .description {
    margin-bottom: 36px;
  }
  /* line 499, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .testing-colourful-left .header .description textarea {
    text-align: center;
  }
}

/* line 502, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.testing-colourful-right {
  width: 65%;
}

@media screen and (max-width: 1280px) {
  /* line 502, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .testing-colourful-right {
    width: 100%;
  }
}

/* line 508, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.testing-colourful .svg-funTestingEight {
  position: absolute;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
}

/* line 514, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.testing-colourful .svg-funTestingNine {
  position: absolute;
  top: 0;
  right: 0;
  max-height: 100%;
}

/* line 520, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.testing-colourful .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
}

@media screen and (max-width: 1280px) {
  /* line 520, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .testing-colourful .content {
    display: block;
  }
}

/* line 528, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.testing-colourful .content .card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 532, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.testing-colourful .content .card .main {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 532, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .testing-colourful .content .card .main {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 540, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.testing-colourful .content .card .testing-status .incomplete {
  fill: #000000;
  stroke: #000000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

/* line 547, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.testing-colourful .response-card {
  background: #FFFFFF00;
}

/* line 550, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.desirability-colourful {
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 165px 80px 90px 80px;
  position: relative;
  font-family: Open Sans;
  color: #000000;
}

@media screen and (max-width: 768px) {
  /* line 550, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .desirability-colourful {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

/* line 562, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.desirability-colourful .svg-funDesirabilityTen {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

/* line 568, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.desirability-colourful .svg-funDesirabilityTen svg {
  height: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 568, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .desirability-colourful .svg-funDesirabilityTen svg {
    max-width: 100%;
  }
}

/* line 573, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.desirability-colourful .title {
  text-align: start;
  margin-bottom: 70px;
}

@media screen and (max-width: 768px) {
  /* line 573, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .desirability-colourful .title {
    text-align: center;
  }
}

/* line 580, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.desirability-colourful .description {
  width: 70%;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  /* line 580, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .desirability-colourful .description {
    width: 100%;
    margin-left: 0;
  }
  /* line 588, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .desirability-colourful .description textarea {
    text-align: center;
  }
}

/* line 591, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful {
  display: -ms-flexbox;
  display: flex;
  font-family: Open Sans;
  width: 100%;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 591, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .customer-segment-colourful {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 600, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful.section {
  padding-bottom: 0;
  padding-left: 0;
}

/* line 604, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .left {
  width: 50%;
  position: relative;
  padding: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 604, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .customer-segment-colourful .left {
    width: 100%;
  }
}

/* line 615, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .left .svg-funCSfirst {
  position: absolute;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
}

/* line 621, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .left .svg-funCSsecond {
  position: absolute;
  top: 0;
  right: 0;
}

/* line 626, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .left .image-hover {
  width: 100%;
  max-width: 554px;
  max-height: 743px;
  padding: 10px;
  position: relative;
  border: 1.09px solid #FFFFFF00;
}

/* line 635, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .left .image-hover .image-uploud {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 44px;
  background-color: #E7E6E6;
  margin: 0 auto;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
}

/* line 644, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .right {
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 60px 30px 30px;
}

@media screen and (max-width: 1024px) {
  /* line 644, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .customer-segment-colourful .right {
    width: 100%;
    padding: 20px;
  }
}

/* line 656, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .right .portfolio-comment-icon {
  top: 10px;
}

/* line 659, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .right .header {
  width: 100%;
}

/* line 662, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .right .header .title {
  margin-bottom: 20px;
  padding-top: 70px;
  width: 100%;
}

/* line 667, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .right .header .description {
  text-align: center;
  width: 100%;
  display: block;
}

@media screen and (max-width: 1024px) {
  /* line 673, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .customer-segment-colourful .right .header .description textarea {
    text-align: center;
  }
}

/* line 676, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .right .cards-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 44px;
  width: 100%;
}

/* line 682, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .right .cards-section .tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 687, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .right .cards-section .tabs .item {
  cursor: pointer;
  margin-right: 20px;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 33px;
  color: #000000;
}

/* line 695, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .right .cards-section .tabs .item:hover {
  color: #0984FF;
  opacity: 0.5;
}

/* line 699, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .right .cards-section .tabs .item.active {
  text-decoration-line: underline;
  font-weight: 700;
  cursor: auto;
}

/* line 704, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .right .cards-section .tabs .item.active:hover {
  color: #000000;
  opacity: 1;
}

/* line 708, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .right .main {
  width: 100%;
}

/* line 711, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .right .main .rangeRow {
  display: -ms-flexbox;
  display: flex;
}

/* line 714, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .right .main .rangeRow .bmc-page-card-inner {
  width: calc(50% - 5px);
}

/* line 717, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .right .main .rangeRow .bmc-page-card-inner.select {
  margin-left: 10px;
}

/* line 721, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .right .main .bmc-page-card-row .subtitle {
  font-size: 24px;
  line-height: 33px;
}

/* line 725, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .right .main .bmc-page-card-row .bmc-page-card-segmentList {
  color: #000000;
}

/* line 727, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .right .main .bmc-page-card-row .bmc-page-card-text {
  color: #000000;
}

/* line 730, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .right .range {
  text-align: center;
}

/* line 733, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-segment-colourful .right .bmc-page-card-segmentList {
  margin-left: 10px;
}

/* line 736, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.value-propositions-colourful {
  padding: 100px 80px 100px 80px;
  margin-top: 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  font-family: Open Sans;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 736, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .value-propositions-colourful {
    margin-top: 20px;
  }
}

/* line 750, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.value-propositions-colourful .svg-funVPeleventh {
  position: absolute;
  left: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
}

/* line 756, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.value-propositions-colourful .svg-funVPtwelveth {
  position: absolute;
  right: 0;
  top: 0;
}

/* line 761, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.value-propositions-colourful .content {
  position: relative;
  width: 100%;
}

/* line 765, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.value-propositions-colourful .content .drop {
  margin-bottom: 40px;
  max-width: 1220px;
  padding: 10px;
  position: relative;
  border: 1.09px solid #FFFFFF00;
}

/* line 773, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.value-propositions-colourful .content .drop-image {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 44px;
  background-color: #E7E6E6;
  margin: 0 auto;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
}

/* line 782, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.value-propositions-colourful .content .middle {
  margin-bottom: 30px;
  padding-top: 100px;
  color: #000000;
}

/* line 787, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.value-propositions-colourful .content .middle .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 787, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .value-propositions-colourful .content .middle .header {
    display: block;
  }
}

/* line 794, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.value-propositions-colourful .content .middle .header .title {
  margin-right: 30px;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 794, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .value-propositions-colourful .content .middle .header .title {
    margin-right: 0;
    margin-bottom: 36px;
    text-align: center;
  }
}

@media screen and (max-width: 1024px) {
  /* line 805, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .value-propositions-colourful .content .middle .header .description textarea {
    text-align: center;
  }
}

/* line 808, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.value-propositions-colourful .content .bottom {
  display: -ms-flexbox;
  display: flex;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 808, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .value-propositions-colourful .content .bottom {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 815, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.value-propositions-colourful .content .bottom .bmc-page-card-segmentList {
  color: #000000;
}

/* line 818, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.value-propositions-colourful .content .bottom .left {
  margin-right: 30px;
  width: calc(33% - 20px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (max-width: 1024px) {
  /* line 818, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .value-propositions-colourful .content .bottom .left {
    width: 100%;
    margin-bottom: 30px;
  }
}

/* line 828, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.value-propositions-colourful .content .bottom .bottom-middle {
  margin-right: 30px;
  width: calc(33% - 20px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (max-width: 1024px) {
  /* line 828, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .value-propositions-colourful .content .bottom .bottom-middle {
    width: 100%;
    margin-bottom: 30px;
  }
}

/* line 838, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.value-propositions-colourful .content .bottom .right {
  width: calc(33% - 20px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (max-width: 1024px) {
  /* line 838, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .value-propositions-colourful .content .bottom .right {
    width: 100%;
  }
}

/* line 846, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.value-propositions-colourful .dndzone {
  border-radius: 44px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
}

/* line 850, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.value-propositions-colourful-card {
  margin-top: 44px;
  padding: 0;
}

/* line 854, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.value-propositions-colourful-cardHover {
  width: 100%;
  height: 100%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  background-color: #F8F9FA;
  border: 1.09px solid #FFFFFF00;
}

/* line 862, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.value-propositions-colourful-cardHover:hover {
  border: 1.09px solid #0984FF;
}

/* line 865, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.value-propositions-colourful-textCard {
  padding-left: 40px;
  padding-right: 40px;
}

/* line 869, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.competitor-analysis-colourful {
  padding: 120px 80px;
  margin-top: 100px;
  position: relative;
  min-height: 900px;
  font-family: Open Sans;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 869, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .competitor-analysis-colourful {
    margin-top: 20px;
  }
}

/* line 880, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.competitor-analysis-colourful .svg-funCAthirteen {
  position: absolute;
  left: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
}

/* line 886, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.competitor-analysis-colourful .svg-funCAfourteen {
  position: absolute;
  right: 0;
  top: 0;
  max-height: 100%;
  max-width: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 893, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .competitor-analysis-colourful .svg-funCAfourteen svg {
    max-width: 100%;
  }
}

/* line 898, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.competitor-analysis-colourful .content {
  position: relative;
}

/* line 901, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.competitor-analysis-colourful .content .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 901, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .competitor-analysis-colourful .content .header {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/* line 909, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.competitor-analysis-colourful .content .header .title {
  margin-right: 30px;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 909, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .competitor-analysis-colourful .content .header .title {
    margin-right: 0;
    margin-bottom: 36px;
    text-align: center;
  }
}

@media screen and (max-width: 1024px) {
  /* line 921, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .competitor-analysis-colourful .content .header .description textarea {
    text-align: center;
  }
}

/* line 924, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.competitor-analysis-colourful .content .table {
  width: 100%;
  text-align: center;
  margin-top: 40px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

@media screen and (max-width: 1024px) {
  /* line 924, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .competitor-analysis-colourful .content .table {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

/* line 935, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.competitor-analysis-colourful .content .table .title {
  display: none;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
  /* line 940, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .competitor-analysis-colourful .content .table tr {
    display: block;
    background: #FFFFFF;
  }
  /* line 946, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .competitor-analysis-colourful .content .table tr:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 949, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .competitor-analysis-colourful .content .table thead {
    display: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

/* line 956, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.competitor-analysis-colourful .content .table thead th {
  font-size: 18px;
  line-height: 25px;
  font-weight: 700;
  vertical-align: top;
  padding-bottom: 20px;
  padding-top: 20px;
  color: #FFFFFF;
}

@media screen and (max-width: 1024px) {
  /* line 956, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .competitor-analysis-colourful .content .table thead th {
    display: none;
  }
}

/* line 970, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.competitor-analysis-colourful .content .table tbody td {
  text-align: left;
  padding: 30px 20px;
  word-break: break-word;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 970, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .competitor-analysis-colourful .content .table tbody td {
    display: block;
    padding: 10px 20px;
    background-color: white;
  }
  /* line 983, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .competitor-analysis-colourful .content .table tbody td .icon {
    margin-left: 0;
  }
  /* line 986, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .competitor-analysis-colourful .content .table tbody td .title {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  /* line 970, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .competitor-analysis-colourful .content .table tbody td {
    padding: 10px;
  }
}

/* line 992, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.competitor-analysis-colourful .content .table tbody td:first-child {
  padding: 30px 20px;
}

@media screen and (max-width: 1024px) {
  /* line 992, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .competitor-analysis-colourful .content .table tbody td:first-child {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 992, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .competitor-analysis-colourful .content .table tbody td:first-child {
    padding: 10px;
  }
}

/* line 1001, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.competitor-analysis-colourful .content .table tbody td:last-child {
  position: relative;
}

/* line 1004, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-relationships-colourful {
  padding: 100px 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  font-family: Open Sans;
  color: #000000;
  margin-top: 100px;
  width: 100%;
  min-height: 800px;
}

/* line 1017, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-relationships-colourful .svg-funCRfifteenth {
  position: absolute;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
}

/* line 1023, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-relationships-colourful .svg-funCRsixteenth {
  position: absolute;
  top: 0;
  right: 0;
}

/* line 1028, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-relationships-colourful .content {
  position: relative;
  width: 100%;
}

/* line 1032, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-relationships-colourful .content .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 1032, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .customer-relationships-colourful .content .header {
    display: block;
  }
}

/* line 1039, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-relationships-colourful .content .header .title {
  margin-right: 30px;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 1039, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .customer-relationships-colourful .content .header .title {
    margin-right: 0;
    margin-bottom: 36px;
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  /* line 1050, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .customer-relationships-colourful .content .header .description textarea {
    text-align: center;
  }
}

/* line 1053, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-relationships-colourful .content .bmc-page-gkgtabs-tabs {
  font-family: Open Sans;
  text-transform: uppercase;
}

/* line 1058, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-relationships-colourful .content .bmc-page-gkgtabs-tabs-tab:hover {
  opacity: 0.5;
}

/* line 1060, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-relationships-colourful .content .bmc-page-gkgtabs-tabs-tab-title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
}

/* line 1065, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-relationships-colourful .content .bmc-page-gkgtabs-tabs-tab--active {
  cursor: auto;
}

/* line 1068, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-relationships-colourful .content .bmc-page-gkgtabs-tabs-tab--active:hover {
  opacity: 1;
}

/* line 1071, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-relationships-colourful .content .bmc-page-gkgtabs-tabs-tab--active .bmc-page-gkgtabs-tabs-tab-title {
  font-weight: 700;
}

/* line 1074, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.customer-relationships-colourful .content .bmc-page-gkgtabs-content {
  font-family: Open Sans;
}

/* line 1077, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.channel-colourful {
  margin-top: 100px;
  display: -ms-flexbox;
  display: flex;
  font-family: Open Sans;
  width: 100%;
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 1077, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .channel-colourful {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1087, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.channel-colourful.section {
  padding-bottom: 0;
  padding-left: 0;
}

/* line 1091, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.channel-colourful .left {
  width: 50%;
  position: relative;
  padding: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 1091, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .channel-colourful .left {
    width: 100%;
  }
}

/* line 1102, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.channel-colourful .left .svg-funChannelsFirst {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 1107, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.channel-colourful .left .svg-funChannelsSecond {
  position: absolute;
  bottom: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
}

/* line 1113, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.channel-colourful .left .image-hover {
  width: 100%;
  max-width: 554px;
  max-height: 743px;
  padding: 10px;
  position: relative;
  border: 1.09px solid #FFFFFF00;
}

/* line 1122, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.channel-colourful .left .image-hover .image-uploud {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 44px;
  background-color: #E7E6E6;
  margin: 0 auto;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
}

/* line 1131, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.channel-colourful .right {
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  padding: 100px 30px 30px 30px;
}

@media screen and (max-width: 1280px) {
  /* line 1131, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .channel-colourful .right {
    width: 100%;
    padding: 100px 80px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1131, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .channel-colourful .right {
    padding: 100px 20px 20px 20px;
  }
}

/* line 1146, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.channel-colourful .right .header {
  width: 100%;
}

/* line 1149, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.channel-colourful .right .header .title {
  margin-bottom: 20px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 1149, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .channel-colourful .right .header .title {
    text-align: center;
  }
}

/* line 1156, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.channel-colourful .right .header .description {
  width: 100%;
  display: block;
}

@media screen and (max-width: 1280px) {
  /* line 1161, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .channel-colourful .right .header .description textarea {
    text-align: center;
  }
}

/* line 1164, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.channel-colourful .right .cards-section {
  display: -ms-flexbox;
  display: flex;
  margin-top: 44px;
  width: 100%;
}

@media screen and (max-width: 1280px) {
  /* line 1164, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .channel-colourful .right .cards-section {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1172, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.channel-colourful .right .cards-section .tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-left: 30px;
  -ms-flex-order: 1;
      order: 1;
}

@media screen and (max-width: 1280px) {
  /* line 1172, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .channel-colourful .right .cards-section .tabs {
    margin-left: 0;
    -ms-flex-order: 0;
        order: 0;
  }
}

/* line 1184, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.channel-colourful .right .cards-section .tabs .item {
  cursor: pointer;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 33px;
  color: #000000;
  padding: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  border-radius: 16px;
  border: 1px solid #000000;
  min-height: 94px;
  width: 220px;
}

/* line 1200, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.channel-colourful .right .cards-section .tabs .item:hover {
  opacity: 0.5;
  color: #0984FF;
  border-color: #0984FF;
}

/* line 1205, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.channel-colourful .right .cards-section .tabs .item.active {
  border: none;
  cursor: auto;
}

/* line 1209, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.channel-colourful .right .cards-section .tabs .item.active:hover {
  opacity: 1;
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 1184, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .channel-colourful .right .cards-section .tabs .item {
    font-size: 18px;
    line-height: 22px;
    min-height: 42px;
  }
}

/* line 1218, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.channel-colourful .right .main {
  width: 100%;
}

/* line 1221, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.channel-colourful .right .main .card-title {
  font-size: 24px;
  line-height: 33px;
  font-weight: 700;
  margin-bottom: 30px;
}

/* line 1227, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.channel-colourful .right .main .card-description {
  font-size: 16px;
  line-height: 20px;
}

/* line 1231, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.channel-colourful .right .main .card-description-title {
  font-size: 18px;
  line-height: 25px;
  font-weight: 700;
  margin-bottom: 10px;
}

/* line 1237, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.feasibility-colourful {
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 123px 80px;
  position: relative;
  font-family: Open Sans;
  color: #000000;
}

@media screen and (max-width: 768px) {
  /* line 1237, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .feasibility-colourful {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

/* line 1249, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.feasibility-colourful .svg-funFeasibility {
  position: absolute;
  right: 0;
  top: 0;
}

@media screen and (max-width: 1024px) {
  /* line 1254, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .feasibility-colourful .svg-funFeasibility svg {
    max-width: 100%;
  }
}

/* line 1259, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.feasibility-colourful .title {
  text-align: start;
  margin-bottom: 37px;
}

@media screen and (max-width: 768px) {
  /* line 1259, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .feasibility-colourful .title {
    text-align: center;
  }
}

/* line 1266, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.feasibility-colourful .description {
  width: 70%;
  margin-left: auto;
}

/* line 1270, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.feasibility-colourful .description textarea {
  border: 1.09px solid #FFFFFF00;
  background-color: #FFFFFF00;
}

@media screen and (max-width: 768px) {
  /* line 1266, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .feasibility-colourful .description {
    width: 100%;
    margin-left: 0;
  }
  /* line 1278, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .feasibility-colourful .description textarea {
    text-align: center;
  }
}

/* line 1281, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.viability-colourful {
  margin-top: 100px;
  padding: 100px 80px;
  position: relative;
  font-family: Open Sans;
  color: #000000;
}

@media screen and (max-width: 768px) {
  /* line 1281, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .viability-colourful {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

/* line 1292, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.viability-colourful .svg-funViability {
  position: absolute;
  right: 0;
  top: 0;
}

@media screen and (max-width: 1024px) {
  /* line 1297, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .viability-colourful .svg-funViability svg {
    max-width: 100%;
  }
}

/* line 1302, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.viability-colourful .title {
  text-align: start;
  margin-bottom: 37px;
}

@media screen and (max-width: 768px) {
  /* line 1302, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .viability-colourful .title {
    text-align: center;
  }
}

/* line 1309, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.viability-colourful .description {
  width: 70%;
  margin-left: auto;
}

/* line 1313, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.viability-colourful .description textarea {
  border: 1.09px solid #FFFFFF00;
  background-color: #FFFFFF00;
}

@media screen and (max-width: 768px) {
  /* line 1309, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .viability-colourful .description {
    width: 100%;
    margin-left: 0;
  }
  /* line 1321, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .viability-colourful .description textarea {
    text-align: center;
  }
}

/* line 1324, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.key-activities-colourful {
  padding: 0 80px;
  position: relative;
  font-family: Open Sans;
  color: #000000;
}

/* line 1330, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.key-activities-colourful .svg-funKeyFirst {
  position: absolute;
  bottom: 0;
  left: 0;
}

/* line 1335, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.key-activities-colourful .svg-funKeySecond {
  position: absolute;
  right: 0;
}

/* line 1339, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.key-activities-colourful .card {
  position: relative;
  padding: 100px 30px 65px 30px;
  border-radius: 44px;
  box-shadow: 0px 0px 12.6642093658px 0px rgba(0, 0, 0, 0.15);
  background-color: #FFFFFF;
}

/* line 1346, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.key-activities-colourful .card .title {
  margin-bottom: 10px;
}

/* line 1350, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.key-activities-colourful .card .description textarea {
  text-align: center;
}

/* line 1353, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.key-activities-colourful .card .key-activity {
  margin-top: 44px;
  width: 100%;
  color: #000000;
}

/* line 1358, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.key-activities-colourful .card .key-activity .bmc-page-keycard {
  background-color: #FFFFFF;
  padding: 0;
  box-shadow: none;
}

/* line 1363, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.key-activities-colourful .card .key-activity .bmc-page-keycard-title {
  display: none;
}

/* line 1366, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.key-activities-colourful .card .key-activity .bmc-page-keycard-step {
  position: relative;
}

@media screen and (max-width: 624px) {
  /* line 1366, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .key-activities-colourful .card .key-activity .bmc-page-keycard-step {
    width: 100%;
    padding: 0;
  }
}

@media screen and (min-width: 1145px) {
  /* line 1375, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .key-activities-colourful .card .key-activity .bmc-page-keycard-step:nth-child(4n) .line-key {
    display: none;
  }
}

@media screen and (max-width: 1144px) and (min-width: 905px) {
  /* line 1380, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .key-activities-colourful .card .key-activity .bmc-page-keycard-step:nth-child(3n) .line-key {
    display: none;
  }
}

@media screen and (max-width: 904px) and (min-width: 625px) {
  /* line 1385, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .key-activities-colourful .card .key-activity .bmc-page-keycard-step:nth-child(2n) .line-key {
    display: none;
  }
}

/* line 1388, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.key-activities-colourful .card .key-activity .bmc-page-keycard-step .circle {
  width: 16px;
  height: 16px;
  border: 5px solid #FF6D00;
  background-color: #FFFFFF;
  border-radius: 50%;
  margin: 0 auto;
}

@media screen and (max-width: 624px) {
  /* line 1388, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .key-activities-colourful .card .key-activity .bmc-page-keycard-step .circle {
    margin-bottom: 20px;
  }
}

/* line 1399, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.key-activities-colourful .card .key-activity .bmc-page-keycard-step .line-key {
  width: calc(100% + 8px);
  height: 3px;
  background-color: #FFFFFF;
  position: absolute;
  left: calc(50% + 8px);
  top: 6px;
}

@media screen and (max-width: 624px) {
  /* line 1399, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .key-activities-colourful .card .key-activity .bmc-page-keycard-step .line-key {
    display: none;
  }
}

/* line 1410, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.key-activities-colourful .card .key-activity .bmc-page-keycard-step-title {
  font-size: 24px;
  line-height: 33px;
}

@media screen and (max-width: 624px) {
  /* line 1410, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .key-activities-colourful .card .key-activity .bmc-page-keycard-step-title {
    margin: 0 0 10px 10px;
  }
}

@media screen and (max-width: 539px) {
  /* line 1410, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .key-activities-colourful .card .key-activity .bmc-page-keycard-step-title {
    text-align: center;
  }
}

/* line 1420, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.key-activities-colourful .card .key-activity .bmc-page-keycard-step-text {
  font-size: 16px;
  line-height: 20px;
}

@media screen and (max-width: 539px) {
  /* line 1420, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .key-activities-colourful .card .key-activity .bmc-page-keycard-step-text {
    text-align: center;
  }
}

/* line 1427, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.key-activities-colourful .card .key-resources-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  margin-top: 40px;
}

@media screen and (max-width: 1024px) {
  /* line 1427, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .key-activities-colourful .card .key-resources-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1436, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.key-activities-colourful .card .key-resource {
  width: 50%;
}

/* line 1439, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.key-activities-colourful .card .key-resource:first-child {
  margin-right: 20px;
}

/* line 1442, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.key-activities-colourful .card .key-resource:last-child {
  margin-left: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 1442, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .key-activities-colourful .card .key-resource:last-child {
    margin-top: 30px;
    margin-left: 0;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1436, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .key-activities-colourful .card .key-resource {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

/* line 1454, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.key-activities-colourful .card .key-resource .bmc-page-keycard {
  min-height: 100%;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
}

/* line 1458, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.key-activities-colourful .card .key-resource .bmc-page-keycard-title {
  color: #000000;
  font-size: 48px;
  line-height: 66px;
  font-family: Noticia Text;
}

@media screen and (max-width: 1024px) {
  /* line 1458, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .key-activities-colourful .card .key-resource .bmc-page-keycard-title {
    font-size: 32px;
    line-height: 44px;
  }
}

/* line 1468, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.key-activities-colourful .card .key-resource .bmc-page-keycard-list {
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  margin-top: 20px;
}

/* line 1474, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.sustainability-colourful {
  padding: 100px 80px 80px 80px;
  margin-top: 100px;
  position: relative;
  font-family: Open Sans;
  color: #000000;
  min-height: 1095px;
}

/* line 1482, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.sustainability-colourful .svg-funSustainabilityFirst {
  position: absolute;
  left: 0;
  bottom: 0;
}

/* line 1487, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.sustainability-colourful .svg-funSustainabilitySecond {
  position: absolute;
  right: 0;
  top: 0;
  max-height: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 1493, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .sustainability-colourful .svg-funSustainabilitySecond svg {
    max-width: 100%;
  }
}

/* line 1498, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.sustainability-colourful .content {
  position: relative;
}

/* line 1501, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.sustainability-colourful .content .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 1501, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .sustainability-colourful .content .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1508, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.sustainability-colourful .content .header .title {
  margin-right: 30px;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 1508, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .sustainability-colourful .content .header .title {
    margin-right: 0;
    margin-bottom: 36px;
  }
}

/* line 1518, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.sustainability-colourful .content .header .description textarea {
  border: 1.09px solid #FFFFFF00;
  background-color: #FFFFFF00;
}

@media screen and (max-width: 768px) {
  /* line 1524, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .sustainability-colourful .content .header .description textarea {
    text-align: center;
  }
}

/* line 1527, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.contact-us-colourful {
  position: relative;
  font-family: Open Sans;
  color: #000000;
  padding: 100px 0 20px 0;
  margin-top: 120px;
}

@media screen and (max-width: 768px) {
  /* line 1527, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .contact-us-colourful {
    padding-bottom: 100px;
    margin-top: 0;
  }
}

/* line 1538, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.contact-us-colourful .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 15px;
}

@media screen and (max-width: 1024px) {
  /* line 1538, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .contact-us-colourful .header {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/* line 1548, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.contact-us-colourful .header-first {
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 1548, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .contact-us-colourful .header-first {
    margin-bottom: 15px;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  /* line 1548, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .contact-us-colourful .header-first {
    -ms-flex-direction: column;
        flex-direction: column;
    margin-bottom: 0;
  }
}

/* line 1561, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.contact-us-colourful .header .scroll-top {
  cursor: pointer;
  min-width: 159px;
  border-radius: 100px;
  color: #FFFFFF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 20px;
  font-size: 16px;
  padding: 14px 24px;
}

@media screen and (max-width: 1024px) {
  /* line 1561, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .contact-us-colourful .header .scroll-top {
    margin-left: auto;
  }
}

/* line 1576, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.contact-us-colourful .header .scroll-top i {
  margin-left: 3px;
  font-size: 22px;
}

/* line 1580, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.contact-us-colourful .header .title {
  margin-left: 20px;
  margin-right: 25px;
}

@media screen and (max-width: 1024px) {
  /* line 1580, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .contact-us-colourful .header .title {
    font-size: 38px;
    line-height: 52px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1580, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .contact-us-colourful .header .title {
    margin-bottom: 15px;
  }
}

/* line 1591, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.contact-us-colourful .header .description {
  width: calc(40% - 15px);
  margin-right: 15px;
  display: block;
}

@media screen and (max-width: 1024px) {
  /* line 1591, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .contact-us-colourful .header .description {
    width: calc(60% - 25px);
  }
  /* line 1599, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .contact-us-colourful .header .description textarea {
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  /* line 1591, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .contact-us-colourful .header .description {
    width: 80%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

/* line 1607, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.contact-us-colourful .header .description-contact {
  font-size: 16px;
  line-height: 20px;
  display: block;
}

/* line 1612, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.contact-us-colourful .header .form-field {
  width: calc(50% - 15px);
  margin-right: 15px;
}

@media screen and (max-width: 1024px) {
  /* line 1612, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .contact-us-colourful .header .form-field {
    margin-left: 20px;
    width: calc(50% - 40px);
  }
}

@media screen and (max-width: 768px) {
  /* line 1612, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .contact-us-colourful .header .form-field {
    width: 80%;
    margin-left: 0;
    margin-bottom: 15px;
  }
}

/* line 1625, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.contact-us-colourful .header .form_input {
  font-size: 16px;
  line-height: 20px;
  padding: 10px;
  border-radius: 0;
  min-height: 27px;
  border: 1.09px solid #FFFFFF00;
  background-color: #FFFFFF00;
  font-family: Open Sans;
}

/* line 1636, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.contact-us-colourful .header .form_input::-moz-placeholder {
  color: #B8C0C5;
}
.contact-us-colourful .header .form_input:-ms-input-placeholder {
  color: #B8C0C5;
}
.contact-us-colourful .header .form_input::placeholder {
  color: #B8C0C5;
}

@media screen and (max-width: 1024px) {
  /* line 1625, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .contact-us-colourful .header .form_input {
    text-align: center;
  }
}

/* line 1642, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.contact-us-colourful .footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding-top: 15px;
  border-top: 1px solid #000000;
  font-size: 16px;
}

/* line 1651, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.contact-us-colourful .footer .left {
  margin-left: 20px;
}

/* line 1654, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.contact-us-colourful .footer .right {
  margin-right: 20px;
}

@media screen and (max-width: 480px) {
  /* line 1654, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .contact-us-colourful .footer .right {
    text-align: right;
  }
}

/* line 1659, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.contact-us-colourful .footer .company-name {
  margin-left: 13px;
  font-size: 24px;
  line-height: 33px;
}

@media screen and (max-width: 1280px) {
  /* line 1664, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .section {
    padding: 100px 40px 40px 40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1664, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .section {
    padding: 100px 20px 40px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 1664, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
  .section {
    padding: 100px 10px 40px 10px;
  }
}

/* line 1674, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.svg-modalFirstSvg {
  position: absolute;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
}

/* line 1680, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-colourfulFun.sass */
.svg-modalSecondSvg {
  position: absolute;
  top: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
}

/* line 2, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful-temp {
  padding: 100px 80px 80px 80px;
  font-family: Open Sans;
  color: #000000;
}

/* line 7, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful-temp .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 7, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful-temp .header {
    display: block;
  }
}

/* line 14, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful-temp .header .title {
  margin-right: 30px;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 14, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful-temp .header .title {
    margin-right: 0;
    margin-bottom: 36px;
    text-align: center;
  }
}

/* line 23, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful-temp .header .description {
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 23, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful-temp .header .description {
    text-align: center;
  }
  /* line 28, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful-temp .header .description .textarea-wrapper textarea {
    text-align: center;
  }
}

/* line 31, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful-temp .tab-content {
  width: 100%;
  position: relative;
}

/* line 35, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful-temp .tab-content .svg-funFinancial {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: -80px;
}

@media screen and (max-width: 1280px) {
  /* line 35, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful-temp .tab-content .svg-funFinancial {
    margin-right: -40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 35, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful-temp .tab-content .svg-funFinancial {
    margin-right: -20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 35, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful-temp .tab-content .svg-funFinancial {
    margin-right: -10px;
  }
}

/* line 50, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful-temp .tab-content .svg-funForecastFirst {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -80px;
  margin-top: -40px;
}

@media screen and (max-width: 1280px) {
  /* line 50, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful-temp .tab-content .svg-funForecastFirst {
    margin-left: -40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 50, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful-temp .tab-content .svg-funForecastFirst {
    margin-left: -20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 50, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful-temp .tab-content .svg-funForecastFirst {
    margin-left: -10px;
  }
}

/* line 65, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful-temp .tab-content .svg-funForecastSecond {
  position: absolute;
  right: 0;
  bottom: 50%;
  margin-right: -80px;
}

@media screen and (max-width: 1280px) {
  /* line 65, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful-temp .tab-content .svg-funForecastSecond {
    margin-right: -40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 65, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful-temp .tab-content .svg-funForecastSecond {
    margin-right: -20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 65, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful-temp .tab-content .svg-funForecastSecond {
    margin-right: -10px;
  }
}

/* line 80, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful-temp .tab-content .svg-funGraph {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-left: -80px;
  margin-bottom: -100px;
}

@media screen and (max-width: 1280px) {
  /* line 80, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful-temp .tab-content .svg-funGraph {
    margin-left: -40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 80, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful-temp .tab-content .svg-funGraph {
    margin-left: -20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 80, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful-temp .tab-content .svg-funGraph {
    margin-left: -10px;
  }
}

/* line 97, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful-temp .tab-content .forecast .main-title {
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 97, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful-temp .tab-content .forecast .main-title {
    display: block;
    color: #000000;
    text-align: center;
    font-family: Noticia Text;
    font-size: 30px;
    line-height: 42px;
    font-weight: 700;
    margin-top: 50px;
    margin-bottom: 30px;
  }
}

/* line 111, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful-temp .tabs-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  margin-bottom: 50px;
  margin-top: 44px;
}

@media screen and (max-width: 768px) {
  /* line 111, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful-temp .tabs-wrapper {
    display: none;
  }
}

/* line 122, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful-temp .tabs-wrapper .subchapter {
  width: 100%;
}

/* line 125, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful-temp .tabs-wrapper .subchapter .title {
  text-align: center !important;
  color: #000 !important;
  font-size: 21px !important;
}

/* line 130, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful-temp .tabs-wrapper .tab {
  color: #000000;
  margin-right: 20px;
  padding: 20px;
  cursor: pointer;
  font-size: 24px;
  font-weight: 700;
  line-height: 33px;
}

/* line 139, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful-temp .tabs-wrapper .tab.active {
  cursor: default;
  border-bottom: 2px solid;
}

/* line 146, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter {
  width: 100%;
  text-align: left;
  position: relative;
  color: #000000;
}

/* line 152, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter > .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 33px;
  text-align: center;
  font-family: Noticia Text;
}

/* line 159, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter .subchapter {
  display: inline-block;
}

/* line 162, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter .subchapter--big-title {
  margin-left: 40px;
}

/* line 164, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter .subchapter--big-title .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 33px;
  text-align: center;
  font-family: Noticia Text;
}

@media screen and (max-width: 768px) {
  /* line 164, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful .chapter .subchapter--big-title .title {
    margin-top: 40px;
  }
}

/* line 174, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter .subchapter > .title {
  color: #000000;
  margin-bottom: 20px;
}

/* line 179, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter .info-preview {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 20px;
}

/* line 186, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

/* line 192, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter .info-block {
  padding: 33px;
  background: #FFFFFF;
  box-shadow: 8.4428052902px 8.4428052902px 25.3284187317px -16.8856105804px rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(50% - 20px);
  margin-bottom: 20px;
  border: 3px solid;
}

@media screen and (max-width: 1024px) {
  /* line 192, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful .chapter .info-block {
    padding: 20px;
    width: 100%;
  }
}

/* line 207, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter .info-block .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  width: 100%;
  margin-right: 33px;
  text-align: left;
  color: #000000;
  margin-bottom: 12px;
}

/* line 217, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter .info-block .description {
  width: 100%;
  white-space: pre-wrap;
  font-size: 16px;
  line-height: 20px;
}

/* line 223, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter table {
  width: 100%;
  background: #FFFFFF;
  box-shadow: 8.4428052902px 8.4428052902px 25.3284187317px -16.8856105804px rgba(0, 0, 0, 0.2);
  padding: 17px 0;
  border-collapse: collapse;
  border-radius: 16px;
}

@media screen and (max-width: 1024px) {
  /* line 223, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful .chapter table {
    min-width: 100%;
    width: auto;
  }
}

/* line 238, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter table.forecast tr th {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  text-align: center;
}

@media screen and (max-width: 1200px) {
  /* line 238, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful .chapter table.forecast tr th {
    font-size: 10px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 238, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful .chapter table.forecast tr th {
    min-width: 60px;
  }
}

/* line 250, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter table.forecast tr th:first-child {
  font-size: 18px;
  font-weight: bold;
  padding: 17px;
}

@media screen and (max-width: 1200px) {
  /* line 250, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful .chapter table.forecast tr th:first-child {
    font-size: 12px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 250, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful .chapter table.forecast tr th:first-child {
    min-width: 150px;
  }
}

@media screen and (max-width: 1439px) {
  /* line 261, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful .chapter table.forecast tr td {
    font-size: 16px;
  }
}

@media screen and (max-width: 1200px) {
  /* line 261, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful .chapter table.forecast tr td {
    font-size: 12px;
  }
}

/* line 269, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter table.forecast tr th:first-child, .portfolio-finance-colourful .chapter table.forecast tr td:first-child {
  width: 15%;
}

/* line 272, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter table.forecast tbody tr {
  border-bottom: 2px solid #E7E6E6;
}

/* line 274, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter table.forecast tbody tr:last-child {
  border-bottom: none;
}

/* line 278, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter table tbody.balance tr {
  background: #fff !important;
  border-bottom: 2px solid #F8F9FA;
}

/* line 282, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter table tbody.balance tr:last-child {
  border-bottom: none;
}

/* line 286, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter table tbody.balance tr:last-child td:first-child {
  border-bottom-left-radius: 16px;
}

/* line 288, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter table tbody.balance tr:last-child td:last-child {
  border-bottom-right-radius: 16px;
}

/* line 290, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter table tbody.balance td {
  font-weight: bold;
}

/* line 293, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter table th.left-align, .portfolio-finance-colourful .chapter table td.left-align {
  text-align: left !important;
  padding-left: 14px !important;
  padding-right: 0 !important;
  word-break: break-word;
}

/* line 299, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter table th {
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1024px) {
  /* line 299, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful .chapter table th {
    min-width: 100px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 308, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful .chapter table th:first-child {
    min-width: 200px;
  }
}

/* line 312, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter table th, .portfolio-finance-colourful .chapter table td {
  padding: 12px 0;
}

/* line 315, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter table td {
  text-align: center;
  border-right: 2px solid #F8F9FA;
}

/* line 318, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter table td:last-child {
  border-right: none;
}

/* line 321, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter table tr.total {
  background: #fff !important;
}

/* line 323, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter table tr.total td {
  border-top: 2px solid #F8F9FA;
}

/* line 325, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter table tr.total > * {
  font-weight: bold;
}

/* line 329, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter table tr.total:nth-child(even) td {
  border-top: 2px solid #F8F9FA;
}

/* line 333, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter table tr.total:last-child td:first-child {
  border-bottom-left-radius: 16px;
}

/* line 335, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chapter table tr.total:last-child td:last-child {
  border-bottom-right-radius: 16px;
}

/* line 338, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .table-subchapter {
  background-color: #FFFFFF;
  box-shadow: 8.4428052902px 8.4428052902px 25.3284187317px -16.8856105804px rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  overflow: auto;
  font-size: 16px;
  border: 3px solid;
}

/* line 346, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .table-subchapter table {
  border-radius: 16px;
  box-shadow: none;
}

/* line 350, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .table-subchapter table td {
  padding: 10px 0;
  border-right: 2px solid #F8F9FA;
}

/* line 353, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .table-subchapter table td:last-child {
  border-right: none;
}

/* line 355, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .table-subchapter table th {
  padding: 17px 0;
  border-right: 2px solid #F8F9FA;
}

/* line 359, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .table-subchapter table th:last-child {
  border-right: none;
}

/* line 363, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .table-subchapter table tr:nth-child(2n) {
  background-color: #F8F9FA;
}

/* line 366, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .table-subchapter table tr:last-child td {
  border-bottom: none;
}

/* line 369, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .table-wrapper {
  background-color: #FFFFFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  overflow: auto;
}

/* line 374, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .table-wrapper .forecast {
  box-shadow: none;
}

/* line 376, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .table-wrapper .forecast .variable-cost {
  background: #fff !important;
}

/* line 378, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .table-wrapper .subchapter {
  margin-bottom: 20px;
}

/* line 380, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .table-wrapper .subchapter .separator {
  display: none;
}

/* line 382, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .table-wrapper .subchapter .title {
  color: #000000;
  margin: 0 0 0 20px;
  font-size: 17.73px;
  font-weight: 700;
  line-height: 24px;
  text-align: start;
}

/* line 390, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chart {
  position: relative;
}

/* line 393, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chart .main-title {
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 393, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful .chart .main-title {
    display: block;
    color: #000000;
    text-align: center;
    font-family: Noticia Text;
    font-size: 30px;
    line-height: 42px;
    font-weight: 700;
    margin-top: 50px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 768px) {
  /* line 407, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful .chart-inner {
    overflow: auto;
  }
}

/* line 411, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chart-wrapper {
  border: 3px solid;
}

@media screen and (max-width: 768px) {
  /* line 411, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
  .portfolio-finance-colourful .chart-wrapper {
    padding: 20px;
    width: 1024px;
  }
}

/* line 417, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chart .title {
  text-align: center;
  color: #615BDC;
  margin-bottom: 20px;
}

/* line 422, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chart-title {
  margin-bottom: 20px;
}

/* line 425, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chart-wrapper {
  background: #FFFFFF;
  box-shadow: 8.4428052902px 8.4428052902px 25.3284187317px -16.8856105804px rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  padding: 16px;
}

/* line 431, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .chart .apexcharts-legend {
  -ms-flex-align: end;
      align-items: flex-end;
}

/* line 434, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .forecast-inner {
  padding: 20px 0;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.05), 0px 0px 4px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  background-color: white;
  border: 3px solid;
}

/* line 441, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .forecast-inner--web {
  margin-top: 20px !important;
}

/* line 443, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .forecast-inner--web > .subchapter {
  display: block;
}

/* line 445, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .forecast-inner--web > .subchapter > .title {
  color: #000000;
  margin: 0 0 0 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: start;
}

/* line 453, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .forecast-inner > .subchapter {
  margin-top: 20px !important;
}

/* line 455, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .forecast-inner > .subchapter:first-child {
  margin-top: 0 !important;
}

/* line 458, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .forecast-inner > .subchapter > .separator {
  display: none;
}

/* line 461, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .forecast-inner > .table-wrapper {
  box-shadow: none;
  margin-top: 0;
  border-radius: 0;
}

/* line 465, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .forecast-inner > .table-wrapper > table {
  border-radius: 0;
}

/* line 468, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .forecast-inner > .table-wrapper > table tr th, .portfolio-finance-colourful .forecast-inner > .table-wrapper > table tr td {
  border-radius: 0 !important;
}

/* line 470, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-finance-colourful.sass */
.portfolio-finance-colourful .forecast-inner > .table-wrapper > table tr th:first-child, .portfolio-finance-colourful .forecast-inner > .table-wrapper > table tr td:first-child {
  padding-left: 20px !important;
}

/* line 1, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.portfolio-web-colourful {
  max-width: 1440px;
  margin: auto;
  color: #000000;
  font-family: Open Sans;
}

/* line 7, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.colourful-title-web {
  text-align: center;
  font-family: Noticia Text;
  font-size: 48px;
  font-weight: 700;
  line-height: 66px;
  color: #000000;
}

@media screen and (max-width: 768px) {
  /* line 7, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .colourful-title-web {
    font-size: 30px;
    line-height: 42px;
    word-break: break-word;
  }
}

/* line 21, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.introduction-colourfulFun-web-wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 21, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .introduction-colourfulFun-web-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 31, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.introduction-colourfulFun-web-left {
  width: 45%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 56px 10px 56px 56px;
  position: relative;
}

@media screen and (max-width: 1280px) {
  /* line 31, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .introduction-colourfulFun-web-left {
    padding: 40px 10px 40px 40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 31, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .introduction-colourfulFun-web-left {
    width: 100%;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    padding: 40px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 31, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .introduction-colourfulFun-web-left {
    padding: 40px 10px 0 10px;
  }
}

/* line 50, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.introduction-colourfulFun-web-left .svg-funFirst {
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) {
  /* line 50, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .introduction-colourfulFun-web-left .svg-funFirst {
    max-width: 90%;
    text-align: start;
  }
}

/* line 59, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.introduction-colourfulFun-web-left .logo {
  width: 250px;
  max-width: 250px;
  max-height: 80px;
  margin: 150px 0 44px 0;
}

@media screen and (max-width: 1024px) {
  /* line 59, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .introduction-colourfulFun-web-left .logo {
    margin: 0 auto 44px auto;
  }
}

/* line 68, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.introduction-colourfulFun-web-left .logo .bmc-page-card-image--no-image-wrapper {
  padding-top: 32%;
}

/* line 71, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.introduction-colourfulFun-web-left .logo .bmc-page-card-image--no-image-wrapper .title-logo {
  color: #000000;
  margin-bottom: 0;
  font-family: Noticia Text;
}

/* line 76, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.introduction-colourfulFun-web-left .logo-upload {
  width: 100%;
  max-width: 250px;
  max-height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 44px;
  position: relative;
  margin: 150px 0 44px 0;
}

@media screen and (max-width: 1024px) {
  /* line 76, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .introduction-colourfulFun-web-left .logo-upload {
    margin: 0 auto 44px auto;
  }
}

/* line 88, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.introduction-colourfulFun-web-left .title {
  text-align: start;
  font-weight: 700;
  margin-bottom: 44px;
}

@media screen and (max-width: 1024px) {
  /* line 88, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .introduction-colourfulFun-web-left .title {
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  /* line 88, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .introduction-colourfulFun-web-left .title {
    font-size: 30px;
    line-height: 42px;
  }
}

/* line 101, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.introduction-colourfulFun-web-left .description {
  width: 100%;
  text-align: start;
  white-space: pre-wrap;
}

@media screen and (max-width: 1024px) {
  /* line 101, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .introduction-colourfulFun-web-left .description {
    text-align: center;
  }
}

/* line 109, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.introduction-colourfulFun-web-right {
  width: 55%;
  min-height: 500px;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 80px;
}

@media screen and (max-width: 1280px) {
  /* line 109, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .introduction-colourfulFun-web-right {
    padding: 40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 109, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .introduction-colourfulFun-web-right {
    width: 100%;
    padding: 20px;
  }
}

/* line 125, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.introduction-colourfulFun-web-right .svg-funSecond {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 1024px) {
  /* line 130, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .introduction-colourfulFun-web-right .svg-funSecond svg {
    max-width: 100%;
  }
}

/* line 135, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.introduction-colourfulFun-web-right .image {
  width: 100%;
  max-width: 618px;
  max-height: 654px;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 44px;
  margin: 0 auto;
  position: relative;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
}

/* line 146, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.introduction-colourfulFun-web-right .image .bmc-page-card-image {
  width: 100%;
  border-radius: 44px;
}

/* line 150, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.introduction-colourfulFun-web-right .image .bmc-page-card-image--no-image-wrapper {
  padding-top: 106%;
}

/* line 152, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.introduction-colourfulFun-web-right .image .bmc-page-card-image--no-image-wrapper .title {
  color: #000000;
  margin-bottom: 0;
  font-family: Noticia Text;
}

/* line 157, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.summary-colourfulFun-web {
  margin-top: 100px;
  padding: 140px 250px 80px 250px;
  width: 100%;
  position: relative;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 157, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .summary-colourfulFun-web {
    padding: 65px;
  }
}

@media screen and (max-width: 768px) {
  /* line 157, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .summary-colourfulFun-web {
    padding: 40px;
  }
}

/* line 170, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.summary-colourfulFun-web .title {
  margin-bottom: 60px;
}

/* line 173, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.summary-colourfulFun-web .svg-funSummaryThird {
  position: absolute;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
}

/* line 179, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.summary-colourfulFun-web .svg-funSummaryFourth {
  position: absolute;
  right: 0;
}

/* line 183, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.summary-colourfulFun-web .content {
  position: relative;
}

/* line 186, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.summary-colourfulFun-web .content .main {
  width: 100%;
}

/* line 189, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.summary-colourfulFun-web .content .main .description {
  color: #000000;
  text-align: center;
  white-space: pre-wrap;
}

/* line 194, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.summary-colourfulFun-web .content .main .button {
  color: #FFFFFF;
  border-radius: 60px;
  width: 278px;
  height: auto;
  cursor: pointer;
  overflow: hidden;
  padding: 24px 42px;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  font-family: Open Sans;
  margin: 0 auto 15px auto;
  display: block;
  word-break: break-word;
}

/* line 212, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.summary-colourfulFun-web .content .main .button i {
  margin-right: 5px;
}

@media screen and (max-width: 480px) {
  /* line 194, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .summary-colourfulFun-web .content .main .button {
    width: 100%;
  }
}

/* line 219, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.summary-colourfulFun-web .content .main .bmc-button span {
  text-align: center;
  word-break: break-word;
}

/* line 223, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.team-colourfulFun-web {
  margin-top: 100px;
  padding: 80px;
  width: 100%;
  position: relative;
  min-height: 700px;
  color: #000000;
}

@media screen and (max-width: 768px) {
  /* line 223, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .team-colourfulFun-web {
    margin-bottom: 50px;
  }
}

/* line 234, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.team-colourfulFun-web .title {
  text-align: start;
  margin-bottom: 18px;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 234, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .team-colourfulFun-web .title {
    text-align: center;
  }
}

/* line 242, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.team-colourfulFun-web .description {
  margin-left: 30px;
  margin-bottom: 60px;
  color: #000000;
  white-space: pre-wrap;
}

/* line 248, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.team-colourfulFun-web-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (max-width: 768px) {
  /* line 248, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .team-colourfulFun-web-cards {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
  }
}

@media screen and (max-width: 480px) {
  /* line 248, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .team-colourfulFun-web-cards {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 260, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.team-colourfulFun-web-card {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 35px;
}

@media screen and (max-width: 768px) {
  /* line 260, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .team-colourfulFun-web-card {
    margin-bottom: 0;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-preferred-size: calc((100% - 30px) / 2);
        flex-basis: calc((100% - 30px) / 2);
    padding-top: 10px;
  }
}

@media screen and (max-width: 480px) {
  /* line 260, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .team-colourfulFun-web-card {
    width: 100%;
  }
}

/* line 273, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.team-colourfulFun-web-card-left {
  width: calc(20% - 20px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  /* line 273, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .team-colourfulFun-web-card-left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

/* line 285, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.team-colourfulFun-web-card .svg-iconTeam {
  position: absolute;
  right: -14px;
  bottom: -14px;
}

/* line 290, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.team-colourfulFun-web-card .image-upload {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #E7E6E6;
  position: relative;
}

/* line 302, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.team-colourfulFun-web-card .image-upload .title-image {
  font-family: Noticia Text;
  font-weight: 700;
}

/* line 306, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.team-colourfulFun-web-card .middle {
  width: calc(30% - 20px);
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  /* line 306, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .team-colourfulFun-web-card .middle {
    width: 100%;
    margin-right: 0;
  }
}

/* line 314, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.team-colourfulFun-web-card .middle .position {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 14px;
}

/* line 319, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.team-colourfulFun-web-card .middle .name {
  font-size: 24px;
  font-weight: 700;
  line-height: 33px;
  font-family: Noticia Text;
}

/* line 325, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.team-colourfulFun-web-card .member-description {
  width: calc(45% - 20px);
  margin-right: 20px;
  font-size: 16px;
  line-height: 20px;
  white-space: pre-wrap;
}

@media screen and (max-width: 768px) {
  /* line 325, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .team-colourfulFun-web-card .member-description {
    width: 100%;
    margin-right: 0;
  }
}

/* line 336, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.team-colourfulFun-web .svg-funTeamFifth {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 1024px) {
  /* line 341, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .team-colourfulFun-web .svg-funTeamFifth svg {
    max-width: 100%;
  }
}

/* line 346, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.team-colourfulFun-web .content {
  position: relative;
}

/* line 350, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.bm-colourful-web-canvas {
  padding: 100px 80px 80px 80px;
  background-color: #FFFFFF;
  position: relative;
  font-family: Open Sans;
  color: #000000;
}

/* line 357, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.bm-colourful-web-canvas .svg-funBMCsixth {
  position: absolute;
  bottom: 0;
  left: 0;
}

/* line 362, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.bm-colourful-web-canvas .svg-funBMCseventh {
  position: absolute;
  right: 0;
  top: 15%;
}

/* line 367, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.bm-colourful-web-canvas .bmc {
  position: relative;
}

/* line 370, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.bm-colourful-web-canvas .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 1024px) {
  /* line 370, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .bm-colourful-web-canvas .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 379, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.bm-colourful-web-canvas .header .title {
  width: calc(50% - 20px);
  margin-right: 20px;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 379, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .bm-colourful-web-canvas .header .title {
    margin-right: 0;
    margin-bottom: 18px;
    width: 100%;
    text-align: center;
  }
}

/* line 390, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.bm-colourful-web-canvas .header .description {
  width: 50%;
  color: #000000;
  white-space: pre-wrap;
}

@media screen and (max-width: 1024px) {
  /* line 390, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .bm-colourful-web-canvas .header .description {
    width: 100%;
  }
}

/* line 398, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.bm-colourful-web-canvas .bmc-canvas-section-header-icon {
  border-radius: 50%;
}

/* line 404, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.bm-colourful-web-canvas .bmc-page-card--value-proposition-mode .bmc-page-card-image--no-image-wrapper {
  padding-top: 120%;
}

/* line 408, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.bm-colourful-web-canvas .bmc-page-card-image-icon-title {
  font-family: Noticia Text;
  color: #000000;
}

/* line 412, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.bm-colourful-web-canvas .bmc-page-compcard-item-image--no-image {
  color: #000000;
  font-family: Noticia Text;
  font-weight: 700;
}

/* line 417, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.testing-colourful-web {
  padding: 84px 80px 46px 80px;
  margin-top: 100px;
  position: relative;
  min-height: 500px;
  font-family: Open Sans;
  color: #000000;
}

/* line 425, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.testing-colourful-web-left {
  width: calc(30% - 30px);
  margin-right: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

@media screen and (max-width: 1280px) {
  /* line 425, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .testing-colourful-web-left {
    display: block;
    width: 100%;
  }
}

/* line 436, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.testing-colourful-web-left .title {
  margin-bottom: 36px;
  margin-left: 10px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 436, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .testing-colourful-web-left .title {
    text-align: center;
  }
}

/* line 444, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.testing-colourful-web-left .description {
  color: #000000;
  white-space: pre-wrap;
  text-align: start !important;
}

@media screen and (max-width: 1280px) {
  /* line 444, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .testing-colourful-web-left .description {
    margin-bottom: 36px;
    text-align: center !important;
  }
}

/* line 453, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.testing-colourful-web-right {
  width: 65%;
}

@media screen and (max-width: 1280px) {
  /* line 453, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .testing-colourful-web-right {
    width: 100%;
  }
}

/* line 459, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.testing-colourful-web .svg-funTestingEight {
  position: absolute;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
}

/* line 465, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.testing-colourful-web .svg-funTestingNine {
  position: absolute;
  top: 0;
  right: 0;
  max-height: 100%;
}

/* line 471, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.testing-colourful-web .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
}

@media screen and (max-width: 1280px) {
  /* line 471, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .testing-colourful-web .content {
    display: block;
  }
}

/* line 479, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.testing-colourful-web .content .card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  color: #000000;
}

/* line 484, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.testing-colourful-web .content .card .main {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

/* line 489, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.testing-colourful-web .content .card .testing-status .incomplete {
  fill: #000000;
  stroke: #000000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

/* line 496, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.testing-colourful-web .response-card {
  background: #FFFFFF00;
}

/* line 499, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.desirability-colourful-web {
  margin-top: 100px;
  margin-bottom: 60px;
  padding: 165px 80px 90px 80px;
  position: relative;
  font-family: Open Sans;
  color: #000000;
  min-height: 400px;
}

@media screen and (max-width: 768px) {
  /* line 499, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .desirability-colourful-web {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

/* line 512, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.desirability-colourful-web .svg-funDesirabilityTen {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

/* line 518, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.desirability-colourful-web .svg-funDesirabilityTen svg {
  max-height: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 518, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .desirability-colourful-web .svg-funDesirabilityTen svg {
    max-width: 100%;
  }
}

/* line 523, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.desirability-colourful-web .title {
  text-align: start;
  margin-bottom: 70px;
}

@media screen and (max-width: 768px) {
  /* line 523, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .desirability-colourful-web .title {
    text-align: center;
  }
}

/* line 530, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.desirability-colourful-web .description {
  width: 70%;
  margin-left: auto;
  color: #000000;
  white-space: pre-wrap;
}

@media screen and (max-width: 768px) {
  /* line 530, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .desirability-colourful-web .description {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
}

/* line 541, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web {
  display: -ms-flexbox;
  display: flex;
  font-family: Open Sans;
  width: 100%;
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 548, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .customer-segment-colourful-web.section-web {
    padding: 0;
  }
}

@media screen and (max-width: 1024px) {
  /* line 541, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .customer-segment-colourful-web {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 554, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web.section-web {
  padding-bottom: 0;
  padding-left: 0;
}

/* line 558, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web .left {
  width: 50%;
  position: relative;
  padding: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 558, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .customer-segment-colourful-web .left {
    width: 100%;
  }
}

/* line 569, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web .left .svg-funCSfirst {
  position: absolute;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
}

/* line 575, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web .left .svg-funCSsecond {
  position: absolute;
  top: 0;
  right: 0;
}

/* line 580, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web .left .image {
  width: 100%;
  max-width: 554px;
  max-height: 743px;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 44px;
  margin: 0 auto;
  position: relative;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
}

/* line 591, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web .left .image .bmc-page-card-image {
  width: 100%;
  border-radius: 44px;
}

/* line 595, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web .left .image .bmc-page-card-image--no-image-wrapper {
  padding-top: 134%;
}

@media screen and (max-width: 1024px) {
  /* line 595, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .customer-segment-colourful-web .left .image .bmc-page-card-image--no-image-wrapper {
    padding-top: 100%;
  }
}

/* line 600, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web .left .image .bmc-page-card-image--no-image-wrapper .title {
  color: #000000;
  font-family: Noticia Text;
}

/* line 604, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web .right {
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 60px 30px 30px;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 604, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .customer-segment-colourful-web .right {
    width: 100%;
    padding: 80px;
  }
}

@media screen and (max-width: 768px) {
  /* line 604, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .customer-segment-colourful-web .right {
    padding: 40px;
  }
}

/* line 620, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web .right .title {
  margin-bottom: 20px;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 620, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .customer-segment-colourful-web .right .title {
    text-align: center;
  }
}

/* line 627, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web .right .description {
  text-align: start;
  width: 100%;
  display: block;
  color: #000000;
  white-space: pre-wrap;
}

@media screen and (max-width: 1024px) {
  /* line 627, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .customer-segment-colourful-web .right .description {
    text-align: center;
  }
}

/* line 637, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web .right .cards-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 44px;
  width: 100%;
}

/* line 643, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web .right .cards-section .tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 648, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web .right .cards-section .tabs .item {
  cursor: pointer;
  margin-right: 20px;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 33px;
  color: #000000;
}

/* line 656, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web .right .cards-section .tabs .item:hover {
  opacity: 0.5;
  color: #0984FF;
}

/* line 660, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web .right .cards-section .tabs .item.active {
  text-decoration-line: underline;
  font-weight: 700;
  cursor: auto;
}

/* line 665, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web .right .cards-section .tabs .item.active:hover {
  opacity: 1;
  color: #000000;
}

/* line 670, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web .right .main {
  width: 100%;
  color: #000000;
}

/* line 674, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web .right .main .rangeRow {
  display: -ms-flexbox;
  display: flex;
}

/* line 677, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web .right .main .rangeRow .bmc-page-card-inner {
  width: calc(50% - 5px);
}

/* line 680, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web .right .main .rangeRow .bmc-page-card-inner.select {
  margin-left: 10px;
}

/* line 683, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web .right .main .bmc-page-card-row .bmc-page-card-segmentList {
  color: #000000;
}

/* line 685, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web .right .main .bmc-page-card-row .bmc-page-card-text {
  color: #000000;
}

/* line 688, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-segment-colourful-web .right .range {
  text-align: center;
  color: #000000;
}

/* line 692, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.value-propositions-colourful-web {
  padding: 100px 80px;
  margin-top: 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  font-family: Open Sans;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 692, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .value-propositions-colourful-web {
    margin-top: 20px;
  }
}

/* line 706, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.value-propositions-colourful-web .svg-funVPeleventh {
  position: absolute;
  left: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
}

/* line 712, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.value-propositions-colourful-web .svg-funVPtwelveth {
  position: absolute;
  right: 0;
  top: 0;
}

/* line 717, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.value-propositions-colourful-web .content {
  position: relative;
  width: 100%;
}

/* line 721, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.value-propositions-colourful-web .content .image {
  width: 100%;
  max-width: 1281px;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 44px;
  margin: 0 auto;
  position: relative;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
}

/* line 731, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.value-propositions-colourful-web .content .image .bmc-page-card-image {
  width: 100%;
  border-radius: 44px;
}

/* line 735, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.value-propositions-colourful-web .content .image .bmc-page-card-image--no-image-wrapper {
  padding-top: 40%;
}

/* line 737, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.value-propositions-colourful-web .content .image .bmc-page-card-image--no-image-wrapper .title {
  color: #000000;
  font-family: Noticia Text;
}

/* line 741, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.value-propositions-colourful-web .content .middle {
  margin-bottom: 30px;
  margin-top: 45px;
  color: #000000;
}

/* line 746, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.value-propositions-colourful-web .content .middle .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 746, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .value-propositions-colourful-web .content .middle .header {
    display: block;
  }
}

/* line 753, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.value-propositions-colourful-web .content .middle .header .title {
  margin-right: 60px;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 753, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .value-propositions-colourful-web .content .middle .header .title {
    margin-right: 0;
    margin-bottom: 36px;
    text-align: center;
  }
}

/* line 762, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.value-propositions-colourful-web .content .middle .header .description {
  color: #000000;
  white-space: pre-wrap;
}

@media screen and (max-width: 1024px) {
  /* line 762, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .value-propositions-colourful-web .content .middle .header .description {
    text-align: center;
  }
}

/* line 769, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.value-propositions-colourful-web .content .bottom {
  display: -ms-flexbox;
  display: flex;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 769, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .value-propositions-colourful-web .content .bottom {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 776, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.value-propositions-colourful-web .content .bottom .bmc-page-card-segmentList {
  color: #000000;
}

/* line 779, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.value-propositions-colourful-web .content .bottom .left {
  margin-right: 30px;
  width: calc(33% - 20px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (max-width: 1024px) {
  /* line 779, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .value-propositions-colourful-web .content .bottom .left {
    width: 100%;
    margin-bottom: 30px;
  }
}

/* line 789, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.value-propositions-colourful-web .content .bottom-middle {
  margin-right: 30px;
  width: calc(33% - 20px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (max-width: 1024px) {
  /* line 789, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .value-propositions-colourful-web .content .bottom-middle {
    width: 100%;
    margin-bottom: 30px;
  }
}

/* line 799, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.value-propositions-colourful-web .content .bottom .right {
  width: calc(33% - 20px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (max-width: 1024px) {
  /* line 799, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .value-propositions-colourful-web .content .bottom .right {
    width: 100%;
  }
}

/* line 807, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.value-propositions-colourful-web-card {
  margin-top: 44px;
  padding: 0;
}

/* line 811, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.value-propositions-colourful-web-cardHover {
  width: 100%;
  height: 100%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  background-color: #F8F9FA;
  border: 1.09px solid #F8F9FA;
}

/* line 819, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.value-propositions-colourful-web-cardHover:hover {
  border: 1.09px solid #0984FF;
}

/* line 822, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.value-propositions-colourful-web-textCard {
  padding-left: 40px;
  padding-right: 40px;
}

/* line 826, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.competitor-analysis-colourful-web {
  padding: 120px 80px;
  margin-top: 100px;
  position: relative;
  min-height: 900px;
  font-family: Open Sans;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 826, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .competitor-analysis-colourful-web {
    margin-top: 20px;
  }
}

/* line 837, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.competitor-analysis-colourful-web .svg-funCAthirteen {
  position: absolute;
  left: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
}

/* line 843, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.competitor-analysis-colourful-web .svg-funCAfourteen {
  position: absolute;
  right: 0;
  top: 0;
  max-height: 100%;
  max-width: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 850, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .competitor-analysis-colourful-web .svg-funCAfourteen svg {
    max-width: 100%;
  }
}

/* line 855, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.competitor-analysis-colourful-web .content {
  position: relative;
}

/* line 858, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.competitor-analysis-colourful-web .content .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 858, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .competitor-analysis-colourful-web .content .header {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/* line 866, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.competitor-analysis-colourful-web .content .header .title {
  margin-right: 30px;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 866, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .competitor-analysis-colourful-web .content .header .title {
    margin-right: 0;
    margin-bottom: 36px;
    text-align: center;
  }
}

/* line 875, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.competitor-analysis-colourful-web .content .header .description {
  color: #000000;
  white-space: pre-wrap;
}

@media screen and (max-width: 1024px) {
  /* line 875, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .competitor-analysis-colourful-web .content .header .description {
    text-align: center;
  }
}

/* line 882, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.competitor-analysis-colourful-web .content .table {
  width: 100%;
  text-align: center;
  margin-top: 40px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

@media screen and (max-width: 1024px) {
  /* line 882, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .competitor-analysis-colourful-web .content .table {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

/* line 893, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.competitor-analysis-colourful-web .content .table .title {
  display: none;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
  /* line 898, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .competitor-analysis-colourful-web .content .table tr {
    display: block;
    background: #FFFFFF;
  }
  /* line 904, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .competitor-analysis-colourful-web .content .table tr:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 907, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .competitor-analysis-colourful-web .content .table thead {
    display: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

/* line 914, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.competitor-analysis-colourful-web .content .table thead th {
  font-size: 18px;
  line-height: 25px;
  font-weight: 700;
  vertical-align: top;
  padding-bottom: 20px;
  padding-top: 20px;
  color: #FFFFFF;
}

@media screen and (max-width: 1024px) {
  /* line 914, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .competitor-analysis-colourful-web .content .table thead th {
    display: none;
  }
}

/* line 928, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.competitor-analysis-colourful-web .content .table tbody td {
  text-align: left;
  padding: 30px 20px;
  word-break: break-word;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 928, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .competitor-analysis-colourful-web .content .table tbody td {
    display: block;
    padding: 10px 20px;
    background-color: white;
  }
  /* line 942, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .competitor-analysis-colourful-web .content .table tbody td .icon {
    margin-left: 0;
  }
  /* line 945, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .competitor-analysis-colourful-web .content .table tbody td .title {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  /* line 928, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .competitor-analysis-colourful-web .content .table tbody td {
    padding: 10px;
  }
}

/* line 951, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.competitor-analysis-colourful-web .content .table tbody td:first-child {
  padding: 30px 20px;
}

@media screen and (max-width: 1024px) {
  /* line 951, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .competitor-analysis-colourful-web .content .table tbody td:first-child {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 951, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .competitor-analysis-colourful-web .content .table tbody td:first-child {
    padding: 10px;
  }
}

/* line 960, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.competitor-analysis-colourful-web .content .table tbody td:last-child {
  position: relative;
}

/* line 964, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.competitor-analysis-colourful-web .content .table tbody .bmc-page-compcard-item-image--no-image-templates {
  font-family: Noticia Text;
  font-weight: 700;
}

/* line 968, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-relationships-colourful-web {
  padding: 100px 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  font-family: Open Sans;
  color: #000000;
  margin-top: 100px;
  width: 100%;
  min-height: 800px;
}

/* line 981, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-relationships-colourful-web .svg-funCRfifteenth {
  position: absolute;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
}

/* line 987, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-relationships-colourful-web .svg-funCRsixteenth {
  position: absolute;
  top: 0;
  right: 0;
}

/* line 992, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-relationships-colourful-web .content {
  position: relative;
  width: 100%;
}

/* line 996, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-relationships-colourful-web .content .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 996, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .customer-relationships-colourful-web .content .header {
    display: block;
  }
}

/* line 1003, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-relationships-colourful-web .content .header .title {
  margin-right: 30px;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 1003, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .customer-relationships-colourful-web .content .header .title {
    margin-right: 0;
    margin-bottom: 36px;
    text-align: center;
  }
}

/* line 1012, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-relationships-colourful-web .content .header .description {
  color: #000000;
  white-space: pre-wrap;
}

@media screen and (max-width: 768px) {
  /* line 1012, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .customer-relationships-colourful-web .content .header .description {
    text-align: center;
  }
}

/* line 1019, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-relationships-colourful-web .content .bmc-page-gkgtabs-tabs {
  font-family: Open Sans;
  text-transform: uppercase;
}

/* line 1024, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-relationships-colourful-web .content .bmc-page-gkgtabs-tabs-tab:hover {
  opacity: 0.5;
}

/* line 1026, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-relationships-colourful-web .content .bmc-page-gkgtabs-tabs-tab-title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
}

/* line 1031, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-relationships-colourful-web .content .bmc-page-gkgtabs-tabs-tab--active {
  cursor: auto;
}

/* line 1034, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-relationships-colourful-web .content .bmc-page-gkgtabs-tabs-tab--active:hover {
  opacity: 1;
}

/* line 1037, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-relationships-colourful-web .content .bmc-page-gkgtabs-tabs-tab--active .bmc-page-gkgtabs-tabs-tab-title {
  font-weight: 700;
}

/* line 1040, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.customer-relationships-colourful-web .content .bmc-page-gkgtabs-content {
  font-family: Open Sans;
}

/* line 1043, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.channel-colourful-web {
  margin-top: 100px;
  display: -ms-flexbox;
  display: flex;
  font-family: Open Sans;
  width: 100%;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 1043, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .channel-colourful-web {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1053, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.channel-colourful-web.section {
  padding-bottom: 0;
  padding-left: 0;
}

/* line 1057, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.channel-colourful-web .left {
  width: 50%;
  position: relative;
  padding: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 1057, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .channel-colourful-web .left {
    width: 100%;
  }
}

/* line 1068, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.channel-colourful-web .left .svg-funChannelsFirst {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 1073, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.channel-colourful-web .left .svg-funChannelsSecond {
  position: absolute;
  bottom: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
}

/* line 1079, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.channel-colourful-web .left .image-uploud {
  width: 100%;
  max-width: 554px;
  max-height: 743px;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 44px;
  margin: 0 auto;
  position: relative;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
}

/* line 1090, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.channel-colourful-web .left .image-uploud .bmc-page-card-image {
  width: 100%;
  border-radius: 44px;
}

/* line 1094, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.channel-colourful-web .left .image-uploud .bmc-page-card-image--no-image-wrapper {
  padding-top: 134%;
}

@media screen and (max-width: 1024px) {
  /* line 1094, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .channel-colourful-web .left .image-uploud .bmc-page-card-image--no-image-wrapper {
    padding-top: 100%;
  }
}

/* line 1099, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.channel-colourful-web .left .image-uploud .bmc-page-card-image--no-image-wrapper .title {
  color: #000000;
  font-family: Noticia Text;
}

/* line 1103, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.channel-colourful-web .right {
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 30px 30px 30px;
}

@media screen and (max-width: 1024px) {
  /* line 1103, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .channel-colourful-web .right {
    width: 100%;
    padding: 20px 80px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1103, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .channel-colourful-web .right {
    padding: 20px;
  }
}

/* line 1118, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.channel-colourful-web .right .title {
  margin-bottom: 20px;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 1118, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .channel-colourful-web .right .title {
    text-align: center;
  }
}

/* line 1125, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.channel-colourful-web .right .description {
  text-align: center;
  width: 100%;
  display: block;
  text-align: start;
  white-space: pre-wrap;
}

@media screen and (max-width: 1024px) {
  /* line 1125, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .channel-colourful-web .right .description {
    text-align: center;
  }
}

/* line 1135, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.channel-colourful-web .right .cards-section {
  display: -ms-flexbox;
  display: flex;
  margin-top: 44px;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 1135, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .channel-colourful-web .right .cards-section {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1143, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.channel-colourful-web .right .cards-section .tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin-left: 30px;
  -ms-flex-order: 1;
      order: 1;
}

@media screen and (max-width: 1024px) {
  /* line 1143, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .channel-colourful-web .right .cards-section .tabs {
    margin-left: 0;
    -ms-flex-order: 0;
        order: 0;
  }
}

/* line 1154, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.channel-colourful-web .right .cards-section .tabs .item {
  cursor: pointer;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 33px;
  color: #000000;
  padding: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  border-radius: 16px;
  border: 1px solid #000000;
  min-height: 94px;
  width: 260px;
}

/* line 1170, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.channel-colourful-web .right .cards-section .tabs .item:hover {
  opacity: 0.5;
  color: #0984FF;
  border-color: #0984FF;
}

/* line 1175, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.channel-colourful-web .right .cards-section .tabs .item.active {
  border: none;
  cursor: auto;
}

/* line 1179, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.channel-colourful-web .right .cards-section .tabs .item.active:hover {
  opacity: 1;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 1154, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .channel-colourful-web .right .cards-section .tabs .item {
    font-size: 18px;
    line-height: 22px;
    min-height: 42px;
  }
}

/* line 1188, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.channel-colourful-web .right .main {
  width: 100%;
}

/* line 1191, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.channel-colourful-web .right .main .card-title {
  font-size: 24px;
  line-height: 33px;
  font-weight: 700;
  margin-bottom: 30px;
}

/* line 1197, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.channel-colourful-web .right .main .card-description {
  font-size: 16px;
  line-height: 20px;
  white-space: pre-wrap;
}

/* line 1202, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.channel-colourful-web .right .main .card-description-title {
  font-size: 18px;
  line-height: 25px;
  font-weight: 700;
  margin-bottom: 10px;
}

/* line 1208, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.feasibility-colourful-web {
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 123px 80px;
  position: relative;
  font-family: Open Sans;
  color: #000000;
}

@media screen and (max-width: 768px) {
  /* line 1208, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .feasibility-colourful-web {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

/* line 1220, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.feasibility-colourful-web .svg-funFeasibility {
  position: absolute;
  right: 0;
  top: 0;
}

@media screen and (max-width: 1024px) {
  /* line 1225, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .feasibility-colourful-web .svg-funFeasibility svg {
    max-width: 100%;
  }
}

/* line 1230, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.feasibility-colourful-web .title {
  text-align: start;
  margin-bottom: 37px;
}

@media screen and (max-width: 768px) {
  /* line 1230, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .feasibility-colourful-web .title {
    text-align: center;
  }
}

/* line 1237, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.feasibility-colourful-web .description {
  width: 70%;
  margin-left: auto;
  color: #000000;
  white-space: pre-wrap;
}

@media screen and (max-width: 768px) {
  /* line 1237, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .feasibility-colourful-web .description {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
}

/* line 1248, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.viability-colourful-web {
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 100px 80px;
  position: relative;
  font-family: Open Sans;
  color: #000000;
}

@media screen and (max-width: 768px) {
  /* line 1248, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .viability-colourful-web {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

/* line 1260, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.viability-colourful-web .svg-funViability {
  position: absolute;
  right: 0;
  top: 0;
}

@media screen and (max-width: 1024px) {
  /* line 1265, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .viability-colourful-web .svg-funViability svg {
    max-width: 100%;
  }
}

/* line 1270, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.viability-colourful-web .title {
  text-align: start;
  margin-bottom: 37px;
}

@media screen and (max-width: 768px) {
  /* line 1270, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .viability-colourful-web .title {
    text-align: center;
  }
}

/* line 1277, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.viability-colourful-web .description {
  width: 70%;
  margin-left: auto;
  color: #000000;
  white-space: pre-wrap;
}

@media screen and (max-width: 768px) {
  /* line 1277, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .viability-colourful-web .description {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
}

/* line 1288, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.key-activities-colourful-web {
  padding: 0 80px;
  position: relative;
  font-family: Open Sans;
  color: #000000;
}

/* line 1294, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.key-activities-colourful-web .svg-funKeyFirst {
  position: absolute;
  bottom: 0;
  left: 0;
}

/* line 1299, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.key-activities-colourful-web .svg-funKeySecond {
  position: absolute;
  right: 0;
}

/* line 1303, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.key-activities-colourful-web .card {
  position: relative;
  padding: 65px 30px;
  border-radius: 44px;
  box-shadow: 0px 0px 12.6642093658px 0px rgba(0, 0, 0, 0.15);
  background-color: #FFFFFF;
}

/* line 1310, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.key-activities-colourful-web .card .title {
  margin-bottom: 10px;
}

/* line 1313, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.key-activities-colourful-web .card .description {
  text-align: center;
  color: #000000;
  white-space: pre-wrap;
}

/* line 1318, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.key-activities-colourful-web .card .key-activity {
  margin-top: 44px;
  width: 100%;
  color: #000000;
}

/* line 1323, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.key-activities-colourful-web .card .key-activity .bmc-page-keycard {
  background-color: #FFFFFF;
  padding: 0;
  box-shadow: none;
}

/* line 1328, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.key-activities-colourful-web .card .key-activity .bmc-page-keycard-title {
  display: none;
}

/* line 1330, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.key-activities-colourful-web .card .key-activity .bmc-page-keycard-steps {
  max-width: 1200px;
  margin: 0 auto;
}

/* line 1334, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.key-activities-colourful-web .card .key-activity .bmc-page-keycard-step {
  position: relative;
}

@media screen and (max-width: 539px) {
  /* line 1334, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .key-activities-colourful-web .card .key-activity .bmc-page-keycard-step {
    width: 100%;
    padding: 0;
  }
}

@media screen and (max-width: 1434px) and (min-width: 1155px) {
  /* line 1343, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .key-activities-colourful-web .card .key-activity .bmc-page-keycard-step:nth-child(5n) .line-key {
    display: none;
  }
}

@media screen and (max-width: 1154px) and (min-width: 955px) {
  /* line 1348, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .key-activities-colourful-web .card .key-activity .bmc-page-keycard-step:nth-child(4n) .line-key {
    display: none;
  }
}

@media screen and (max-width: 954px) and (min-width: 755px) {
  /* line 1353, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .key-activities-colourful-web .card .key-activity .bmc-page-keycard-step:nth-child(3n) .line-key {
    display: none;
  }
}

@media screen and (max-width: 754px) and (min-width: 555px) {
  /* line 1358, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .key-activities-colourful-web .card .key-activity .bmc-page-keycard-step:nth-child(2n) .line-key {
    display: none;
  }
}

/* line 1361, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.key-activities-colourful-web .card .key-activity .bmc-page-keycard-step .circle {
  width: 16px;
  height: 16px;
  border: 5px solid #FF6D00;
  background-color: #FFFFFF;
  border-radius: 50%;
  margin: 0 auto;
}

@media screen and (max-width: 554px) {
  /* line 1361, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .key-activities-colourful-web .card .key-activity .bmc-page-keycard-step .circle {
    margin-bottom: 20px;
  }
}

/* line 1372, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.key-activities-colourful-web .card .key-activity .bmc-page-keycard-step .line-key {
  width: calc(100% + 8px);
  height: 3px;
  background-color: #FFFFFF;
  position: absolute;
  left: calc(50% + 8px);
  top: 6px;
}

@media screen and (max-width: 554px) {
  /* line 1372, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .key-activities-colourful-web .card .key-activity .bmc-page-keycard-step .line-key {
    display: none;
  }
}

/* line 1383, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.key-activities-colourful-web .card .key-activity .bmc-page-keycard-step-title {
  font-size: 24px;
  line-height: 33px;
}

@media screen and (max-width: 554px) {
  /* line 1383, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .key-activities-colourful-web .card .key-activity .bmc-page-keycard-step-title {
    margin: 0 0 10px 10px;
  }
}

@media screen and (max-width: 539px) {
  /* line 1383, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .key-activities-colourful-web .card .key-activity .bmc-page-keycard-step-title {
    text-align: center;
  }
}

/* line 1393, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.key-activities-colourful-web .card .key-activity .bmc-page-keycard-step-text {
  font-size: 16px;
  line-height: 20px;
}

@media screen and (max-width: 539px) {
  /* line 1393, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .key-activities-colourful-web .card .key-activity .bmc-page-keycard-step-text {
    text-align: center;
  }
}

/* line 1400, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.key-activities-colourful-web .card .key-resources-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  margin-top: 40px;
}

@media screen and (max-width: 1024px) {
  /* line 1400, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .key-activities-colourful-web .card .key-resources-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1409, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.key-activities-colourful-web .card .key-resource {
  width: 50%;
}

/* line 1412, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.key-activities-colourful-web .card .key-resource:first-child {
  margin-right: 20px;
}

/* line 1415, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.key-activities-colourful-web .card .key-resource:last-child {
  margin-left: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 1415, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .key-activities-colourful-web .card .key-resource:last-child {
    margin-top: 30px;
    margin-left: 0;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1409, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .key-activities-colourful-web .card .key-resource {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

/* line 1427, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.key-activities-colourful-web .card .key-resource .bmc-page-keycard {
  min-height: 100%;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
}

/* line 1431, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.key-activities-colourful-web .card .key-resource .bmc-page-keycard-title {
  color: #000000;
  font-size: 48px;
  line-height: 66px;
  font-family: Noticia Text;
}

@media screen and (max-width: 1024px) {
  /* line 1431, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .key-activities-colourful-web .card .key-resource .bmc-page-keycard-title {
    font-size: 32px;
    line-height: 44px;
  }
}

/* line 1441, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.key-activities-colourful-web .card .key-resource .bmc-page-keycard-list {
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  margin-top: 20px;
}

/* line 1448, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.sustainability-colourful-web {
  padding: 80px;
  margin-top: 100px;
  position: relative;
  font-family: Open Sans;
  color: #000000;
  min-height: 1095px;
}

/* line 1456, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.sustainability-colourful-web .svg-funSustainabilityFirst {
  position: absolute;
  left: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
}

/* line 1462, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.sustainability-colourful-web .svg-funSustainabilitySecond {
  position: absolute;
  right: 0;
  top: 0;
  max-height: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 1468, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .sustainability-colourful-web .svg-funSustainabilitySecond svg {
    max-width: 100%;
  }
}

/* line 1473, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.sustainability-colourful-web .content {
  position: relative;
}

/* line 1476, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.sustainability-colourful-web .content .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 1476, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .sustainability-colourful-web .content .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1483, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.sustainability-colourful-web .content .header .title {
  margin-right: 30px;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 1483, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .sustainability-colourful-web .content .header .title {
    margin-right: 0;
    margin-bottom: 36px;
  }
}

/* line 1491, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.sustainability-colourful-web .content .header .description {
  color: #000000;
  white-space: pre-wrap;
}

@media screen and (max-width: 768px) {
  /* line 1491, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .sustainability-colourful-web .content .header .description {
    text-align: center;
  }
}

/* line 1498, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.contact-us-colourful-web {
  position: relative;
  font-family: Open Sans;
  color: #000000;
  padding: 70px 0 20px 0;
  margin-top: 120px;
}

@media screen and (max-width: 768px) {
  /* line 1498, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .contact-us-colourful-web {
    margin-top: 0;
  }
}

/* line 1508, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.contact-us-colourful-web .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 15px;
  padding: 0 65px;
}

@media screen and (max-width: 1280px) {
  /* line 1508, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .contact-us-colourful-web .header {
    padding: 0 40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1508, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .contact-us-colourful-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1521, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.contact-us-colourful-web .header-first {
  display: -ms-flexbox;
  display: flex;
  width: 42%;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 1521, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .contact-us-colourful-web .header-first {
    margin-bottom: 15px;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  /* line 1521, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .contact-us-colourful-web .header-first {
    -ms-flex-direction: column;
        flex-direction: column;
    margin-bottom: 0;
  }
}

/* line 1534, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.contact-us-colourful-web .header .scroll-top {
  cursor: pointer;
  width: 161px;
  border-radius: 100px;
  color: #FFFFFF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 16px;
  padding: 14px 24px;
}

@media screen and (max-width: 1024px) {
  /* line 1534, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .contact-us-colourful-web .header .scroll-top {
    margin-left: auto;
  }
}

/* line 1548, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.contact-us-colourful-web .header .scroll-top i {
  margin-left: 3px;
  font-size: 22px;
}

/* line 1552, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.contact-us-colourful-web .header .title {
  margin-right: 15px;
  width: calc(50% - 15px);
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 1552, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .contact-us-colourful-web .header .title {
    font-size: 38px;
    line-height: 52px;
    width: calc(50% - 25px);
    margin-right: 25px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1552, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .contact-us-colourful-web .header .title {
    margin-bottom: 15px;
    margin-right: 0;
    text-align: center;
  }
}

/* line 1568, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.contact-us-colourful-web .header .description {
  width: calc(50% - 15px);
  margin-right: 15px;
  display: block;
  color: #000000;
  white-space: pre-wrap;
}

@media screen and (max-width: 1024px) {
  /* line 1568, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .contact-us-colourful-web .header .description {
    width: 50%;
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) {
  /* line 1568, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .contact-us-colourful-web .header .description {
    width: 80%;
    margin-bottom: 15px;
    text-align: center;
  }
}

/* line 1584, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.contact-us-colourful-web .header .description-contact {
  font-size: 16px;
  line-height: 20px;
  display: block;
}

/* line 1589, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.contact-us-colourful-web .header .form-field {
  width: calc(50% - 15px);
  margin-right: 15px;
  font-size: 16px;
  line-height: 20px;
  word-break: break-word;
}

@media screen and (max-width: 1024px) {
  /* line 1589, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .contact-us-colourful-web .header .form-field {
    width: calc(50% - 25px);
    margin-right: 25px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1589, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .contact-us-colourful-web .header .form-field {
    width: 80%;
    margin-right: 0;
    margin-bottom: 15px;
    text-align: center;
  }
}

/* line 1606, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.contact-us-colourful-web .footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding: 15px 65px 0 65px;
  border-top: 1px solid #000000;
  font-size: 16px;
}

@media screen and (max-width: 1280px) {
  /* line 1606, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .contact-us-colourful-web .footer {
    padding: 15px 40px 0 40px;
  }
}

/* line 1618, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.contact-us-colourful-web .footer .left {
  margin-left: 20px;
}

/* line 1621, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.contact-us-colourful-web .footer .right {
  margin-right: 20px;
}

@media screen and (max-width: 480px) {
  /* line 1621, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .contact-us-colourful-web .footer .right {
    text-align: right;
  }
}

/* line 1626, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
.contact-us-colourful-web .footer .company-name {
  margin-left: 13px;
  font-size: 24px;
  line-height: 33px;
}

@media screen and (max-width: 1280px) {
  /* line 1631, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .section-web {
    padding: 80px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1631, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .section-web {
    padding: 60px 40px;
  }
}

@media screen and (max-width: 480px) {
  /* line 1631, app/assets/stylesheets/new/components/portfolio/colourfulFun/portfolio-web-colourful.sass */
  .section-web {
    padding: 40px 20px;
  }
}

/* line 1, app/assets/stylesheets/new/components/portfolio/colourfulFun/textarea-colourful.sass */
.textarea-colourful {
  width: 100%;
}

/* line 3, app/assets/stylesheets/new/components/portfolio/colourfulFun/textarea-colourful.sass */
.textarea-colourful .textarea-wrapper {
  width: 100%;
  position: relative;
  font-family: Open Sans;
}

/* line 8, app/assets/stylesheets/new/components/portfolio/colourfulFun/textarea-colourful.sass */
.textarea-colourful .textarea-wrapper textarea {
  resize: none;
}

/* line 11, app/assets/stylesheets/new/components/portfolio/colourfulFun/textarea-colourful.sass */
.textarea-colourful .textarea-wrapper textarea:hover {
  border: 1.09px solid #ACB5BD;
}

/* line 14, app/assets/stylesheets/new/components/portfolio/colourfulFun/textarea-colourful.sass */
.textarea-colourful .textarea-wrapper textarea:active, .textarea-colourful .textarea-wrapper textarea:focus {
  border: 1.09px solid #0984FF;
}

/* line 17, app/assets/stylesheets/new/components/portfolio/colourfulFun/textarea-colourful.sass */
.textarea-colourfulFun {
  background-color: #FFFFFF00;
  padding: 10px;
  width: 100%;
  outline: none;
  cursor: pointer;
  border: 1.09px solid #FFFFFF00;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  caret-color: #0984FF;
  font-family: Open Sans;
}

/* line 30, app/assets/stylesheets/new/components/portfolio/colourfulFun/textarea-colourful.sass */
.textarea-colourfulFun::-moz-placeholder {
  color: #B8C0C5;
}
.textarea-colourfulFun:-ms-input-placeholder {
  color: #B8C0C5;
}
.textarea-colourfulFun::placeholder {
  color: #B8C0C5;
}

/* line 33, app/assets/stylesheets/new/components/portfolio/colourfulFun/textarea-colourful.sass */
.textarea-colourfulFun-name {
  margin-bottom: 8px;
  font-size: 48px;
  line-height: 66px;
  font-weight: 700;
  overflow: hidden;
  height: 142px;
  font-family: Noticia Text;
  font-size: 48px;
}

@media screen and (max-width: 1024px) {
  /* line 33, app/assets/stylesheets/new/components/portfolio/colourfulFun/textarea-colourful.sass */
  .textarea-colourfulFun-name {
    text-align: center;
  }
}

/* line 48, app/assets/stylesheets/new/components/portfolio/colourfulFun/textarea-colourful.sass */
.textarea-colourfulFun-description {
  white-space: pre-wrap;
  width: calc(100% - 30px);
}

@media screen and (max-width: 1024px) {
  /* line 48, app/assets/stylesheets/new/components/portfolio/colourfulFun/textarea-colourful.sass */
  .textarea-colourfulFun-description {
    text-align: center;
  }
}

/* line 55, app/assets/stylesheets/new/components/portfolio/colourfulFun/textarea-colourful.sass */
.textarea-colourfulFun-summary {
  text-align: center;
  border: 1.09px solid #FFFFFF00;
}

/* line 60, app/assets/stylesheets/new/components/portfolio/colourfulFun/textarea-colourful.sass */
.textarea-colourfulFun-team {
  font-size: 16px;
  color: #334249;
  line-height: 20px;
  text-align: center;
}

/* line 66, app/assets/stylesheets/new/components/portfolio/colourfulFun/textarea-colourful.sass */
.textarea-colourfulFun-team::-moz-placeholder {
  text-align: start;
}
.textarea-colourfulFun-team:-ms-input-placeholder {
  text-align: start;
}
.textarea-colourfulFun-team::placeholder {
  text-align: start;
}

/* line 70, app/assets/stylesheets/new/components/portfolio/colourfulFun/textarea-colourful.sass */
.textarea-colourfulFun-team-card--position {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 11.82px;
  padding: 5px;
  background-color: #FFFFFF00;
  border: 1.09px solid #FFFFFF00;
}

/* line 78, app/assets/stylesheets/new/components/portfolio/colourfulFun/textarea-colourful.sass */
.textarea-colourfulFun-team-card--name {
  font-size: 24px;
  font-weight: 700;
  line-height: 33px;
  padding: 5px;
  background-color: #FFFFFF00;
  border: 1.09px solid #FFFFFF00;
  font-family: Noticia Text;
}

/* line 87, app/assets/stylesheets/new/components/portfolio/colourfulFun/textarea-colourful.sass */
.textarea-colourfulFun-team-card--description {
  font-size: 16px;
  line-height: 20px;
  font-family: Open Sans;
  padding: 5px;
  background-color: #FFFFFF00;
  border: 1.09px solid #FFFFFF00;
}

/* line 95, app/assets/stylesheets/new/components/portfolio/colourfulFun/textarea-colourful.sass */
.textarea-colourfulFun-testing {
  border: 1px solid #FFFFFF00;
}

/* line 99, app/assets/stylesheets/new/components/portfolio/colourfulFun/textarea-colourful.sass */
.textarea-colourfulFun-cardCS {
  font-size: 16px;
  line-height: 20px;
}

/* line 104, app/assets/stylesheets/new/components/portfolio/colourfulFun/textarea-colourful.sass */
.textarea-colourfulFun-cardCS-key {
  text-align: center;
}

/* line 108, app/assets/stylesheets/new/components/portfolio/colourfulFun/textarea-colourful.sass */
.text-card-colourful {
  font-family: Open Sans;
  color: #000000;
}

/* line 1, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.text-black {
  color: #334249 !important;
}

/* line 4, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.current-title {
  color: #0984FF;
  text-align: center;
  font-size: 64px;
  font-weight: 700;
  line-height: 87px;
}

@media screen and (max-width: 480px) {
  /* line 4, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .current-title {
    font-size: 38px;
    line-height: 52px;
    word-break: break-word;
  }
}

/* line 16, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.button-current {
  color: #FFFFFF;
}

/* line 19, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.button-current:hover {
  opacity: 0.7;
}

/* line 23, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.introduction-current-wrapper {
  border-radius: 16px;
  width: 100%;
  padding-top: 30px;
}

/* line 28, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.introduction-current-wrapper .logo-hover {
  padding: 5px;
  width: 262px;
  max-width: 262px;
  border: 1.09px solid #FFFFFF;
  margin-bottom: 20px;
}

/* line 35, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.introduction-current-wrapper .logo-hover:hover {
  border: 1.09px solid #0984FF;
}

@media screen and (max-width: 480px) {
  /* line 28, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .introduction-current-wrapper .logo-hover {
    width: 100%;
  }
}

/* line 41, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.introduction-current-wrapper .logo-upload {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  border-radius: 8px;
  background-color: #FFFFFF00;
  box-shadow: 0px 0.8442806005px 2.5328421593px 0px rgba(0, 0, 0, 0.3), 0px 3.3771224022px 6.7542448044px 2.5328421593px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 1024px) {
  /* line 41, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .introduction-current-wrapper .logo-upload {
    width: 100%;
  }
}

/* line 57, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.introduction-current-wrapper .logo-upload .title {
  text-align: center;
  font-weight: 700;
  color: #ACB5BD;
  width: 100%;
  word-break: break-word;
}

@media screen and (max-width: 1024px) {
  /* line 57, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .introduction-current-wrapper .logo-upload .title {
    text-align: center;
  }
}

/* line 68, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.introduction-current-wrapper .company-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  white-space: pre-line;
  text-align: left;
  padding: 0 80px;
}

@media screen and (max-width: 1024px) {
  /* line 68, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .introduction-current-wrapper .company-wrapper {
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 80, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.introduction-current-wrapper .company-wrapper .description {
  width: 100%;
}

/* line 83, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.introduction-current-footer {
  width: calc(100% - 5px);
  position: relative;
  border: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #E7E6E6;
  margin: 0 auto;
  box-shadow: 0px 0.8442806005px 2.5328421593px 0px rgba(0, 0, 0, 0.3), 0px 3.3771224022px 6.7542448044px 2.5328421593px rgba(0, 0, 0, 0.15);
}

/* line 95, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.introduction-current-footer-hover {
  width: 100%;
  padding: 5px;
  border: 1.09px solid #FFFFFF;
  margin-bottom: 20px;
}

/* line 100, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.introduction-current-footer-hover:hover {
  border: 1.09px solid #0984FF;
}

/* line 103, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.introduction-current-footer.photo {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

/* line 109, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.introduction-current-footer.center-block {
  text-align: center;
  font-weight: bold;
  color: #ACB5BD;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 -50% 0 0;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

/* line 118, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.introduction-current-footer.center-block i.title-accent {
  text-decoration: none;
}

/* line 120, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.introduction-current-footer.center-block .title {
  text-align: center;
  font-weight: bold;
  color: #ACB5BD;
}

/* line 124, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.introduction-current-footer.center-block .title-accent {
  color: #0984FF;
  text-decoration: underline;
}

/* line 128, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.summary-current {
  margin-top: 106px;
  padding: 120px 80px;
  background-color: #F8F9FA;
}

@media screen and (max-width: 1280px) {
  /* line 128, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .summary-current {
    padding: 120px 40px 40px 40px;
  }
}

/* line 136, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.summary-current .title {
  margin-bottom: 20px;
}

/* line 139, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.team-current {
  padding: 120px 80px 46px 80px;
}

/* line 142, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.team-current .header {
  width: 100%;
}

/* line 145, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.team-current .header .title {
  margin-bottom: 20px;
}

/* line 148, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.team-current-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 30px -15px 0;
}

/* line 158, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.team-current-card {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 0 15px 60px;
  width: calc(25% - 30px);
}

@media screen and (max-width: 1439px) {
  /* line 158, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .team-current-card {
    width: calc(33.3% - 30px);
  }
}

@media screen and (max-width: 1080px) {
  /* line 158, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .team-current-card {
    width: calc(50% - 30px);
  }
}

@media screen and (max-width: 700px) {
  /* line 158, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .team-current-card {
    width: calc(100% - 30px);
  }
}

/* line 179, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.team-current-card .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-bottom: 10px;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}

/* line 189, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.team-current-card .header .icon-section i {
  font-size: 30px;
  color: #E7E6E6;
  cursor: pointer;
}

/* line 193, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.team-current-card .header .icon-section i:hover {
  color: #0984FF;
}

/* line 196, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.team-current-card .image-hover {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #FFFFFF;
  margin-bottom: 20px;
  padding: 5px;
  border: 1.09px solid #FFFFFF;
}

/* line 208, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.team-current-card .image-hover:hover {
  border: 1.09px solid #0984FF;
}

/* line 211, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.team-current-card .image-upload {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #E7E6E6;
  box-shadow: 0px 0.8442806005px 2.5328421593px 0px rgba(0, 0, 0, 0.3), 0px 3.3771224022px 6.7542448044px 2.5328421593px rgba(0, 0, 0, 0.15);
}

/* line 221, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.team-current-card .image-upload .center-block {
  text-align: center;
}

/* line 223, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.team-current-card .image-upload .center-block i {
  color: #0984FF;
}

/* line 226, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.team-current-card .fullName {
  width: 100%;
  border-bottom: 4px solid #0984FF;
  margin-bottom: 20px;
}

/* line 231, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.team-current .add-team-card {
  margin: 30px 15px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  bottom: -10px;
}

/* line 243, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.team-current .add-team-card__wrapper {
  position: relative;
  width: 25%;
  padding-top: 25%;
}

@media screen and (max-width: 1439px) {
  /* line 243, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .team-current .add-team-card__wrapper {
    width: 33.3%;
    padding-top: 33.3%;
  }
}

@media screen and (max-width: 1080px) {
  /* line 243, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .team-current .add-team-card__wrapper {
    width: 50%;
    padding-top: 50%;
  }
}

@media screen and (max-width: 700px) {
  /* line 243, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .team-current .add-team-card__wrapper {
    width: 100%;
    padding-top: 100%;
  }
}

/* line 260, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.team-current .add-team-card .center-block {
  text-align: center;
  border-radius: 16px;
  background: #E7E6E6;
  color: #0984FF;
  padding: 20px 50px;
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
  box-shadow: 0px 0.8442806005px 2.5328421593px 0px rgba(0, 0, 0, 0.3), 0px 3.3771224022px 6.7542448044px 2.5328421593px rgba(0, 0, 0, 0.15);
}

/* line 275, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.team-current .add-team-card .center-block i {
  font-size: 50px;
}

/* line 278, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.add-team-card-hover {
  background-color: #FFFFFF;
  padding: 5px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1.09px solid #FFFFFF;
}

/* line 287, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.add-team-card-hover:hover {
  border: 1.09px solid #0984FF;
}

/* line 291, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.bm-current-canvas {
  padding: 120px 80px 90px 80px;
  background-color: #F8F9FA;
}

/* line 295, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.bm-current-canvas .header {
  width: 100%;
}

/* line 298, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.bm-current-canvas .header .title {
  margin-bottom: 20px;
}

/* line 301, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.testing-current {
  padding: 120px 80px 0 80px;
}

/* line 304, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.testing-current .header {
  width: 100%;
}

/* line 307, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.testing-current .header .title {
  margin-bottom: 20px;
}

/* line 310, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.testing-current .main {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 310, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .testing-current .main {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 317, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.desirability-current {
  margin-top: 106px;
  background-color: #00afc9;
  padding: 120px 80px 60px 80px;
  color: #FFFFFF;
}

/* line 323, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.desirability-current .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 323, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .desirability-current .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 331, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.desirability-current .header .title {
  color: #FFFFFF;
  width: 40%;
  margin-right: 40px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 331, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .desirability-current .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 343, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.desirability-current .header .description {
  width: calc(60% - 40px);
  color: #FFFFFF;
}

/* line 347, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.desirability-current .header .description textarea {
  color: #FFFFFF;
  caret-color: #FFFFFF;
  font-weight: 700;
}

/* line 352, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.desirability-current .header .description textarea::-moz-placeholder {
  color: #FFFFFF;
}
.desirability-current .header .description textarea:-ms-input-placeholder {
  color: #FFFFFF;
}
.desirability-current .header .description textarea::placeholder {
  color: #FFFFFF;
}

/* line 355, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.desirability-current .header .description textarea:hover, .desirability-current .header .description textarea:active, .desirability-current .header .description textarea:focus {
  border: 1.09px solid #FFFFFF !important;
}

@media screen and (max-width: 1280px) {
  /* line 343, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .desirability-current .header .description {
    width: 100%;
  }
  /* line 361, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .desirability-current .header .description textarea {
    text-align: center;
  }
}

/* line 364, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.green-title {
  color: #00afc9;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 480px) {
  /* line 364, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .green-title {
    font-size: 38px;
    line-height: 52px;
  }
}

/* line 374, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.customer-segment-current {
  padding: 120px 80px 0 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

/* line 381, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.customer-segment-current .header {
  width: 100%;
}

/* line 384, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.customer-segment-current .cards-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 44px;
  width: 100%;
}

/* line 390, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.customer-segment-current .cards-section .left {
  width: 20%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-right: 40px;
  max-height: 480px;
}

@media screen and (max-width: 1024px) {
  /* line 390, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .customer-segment-current .cards-section .left {
    display: none;
  }
}

/* line 402, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.customer-segment-current .cards-section .left .item {
  cursor: pointer;
  width: 100%;
  color: #acb5bd;
  padding: 20px;
  margin-bottom: 20px;
}

/* line 410, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.customer-segment-current .cards-section .left .item:hover {
  opacity: 0.5;
}

/* line 413, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.customer-segment-current .cards-section .left .item.active {
  background-color: #02a9c1;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  color: #FFFFFF;
  cursor: auto;
}

/* line 420, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.customer-segment-current .cards-section .left .item.active:hover {
  opacity: 1;
}

/* line 423, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.customer-segment-current .cards-section .right {
  width: 80%;
}

@media screen and (max-width: 1024px) {
  /* line 423, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .customer-segment-current .cards-section .right {
    width: 100%;
  }
}

/* line 429, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.value-propositions-current {
  padding: 100px 80px;
  background-color: #F8F9FA;
  margin-top: 106px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

/* line 438, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.value-propositions-current .header {
  width: 100%;
}

/* line 441, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.value-propositions-current .dndzone {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

@media screen and (max-width: 1024px) {
  /* line 441, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .value-propositions-current .dndzone {
    border-top-right-radius: 16px;
    border-bottom-left-radius: 0px;
  }
}

/* line 449, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.value-propositions-current .dndzone .img-wrapper {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

@media screen and (max-width: 1024px) {
  /* line 449, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .value-propositions-current .dndzone .img-wrapper {
    border-top-right-radius: 16px;
    border-bottom-left-radius: 0px;
  }
}

/* line 457, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.value-propositions-current-card {
  margin-top: 44px;
  padding: 0;
}

/* line 461, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.value-propositions-current-cardHover {
  width: 100%;
  height: 100%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  background-color: #F8F9FA;
  border: 1.09px solid #F8F9FA;
}

/* line 469, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.value-propositions-current-cardHover:hover {
  border: 1.09px solid #0984FF;
}

/* line 476, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.value-propositions-current .bmc-page-card--value-proposition-mode .bmc-page-card-inner:nth-child(1) {
  margin-top: 0;
}

/* line 479, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.competitor-analysis-current {
  padding: 106px 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

/* line 486, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.competitor-analysis-current .header {
  width: 100%;
}

/* line 489, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.competitor-analysis-current-card {
  margin-top: 44px;
  width: 100%;
}

/* line 493, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.competitor-analysis-current-card-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
}

/* line 498, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.competitor-analysis-current .header {
  width: 100%;
}

/* line 501, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.competitor-analysis-current .table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  border-radius: 16px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

/* line 508, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.competitor-analysis-current .table .title {
  display: none;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 42px;
}

@media screen and (max-width: 1024px) {
  /* line 514, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .competitor-analysis-current .table tr {
    display: block;
    background: #FFFFFF;
  }
  /* line 520, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .competitor-analysis-current .table tr:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 523, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .competitor-analysis-current .table thead {
    display: none;
  }
}

/* line 528, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.competitor-analysis-current .table thead th {
  font-family: Nunito;
  font-size: 28px;
  line-height: 38px;
  font-weight: 700;
  padding-bottom: 10px;
  padding-top: 10px;
}

@media screen and (max-width: 1024px) {
  /* line 528, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .competitor-analysis-current .table thead th {
    display: none;
  }
}

/* line 541, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.competitor-analysis-current .table tbody tr {
  background-color: #F8F9FA;
}

/* line 543, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.competitor-analysis-current .table tbody tr:nth-child(2n) {
  background-color: #FFFFFF;
}

/* line 545, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.competitor-analysis-current .table tbody tr:last-child {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

/* line 550, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.competitor-analysis-current .table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 16px;
}

/* line 552, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.competitor-analysis-current .table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 16px;
}

@media screen and (max-width: 1024px) {
  /* line 556, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .competitor-analysis-current .table tbody tr:first-child:first-child {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
}

/* line 560, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.competitor-analysis-current .table tbody td {
  text-align: left;
  padding: 30px 20px;
  word-break: break-word;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  white-space: pre-wrap;
}

@media screen and (max-width: 1024px) {
  /* line 560, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .competitor-analysis-current .table tbody td {
    display: block;
    padding: 10px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 560, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .competitor-analysis-current .table tbody td {
    padding: 10px;
  }
  /* line 577, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .competitor-analysis-current .table tbody td .icon {
    margin-left: 0;
  }
  /* line 580, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .competitor-analysis-current .table tbody td .title {
    display: block;
  }
}

/* line 584, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.competitor-analysis-current .table .bmc-page-compcard-item-title {
  margin-bottom: 10px;
}

/* line 587, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.competitor-analysis-current .table .bmc-page-compcard-item-text-template--with-image {
  font-size: 21px;
  line-height: 29px;
}

/* line 591, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.competitor-analysis-current .table .bmc-page-compcard-item-image-template-hover {
  width: 92px;
  height: 92px;
  border-radius: 0;
}

/* line 596, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.competitor-analysis-current .table .bmc-page-compcard-item-image-template-hover .dndzone {
  width: 80px;
  height: 80px;
  border-radius: 16px;
  border: none;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

/* line 603, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.competitor-analysis-current .table .bmc-page-compcard-item-image-template-hover .dndzone__area {
  width: 80px;
  height: 80px;
}

/* line 607, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.competitor-analysis-current .table .bmc-page-compcard-item-image-template-hover .dndzone__img {
  width: 80px;
  height: 80px;
  border: none;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

/* line 613, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.customer-relationships-current {
  padding: 100px 80px 120px 80px;
  background-color: #F8F9FA;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

/* line 621, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.customer-relationships-current .header {
  width: 100%;
}

/* line 626, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.customer-relationships-current .bmc-page-gkgtabs-tabs-tab:hover {
  opacity: 0.5;
}

/* line 628, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.customer-relationships-current .bmc-page-gkgtabs-tabs-tab-title {
  color: #ACB5BD;
  font-weight: 700;
}

/* line 632, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.customer-relationships-current .bmc-page-gkgtabs-tabs-tab--active {
  color: #00afc9;
  border-bottom-color: #00afc9;
  cursor: auto;
}

/* line 637, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.customer-relationships-current .bmc-page-gkgtabs-tabs-tab--active:hover {
  opacity: 1;
}

/* line 640, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.channel-current {
  padding: 106px 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

/* line 647, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.channel-current .header {
  width: 100%;
}

/* line 650, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.channel-current .cards-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  margin-top: 40px;
}

/* line 656, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.channel-current .cards-section .left {
  width: 80%;
}

@media screen and (max-width: 768px) {
  /* line 656, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .channel-current .cards-section .left {
    width: 100%;
  }
}

/* line 662, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.channel-current .cards-section .right {
  width: 20%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-left: 40px;
}

@media screen and (max-width: 1280px) {
  /* line 662, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .channel-current .cards-section .right {
    margin-left: 20px;
  }
}

@media screen and (max-width: 768px) {
  /* line 662, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .channel-current .cards-section .right {
    display: none;
  }
}

/* line 676, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.channel-current .cards-section .right .item {
  cursor: pointer;
  width: 100%;
  color: #ACB5BD;
  padding: 20px;
  margin-bottom: 20px;
}

/* line 684, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.channel-current .cards-section .right .item:hover {
  opacity: 0.5;
}

@media screen and (max-width: 1280px) {
  /* line 676, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .channel-current .cards-section .right .item {
    font-size: 16px;
  }
}

/* line 690, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.channel-current .cards-section .right .item.active {
  background-color: #02A9C1;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  color: #FFFFFF;
  cursor: auto;
}

/* line 697, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.channel-current .cards-section .right .item.active:hover {
  opacity: 1;
}

/* line 700, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.channel-current .cards-section .title {
  margin-top: 20px;
}

/* line 703, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.feasibility-current {
  background-color: #FF6D00;
  padding: 120px 80px 60px 80px;
}

/* line 707, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.feasibility-current .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 707, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .feasibility-current .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 715, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.feasibility-current .header .title {
  color: #FFFFFF;
  width: 40%;
  margin-right: 40px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 715, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .feasibility-current .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 727, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.feasibility-current .header .description {
  width: calc(60% - 40px);
  color: #FFFFFF;
}

/* line 731, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.feasibility-current .header .description textarea {
  color: #FFFFFF;
  caret-color: #FFFFFF;
  font-weight: 700;
}

/* line 736, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.feasibility-current .header .description textarea::-moz-placeholder {
  color: #FFFFFF;
}
.feasibility-current .header .description textarea:-ms-input-placeholder {
  color: #FFFFFF;
}
.feasibility-current .header .description textarea::placeholder {
  color: #FFFFFF;
}

/* line 739, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.feasibility-current .header .description textarea:hover, .feasibility-current .header .description textarea:active, .feasibility-current .header .description textarea:focus {
  border: 1.09px solid #FFFFFF !important;
}

@media screen and (max-width: 1280px) {
  /* line 727, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .feasibility-current .header .description {
    width: 100%;
  }
  /* line 745, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .feasibility-current .header .description textarea {
    text-align: center;
  }
}

/* line 748, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.viability-current {
  margin-bottom: 106px;
  background-color: #615BDC;
  padding: 120px 80px 60px 80px;
}

/* line 753, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.viability-current .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 753, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .viability-current .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 761, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.viability-current .header .title {
  color: #FFFFFF;
  width: 40%;
  margin-right: 40px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 761, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .viability-current .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 773, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.viability-current .header .description {
  width: calc(60% - 40px);
  color: #FFFFFF;
}

/* line 777, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.viability-current .header .description textarea {
  color: #FFFFFF;
  caret-color: #FFFFFF;
  font-weight: 700;
}

/* line 782, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.viability-current .header .description textarea::-moz-placeholder {
  color: #FFFFFF;
}
.viability-current .header .description textarea:-ms-input-placeholder {
  color: #FFFFFF;
}
.viability-current .header .description textarea::placeholder {
  color: #FFFFFF;
}

/* line 785, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.viability-current .header .description textarea:hover, .viability-current .header .description textarea:active, .viability-current .header .description textarea:focus {
  border: 1.09px solid #FFFFFF !important;
}

@media screen and (max-width: 1280px) {
  /* line 773, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .viability-current .header .description {
    width: 100%;
  }
  /* line 791, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .viability-current .header .description textarea {
    text-align: center;
  }
}

/* line 794, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.orange-title {
  color: #FF6D00;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 480px) {
  /* line 794, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .orange-title {
    font-size: 38px;
    line-height: 52px;
  }
}

/* line 804, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.key-activities-current {
  padding: 106px 80px;
  text-align: center;
}

/* line 808, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.key-activities-current .header {
  width: 100%;
}

/* line 811, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.key-activities-current .key-activity {
  margin-top: 44px;
  width: 100%;
}

/* line 815, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.key-activities-current .key-activity .bmc-page-keycard {
  background-color: #FFFFFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

/* line 819, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.key-activities-current .key-activity .bmc-page-keycard-step {
  position: relative;
}

@media screen and (max-width: 624px) {
  /* line 819, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .key-activities-current .key-activity .bmc-page-keycard-step {
    width: 100%;
    padding: 0;
  }
}

@media screen and (min-width: 1165px) {
  /* line 828, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .key-activities-current .key-activity .bmc-page-keycard-step:nth-child(4n) .line-key {
    display: none;
  }
}

@media screen and (max-width: 1164px) and (min-width: 925px) {
  /* line 833, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .key-activities-current .key-activity .bmc-page-keycard-step:nth-child(3n) .line-key {
    display: none;
  }
}

@media screen and (max-width: 924px) and (min-width: 625px) {
  /* line 838, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .key-activities-current .key-activity .bmc-page-keycard-step:nth-child(2n) .line-key {
    display: none;
  }
}

/* line 841, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.key-activities-current .key-activity .bmc-page-keycard-step::before {
  display: none;
}

/* line 844, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.key-activities-current .key-activity .bmc-page-keycard-step::after {
  display: none;
}

/* line 847, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.key-activities-current .key-activity .bmc-page-keycard-step .circle {
  width: 8px;
  height: 8px;
  background-color: #FF6D00;
  border-radius: 50%;
  margin: 0 auto;
}

@media screen and (max-width: 624px) {
  /* line 847, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .key-activities-current .key-activity .bmc-page-keycard-step .circle {
    margin-bottom: 20px;
  }
}

/* line 857, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.key-activities-current .key-activity .bmc-page-keycard-step .line-key {
  width: calc(100% + 14px);
  height: 2px;
  background-color: #FF6D00;
  position: absolute;
  left: calc(50% + 4px);
  top: 3px;
}

@media screen and (max-width: 624px) {
  /* line 857, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .key-activities-current .key-activity .bmc-page-keycard-step .line-key {
    display: none;
  }
}

/* line 868, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.key-activities-current .key-activity .bmc-page-keycard-step-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}

@media screen and (max-width: 594px) {
  /* line 868, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .key-activities-current .key-activity .bmc-page-keycard-step-title {
    margin: 0 0 10px 10px;
  }
}

@media screen and (max-width: 539px) {
  /* line 868, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .key-activities-current .key-activity .bmc-page-keycard-step-title {
    text-align: center;
  }
}

/* line 879, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.key-activities-current .key-activity .bmc-page-keycard-step-text {
  font-size: 16px;
  line-height: 20px;
}

@media screen and (max-width: 539px) {
  /* line 879, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .key-activities-current .key-activity .bmc-page-keycard-step-text {
    text-align: center;
  }
}

/* line 886, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.key-activities-current .key-resources-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  /* line 886, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .key-activities-current .key-resources-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* line 895, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.key-activities-current .key-resource {
  width: 50%;
}

/* line 898, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.key-activities-current .key-resource:first-child {
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  /* line 898, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .key-activities-current .key-resource:first-child {
    margin-right: 0;
  }
}

/* line 904, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.key-activities-current .key-resource:last-child {
  margin-left: 20px;
}

@media screen and (max-width: 768px) {
  /* line 904, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .key-activities-current .key-resource:last-child {
    margin-top: 30px;
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {
  /* line 895, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .key-activities-current .key-resource {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

/* line 916, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.key-activities-current .key-resource .bmc-page-keycard {
  min-height: 100%;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

/* line 921, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.key-activities-current .key-resource .bmc-page-keycard-list-item::after {
  content: none;
}

@media screen and (max-width: 1024px) {
  /* line 916, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .key-activities-current .key-resource .bmc-page-keycard {
    padding: 20px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 927, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .key-activities-current .key-resource .bmc-page-keycard ul {
    padding-inline-start: 10px;
  }
}

/* line 931, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.key-activities-current .key-resource .resorses-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 935, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.key-activities-current .key-resource .resorses-text .circle {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: #FF6D00;
  margin-right: 10px;
  padding-right: 8px;
}

/* line 943, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.violet-title {
  color: #615BDC;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 480px) {
  /* line 943, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .violet-title {
    font-size: 38px;
    line-height: 52px;
  }
}

/* line 953, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.sustainability-current {
  padding: 106px 80px;
  text-align: center;
}

/* line 957, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.sustainability-current .header {
  width: 100%;
}

/* line 963, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.sustainability-current .bmc-page-suscard .table thead th {
  font-size: 28px;
  line-height: 38px;
  font-weight: 700;
}

/* line 968, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.contact-us-current {
  padding: 60px 80px;
  background-color: #007AFF;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  color: #FFFFFF;
}

@media screen and (max-width: 768px) {
  /* line 968, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .contact-us-current {
    padding: 100px 40px;
  }
}

@media screen and (max-width: 480px) {
  /* line 968, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .contact-us-current {
    padding: 100px 20px;
  }
}

/* line 984, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.contact-us-current .iconFill {
  fill: #FFFFFF !important;
}

/* line 987, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.contact-us-current .iconFill circle {
  fill: #007AFF;
}

/* line 991, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.contact-us-current .textarea-wrapper textarea {
  caret-color: #FFFFFF;
}

/* line 993, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.contact-us-current .textarea-wrapper textarea:hover, .contact-us-current .textarea-wrapper textarea:focus {
  border: 1.09px solid #FFFFFF;
}

/* line 996, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.contact-us-current .inputs {
  margin: 20px 0;
}

/* line 999, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.contact-us-current .input {
  padding: 5px;
  background-color: #FFFFFF00;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  color: #FFFFFF;
  text-align: center;
  border: 1.09px solid #FFFFFF00;
  width: 400px;
  border-radius: 0;
  margin-bottom: 20px;
}

/* line 1012, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.contact-us-current .input:hover {
  border: 1.09px solid #FFFFFF !important;
}

/* line 1015, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.contact-us-current .input:focus {
  border: 1.09px solid #0984FF !important;
}

/* line 1018, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.contact-us-current .input::-moz-placeholder {
  color: #FFFFFF;
}
.contact-us-current .input:-ms-input-placeholder {
  color: #FFFFFF;
}
.contact-us-current .input::placeholder {
  color: #FFFFFF;
}

@media screen and (max-width: 768px) {
  /* line 999, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .contact-us-current .input {
    width: 100%;
  }
}

/* line 1024, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.contact-us-current .scroll-top {
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  right: 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 768px) {
  /* line 1024, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .contact-us-current .scroll-top {
    bottom: 85px;
    right: 20px;
  }
}

/* line 1036, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.contact-us-current .scroll-top i {
  margin-left: 14px;
}

/* line 1039, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.contact-us-current .title {
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
  width: 100%;
}

@media screen and (max-width: 480px) {
  /* line 1039, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .contact-us-current .title {
    font-size: 38px;
    line-height: 52px;
  }
}

/* line 1049, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.contact-us-current .subtitle {
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 40px;
  white-space: pre-wrap;
}

/* line 1056, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.contact-us-current .owner_name, .contact-us-current .email {
  font-size: 28px;
  line-height: 38px;
  font-weight: bold;
  margin-bottom: 20px;
}

/* line 1062, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.contact-us-current .email {
  margin-bottom: 40px;
}

/* line 1065, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.contact-us-current .footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding-top: 10px;
  border-top: 2px solid #F8F9FA;
}

@media screen and (max-width: 768px) {
  /* line 1065, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .contact-us-current .footer {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: start;
        align-items: flex-start;
  }
}

@media screen and (max-width: 480px) {
  /* line 1078, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .contact-us-current .footer .right {
    text-align: right;
  }
}

/* line 1082, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
.contact-us-current .footer .company-name {
  margin-left: 10px;
  font-size: 38px;
  line-height: 52px;
  color: #fff;
}

@media screen and (max-width: 480px) {
  /* line 1082, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .contact-us-current .footer .company-name {
    font-size: 28px;
    line-height: 38px;
  }
}

@media screen and (max-width: 1280px) {
  /* line 1092, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .section {
    padding: 100px 40px 40px 40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1092, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .section {
    padding: 100px 20px 40px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 1092, app/assets/stylesheets/new/components/portfolio/current/portfolio-current.sass */
  .section {
    padding: 100px 10px 40px 10px;
  }
}

/* line 1, app/assets/stylesheets/new/components/portfolio/current/textarea-current.sass */
.textarea-current-wrapper {
  width: 100%;
}

/* line 3, app/assets/stylesheets/new/components/portfolio/current/textarea-current.sass */
.textarea-current-wrapper .textarea-wrapper {
  width: 100%;
  position: relative;
  font-family: Nunito;
}

/* line 8, app/assets/stylesheets/new/components/portfolio/current/textarea-current.sass */
.textarea-current-wrapper .textarea-wrapper textarea {
  resize: none;
}

/* line 11, app/assets/stylesheets/new/components/portfolio/current/textarea-current.sass */
.textarea-current-wrapper .textarea-wrapper textarea:active, .textarea-current-wrapper .textarea-wrapper textarea:focus, .textarea-current-wrapper .textarea-wrapper textarea:hover {
  border: 1.09px solid #0984FF;
}

/* line 14, app/assets/stylesheets/new/components/portfolio/current/textarea-current.sass */
.textarea-current-template {
  background-color: #FFFFFF00;
  padding: 5px;
  width: 100%;
  outline: none;
  cursor: pointer;
  border: 1.09px solid #FFFFFF00;
  color: #334249;
  font-size: 16px;
  line-height: 20px;
  caret-color: #0984FF;
  text-align: center;
}

/* line 27, app/assets/stylesheets/new/components/portfolio/current/textarea-current.sass */
.textarea-current-template::-moz-placeholder {
  color: #334249;
}
.textarea-current-template:-ms-input-placeholder {
  color: #334249;
}
.textarea-current-template::placeholder {
  color: #334249;
}

/* line 1, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal {
  max-height: 90vh;
}

/* line 4, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px;
}

/* line 10, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .header .title {
  font-weight: 500;
  font-size: 21px;
  line-height: 29px;
}

/* line 15, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .header .close {
  cursor: pointer;
  font-size: 32px;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}

/* line 20, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .separator {
  background: #D8E4FA;
  -ms-transform: matrix(1, 0, 0, -1, 0, 0);
      transform: matrix(1, 0, 0, -1, 0, 0);
  height: 1px;
  margin-bottom: 10px;
}

/* line 27, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .sections .title {
  margin-bottom: 20px;
}

/* line 30, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .sections-rows {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
}

@media screen and (max-width: 700px) {
  /* line 30, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
  .export-modal .sections-rows {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* line 37, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .sections-rows .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-right: 40px;
}

@media screen and (max-width: 700px) {
  /* line 37, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
  .export-modal .sections-rows .row {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

/* line 51, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .sections-rows .row.blue .title {
  color: #0984FF;
}

/* line 55, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .sections-rows .row.green .title {
  color: #00afc9;
}

/* line 58, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .sections-rows .row .item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 30px;
  height: 30px;
}

@media screen and (max-width: 700px) {
  /* line 58, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
  .export-modal .sections-rows .row .item {
    width: 50%;
    -ms-flex-pack: left;
        justify-content: left;
  }
}

@media screen and (max-width: 425px) {
  /* line 58, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
  .export-modal .sections-rows .row .item {
    width: 100%;
  }
}

/* line 73, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .sections-rows .row .item label .cbx + span {
  float: left;
  margin-left: 6px;
}

/* line 77, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .sections-rows .row .item label input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

/* line 81, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .sections-rows .row .item label input[type="checkbox"]:checked + .cbx {
  background-color: #0984FF;
  border: 0;
}

/* line 85, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .sections-rows .row .item label input[type="checkbox"]:checked + .cbx svg {
  stroke-dashoffset: 0;
  transition: all .15s ease;
}

/* line 89, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .sections-rows .row .item label input[type="checkbox"]:disabled + .cbx {
  background-color: lightgray;
}

/* line 92, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .sections-rows .row .item label .cbx {
  position: relative;
  cursor: pointer;
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 2px solid #DDE2E5;
  background-color: #F8F9FA;
  transition: all .15s ease;
  margin-right: 20px;
}

/* line 105, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .sections-rows .row .item label .cbx svg {
  position: absolute;
  top: 6px;
  left: 7px;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: white;
  stroke-width: 2;
  stroke-dasharray: 17;
  stroke-dashoffset: 17;
  transform: translate3d(0, 0, 0);
}

/* line 118, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .sections-rows .title {
  color: #0984FF;
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
  margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
  /* line 118, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
  .export-modal .sections-rows .title {
    font-size: 16px;
    line-height: 21px;
  }
}

/* line 129, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .sections-rows .title.orange {
  color: #FF6D00;
}

/* line 132, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .sections-rows .title.purple {
  color: #615BDC;
}

/* line 136, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .footer .tab-switcher {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  margin: 20px 0;
}

/* line 143, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .footer .tab-switcher .tab {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #49a4ff;
  margin-right: 40px;
  cursor: pointer;
}

/* line 152, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .footer .tab-switcher .tab.active {
  color: #0984FF;
}

/* line 155, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .footer .tab-switcher .tab.active .tab-border {
  visibility: visible;
}

/* line 158, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .footer .tab-switcher .tab:not(.active):hover {
  opacity: 0.5;
}

/* line 161, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .footer .tab-switcher .tab-border {
  margin-top: 20px;
  visibility: hidden;
  width: 100%;
  height: 2px;
  background-color: #0984FF;
  border-radius: 4px;
}

/* line 169, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .footer .bottom {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  background-color: #F8F9FA;
  border-radius: 16px;
  padding: 10px 20px;
  margin-top: 30px;
}

@media screen and (max-width: 480px) {
  /* line 169, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
  .export-modal .footer .bottom {
    padding: 10px;
  }
}

/* line 182, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .footer .bottom .text {
  color: #ACB5BD;
}

/* line 185, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .footer .bottom .text-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-right: 20px;
  max-width: calc(100% - 130px);
  max-height: 46px;
  overflow: hidden;
  line-break: anywhere;
}

/* line 196, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .footer .bottom .text.link {
  color: #0984FF;
  cursor: pointer;
  text-decoration: none;
}

/* line 202, app/assets/stylesheets/new/components/portfolio/export-modal.sass */
.export-modal .footer .bottom .line {
  height: 2px;
  width: 100%;
  background: rgba(9, 132, 255, 0.1);
  border-radius: 4px;
}

/* line 2, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader__header {
  position: relative;
}

/* line 5, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader__header .bmc-button--preview {
  -ms-flex-pack: center;
      justify-content: center;
}

/* line 8, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader__title {
  color: #334249;
}

/* line 12, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader__files {
  margin-top: 30px;
}

/* line 15, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader__button {
  border: inherit;
  position: absolute;
  right: 0;
  top: 0;
}

@media only screen and (max-width: 400px) {
  /* line 15, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
  .portfolio-file-uploader__button {
    margin-top: 10px;
    position: static;
  }
}

/* line 24, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader__button input {
  display: none;
}

/* line 27, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader__button i {
  font-size: 25px;
  margin-right: 10px;
}

/* line 31, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader__current {
  border: rgba(9, 132, 255, 0.1) solid 2px;
  position: static;
  width: 100%;
  margin: 0;
  background-color: #FFFFFF00;
  padding: 0 10px;
}

/* line 40, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader__colourful {
  border-radius: 50.657px;
  width: 278px;
  margin: 0;
  position: static;
  border: 2px solid;
  padding: 22px;
  height: auto;
  line-height: 25px;
}

@media screen and (max-width: 480px) {
  /* line 40, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
  .portfolio-file-uploader__colourful {
    width: 200px;
  }
}

/* line 54, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader__blog {
  border: 1px solid #000000;
  position: static;
  width: 100%;
  margin: 0;
  border-radius: 0;
  color: #000000;
  padding: 14px;
  height: auto;
  background-color: #FFFFFF00;
}

/* line 66, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader__blog:hover {
  border: 1px solid #000000;
}

/* line 69, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader__arch {
  border: 1px solid #000000;
  position: static;
  width: 100%;
  margin: 0;
  border-radius: 0;
  color: #000000;
  padding: 14px;
  height: auto;
  background-color: #FFFFFF00;
}

/* line 81, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader__arch:hover {
  border: 1px solid #000000;
}

/* line 84, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader__tech {
  border-radius: 40px;
  width: 305px;
  height: auto;
  padding: 20px;
  margin: 0;
  position: static;
  display: block;
  border: 2px solid #334249;
  background-color: #FFFFFF;
}

@media screen and (max-width: 768px) {
  /* line 84, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
  .portfolio-file-uploader__tech {
    width: 200px;
  }
}

/* line 99, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader__bold {
  border-radius: 0;
  width: 360px;
  height: auto;
  padding: 20px;
  margin-left: auto;
  position: static;
  display: block;
  border: 2px solid #334249;
  background-color: #FFFFFF00;
  font-family: Martel Sans;
}

@media screen and (max-width: 1024px) {
  /* line 99, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
  .portfolio-file-uploader__bold {
    margin: 0;
  }
}

@media screen and (max-width: 580px) {
  /* line 99, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
  .portfolio-file-uploader__bold {
    width: 200px;
  }
}

/* line 118, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

/* line 122, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader-file {
  margin-bottom: 20px;
  position: relative;
}

/* line 126, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader-file__title {
  color: #0984FF;
  border-radius: 8px;
  border: 2px solid #0984FF;
  padding: 10px;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  display: block;
  text-decoration: none;
  word-break: break-word;
}

/* line 139, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader-file-blog {
  border: 1px solid #000000;
  border-radius: 0;
  color: #000000;
  margin-right: 40px;
  padding: 14px;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  display: block;
  text-decoration: none;
  word-break: break-word;
  background-color: #FFFFFF00;
}

/* line 154, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader-file-blog:hover {
  border: 1px solid #000000;
}

/* line 158, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader-file-arch-link {
  border-radius: 0;
  color: #FFFFFF;
  background-color: #000000;
  margin-right: 40px;
  padding: 14px;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  display: block;
  text-decoration: none;
  border: 1px solid #000000;
  font-family: Lato;
  word-break: break-word;
}

/* line 174, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader-file-tech {
  margin-bottom: 20px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
}

/* line 181, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader-file-tech-link {
  color: #FFFFFF;
  border-radius: 40px;
  border: 2px solid #FFFFFF00;
  width: 305px;
  cursor: pointer;
  overflow: hidden;
  padding: 20px;
  display: block;
  text-align: center;
  text-decoration: none;
  background-color: #334249;
}

@media screen and (max-width: 768px) {
  /* line 181, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
  .portfolio-file-uploader-file-tech-link {
    width: 200px;
  }
}

/* line 198, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader-file-bold {
  margin-left: auto;
  width: 360px;
}

@media screen and (max-width: 580px) {
  /* line 198, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
  .portfolio-file-uploader-file-bold {
    width: 240px;
  }
}

/* line 205, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader-file-bold-link {
  color: #FFFFFF;
  border-radius: 0;
  width: 305px;
  cursor: pointer;
  overflow: hidden;
  padding: 20px;
  display: block;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  word-break: break-word;
  font-family: Martel Sans;
}

@media screen and (max-width: 580px) {
  /* line 205, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
  .portfolio-file-uploader-file-bold-link {
    width: 200px;
  }
}

/* line 223, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader-file-colourful {
  margin-bottom: 20px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
}

/* line 230, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader-file-colourful-link {
  color: #FFFFFF;
  border-radius: 60px;
  width: 278px;
  cursor: pointer;
  overflow: hidden;
  padding: 24px;
  display: block;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  line-height: 25px;
  font-family: Open Sans;
  word-break: break-word;
}

@media screen and (max-width: 480px) {
  /* line 230, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
  .portfolio-file-uploader-file-colourful-link {
    width: 200px;
  }
}

/* line 249, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader-file__remove {
  position: absolute;
  top: 10px;
  right: 0;
  color: rgba(9, 132, 255, 0.1);
  font-size: 25px;
  cursor: pointer;
}

/* line 257, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader-file__remove:hover {
  color: #0984FF;
}

/* line 260, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader-file__remove-colourful {
  color: #ACB5BD;
  top: 20px;
}

@media screen and (max-width: 580px) {
  /* line 260, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
  .portfolio-file-uploader-file__remove-colourful {
    right: -20px;
  }
}

/* line 267, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader-file__remove-blog {
  color: #ACB5BD;
  top: 10px;
  right: 8px;
}

/* line 272, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader-file__remove-arch {
  color: #ACB5BD;
  top: 10px;
  right: 8px;
}

/* line 277, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader-file__remove-tech {
  color: #ACB5BD;
  top: 20px;
  right: 10px;
}

@media screen and (max-width: 580px) {
  /* line 277, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
  .portfolio-file-uploader-file__remove-tech {
    right: -15px;
  }
}

@media screen and (max-width: 480px) {
  /* line 277, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
  .portfolio-file-uploader-file__remove-tech {
    right: -20px;
  }
}

/* line 288, app/assets/stylesheets/new/components/portfolio/portfolio-file-uploader.sass */
.portfolio-file-uploader-file__remove-bold {
  color: #ACB5BD;
  top: 20px;
}

/* line 2, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance-temp {
  padding: 120px 80px;
  background-color: #F8F9FA;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

/* line 10, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance-temp .header {
  width: 100%;
}

/* line 13, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance-temp .tab-content {
  width: 100%;
}

/* line 17, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance-temp .tab-content .forecast .main-title {
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 17, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
  .portfolio-finance-temp .tab-content .forecast .main-title {
    display: block;
    color: #334249;
    font-family: Nunito;
    font-size: 28px;
    font-weight: 700;
    line-height: 38px;
    margin-top: 50px;
    margin-bottom: 30px;
  }
}

/* line 30, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance-temp .tabs-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  margin-bottom: 40px;
  margin-top: 44px;
}

@media screen and (max-width: 768px) {
  /* line 30, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
  .portfolio-finance-temp .tabs-wrapper {
    display: none;
  }
}

/* line 41, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance-temp .tabs-wrapper .subchapter {
  width: 100%;
}

/* line 43, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance-temp .tabs-wrapper .subchapter .title {
  text-align: center !important;
  color: #000;
  font-size: 21px !important;
}

/* line 48, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance-temp .tabs-wrapper .tab {
  color: #ACB5BD;
  margin-right: 20px;
  padding: 20px;
  cursor: pointer;
}

/* line 55, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance-temp .tabs-wrapper .tab.active {
  cursor: default;
  color: #615BDC;
  border-bottom: 2px solid;
}

/* line 63, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter {
  width: 100%;
  text-align: left;
}

/* line 67, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter > .title {
  text-align: center;
  color: #615BDC;
}

/* line 72, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter .subchapter {
  display: inline-block;
}

/* line 75, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter .subchapter--big-title {
  margin-left: 40px;
}

/* line 80, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter .subchapter > .title {
  color: #334249;
  margin-bottom: 20px;
}

/* line 84, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter .subchapter .separator {
  width: 180px;
  height: 6px;
  border-radius: 4px;
  background: #615BDC;
}

/* line 90, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter .info-preview {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 20px;
}

/* line 97, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

/* line 103, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter .info-block {
  padding: 40px;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(50% - 20px);
  margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 103, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
  .portfolio-finance .chapter .info-block {
    padding: 20px;
    width: 100%;
  }
}

/* line 117, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter .info-block .title {
  font-size: 21px;
  font-weight: 700;
  line-height: 29px;
  width: 100%;
  margin-right: 40px;
  text-align: left;
  color: #334249;
  margin-bottom: 20px;
}

/* line 127, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter .info-block .description {
  width: 100%;
  white-space: pre-wrap;
}

/* line 131, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter table {
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
  padding: 20px 0;
  border-collapse: collapse;
  border-radius: 16px;
}

@media screen and (max-width: 1024px) {
  /* line 131, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
  .portfolio-finance .chapter table {
    min-width: 100%;
    width: auto;
  }
}

/* line 145, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter table.forecast tr th {
  font-size: 12px;
  font-weight: normal;
  text-align: center;
}

@media screen and (max-width: 1200px) {
  /* line 145, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
  .portfolio-finance .chapter table.forecast tr th {
    font-size: 10px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 145, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
  .portfolio-finance .chapter table.forecast tr th {
    min-width: 60px;
  }
}

/* line 156, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter table.forecast tr th:first-child {
  font-size: 16px;
  font-weight: bold;
  padding: 20px;
}

@media screen and (max-width: 1200px) {
  /* line 156, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
  .portfolio-finance .chapter table.forecast tr th:first-child {
    font-size: 12px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 156, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
  .portfolio-finance .chapter table.forecast tr th:first-child {
    min-width: 150px;
  }
}

@media screen and (max-width: 1439px) {
  /* line 167, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
  .portfolio-finance .chapter table.forecast tr td {
    font-size: 14px;
  }
}

@media screen and (max-width: 1200px) {
  /* line 167, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
  .portfolio-finance .chapter table.forecast tr td {
    font-size: 12px;
  }
}

/* line 175, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter table.forecast tr th:first-child, .portfolio-finance .chapter table.forecast tr td:first-child {
  width: 15%;
}

/* line 180, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter table.forecast tbody tr:nth-child(even) {
  background: #F8F9FA;
}

/* line 184, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter table tbody.balance tr {
  background: #fff !important;
}

/* line 189, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter table tbody.balance tr:last-child td:first-child {
  border-bottom-left-radius: 16px;
}

/* line 191, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter table tbody.balance tr:last-child td:last-child {
  border-bottom-right-radius: 16px;
}

/* line 193, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter table tbody.balance td {
  font-weight: bold;
}

/* line 196, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter table th.left-align, .portfolio-finance .chapter table td.left-align {
  text-align: left !important;
  padding-left: 14px !important;
  padding-right: 0 !important;
  word-break: break-word;
}

/* line 202, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter table th {
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  /* line 202, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
  .portfolio-finance .chapter table th {
    min-width: 100px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 209, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
  .portfolio-finance .chapter table th:first-child {
    min-width: 200px;
  }
}

/* line 213, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter table th, .portfolio-finance .chapter table td {
  padding: 12px 0;
}

/* line 216, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter table td {
  text-align: center;
  border-right: 1px solid #F8F9FA;
}

/* line 219, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter table td:last-child {
  border-right: none;
}

/* line 222, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter table tr.total {
  background: #fff !important;
}

/* line 224, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter table tr.total td {
  border-top: 1px solid #334249 !important;
}

/* line 226, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter table tr.total > * {
  font-weight: bold;
}

/* line 228, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter table tr.total:nth-child(even) {
  background-color: #fbfcfc;
}

/* line 230, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter table tr.total:nth-child(even) td {
  border-top: 1px solid #F8F9FA;
  border-bottom: 1px solid #F8F9FA;
}

/* line 235, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter table tr.total:last-child td:first-child {
  border-bottom-left-radius: 16px;
}

/* line 237, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chapter table tr.total:last-child td:last-child {
  border-bottom-right-radius: 16px;
}

/* line 240, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .table-subchapter {
  background-color: #FFFFFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  overflow: auto;
  padding-bottom: 13px;
}

/* line 247, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .table-subchapter table {
  border-radius: 8px;
  box-shadow: none;
}

/* line 251, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .table-subchapter table td {
  padding: 10px 0;
  border-bottom: 2px solid #F8F9FA;
  border-right: 2px solid #F8F9FA;
}

/* line 255, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .table-subchapter table td:last-child {
  border-right: none;
}

/* line 257, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .table-subchapter table th {
  padding: 20px 0;
}

/* line 261, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .table-subchapter table tr:nth-child(2n) {
  background-color: #F8F9FA;
}

/* line 264, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .table-subchapter table tr:last-child td {
  border-bottom: none;
}

/* line 269, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .table-wrapper {
  background-color: #FFFFFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  overflow: auto;
}

/* line 274, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .table-wrapper .forecast {
  box-shadow: none;
}

/* line 276, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .table-wrapper .forecast .variable-cost {
  background: #fff !important;
}

/* line 278, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .table-wrapper .subchapter {
  margin-bottom: 20px;
}

/* line 280, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .table-wrapper .subchapter .separator {
  display: none;
}

/* line 282, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .table-wrapper .subchapter .title {
  color: #615BDC;
  margin: 0 0 0 20px;
}

/* line 288, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chart .main-title {
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 288, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
  .portfolio-finance .chart .main-title {
    display: block;
    color: #334249;
    font-family: Nunito;
    font-size: 28px;
    font-weight: 700;
    line-height: 38px;
    margin-top: 50px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 768px) {
  /* line 301, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
  .portfolio-finance .chart-inner {
    overflow: auto;
  }
}

@media screen and (max-width: 768px) {
  /* line 305, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
  .portfolio-finance .chart-wrapper {
    padding: 20px;
    width: 1024px;
  }
}

/* line 310, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chart .title {
  text-align: center;
  color: #615BDC;
  margin-bottom: 20px;
}

/* line 315, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chart-title {
  margin-bottom: 20px;
}

/* line 318, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .chart-wrapper {
  background: #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05), 8px 8px 16px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  padding: 35px;
}

/* line 324, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .forecast-inner {
  padding: 20px 0;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.05), 0px 0px 4px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  background-color: white;
}

/* line 330, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .forecast-inner--web {
  margin-top: 20px !important;
}

/* line 332, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .forecast-inner--web > .subchapter {
  display: block;
}

/* line 334, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .forecast-inner--web > .subchapter > .title {
  color: #334249;
}

/* line 337, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .forecast-inner > .subchapter {
  margin-top: 20px !important;
}

/* line 339, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .forecast-inner > .subchapter:first-child {
  margin-top: 0 !important;
}

/* line 341, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .forecast-inner > .subchapter > .title {
  margin-bottom: 0;
  margin-left: 20px;
  color: #334249;
}

/* line 345, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .forecast-inner > .subchapter > .separator {
  display: none;
}

/* line 348, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .forecast-inner > .table-wrapper {
  box-shadow: none;
  margin-top: 0;
  border-radius: 0;
}

/* line 352, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .forecast-inner > .table-wrapper > table {
  border-radius: 0;
}

/* line 355, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .forecast-inner > .table-wrapper > table tr th, .portfolio-finance .forecast-inner > .table-wrapper > table tr td {
  border-radius: 0 !important;
}

/* line 357, app/assets/stylesheets/new/components/portfolio/portfolio-finance.sass */
.portfolio-finance .forecast-inner > .table-wrapper > table tr th:first-child, .portfolio-finance .forecast-inner > .table-wrapper > table tr td:first-child {
  padding-left: 20px !important;
}

/* line 3, app/assets/stylesheets/new/components/portfolio/portfolio-teammates-cards.sass */
.portfolio-teammates-cards .cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  text-align: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -20px;
}

@media screen and (max-width: 680px) {
  /* line 3, app/assets/stylesheets/new/components/portfolio/portfolio-teammates-cards.sass */
  .portfolio-teammates-cards .cards {
    margin: 0;
  }
}

/* line 13, app/assets/stylesheets/new/components/portfolio/portfolio-teammates-cards.sass */
.portfolio-teammates-cards .card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin: 20px;
  width: calc(25% - 40px);
  overflow: hidden;
}

@media screen and (max-width: 1439px) {
  /* line 13, app/assets/stylesheets/new/components/portfolio/portfolio-teammates-cards.sass */
  .portfolio-teammates-cards .card {
    width: calc(33.3% - 40px);
  }
}

@media screen and (max-width: 1080px) {
  /* line 13, app/assets/stylesheets/new/components/portfolio/portfolio-teammates-cards.sass */
  .portfolio-teammates-cards .card {
    width: calc(50% - 40px);
  }
}

@media screen and (max-width: 680px) {
  /* line 13, app/assets/stylesheets/new/components/portfolio/portfolio-teammates-cards.sass */
  .portfolio-teammates-cards .card {
    width: 100%;
  }
}

/* line 31, app/assets/stylesheets/new/components/portfolio/portfolio-teammates-cards.sass */
.portfolio-teammates-cards .card .logo {
  width: 100%;
  height: 290px;
  margin-bottom: 20px;
  background: #0984FF;
  border-radius: 16px;
}

@media screen and (max-width: 680px) and (min-width: 480px) {
  /* line 31, app/assets/stylesheets/new/components/portfolio/portfolio-teammates-cards.sass */
  .portfolio-teammates-cards .card .logo {
    height: 400px;
  }
}

/* line 41, app/assets/stylesheets/new/components/portfolio/portfolio-teammates-cards.sass */
.portfolio-teammates-cards .card .logo.with-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 45, app/assets/stylesheets/new/components/portfolio/portfolio-teammates-cards.sass */
.portfolio-teammates-cards .card .logo.with-text .text {
  color: #fff;
  font-size: 72px;
  line-height: 98px;
  font-weight: bold;
}

/* line 51, app/assets/stylesheets/new/components/portfolio/portfolio-teammates-cards.sass */
.portfolio-teammates-cards .card .logo.is-blue {
  background: #5AC9FA;
}

/* line 53, app/assets/stylesheets/new/components/portfolio/portfolio-teammates-cards.sass */
.portfolio-teammates-cards .card .logo.is-green {
  background: #00897B;
}

/* line 55, app/assets/stylesheets/new/components/portfolio/portfolio-teammates-cards.sass */
.portfolio-teammates-cards .card .logo.is-red {
  background: #E91E63;
}

/* line 57, app/assets/stylesheets/new/components/portfolio/portfolio-teammates-cards.sass */
.portfolio-teammates-cards .card .logo.is-orange {
  background: #FF9800;
}

/* line 59, app/assets/stylesheets/new/components/portfolio/portfolio-teammates-cards.sass */
.portfolio-teammates-cards .card .logo.is-brown {
  background: #DC7C48;
}

/* line 61, app/assets/stylesheets/new/components/portfolio/portfolio-teammates-cards.sass */
.portfolio-teammates-cards .card .logo.is-yellow {
  background: #FCCC8C;
}

/* line 63, app/assets/stylesheets/new/components/portfolio/portfolio-teammates-cards.sass */
.portfolio-teammates-cards .card .logo.is-darkGreen {
  background: #5E939C;
}

/* line 65, app/assets/stylesheets/new/components/portfolio/portfolio-teammates-cards.sass */
.portfolio-teammates-cards .card .logo.is-lightBrown {
  background: #C4B59D;
}

/* line 68, app/assets/stylesheets/new/components/portfolio/portfolio-teammates-cards.sass */
.portfolio-teammates-cards .card .position {
  font-size: 16px;
  line-height: 22px;
  color: #ACB5BD;
  font-weight: bold;
  margin-bottom: 5px;
  max-height: 22px;
  overflow: hidden;
}

/* line 77, app/assets/stylesheets/new/components/portfolio/portfolio-teammates-cards.sass */
.portfolio-teammates-cards .card .title {
  font-size: 21px;
  line-height: 29px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 83, app/assets/stylesheets/new/components/portfolio/portfolio-teammates-cards.sass */
.portfolio-teammates-cards .card .separator {
  width: 50%;
  height: 4px;
  border-radius: 2px;
  background: #0984FF;
  margin-bottom: 20px;
}

/* line 90, app/assets/stylesheets/new/components/portfolio/portfolio-teammates-cards.sass */
.portfolio-teammates-cards .card .description {
  font-size: 16px;
  line-height: 20px;
  width: 100%;
  text-align: left;
  white-space: pre-wrap;
}

/* line 2, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
.portfolio-teammates .textarea {
  margin-top: 20px;
}

/* line 4, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
.portfolio-teammates .team-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 30px -15px 0;
}

/* line 14, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
.portfolio-teammates .team-card {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 0 15px 40px;
  width: calc(25% - 30px);
}

@media screen and (max-width: 1439px) {
  /* line 14, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
  .portfolio-teammates .team-card {
    width: calc(33.3% - 30px);
  }
}

@media screen and (max-width: 1080px) {
  /* line 14, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
  .portfolio-teammates .team-card {
    width: calc(50% - 30px);
  }
}

@media screen and (max-width: 700px) {
  /* line 14, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
  .portfolio-teammates .team-card {
    width: calc(100% - 30px);
  }
}

/* line 35, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
.portfolio-teammates .team-card .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 10px;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}

/* line 43, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
.portfolio-teammates .team-card .header .name {
  font-size: 21px;
  font-weight: bold;
  color: #334249;
}

/* line 48, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
.portfolio-teammates .team-card .header .icon-section i {
  font-size: 21px;
  color: #ACB5BD;
  cursor: pointer;
}

/* line 53, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
.portfolio-teammates .team-card .header .icon-section i:hover {
  color: #334249;
}

/* line 56, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
.portfolio-teammates .team-card .image-upload {
  width: 100%;
  border: 2px dashed #ACB5BD;
  border-radius: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 10px;
}

/* line 67, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
.portfolio-teammates .team-card .image-upload .center-block {
  text-align: center;
}

/* line 69, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
.portfolio-teammates .team-card .image-upload .center-block i {
  color: #ACB5BD;
}

/* line 71, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
.portfolio-teammates .team-card .image-upload .center-block .title {
  text-align: center;
  font-weight: bold;
  color: #ACB5BD;
}

/* line 75, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
.portfolio-teammates .team-card .image-upload .center-block .title-accent {
  color: #0984FF;
  text-decoration: underline;
}

/* line 78, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
.portfolio-teammates .team-card .form-field {
  width: 100%;
  margin-bottom: 20px;
}

/* line 81, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
.portfolio-teammates .team-card .form-field .label {
  color: #334249;
  font-size: 16px;
  line-height: 20px;
  padding-left: 10px;
}

/* line 86, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
.portfolio-teammates .team-card .form-field .input {
  margin-top: 10px;
  background: #F8F9FA;
  box-sizing: border-box;
  border-radius: 16px;
  font-size: 16px;
  width: 100%;
  height: 60px;
  outline: none;
  padding: 15px;
}

/* line 97, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
.portfolio-teammates .add-team-card {
  margin: 30px 15px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 109, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
.portfolio-teammates .add-team-card__wrapper {
  position: relative;
  width: 25%;
  padding-top: 25%;
}

@media screen and (max-width: 1439px) {
  /* line 109, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
  .portfolio-teammates .add-team-card__wrapper {
    width: 33.3%;
    padding-top: 33.3%;
  }
}

@media screen and (max-width: 1080px) {
  /* line 109, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
  .portfolio-teammates .add-team-card__wrapper {
    width: 50%;
    padding-top: 50%;
  }
}

@media screen and (max-width: 700px) {
  /* line 109, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
  .portfolio-teammates .add-team-card__wrapper {
    width: 100%;
    padding-top: 100%;
  }
}

/* line 126, app/assets/stylesheets/new/components/portfolio/portfolio-teammates.sass */
.portfolio-teammates .add-team-card .center-block {
  text-align: center;
  border: 2px solid rgba(9, 132, 255, 0.5);
  border-radius: 16px;
  background: #fff;
  color: #0984FF;
  padding: 20px 50px;
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web {
  background: #fff;
  max-width: 1440px;
  margin: auto;
}

/* line 6, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .current-title {
  color: #0984FF;
  text-align: center;
  font-size: 64px;
  font-weight: 700;
  line-height: 87px;
}

@media screen and (max-width: 480px) {
  /* line 6, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .current-title {
    font-size: 38px;
    line-height: 52px;
    word-break: break-word;
  }
}

/* line 18, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .section {
  padding: 80px;
}

@media screen and (max-width: 1024px) {
  /* line 18, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .section {
    padding: 40px !important;
  }
}

@media screen and (max-width: 480px) {
  /* line 18, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .section {
    padding: 20px !important;
  }
}

/* line 27, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .section svg {
  margin: auto auto 10px auto;
}

/* line 32, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .section > .header--left-align {
  text-align: left !important;
}

/* line 36, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .section > .header .title {
  color: #0984FF;
  font-size: 64px;
  font-weight: 700;
  line-height: 87px;
  text-align: center;
  margin-bottom: 20px;
  overflow: hidden;
  word-break: break-word;
}

@media screen and (max-width: 480px) {
  /* line 36, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .section > .header .title {
    font-size: 38px;
    line-height: 52px;
  }
}

/* line 50, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .section > .header .title.blue {
  color: #0984FF;
}

/* line 52, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .section > .header .title.green {
  color: #00afc9;
}

/* line 54, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .section > .header .title.orange {
  color: #FF6D00;
}

/* line 56, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .section > .header .title.purple {
  color: #615BDC;
}

/* line 59, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .section > .header .description {
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 60px;
  white-space: pre-wrap;
}

@media screen and (max-width: 480px) {
  /* line 59, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .section > .header .description {
    margin-bottom: 20px;
    font-weight: normal;
  }
}

/* line 70, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .introduction {
  padding-top: 60px;
  text-align: center;
}

/* line 74, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .introduction .bg {
  background: #C4C4C4;
  width: 100%;
  margin-bottom: 20px;
}

/* line 79, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .introduction .bg .bmc-page-card-image {
  width: 100%;
  border-radius: 0;
  box-shadow: none;
}

/* line 84, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .introduction .bg .bmc-page-card-image--no-image-wrapper {
  padding-top: 50%;
}

/* line 87, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .introduction .logo {
  width: 250px;
  max-width: 250px;
  max-height: 80px;
  padding: 20px;
}

/* line 93, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .introduction .logo .bmc-page-card-image--no-image-wrapper {
  padding-top: 50%;
}

/* line 96, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .introduction .logo-upload {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  max-width: 250px;
  max-height: 80px;
  margin-right: 14%;
  border-radius: 8px;
  margin-bottom: 20px;
  margin-left: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 96, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .introduction .logo-upload {
    margin-right: 5%;
  }
}

@media screen and (max-width: 768px) {
  /* line 96, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .introduction .logo-upload {
    margin-right: 0;
  }
}

@media screen and (max-width: 480px) {
  /* line 96, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .introduction .logo-upload {
    width: 100%;
  }
}

/* line 115, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .introduction .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  white-space: pre-line;
  text-align: left;
  padding: 0 80px;
}

@media screen and (max-width: 768px) {
  /* line 115, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .introduction .info {
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 127, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .introduction .info .title {
  margin-bottom: 20px;
  word-break: break-word;
  color: #334249;
}

/* line 132, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .introduction .info .description {
  font-size: 16px;
  line-height: 20px;
}

@media screen and (max-width: 768px) {
  /* line 132, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .introduction .info .description {
    text-align: center;
  }
}

/* line 139, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .summary {
  padding: 120px 190px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #F8F9FA;
  margin-top: 106px;
}

@media screen and (max-width: 1024px) {
  /* line 139, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .summary {
    padding: 80px;
  }
}

@media screen and (max-width: 768px) {
  /* line 139, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .summary {
    padding: 40px;
  }
}

@media screen and (max-width: 480px) {
  /* line 139, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .summary {
    padding: 20px;
  }
}

/* line 157, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .summary .file {
  width: 100%;
}

/* line 160, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .summary a {
  display: block;
  width: 100%;
}

/* line 164, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .summary a button {
  width: 100%;
}

/* line 167, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .summary .title {
  color: #0984FF;
  text-align: center;
  margin-bottom: 20px;
}

/* line 172, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .summary .description {
  font-size: 16px;
  line-height: 20px;
  white-space: pre-line;
}

/* line 178, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .summary .bmc-button--with-icon {
  color: #0984FF;
  background-color: #FFFFFF00;
  border: 2px solid #0984FF;
  min-height: 45px;
  height: auto;
}

/* line 185, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .summary .bmc-button span {
  text-align: center;
}

/* line 188, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .section-106 {
  padding: 106px 80px;
}

/* line 191, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .section-120 {
  padding: 120px 80px;
}

/* line 194, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .bmc {
  background: #F8F9FA;
}

/* line 197, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .bmc .header {
  width: 100%;
  margin-bottom: 40px;
}

/* line 201, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .bmc .header .title {
  margin-bottom: 20px;
}

/* line 204, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .bmc .header .description {
  text-align: center;
}

/* line 207, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .bmc .bmc-page-keycard-step-text {
  text-align: left;
}

/* line 210, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .desirability-current-web {
  padding: 60px 80px;
  font-family: Nunito;
}

@media screen and (max-width: 1024px) {
  /* line 210, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .desirability-current-web {
    padding: 40px !important;
  }
}

@media screen and (max-width: 480px) {
  /* line 210, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .desirability-current-web {
    padding: 20px !important;
  }
}

/* line 220, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .desirability-current-web .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 220, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .desirability-current-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 228, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .desirability-current-web .header .title {
  color: #FFFFFF;
  width: 40%;
  margin-right: 40px;
  text-align: start;
  font-size: 72px;
  font-weight: 700;
  line-height: 98px;
}

@media screen and (max-width: 1280px) {
  /* line 228, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .desirability-current-web .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

@media screen and (max-width: 480px) {
  /* line 228, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .desirability-current-web .header .title {
    font-size: 38px;
    line-height: 52px;
    word-break: break-word;
  }
}

/* line 248, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .desirability-current-web .header .description {
  width: calc(60% - 40px);
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
}

@media screen and (max-width: 1280px) {
  /* line 248, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .desirability-current-web .header .description {
    width: 100%;
  }
}

/* line 259, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .customer-segment {
  padding: 106px 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

/* line 266, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .customer-segment .cards-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}

/* line 271, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .customer-segment .cards-section .title {
  color: #334249;
}

/* line 274, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .customer-segment .cards-section .left {
  width: 20%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-right: 40px;
  max-height: 480px;
}

@media screen and (max-width: 768px) {
  /* line 274, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .customer-segment .cards-section .left {
    display: none;
  }
}

/* line 286, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .customer-segment .cards-section .left .item {
  cursor: pointer;
  width: 100%;
  color: #acb5bd;
  padding: 20px;
  margin-bottom: 20px;
}

/* line 294, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .customer-segment .cards-section .left .item:hover {
  opacity: 0.5;
}

/* line 297, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .customer-segment .cards-section .left .item.active {
  background: #02a9c1;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  color: #fff;
  cursor: auto;
  opacity: 1;
}

/* line 305, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .customer-segment .cards-section .right {
  width: 80%;
}

@media screen and (max-width: 768px) {
  /* line 305, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .customer-segment .cards-section .right {
    width: 100%;
  }
}

/* line 311, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .customer-segment .cards-section .right .bmc-page-card-image {
  width: 100%;
}

/* line 314, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .value-proposition {
  padding: 60px 80px 120px 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  background-color: #F8F9FA;
}

/* line 322, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .value-proposition .bmc-page-card {
  padding: 0;
}

/* line 326, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .value-proposition .bmc-page-card-inner:first-child {
  margin: 0;
  width: 50%;
}

/* line 330, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .value-proposition .bmc-page-card-inner:last-child {
  padding: 40px;
  margin-bottom: 0;
  width: 50%;
}

/* line 335, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .value-proposition .bmc-page-card-image {
  width: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

@media screen and (max-width: 1024px) {
  /* line 335, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .value-proposition .bmc-page-card-image {
    border-top-right-radius: 16px;
    border-bottom-left-radius: 0;
  }
}

/* line 344, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .value-proposition .bmc-page-card-image-icon-title {
  color: #334249;
}

/* line 347, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .competitor-analysis {
  padding: 106px 80px;
  text-align: center;
}

/* line 351, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .get-keep-grow {
  background: #F8F9FA;
  padding: 60px 80px 120px 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

/* line 360, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .get-keep-grow .header .description {
  text-align: center;
}

/* line 363, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .get-keep-grow .bmc-page-gkgtabs-content-block {
  background: #fff;
}

/* line 367, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .get-keep-grow .bmc-page-gkgtabs-tabs-tab-title {
  font-weight: 700;
}

/* line 370, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .get-keep-grow .bmc-page-gkgtabs-tabs-tab--active {
  color: #00afc9;
}

/* line 374, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .channels {
  padding: 106px 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

/* line 381, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .channels .cards-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}

/* line 386, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .channels .cards-section .bmc-page-card-image-icon-title {
  color: #334249;
}

/* line 389, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .channels .cards-section .bmc-page-card-image {
  width: 100%;
}

/* line 392, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .channels .cards-section .left {
  width: 80%;
}

@media screen and (max-width: 768px) {
  /* line 392, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .channels .cards-section .left {
    width: 100%;
  }
}

/* line 398, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .channels .cards-section .right {
  width: 20%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-left: 40px;
}

@media screen and (max-width: 768px) {
  /* line 398, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .channels .cards-section .right {
    display: none;
  }
}

/* line 409, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .channels .cards-section .right .item {
  cursor: pointer;
  width: 100%;
  color: #acb5bd;
  padding: 20px;
  margin-bottom: 20px;
}

/* line 417, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .channels .cards-section .right .item:hover {
  opacity: 0.5;
}

/* line 420, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .channels .cards-section .right .item.active {
  background: #02a9c1;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.05), 0 0 4px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  color: #fff;
  opacity: 1;
  cursor: auto;
}

/* line 428, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .feasibility-current-web {
  padding: 60px 80px;
  font-family: Nunito;
}

@media screen and (max-width: 1024px) {
  /* line 428, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .feasibility-current-web {
    padding: 40px !important;
  }
}

@media screen and (max-width: 480px) {
  /* line 428, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .feasibility-current-web {
    padding: 20px !important;
  }
}

/* line 438, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .feasibility-current-web .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 438, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .feasibility-current-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 446, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .feasibility-current-web .header .title {
  color: #FFFFFF;
  width: 40%;
  margin-right: 40px;
  text-align: start;
  font-size: 72px;
  font-weight: 700;
  line-height: 98px;
}

@media screen and (max-width: 1280px) {
  /* line 446, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .feasibility-current-web .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

@media screen and (max-width: 480px) {
  /* line 446, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .feasibility-current-web .header .title {
    font-size: 38px;
    line-height: 52px;
    word-break: break-word;
  }
}

/* line 466, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .feasibility-current-web .header .description {
  width: calc(60% - 40px);
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
}

@media screen and (max-width: 1280px) {
  /* line 466, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .feasibility-current-web .header .description {
    width: 100%;
  }
}

/* line 477, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .key-activities-web {
  padding: 106px 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

/* line 484, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .key-activities-web .header {
  width: 100%;
}

/* line 487, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .key-activities-web .header .description {
  text-align: center;
}

/* line 490, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .key-activities-web .key-activity {
  margin-top: 44px;
  width: 100%;
}

/* line 494, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .key-activities-web .bmc-page-keycard {
  background-color: #FFFFFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

/* line 498, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .key-activities-web .bmc-page-keycard-steps {
  max-width: 1200px;
}

/* line 501, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .key-activities-web .bmc-page-keycard-step {
  position: relative;
}

@media screen and (max-width: 634px) {
  /* line 501, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .key-activities-web .bmc-page-keycard-step {
    width: 100%;
    padding: 0;
  }
}

@media screen and (max-width: 1454px) and (min-width: 1255px) {
  /* line 510, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .key-activities-web .bmc-page-keycard-step:nth-child(5n) .line-key {
    display: none;
  }
}

@media screen and (max-width: 1254px) and (min-width: 1055px) {
  /* line 515, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .key-activities-web .bmc-page-keycard-step:nth-child(4n) .line-key {
    display: none;
  }
}

@media screen and (max-width: 1054px) and (min-width: 855px) {
  /* line 520, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .key-activities-web .bmc-page-keycard-step:nth-child(3n) .line-key {
    display: none;
  }
}

@media screen and (max-width: 854px) and (min-width: 635px) {
  /* line 525, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .key-activities-web .bmc-page-keycard-step:nth-child(2n) .line-key {
    display: none;
  }
}

/* line 528, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .key-activities-web .bmc-page-keycard-step::before {
  display: none;
}

/* line 531, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .key-activities-web .bmc-page-keycard-step::after {
  display: none;
}

/* line 534, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .key-activities-web .bmc-page-keycard-step .circle {
  width: 8px;
  height: 8px;
  background-color: #FF6D00;
  border-radius: 50%;
  margin: 0 auto;
}

@media screen and (max-width: 634px) {
  /* line 534, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .key-activities-web .bmc-page-keycard-step .circle {
    margin-bottom: 20px;
  }
}

/* line 544, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .key-activities-web .bmc-page-keycard-step .line-key {
  width: calc(100% + 14px);
  height: 2px;
  background-color: #FF6D00;
  position: absolute;
  left: calc(50% + 4px);
  top: 3px;
}

@media screen and (max-width: 634px) {
  /* line 544, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .key-activities-web .bmc-page-keycard-step .line-key {
    display: none;
  }
}

/* line 555, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .key-activities-web .bmc-page-keycard-step-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}

@media screen and (max-width: 594px) {
  /* line 555, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .key-activities-web .bmc-page-keycard-step-title {
    margin: 0 0 10px 10px;
  }
}

@media screen and (max-width: 539px) {
  /* line 555, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .key-activities-web .bmc-page-keycard-step-title {
    text-align: center;
  }
}

/* line 566, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .key-activities-web .bmc-page-keycard-step-text {
  font-size: 16px;
  line-height: 20px;
}

@media screen and (max-width: 539px) {
  /* line 566, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .key-activities-web .bmc-page-keycard-step-text {
    text-align: center;
  }
}

/* line 573, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .key-activities-web .key-resources-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  /* line 573, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .key-activities-web .key-resources-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* line 582, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .key-activities-web .key-resource {
  width: 50%;
}

/* line 585, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .key-activities-web .key-resource:first-child {
  margin-right: 20px;
}

/* line 588, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .key-activities-web .key-resource:last-child {
  margin-left: 20px;
}

@media screen and (max-width: 768px) {
  /* line 588, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .key-activities-web .key-resource:last-child {
    margin-top: 30px;
  }
}

@media screen and (max-width: 768px) {
  /* line 582, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .key-activities-web .key-resource {
    width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

/* line 599, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .key-activities-web .key-resource .bmc-page-keycard {
  min-height: 100%;
  background: #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05), 8px 8px 16px rgba(0, 0, 0, 0.05);
}

/* line 604, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .key-activities-web .key-resource .bmc-page-keycard-list-item::after {
  content: none;
}

/* line 607, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .key-activities-web .key-resource .resorses-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 611, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .key-activities-web .key-resource .resorses-text .circle {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: #FF6D00;
  margin-right: 10px;
  padding-right: 8px;
}

/* line 619, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .viability-current-web {
  padding: 60px 80px;
  font-family: Nunito;
}

@media screen and (max-width: 1024px) {
  /* line 619, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .viability-current-web {
    padding: 40px !important;
  }
}

@media screen and (max-width: 480px) {
  /* line 619, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .viability-current-web {
    padding: 20px !important;
  }
}

/* line 629, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .viability-current-web .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 629, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .viability-current-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 637, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .viability-current-web .header .title {
  color: #FFFFFF;
  width: 40%;
  margin-right: 40px;
  text-align: start;
  font-size: 72px;
  font-weight: 700;
  line-height: 98px;
}

@media screen and (max-width: 1280px) {
  /* line 637, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .viability-current-web .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

@media screen and (max-width: 480px) {
  /* line 637, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .viability-current-web .header .title {
    font-size: 38px;
    line-height: 52px;
    word-break: break-word;
  }
}

/* line 657, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .viability-current-web .header .description {
  width: calc(60% - 40px);
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
}

@media screen and (max-width: 1280px) {
  /* line 657, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .viability-current-web .header .description {
    width: 100%;
  }
}

/* line 668, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .sustainability {
  padding: 106px 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  text-align: center;
}

/* line 675, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .sustainability #icon {
  font-size: 72px;
  color: #615BDC;
}

/* line 679, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .contact-us {
  padding: 60px 80px;
  background: #007AFF;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  color: #fff;
}

@media screen and (max-width: 768px) {
  /* line 679, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .contact-us {
    padding: 40px;
  }
}

@media screen and (max-width: 480px) {
  /* line 679, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .contact-us {
    padding: 80px 20px 20px 20px;
  }
}

/* line 695, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .contact-us .scroll-top {
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  right: 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 480px) {
  /* line 695, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .contact-us .scroll-top {
    top: 16px;
    right: 20px;
  }
}

/* line 707, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .contact-us .scroll-top i {
  margin-left: 14px;
}

/* line 710, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .contact-us .title {
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
}

/* line 715, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .contact-us .subtitle {
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 40px;
  white-space: pre-wrap;
}

/* line 722, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .contact-us .owner_name, .portfolio-web .contact-us .email {
  font-size: 28px;
  line-height: 38px;
  font-weight: bold;
  margin-bottom: 20px;
}

/* line 728, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .contact-us .email {
  margin-bottom: 40px;
}

/* line 731, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .contact-us .footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding-top: 10px;
  border-top: 2px solid #F8F9FA;
}

@media screen and (max-width: 480px) {
  /* line 739, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .contact-us .footer .right {
    text-align: right;
  }
}

/* line 743, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.portfolio-web .contact-us .footer .company-name {
  margin-left: 10px;
  font-size: 38px;
  line-height: 52px;
  color: #fff;
}

@media screen and (max-width: 480px) {
  /* line 743, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .contact-us .footer .company-name {
    font-size: 28px;
    line-height: 38px;
  }
}

@media screen and (max-width: 1240px) {
  /* line 753, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .forecast {
    font-size: 12px;
  }
  /* line 757, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
  .portfolio-web .forecast td,
.portfolio-web .forecast th {
    padding: 12px 5px !important;
  }
}

/* line 761, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.body-modal-open {
  overflow: hidden;
  margin-right: 15px;
}

/* line 765, app/assets/stylesheets/new/components/portfolio/portfolio-web.sass */
.body-modal-open .bmc-modal-blackscreen {
  width: calc(100% - 15px);
}

/* line 2, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .bmc-page {
  padding: 20px 35px;
}

@media screen and (max-width: 768px) {
  /* line 2, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .bmc-page {
    padding: 20px;
  }
}

/* line 8, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .textarea {
  border: 2px solid #DDE2E5;
  border-radius: 16px;
  background: #F8F9FA;
  resize: none;
  width: 100%;
  outline: none;
  padding: 10px;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

/* line 20, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .actions {
  float: right;
}

@media screen and (max-width: 480px) {
  /* line 20, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .actions {
    display: none;
  }
}

/* line 26, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .actions > * {
  display: inline-block;
  vertical-align: top;
}

/* line 30, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .actions-action {
  width: 45px;
  height: 45px;
  border: 2px solid rgba(9, 132, 255, 0.1);
  border-radius: 8px;
  color: #0984FF;
  padding-top: 9px;
  text-align: center;
  margin-right: 10px;
}

/* line 40, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .actions-action i {
  font-size: 25px;
}

/* line 43, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .actions-view {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 225px;
  height: 45px;
}

/* line 49, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .actions-view > * {
  padding: 8px 15px;
  text-align: center;
  display: inline-block;
}

/* line 54, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .actions-view > * i {
  font-size: 25px;
  margin-right: 10px;
}

/* line 58, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .actions-view > * > * {
  display: inline-block;
  vertical-align: middle;
}

/* line 62, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .actions-view-right, .portfolio .actions-view-left {
  border-radius: 0 8px 8px 0;
  border: 2px solid rgba(9, 132, 255, 0.1);
  color: #0984FF;
  cursor: pointer;
}

/* line 68, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .actions-view-right svg, .portfolio .actions-view-left svg {
  margin-right: 10px;
}

/* line 71, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .actions-view-right svg path, .portfolio .actions-view-left svg path {
  fill: #0984FF;
}

/* line 74, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .actions-view-right.active, .portfolio .actions-view-left.active {
  background-color: #0984FF;
  border: 2px solid #0984FF;
  color: white;
}

/* line 79, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .actions-view-right.active svg path, .portfolio .actions-view-left.active svg path {
  fill: white;
}

/* line 82, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .actions-view-left {
  border-radius: 8px 0 0 8px;
}

/* line 86, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .section-header .title {
  font-size: 38px;
}

/* line 89, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-top-wrapper {
  display: -ms-flexbox;
  display: flex;
  width: 180px;
  height: 45px;
  background-color: #0984FF;
  color: #FFFFFF;
  font-weight: 700;
  border-top-right-radius: 16px;
  border-top-left-radius: 4px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 44px;
  font-size: 16px;
}

/* line 103, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-wrapper {
  padding: 40px 30px;
  border-radius: 0px 16px 16px 16px;
  background-color: #0984FF;
}

/* line 108, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .choose-template-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 112, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .choose-template {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 700;
  line-height: 29px;
}

@media screen and (max-width: 1421px) {
  /* line 120, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .choose-template-media {
    margin-top: 20px;
  }
}

/* line 124, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-content {
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1421px) {
  /* line 124, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .templates-content {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 130, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-content--right {
  display: -ms-flexbox;
  display: flex;
  padding: 20px 23px 40px 20px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 16px;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
  margin-top: 20px;
  min-width: 450px;
}

@media screen and (max-width: 676px) {
  /* line 130, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .templates-content--right {
    min-width: 295px;
  }
}

/* line 144, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-content--left {
  margin-right: 20px;
}

@media screen and (max-width: 1421px) {
  /* line 144, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .templates-content--left {
    margin-right: 0;
  }
}

/* line 150, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-content-box {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

/* line 154, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-content-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  font-size: 16px;
}

/* line 160, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-content-text-primary {
  color: #000000;
  line-height: 20px;
  margin-bottom: 13px;
  font-size: 16px;
}

/* line 166, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-content-text-secondary {
  color: #37474F;
  line-height: 20px;
  margin-bottom: 13px;
  font-size: 16px;
}

/* line 172, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-content-color {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 0.7px solid #334249;
}

/* line 178, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-content-color-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 8px;
  margin-left: 8px;
  position: relative;
}

/* line 187, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates {
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 3.9681527615px 0px rgba(0, 0, 0, 0.05), 7.9363055229px 7.9363055229px 15.8726110458px 0px rgba(0, 0, 0, 0.05);
  margin-top: 20px;
  color: #37474F;
}

@media screen and (max-width: 676px) {
  /* line 187, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .templates {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 201, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-custom-add {
  fill: #ACB5BD;
  stroke: #ACB5BD;
}

/* line 205, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-custom-add:hover, .portfolio .templates-custom-add:focus {
  fill: #0984FF;
  stroke: #0984FF;
}

/* line 210, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-customColor-label {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer;
}

/* line 216, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-customColor-input {
  width: 3px;
  height: 3px;
  border: none;
  padding: 0;
  opacity: 0;
  position: absolute;
  left: 50%;
}

/* line 225, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-space {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}

/* line 230, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-divider {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
}

/* line 235, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-divider::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #D9D9D9;
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
}

/* line 244, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-vertical {
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 676px) {
  /* line 244, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .templates-vertical {
    width: 100%;
  }
}

/* line 250, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-vertical::before {
  content: "";
  width: 1px;
  height: 272px;
  background-color: #D9D9D9;
  display: block;
  margin-left: 10px;
  margin-right: 10px;
}

@media screen and (max-width: 676px) {
  /* line 250, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .templates-vertical::before {
    display: none;
  }
}

/* line 262, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-box {
  width: 100%;
}

/* line 265, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-box-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  line-height: 20px;
  font-size: 16px;
}

/* line 271, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-box-text::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #D9D9D9;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 280, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-box-images {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 20px;
}

/* line 285, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-box-images-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 289, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-box-images-item {
  cursor: pointer;
  border-radius: 5.462px;
  border: 1.376px solid #ACB5BD;
  width: 120px;
  height: 80px;
  background-size: cover;
  background-repeat: no-repeat;
}

/* line 298, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-box-images-item:hover, .portfolio .templates-box-images-item:focus {
  border: 2.753px solid #007AFF;
}

/* line 301, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-box-images-item--active {
  border-radius: 5.462px;
  border: 2.753px solid #007AFF;
  width: 120px;
  height: 80px;
  background-size: cover;
  background-repeat: no-repeat;
}

/* line 309, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-box-images-item--input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* line 315, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-box-images-item--div {
  font-size: 14px;
  font-weight: 700;
  color: #37474F;
  line-height: 19px;
  margin-top: 5px;
  width: 120px;
}

/* line 323, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-colors {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 190px;
  padding: 0 25px;
  border-radius: 10px;
}

@media screen and (max-width: 676px) {
  /* line 323, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .templates-colors {
    margin-top: 20px;
    width: 100%;
    min-width: 190px;
  }
}

/* line 335, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-colors-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  line-height: 20px;
  font-size: 16px;
}

/* line 341, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-colors-text::after {
  content: "";
  width: 136px;
  height: 1px;
  background-color: #D9D9D9;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

@media screen and (max-width: 676px) {
  /* line 341, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .templates-colors-text::after {
    width: 100%;
  }
}

/* line 353, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-colors-text-label {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}

/* line 360, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-colors-radio {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  height: 100%;
}

/* line 366, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-colors-radio-label {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

/* line 369, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-colors-radio-label:focus {
  border-color: #0984FF;
}

/* line 372, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-colors-radio-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 50%;
  margin: 0 10px 0 0;
  width: 13px;
  height: 13px;
  padding-right: 8px;
  border: 2px solid #FFFFFF;
  outline: 1px solid #37474F;
  position: relative;
  top: 5px;
}

/* line 384, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-colors-radio-input:checked {
  outline-color: #0984FF;
  background-color: #0984FF;
}

/* line 389, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-colors-radio-input:not(:checked):hover {
  background-color: #37474F;
}

/* line 392, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-colors-radio-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
}

@media screen and (max-width: 676px) {
  /* line 392, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .templates-colors-radio-list {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}

/* line 403, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-colors-radio-icon {
  fill: #ACB5BD;
  stroke: #ACB5BD;
}

/* line 406, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-colors-radio-icon:hover, .portfolio .templates-colors-radio-icon:focus {
  fill: #0984FF;
  stroke: #0984FF;
}

/* line 410, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-colors-radio-item {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 0.7px solid #334249;
  position: relative;
}

/* line 417, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-colors-radio-item:hover {
  opacity: 0.7;
}

/* line 420, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .templates-colors-radio-item:not(:last-child) {
  margin-right: 5px;
}

/* line 423, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .main-text {
  line-height: 20px;
  width: 100%;
}

/* line 427, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .main-text--head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 16px;
  line-height: 20px;
}

/* line 433, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .main-text--head .reset-button {
  cursor: pointer;
  font-weight: 600;
  color: #0984FF;
  border: none;
  background-color: #FFFFFF00;
  font-size: 16px;
  line-height: 20px;
}

/* line 442, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .main-text--head .reset-button:hover {
  opacity: 0.5;
}

/* line 445, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .main-text--head .disable {
  cursor: auto;
  color: #E7E6E6;
}

/* line 449, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .main-text::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #D9D9D9;
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
}

/* line 458, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .font-select {
  width: 100%;
  height: 36px;
}

/* line 463, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .introduction-wrapper {
  border-radius: 16px;
  width: 100%;
  background-color: #F8F9FA;
}

/* line 468, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .introduction-header {
  padding: 40px 9.6% 32px 9.6%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -webkit-align-items: flex-start;
}

@media screen and (max-width: 1024px) {
  /* line 468, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .introduction-header {
    padding: 20px;
  }
}

@media screen and (max-width: 768px) {
  /* line 468, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .introduction-header {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* line 482, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .introduction-header .logo-upload {
  border: 2px dashed #DDE2E5;
  border-radius: 16px;
  width: 260px;
  text-align: center;
  margin-right: 7.6%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 482, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .introduction-header .logo-upload {
    margin-right: 20px;
  }
}

@media screen and (max-width: 768px) {
  /* line 482, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .introduction-header .logo-upload {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

/* line 500, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .introduction-header .logo-upload .uploaded-image {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}

/* line 504, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .introduction-header .logo-upload .title {
  text-align: center;
  font-weight: bold;
  color: #ACB5BD;
}

/* line 509, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .introduction-header .logo-upload .title-accent {
  color: #0984FF;
  text-decoration: underline;
}

/* line 514, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .introduction-header .company-wrapper {
  width: 65%;
}

@media screen and (max-width: 768px) {
  /* line 514, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .introduction-header .company-wrapper {
    width: 100%;
  }
}

/* line 520, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .introduction-header .company-name {
  font-size: 32px;
  margin-bottom: 10px;
  cursor: pointer;
}

/* line 525, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .introduction-header .company-name-input {
  padding: 10px;
  font-size: 28px;
  width: 100%;
  line-height: 38px;
  background: #fff;
  outline: none;
  border-radius: 8px;
}

/* line 534, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .introduction-header .company-description {
  font-size: 16px;
  color: #37474F;
  white-space: pre-line;
  cursor: pointer;
}

/* line 540, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .introduction-header .company-description .textarea {
  border-radius: 8px;
  background: #fff !important;
}

/* line 544, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .introduction-footer {
  width: 100%;
  position: relative;
  border: 2px dashed #DDE2E5;
  border-radius: 16px;
  outline: none;
}

/* line 551, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .introduction-footer.photo {
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* line 557, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .introduction-footer.center-block {
  text-align: center;
  font-weight: bold;
  color: #ACB5BD;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 -50% 0 0;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

/* line 566, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .introduction-footer.center-block i.title-accent {
  text-decoration: none;
}

/* line 568, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .introduction-footer.center-block .title {
  text-align: center;
  font-weight: bold;
  color: #ACB5BD;
}

/* line 572, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .introduction-footer.center-block .title-accent {
  color: #0984FF;
  text-decoration: underline;
}

/* line 577, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .desirability .textarea {
  margin-top: 20px;
}

/* line 581, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .key-activities .bmc-page-keycard {
  min-height: 100%;
  background: #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05), 8px 8px 16px rgba(0, 0, 0, 0.05);
}

/* line 586, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .key-activities .key-activity {
  margin-top: 30px;
}

/* line 589, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .key-activities .key-resources-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 20px;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 589, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .key-activities .key-resources-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* line 598, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .key-activities .key-resource {
  width: 50%;
}

/* line 601, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .key-activities .key-resource:first-child {
  margin-right: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 601, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .key-activities .key-resource:first-child {
    margin-right: 0;
  }
}

/* line 607, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .key-activities .key-resource:last-child {
  margin-left: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 607, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .key-activities .key-resource:last-child {
    margin-top: 20px;
    margin-left: 0;
  }
}

@media screen and (max-width: 1024px) {
  /* line 598, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .key-activities .key-resource {
    width: 100%;
  }
}

/* line 618, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .customer-relationships .board {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
}

@media screen and (max-width: 1280px) {
  /* line 618, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .customer-relationships .board {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* line 626, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .customer-relationships .board .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  width: 270px;
  margin-right: 10px;
}

@media screen and (max-width: 1280px) {
  /* line 626, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .customer-relationships .board .row {
    width: 48%;
  }
}

@media screen and (max-width: 768px) {
  /* line 626, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .customer-relationships .board .row {
    width: 100%;
  }
}

/* line 640, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .customer-relationships .board .row:last-child {
  margin-right: 0;
}

/* line 643, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .customer-relationships .board .row-title {
  font-size: 28px;
  width: 100%;
  text-align: center;
  line-height: 38px;
  color: #00AFC9;
  font-weight: bold;
  margin: 20px 0;
}

/* line 652, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .customer-relationships .board .row .blocks {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
}

/* line 659, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .customer-relationships .board .row .blocks .block {
  background: #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05), 8px 8px 16px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 20px;
  width: 100%;
  margin-bottom: 20px;
  min-height: 228px;
}

/* line 668, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .customer-relationships .board .row .blocks .block-title {
  font-weight: bold;
  font-size: 20px;
  color: #334249;
  margin-bottom: 10px;
}

/* line 674, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .customer-relationships .board .row .blocks .block-description {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #334249;
  white-space: pre-wrap;
}

/* line 682, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .contact-us .inputs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  /* line 682, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .contact-us .inputs {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* line 691, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .contact-us .inputs .form-field {
  margin-right: 70px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
}

@media screen and (max-width: 768px) {
  /* line 691, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .contact-us .inputs .form-field {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }
}

/* line 703, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .contact-us .inputs .form-field .label {
  color: #ACB5BD;
  padding-left: 10px;
}

/* line 707, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .contact-us .inputs .form-field .input {
  margin-top: 10px;
  background: #F8F9FA;
  box-sizing: border-box;
  border-radius: 16px;
  font-size: 16px;
  width: 370px;
  height: 60px;
  outline: none;
  padding: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 707, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
  .portfolio .contact-us .inputs .form-field .input {
    width: 100%;
  }
}

/* line 721, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .portfolio-comment-icon {
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 1;
  fill: #007AFF;
  padding: 5px;
  width: 72px;
  height: 72px;
  border: 1px solid #FFFFFF00;
  border-radius: 50%;
}

/* line 733, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .portfolio-comment-icon:hover {
  cursor: pointer;
  border-color: #0984FF;
  opacity: 0.5;
}

/* line 738, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.portfolio .portfolio-comment-icon.active::before {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  right: 0;
  background: #FF2E00;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid white;
}

/* line 751, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.apexcharts-legend {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 754, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.apexcharts-legend > * {
  margin: 0 5px !important;
}

/* line 756, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.ReactModal__Overlay {
  z-index: 11;
}

/* line 759, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.ReactModal__Overlay .testing {
  min-height: auto;
}

/* line 761, app/assets/stylesheets/new/components/portfolio/portfolio.sass */
.ReactModal__Overlay .testing .empty-text {
  font-weight: bold;
  font-size: 28px;
  line-height: 38px;
  text-align: center;
  color: #334249;
  margin: 10px 0;
}

/* line 2, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech-temp {
  padding: 120px 80px;
  color: #000000;
  background-color: #F9FEFD80;
}

/* line 7, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech-temp .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1024px) {
  /* line 7, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
  .portfolio-finance-tech-temp .header {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/* line 15, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech-temp .header .title {
  margin-right: 30px;
  text-align: start;
  width: 35%;
}

@media screen and (max-width: 1024px) {
  /* line 15, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
  .portfolio-finance-tech-temp .header .title {
    margin-right: 0;
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
  }
}

/* line 26, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech-temp .header .description {
  color: #000000;
  width: calc(65% - 30px);
}

@media screen and (max-width: 1024px) {
  /* line 26, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
  .portfolio-finance-tech-temp .header .description {
    text-align: center;
    width: 100%;
  }
  /* line 33, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
  .portfolio-finance-tech-temp .header .description textarea {
    text-align: center;
  }
}

/* line 36, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech-temp .tab-content {
  width: 100%;
  position: relative;
}

/* line 41, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech-temp .tab-content .forecast .main-title {
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 41, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
  .portfolio-finance-tech-temp .tab-content .forecast .main-title {
    display: block;
    color: #000000;
    text-align: start;
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
  }
}

/* line 54, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech-temp .tabs-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  margin-bottom: 50px;
  margin-top: 44px;
}

@media screen and (max-width: 768px) {
  /* line 54, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
  .portfolio-finance-tech-temp .tabs-wrapper {
    display: none;
  }
}

/* line 65, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech-temp .tabs-wrapper .subchapter {
  width: 100%;
}

/* line 68, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech-temp .tabs-wrapper .subchapter .title {
  text-align: center !important;
  color: #000 !important;
  font-size: 21px !important;
}

/* line 73, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech-temp .tabs-wrapper .tab {
  color: #00000080;
  margin-right: 20px;
  padding: 20px;
  cursor: pointer;
  font-size: 28px;
  line-height: 38px;
}

/* line 81, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech-temp .tabs-wrapper .tab.active {
  cursor: default;
  border-bottom: 2px solid #000000;
  color: #000000;
  font-weight: 700;
}

/* line 88, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech-temp .tabs-wrapper .tab:not(.active):hover {
  color: #0984FF;
  opacity: 0.5;
}

/* line 92, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter {
  width: 100%;
  text-align: left;
  position: relative;
  color: #000000;
}

/* line 98, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter > .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 33px;
  text-align: cent;
}

/* line 104, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter .subchapter {
  display: inline-block;
}

/* line 108, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter .subchapter--big-title .title {
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  /* line 108, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
  .portfolio-finance-tech .chapter .subchapter--big-title .title {
    margin-top: 40px;
  }
}

/* line 117, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter .subchapter > .title {
  color: #000000;
  margin-bottom: 20px;
}

/* line 122, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter .info-preview {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 20px;
}

/* line 129, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

/* line 135, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter .info-block {
  padding: 40px;
  background: #FFFFFF;
  border-radius: 20px;
  border: 10px solid #FFFFFF00;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(50% - 20px);
  margin-bottom: 20px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

@media screen and (max-width: 1024px) {
  /* line 135, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
  .portfolio-finance-tech .chapter .info-block {
    padding: 20px;
    width: 100%;
  }
}

/* line 150, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter .info-block .title {
  font-size: 21px;
  font-weight: 700;
  line-height: 25px;
  width: 100%;
  text-align: left;
  color: #000000;
  margin-bottom: 10px;
}

/* line 159, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter .info-block .description {
  width: 100%;
  white-space: pre-wrap;
  font-size: 16px;
  line-height: 20px;
}

/* line 165, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter table {
  width: 100%;
  background: #FFFFFF;
  padding: 17px 0;
  border-collapse: collapse;
  border-radius: 0;
}

@media screen and (max-width: 1024px) {
  /* line 165, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
  .portfolio-finance-tech .chapter table {
    min-width: 100%;
    width: auto;
  }
}

/* line 179, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter table.forecast tr th {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  text-align: center;
}

@media screen and (max-width: 1200px) {
  /* line 179, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
  .portfolio-finance-tech .chapter table.forecast tr th {
    font-size: 10px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 179, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
  .portfolio-finance-tech .chapter table.forecast tr th {
    min-width: 60px;
  }
}

/* line 191, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter table.forecast tr th:first-child {
  font-size: 18px;
  font-weight: 700;
  padding: 17px;
}

@media screen and (max-width: 1200px) {
  /* line 191, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
  .portfolio-finance-tech .chapter table.forecast tr th:first-child {
    font-size: 12px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 191, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
  .portfolio-finance-tech .chapter table.forecast tr th:first-child {
    min-width: 150px;
  }
}

@media screen and (max-width: 1439px) {
  /* line 202, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
  .portfolio-finance-tech .chapter table.forecast tr td {
    font-size: 16px;
  }
}

@media screen and (max-width: 1200px) {
  /* line 202, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
  .portfolio-finance-tech .chapter table.forecast tr td {
    font-size: 12px;
  }
}

/* line 210, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter table.forecast tr th:first-child, .portfolio-finance-tech .chapter table.forecast tr td:first-child {
  width: 15%;
}

/* line 213, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter table.forecast tbody tr {
  border-bottom: 2px solid #F9FEFD;
}

/* line 215, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter table.forecast tbody tr:last-child {
  border-bottom: none;
}

/* line 219, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter table tbody.balance tr {
  background: #fff !important;
  border-bottom: 2px solid #F9FEFD;
}

/* line 223, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter table tbody.balance tr:last-child {
  border-bottom: none;
}

/* line 227, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter table tbody.balance td {
  font-weight: bold;
}

/* line 230, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter table th.left-align, .portfolio-finance-tech .chapter table td.left-align {
  text-align: left !important;
  padding-left: 14px !important;
  padding-right: 0 !important;
  word-break: break-word;
}

/* line 236, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter table th {
  font-weight: 700;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
}

@media screen and (max-width: 1024px) {
  /* line 236, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
  .portfolio-finance-tech .chapter table th {
    min-width: 100px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 245, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
  .portfolio-finance-tech .chapter table th:first-child {
    min-width: 200px;
  }
}

/* line 249, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter table th, .portfolio-finance-tech .chapter table td {
  padding: 12px 0;
}

/* line 252, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter table td {
  text-align: center;
  border-right: 2px solid #F9FEFD;
}

/* line 255, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter table td:last-child {
  border-right: none;
}

/* line 258, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter table tr.total {
  background: #fff !important;
}

/* line 260, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter table tr.total td {
  border-top: 2px solid #F9FEFD;
}

/* line 262, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter table tr.total > * {
  font-weight: bold;
}

/* line 264, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter table tr.total:nth-child(even) {
  background-color: #F9FEFD80;
}

/* line 266, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chapter table tr.total:nth-child(even) td {
  border-top: 2px solid #F9FEFD;
}

/* line 269, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .table-subchapter {
  background-color: #FFFFFF;
  border-radius: 20px;
  overflow: auto;
  font-size: 16px;
  border: 10px solid #FFFFFF00;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

/* line 277, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .table-subchapter table {
  border-radius: 0;
  box-shadow: none;
}

/* line 281, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .table-subchapter table td {
  padding: 10px 0;
  border-right: 1px solid #000000;
}

/* line 284, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .table-subchapter table td:last-child {
  border-right: none;
}

/* line 286, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .table-subchapter table th {
  padding: 17px 0;
  border-right: 1px solid #000000;
}

/* line 290, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .table-subchapter table th:last-child {
  border-right: none;
}

/* line 294, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .table-subchapter table tr:nth-child(2n) {
  background-color: #F9FEFD80;
}

/* line 297, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .table-subchapter table tr:last-child td {
  border-bottom: none;
}

/* line 300, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .table-wrapper {
  background-color: #FFFFFF;
  border-radius: 0;
  overflow: auto;
}

/* line 304, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .table-wrapper .forecast {
  box-shadow: none;
}

/* line 306, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .table-wrapper .forecast .variable-cost {
  background: #fff !important;
}

/* line 308, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .table-wrapper .subchapter {
  margin-bottom: 20px;
}

/* line 310, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .table-wrapper .subchapter .separator {
  display: none;
}

/* line 312, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .table-wrapper .subchapter .title {
  color: #000000;
  margin: 0 0 0 20px;
  font-size: 21px;
  font-weight: 700;
  line-height: 25px;
  text-align: start;
}

/* line 320, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chart {
  position: relative;
}

/* line 323, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chart .main-title {
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 323, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
  .portfolio-finance-tech .chart .main-title {
    display: block;
    color: #000000;
    text-align: start;
    font-family: Lato;
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 700;
    line-height: 33p;
  }
}

@media screen and (max-width: 768px) {
  /* line 337, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
  .portfolio-finance-tech .chart-inner {
    overflow: auto;
  }
}

/* line 341, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chart-wrapper {
  border: 10px solid #FFFFFF00;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  padding: 16px;
  background: #FFFFFF;
}

@media screen and (max-width: 768px) {
  /* line 341, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
  .portfolio-finance-tech .chart-wrapper {
    padding: 20px;
    width: 1024px;
  }
}

/* line 352, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chart .title {
  text-align: center;
  color: #615BDC;
  margin-bottom: 20px;
}

/* line 357, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chart-title {
  margin-bottom: 20px;
}

/* line 361, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .chart .apexcharts-legend-series {
  margin-bottom: 20px !important;
}

/* line 364, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .forecast-inner {
  padding: 20px 0;
  border-radius: 20px;
  background-color: white;
  border: 10px solid #FFFFFF00;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

/* line 371, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .forecast-inner--web {
  margin-top: 20px !important;
}

/* line 373, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .forecast-inner--web > .subchapter {
  display: block;
}

/* line 375, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .forecast-inner--web > .subchapter > .title {
  color: #000000;
  margin: 0 0 0 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: start;
}

/* line 383, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .forecast-inner > .subchapter {
  margin-top: 20px !important;
}

/* line 385, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .forecast-inner > .subchapter:first-child {
  margin-top: 0 !important;
}

/* line 388, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .forecast-inner > .subchapter > .separator {
  display: none;
}

/* line 391, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .forecast-inner > .table-wrapper {
  box-shadow: none;
  margin-top: 0;
  border-radius: 0;
}

/* line 395, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .forecast-inner > .table-wrapper > table {
  border-radius: 0;
}

/* line 398, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .forecast-inner > .table-wrapper > table tr th, .portfolio-finance-tech .forecast-inner > .table-wrapper > table tr td {
  border-radius: 0 !important;
}

/* line 400, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-finance-tech.sass */
.portfolio-finance-tech .forecast-inner > .table-wrapper > table tr th:first-child, .portfolio-finance-tech .forecast-inner > .table-wrapper > table tr td:first-child {
  padding-left: 20px !important;
}

/* line 1, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.tech-title {
  text-align: center;
  font-family: Baloo2;
  font-size: 68px;
  font-weight: 600;
  line-height: 94px;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 1, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .tech-title {
    font-size: 48px;
    line-height: 66px;
  }
}

@media screen and (max-width: 480px) {
  /* line 1, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .tech-title {
    font-size: 30px;
    line-height: 42px;
    word-break: break-word;
  }
}

/* line 18, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.introduction-tech {
  font-family: Nunito;
  display: -ms-flexbox;
  display: flex;
  color: #000000;
  background-color: #C6F6EF1A;
}

@media screen and (max-width: 1024px) {
  /* line 18, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .introduction-tech {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 29, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.introduction-tech .portfolio-comment-icon {
  top: auto !important;
  bottom: 30px;
}

/* line 33, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.introduction-tech-left {
  width: 45%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 80px 0 120px 80px;
  position: relative;
}

@media screen and (max-width: 1280px) {
  /* line 33, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .introduction-tech-left {
    padding: 40px 0 40px 40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 33, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .introduction-tech-left {
    width: 100%;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    padding: 40px;
  }
}

@media screen and (max-width: 480px) {
  /* line 33, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .introduction-tech-left {
    padding: 40px 20px;
  }
}

/* line 52, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.introduction-tech-left .logo-hover {
  max-width: 272px;
  max-height: 105px;
  padding: 10px;
  margin-bottom: 40px;
  border: 1px solid #FFFFFF00;
}

@media screen and (max-width: 1024px) {
  /* line 52, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .introduction-tech-left .logo-hover {
    width: 100%;
  }
}

/* line 63, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.introduction-tech-left .logo-upload {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 30px;
  background-color: #FFFFFF00;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

/* line 71, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.introduction-tech-left .title {
  margin-bottom: 40px;
}

@media screen and (max-width: 1024px) {
  /* line 71, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .introduction-tech-left .title {
    text-align: center;
    font-size: 48px;
    line-height: 66px;
  }
}

@media screen and (max-width: 480px) {
  /* line 71, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .introduction-tech-left .title {
    font-size: 30px;
    line-height: 42px;
  }
}

/* line 83, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.introduction-tech-left .description {
  width: 100%;
}

/* line 86, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.introduction-tech-right {
  width: 55%;
  padding: 120px 80px 120px 40px;
}

@media screen and (max-width: 1280px) {
  /* line 86, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .introduction-tech-right {
    padding: 40px 40px 120px 40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 86, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .introduction-tech-right {
    width: 100%;
    padding: 0 40px 120px 40px;
  }
}

@media screen and (max-width: 480px) {
  /* line 86, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .introduction-tech-right {
    padding: 0 20px 120px 20px;
  }
}

/* line 100, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.introduction-tech-right .image {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 30px;
  background-color: #E7E6E6;
  margin: 0 auto;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

/* line 109, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.introduction-tech-right .image-hover {
  width: 100%;
  padding: 10px;
  border: 1px solid #FFFFFF00;
}

/* line 115, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.summary-tech {
  padding: 120px 80px;
  font-family: Nunito;
  position: relative;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 115, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .summary-tech {
    padding: 100px 40px 40px 40px;
  }
}

/* line 124, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.summary-tech .content {
  width: 100%;
  border-radius: 30px;
  border: 1px solid #FFFFFF;
  padding: 40px;
}

@media screen and (max-width: 768px) {
  /* line 124, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .summary-tech .content {
    padding: 20px 20px 40px 10px;
  }
}

/* line 133, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.summary-tech .content .title {
  margin-bottom: 40px;
  color: #FFFFFF;
}

/* line 137, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.summary-tech .content .description-summary {
  text-align: center;
  color: #FFFFFF;
}

/* line 141, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.team-tech {
  padding: 120px 80px 60px 80px;
}

/* line 144, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.team-tech .header {
  width: 100%;
}

/* line 147, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.team-tech .header .title {
  margin-bottom: 20px;
}

/* line 151, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.team-tech .header .description textarea {
  text-align: center;
}

/* line 154, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.team-tech-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 30px -15px 0;
}

/* line 164, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.team-tech-card {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 0 10px 60px;
  width: calc(25% - 20px);
  background-color: #FFFFFF;
  padding: 20px;
  border-radius: 20px;
  border: 10px solid #FFFFFF00;
}

@media screen and (max-width: 1439px) {
  /* line 164, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .team-tech-card {
    width: calc(33.3% - 30px);
  }
}

@media screen and (max-width: 1080px) {
  /* line 164, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .team-tech-card {
    width: calc(50% - 30px);
  }
}

@media screen and (max-width: 700px) {
  /* line 164, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .team-tech-card {
    width: calc(100% - 30px);
  }
}

/* line 189, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.team-tech-card .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-bottom: 10px;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}

/* line 199, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.team-tech-card .header .icon-section i {
  font-size: 30px;
  color: #E7E6E6;
  cursor: pointer;
}

/* line 203, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.team-tech-card .header .icon-section i:hover {
  color: #0984FF;
}

/* line 206, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.team-tech-card .image-hover {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #FFFFFF;
  margin-bottom: 20px;
  padding: 5px;
  border: 1px solid #FFFFFF00;
}

/* line 218, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.team-tech-card .image-hover:hover {
  border: 1px solid #0984FF;
}

/* line 221, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.team-tech-card .image-hover .image-upload {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #E7E6E6;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

/* line 231, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.team-tech-card .image-hover .image-upload .center-block {
  text-align: center;
}

/* line 233, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.team-tech-card .image-hover .image-upload .center-block i {
  color: #0984FF;
}

/* line 236, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.team-tech-card .fullName {
  width: 100%;
  margin-bottom: 20px;
}

/* line 240, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.team-tech .add-team-card {
  margin: 30px 15px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  top: -30px;
  left: 10px;
  right: 10px;
  bottom: 0;
}

/* line 252, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.team-tech .add-team-card__wrapper {
  position: relative;
  width: 25%;
  padding-top: 25%;
}

@media screen and (max-width: 1439px) {
  /* line 252, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .team-tech .add-team-card__wrapper {
    width: 33.3%;
    padding-top: 33.3%;
  }
}

@media screen and (max-width: 1080px) {
  /* line 252, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .team-tech .add-team-card__wrapper {
    width: 50%;
    padding-top: 50%;
  }
}

@media screen and (max-width: 700px) {
  /* line 252, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .team-tech .add-team-card__wrapper {
    width: 100%;
    padding-top: 100%;
  }
}

/* line 269, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.team-tech .add-team-card .center-block {
  text-align: center;
  border-radius: 20px;
  background: #E7E6E6;
  color: #0984FF;
  padding: 20px 50px;
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

/* line 284, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.team-tech .add-team-card .center-block i {
  font-size: 50px;
}

/* line 287, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.add-team-card-hover {
  background-color: #FFFFFF00;
  padding: 5px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #FFFFFF00;
}

/* line 297, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.add-team-card-hover:hover {
  border: 1px solid #0984FF;
}

/* line 301, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.bm-tech-canvas {
  padding: 120px 80px;
  background-color: #FFFFFF;
  color: #000000;
}

/* line 306, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.bm-tech-canvas .bmc {
  position: relative;
}

/* line 311, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.bm-tech-canvas .header .title {
  margin-bottom: 40px;
}

/* line 315, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.bm-tech-canvas .header .description textarea {
  width: 100%;
  text-align: center;
}

/* line 319, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.bm-tech-canvas .bmc-canvas {
  padding: 20px;
  border-radius: 10px;
}

/* line 323, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.testing-tech {
  padding: 120px 80px;
  color: #000000;
}

/* line 327, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.testing-tech .header {
  width: 100%;
}

/* line 330, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.testing-tech .header .title {
  margin-bottom: 60px;
}

/* line 333, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.testing-tech .header .description {
  margin-bottom: 30px;
}

/* line 335, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.testing-tech .header .description textarea {
  text-align: center;
}

/* line 339, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.testing-tech .tests-list .card {
  padding: 20px;
  border-radius: 20px;
  margin: 0 -20px;
}

/* line 344, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.testing-tech .tests-list .card:not(:last-child) {
  margin-bottom: 20px;
}

@media screen and (max-width: 1280px) {
  /* line 339, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .testing-tech .tests-list .card {
    margin: 0;
  }
}

/* line 350, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.testing-tech .tests-list .card .test-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.05)) drop-shadow(8px 8px 16px rgba(0, 0, 0, 0.05));
  border-radius: 20px;
  margin: 0;
  padding: 0;
}

/* line 358, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.testing-tech .tests-list .card .test-card:not(:last-child) {
  margin-bottom: 0;
}

/* line 361, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.testing-tech .tests-list .card .test-card .test-type {
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px;
  padding: 40px 40px 0 40px;
}

/* line 367, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.testing-tech .tests-list .card .test-card .assumption {
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px;
  padding: 0 40px;
}

/* line 373, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.testing-tech .tests-list .card .test-card .blocks-status-wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 40px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

@media screen and (max-width: 768px) {
  /* line 373, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .testing-tech .tests-list .card .test-card .blocks-status-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 383, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.testing-tech .tests-list .card .test-card .blocks-status-wrapper .status {
  margin-left: 40px;
  width: calc(40% - 40px);
}

@media screen and (max-width: 768px) {
  /* line 383, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .testing-tech .tests-list .card .test-card .blocks-status-wrapper .status {
    width: 100%;
    margin-left: 0;
  }
}

/* line 391, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.testing-tech .tests-list .card .test-card .blocks-status-wrapper .status .testing-status {
  color: #000000;
  padding: 6px 10px;
  background-color: #FFFFFF;
  border-radius: 3px;
}

/* line 397, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.testing-tech .tests-list .card .test-card .blocks-status-wrapper .status .testing-status-icon {
  background-color: #FFFFFF00;
  border: none;
  -ms-flex-order: 1;
      order: 1;
  margin-right: 0;
  margin-left: 10px;
}

/* line 404, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.testing-tech .tests-list .card .test-card .blocks-status-wrapper .status .testing-status-icon .incomplete {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 408, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.testing-tech .tests-list .card .test-card .blocks-status-wrapper .bmc-blocks-wrapper {
  width: 60%;
}

@media screen and (max-width: 768px) {
  /* line 408, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .testing-tech .tests-list .card .test-card .blocks-status-wrapper .bmc-blocks-wrapper {
    width: 100%;
  }
}

/* line 415, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.testing-tech .tests-list .card .test-card .blocks-status-wrapper .bmc-blocks-wrapper .bmc-blocks .bmc-blocks__block {
  color: #000000;
  border: none;
  border-radius: 3px;
  background-color: #FFFFFF;
}

/* line 421, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.desirability-tech {
  padding: 120px 80px 45px 80px;
  color: #FFFFFF;
}

@media screen and (max-width: 768px) {
  /* line 421, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .desirability-tech {
    padding: 120px 20px 45px 20px;
  }
}

/* line 428, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.desirability-tech .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 428, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .desirability-tech .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 436, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.desirability-tech .header .title {
  color: #FFFFFF;
  width: 40%;
  margin-right: 40px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 436, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .desirability-tech .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 448, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.desirability-tech .header .description {
  width: calc(60% - 40px);
  color: #FFFFFF;
}

/* line 452, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.desirability-tech .header .description textarea {
  color: #FFFFFF;
}

@media screen and (max-width: 1280px) {
  /* line 448, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .desirability-tech .header .description {
    width: 100%;
  }
  /* line 458, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .desirability-tech .header .description textarea {
    text-align: center;
  }
}

/* line 461, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-segment-tech {
  color: #000000;
  padding: 120px 80px;
}

/* line 467, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-segment-tech .header .title {
  margin-bottom: 60px;
}

/* line 470, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-segment-tech .header .description {
  color: #000000;
}

/* line 472, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-segment-tech .header .description textarea {
  text-align: center;
}

/* line 475, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-segment-tech .cards-section {
  margin-top: 50px;
  width: 100%;
}

/* line 479, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-segment-tech .cards-section .left {
  margin-top: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  /* line 479, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .customer-segment-tech .cards-section .left {
    display: none;
  }
}

/* line 488, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-segment-tech .cards-section .left .item {
  font-family: Ballo2;
  font-size: 28px;
  line-height: 38px;
  cursor: pointer;
  color: #00000080;
  margin-right: 30px;
  margin-bottom: 30px;
}

/* line 497, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-segment-tech .cards-section .left .item:hover {
  color: #0984FF;
  opacity: 0.5;
}

/* line 501, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-segment-tech .cards-section .left .item.active {
  color: #000000;
  text-decoration-line: underline;
  cursor: auto;
  opacity: 1;
}

/* line 507, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-segment-tech .cards-section .right {
  width: 100%;
}

/* line 510, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-segment-tech .cards-section .right .leftCard {
  width: 40%;
  margin-right: 0;
}

/* line 514, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-segment-tech .cards-section .right .rightCard {
  padding: 20px;
  width: 60%;
}

/* line 518, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-segment-tech .cards-section .right .bmc-page-card {
  border-radius: 20px;
  box-shadow: none;
  padding: 0;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.05)) drop-shadow(8px 8px 16px rgba(0, 0, 0, 0.05));
}

/* line 524, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-segment-tech .cards-section .right .bmc-page-card-segmentList {
  padding-left: 10px;
  color: #000000;
}

/* line 528, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-segment-tech .cards-section .right .bmc-page-card-line {
  display: none;
}

/* line 531, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-segment-tech .cards-section .right .bmc-page-card-wrapper {
  padding: 20px;
  border-radius: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 536, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .customer-segment-tech .cards-section .right .bmc-page-card-wrapper:not(:first-child) {
    margin-top: 20px;
  }
}

/* line 539, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-segment-tech .cards-section .right .bmc-page-card .bmc-page-card-row {
  margin-bottom: 10px;
}

/* line 541, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-segment-tech .cards-section .right .bmc-page-card .bmc-page-card-row .title {
  font-family: Ballo2;
  font-size: 28px;
  line-height: 38px;
}

/* line 546, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.value-propositions-tech {
  display: -ms-flexbox;
  display: flex;
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 546, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .value-propositions-tech {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 553, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.value-propositions-tech .right {
  padding: 120px 30px;
  width: 45%;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1280px) {
  /* line 553, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .value-propositions-tech .right {
    width: 100%;
    padding: 80px;
  }
}

@media screen and (max-width: 768px) {
  /* line 553, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .value-propositions-tech .right {
    padding: 40px;
  }
}

/* line 565, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.value-propositions-tech .right .drop {
  width: 100%;
  max-width: 422px;
  padding: 10px;
  border: 1px solid #FFFFFF00;
  margin: auto;
}

/* line 573, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.value-propositions-tech .right .drop-image {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 30px;
  background-color: #E7E6E6;
  margin: 0 auto;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

/* line 582, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.value-propositions-tech .left {
  color: #000000;
  padding: 120px 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  width: 55%;
}

@media screen and (max-width: 1280px) {
  /* line 582, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .value-propositions-tech .left {
    width: 100%;
    padding: 100px 80px 80px 80px;
  }
}

@media screen and (max-width: 768px) {
  /* line 582, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .value-propositions-tech .left {
    padding: 100px 40px 0 40px;
  }
}

/* line 597, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.value-propositions-tech .left .header {
  width: 100%;
}

/* line 600, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.value-propositions-tech .left .header .title {
  margin-bottom: 30px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 600, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .value-propositions-tech .left .header .title {
    text-align: center;
  }
}

/* line 607, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.value-propositions-tech .left .header .description {
  margin-bottom: 50px;
}

@media screen and (max-width: 1280px) {
  /* line 610, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .value-propositions-tech .left .header .description textarea {
    text-align: center;
  }
}

/* line 613, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.value-propositions-tech .left .bmc-page-card-segmentList {
  color: #000000;
  font-size: 24px;
  line-height: 29px;
}

/* line 618, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.value-propositions-tech .left .bmc-page-card-text {
  margin-right: auto;
  margin-bottom: 32px;
}

/* line 622, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.competitor-analysis-tech {
  padding: 120px 80px;
}

/* line 625, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.competitor-analysis-tech .header {
  width: 100%;
}

/* line 628, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.competitor-analysis-tech .header .title {
  margin-bottom: 60px;
}

/* line 631, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.competitor-analysis-tech .header .description {
  color: #000000;
}

/* line 634, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.competitor-analysis-tech .header .description textarea {
  text-align: center;
}

/* line 637, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.competitor-analysis-tech .table {
  width: 100%;
  text-align: center;
  margin-top: 40px;
  border-radius: 10px;
  border-collapse: collapse;
  border-spacing: 0;
}

@media screen and (max-width: 1024px) {
  /* line 637, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .competitor-analysis-tech .table {
    border-radius: 0;
  }
}

/* line 648, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.competitor-analysis-tech .table .title {
  display: none;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
  /* line 653, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .competitor-analysis-tech .table tr {
    display: block;
    background: #FFFFFF;
  }
  /* line 659, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .competitor-analysis-tech .table tr:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 662, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .competitor-analysis-tech .table thead {
    display: none;
  }
}

/* line 667, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.competitor-analysis-tech .table thead th {
  font-size: 28px;
  line-height: 38px;
  padding: 35px 10px;
  color: #FFFFFF;
  font-weight: 400;
}

@media screen and (max-width: 1024px) {
  /* line 667, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .competitor-analysis-tech .table thead th {
    display: none;
  }
}

/* line 678, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.competitor-analysis-tech .table tbody tr {
  border: 1px solid #FFFFFF00;
}

/* line 681, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.competitor-analysis-tech .table tbody tr td {
  text-align: left;
  padding: 30px 20px;
  word-break: break-word;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 681, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .competitor-analysis-tech .table tbody tr td {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  /* line 678, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .competitor-analysis-tech .table tbody tr {
    padding: 10px;
  }
}

/* line 695, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.competitor-analysis-tech .table tbody tr:first-child {
  padding: 30px 20px;
  word-break: break-word;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 695, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .competitor-analysis-tech .table tbody tr:first-child {
    display: block;
    padding: 10px 20px;
    background-color: white;
  }
  /* line 707, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .competitor-analysis-tech .table tbody tr:first-child .icon {
    margin-left: 0;
  }
  /* line 710, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .competitor-analysis-tech .table tbody tr:first-child .title {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  /* line 695, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .competitor-analysis-tech .table tbody tr:first-child {
    padding: 10px;
  }
}

/* line 716, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.competitor-analysis-tech .table tbody tr:first-child:first-child {
  padding: 30px 20px;
}

@media screen and (max-width: 1024px) {
  /* line 716, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .competitor-analysis-tech .table tbody tr:first-child:first-child {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 716, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .competitor-analysis-tech .table tbody tr:first-child:first-child {
    padding: 10px;
  }
}

/* line 725, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.competitor-analysis-tech .table tbody tr:first-child:last-child {
  position: relative;
}

/* line 728, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.competitor-analysis-tech .table tbody tr:first-child .bmc-page-compcard-item-text-template--with-image {
  font-size: 21px;
  line-height: 29px;
}

/* line 732, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-relationships-tech {
  padding: 120px 80px;
  color: #000000;
}

/* line 738, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-relationships-tech .header .title {
  margin-bottom: 60px;
}

/* line 741, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-relationships-tech .header .description {
  color: #000000;
}

/* line 744, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-relationships-tech .header .description textarea {
  text-align: center;
}

/* line 747, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-relationships-tech .bmc-page-gkgtabs-tabs {
  font-family: Nunito;
}

/* line 751, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-relationships-tech .bmc-page-gkgtabs-tabs-tab-title {
  color: #FFFFFF;
  font-weight: 400;
}

/* line 755, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-relationships-tech .bmc-page-gkgtabs-tabs-tab--active {
  cursor: auto;
}

/* line 757, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-relationships-tech .bmc-page-gkgtabs-tabs-tab--active .bmc-page-gkgtabs-tabs-tab-title {
  font-weight: 700;
  color: #000000 !important;
  border-bottom-color: #000000 !important;
}

/* line 762, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-relationships-tech .bmc-page-gkgtabs-content {
  font-family: Nunito;
}

/* line 765, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-relationships-tech .bmc-page-gkgtabs-content-block {
  border-radius: 20px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
  padding: 40px;
}

/* line 770, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-relationships-tech .bmc-page-gkgtabs-content-block-title {
  font-weight: 700;
}

/* line 773, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.customer-relationships-tech .bmc-page-gkgtabs-content-block-title::after {
  content: '';
  display: block;
  margin: 20px 0;
  width: 100%;
  height: 1px;
  background-color: #FFFFFF;
}

/* line 781, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.channel-tech {
  padding: 120px 60px;
}

/* line 784, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.channel-tech .header {
  width: 100%;
}

/* line 787, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.channel-tech .header .title {
  margin-bottom: 40px;
}

/* line 790, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.channel-tech .header .description {
  color: #000000;
}

/* line 793, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.channel-tech .header .description textarea {
  text-align: center;
}

/* line 796, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.channel-tech .cards-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  margin-top: 40px;
}

/* line 802, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.channel-tech .cards-section .left {
  width: 80%;
}

@media screen and (max-width: 768px) {
  /* line 802, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .channel-tech .cards-section .left {
    width: 100%;
  }
}

/* line 808, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.channel-tech .cards-section .left .bmc-page-card-wrapper {
  padding: 20px;
  border-radius: 20px;
}

@media screen and (max-width: 768px) {
  /* line 813, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .channel-tech .cards-section .left .bmc-page-card-wrapper:not(:first-child) {
    margin-top: 20px;
  }
}

/* line 816, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.channel-tech .cards-section .left .bmc-page-card-wrapper .bmc-page-card {
  border-radius: 20px;
  padding: 0;
}

/* line 821, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.channel-tech .cards-section .left .bmc-page-card-wrapper .bmc-page-card-inner:first-child {
  margin-right: 0;
  width: 40%;
}

/* line 824, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.channel-tech .cards-section .left .bmc-page-card-wrapper .bmc-page-card-inner:last-child {
  padding: 40px;
  width: 60%;
}

/* line 828, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.channel-tech .cards-section .left .bmc-page-card-wrapper .bmc-page-card-dropzone {
  padding: 10px;
  background-color: #FFFFFF00;
}

/* line 832, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.channel-tech .cards-section .left .bmc-page-card-wrapper .bmc-page-card-dropzone .dndzone {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
}

@media screen and (max-width: 1280px) {
  /* line 832, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .channel-tech .cards-section .left .bmc-page-card-wrapper .bmc-page-card-dropzone .dndzone {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0;
  }
}

/* line 842, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.channel-tech .cards-section .left .bmc-page-card-wrapper .bmc-page-card-big-title--with-underline {
  padding-bottom: 0;
  border-bottom: none;
  font-weight: 700;
}

/* line 847, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.channel-tech .cards-section .right {
  width: 20%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-left: 20px;
}

@media screen and (max-width: 1280px) {
  /* line 847, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .channel-tech .cards-section .right {
    margin-left: 20px;
  }
}

@media screen and (max-width: 768px) {
  /* line 847, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .channel-tech .cards-section .right {
    display: none;
  }
}

/* line 861, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.channel-tech .cards-section .right .item {
  cursor: pointer;
  width: 100%;
  color: #000000;
  padding: 20px;
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  text-align: center;
}

/* line 872, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.channel-tech .cards-section .right .item:hover {
  opacity: 0.5;
}

@media screen and (max-width: 1280px) {
  /* line 861, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .channel-tech .cards-section .right .item {
    font-size: 16px;
  }
}

/* line 878, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.channel-tech .cards-section .right .item.active {
  background-color: #0984FF;
  border-radius: 10px;
  color: #FFFFFF;
  cursor: auto;
}

/* line 884, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.channel-tech .cards-section .right .item.active:hover {
  opacity: 1;
}

/* line 887, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.channel-tech .cards-section .title {
  margin-top: 20px;
}

/* line 890, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.feasibility-tech {
  padding: 120px 80px 45px 80px;
  color: #FFFFFF;
}

@media screen and (max-width: 768px) {
  /* line 890, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .feasibility-tech {
    padding: 120px 20px 45px 20px;
  }
}

/* line 897, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.feasibility-tech .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 897, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .feasibility-tech .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 905, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.feasibility-tech .header .title {
  color: #FFFFFF;
  width: 40%;
  margin-right: 40px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 905, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .feasibility-tech .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 917, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.feasibility-tech .header .description {
  width: calc(60% - 40px);
  color: #FFFFFF;
}

/* line 921, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.feasibility-tech .header .description textarea {
  color: #FFFFFF;
}

@media screen and (max-width: 1280px) {
  /* line 917, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .feasibility-tech .header .description {
    width: 100%;
  }
  /* line 927, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .feasibility-tech .header .description textarea {
    text-align: center;
  }
}

/* line 930, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech {
  color: #000000;
  padding: 120px 80px;
}

/* line 934, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .header {
  width: 100%;
}

/* line 937, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .header .title {
  margin-bottom: 40px;
}

/* line 940, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .header .description {
  color: #000000;
}

/* line 943, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .header .description textarea {
  text-align: center;
}

/* line 946, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .key-activity {
  margin-top: 44px;
  width: 100%;
  color: #000000;
  border-radius: 20px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

/* line 953, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .key-activity .bmc-page-keycard {
  background-color: #FFFFFF;
}

/* line 956, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .key-activity .bmc-page-keycard-title {
  font-weight: 700;
}

/* line 959, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .key-activity .bmc-page-keycard-steps {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1200px;
  margin-top: 20px;
}

/* line 966, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .key-activity .bmc-page-keycard-step {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  margin: 20px 0 40px 0;
  border-left: 1px solid #000000;
  padding-left: 5px;
  width: 146px;
}

/* line 975, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .key-activity .bmc-page-keycard-step:not(:last-child) {
  margin-right: 20px;
}

/* line 978, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .key-activity .bmc-page-keycard-step:last-child {
  margin-right: 0;
}

@media screen and (max-width: 556px) {
  /* line 966, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .key-activities-tech .key-activity .bmc-page-keycard-step {
    width: 100%;
    margin: 20px;
  }
}

/* line 985, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .key-activity .bmc-page-keycard-step::before {
  display: none;
}

/* line 988, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .key-activity .bmc-page-keycard-step::after {
  display: none;
}

/* line 992, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .key-activity .bmc-page-keycard-step-title {
  font-size: 24px;
  line-height: 33px;
  font-weight: 400;
  -ms-flex-order: 1;
      order: 1;
  margin: 20px 0 0 0;
}

/* line 999, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .key-activity .bmc-page-keycard-step-text {
  text-align: start;
  margin-bottom: auto;
}

/* line 1003, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .key-resources-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  padding: 40px 0;
}

@media screen and (max-width: 1024px) {
  /* line 1003, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .key-activities-tech .key-resources-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1012, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .key-resource {
  width: 50%;
}

/* line 1015, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .key-resource:first-child {
  margin-right: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 1015, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .key-activities-tech .key-resource:first-child {
    margin-right: 0;
  }
}

/* line 1021, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .key-resource:last-child {
  margin-left: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 1021, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .key-activities-tech .key-resource:last-child {
    margin-top: 30px;
    margin-left: 0;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1012, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .key-activities-tech .key-resource {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

/* line 1033, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .key-resource .bmc-page-keycard {
  min-height: 100%;
  border-radius: 20px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

/* line 1037, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .key-resource .bmc-page-keycard-title {
  color: #000000;
  font-weight: 700;
}

/* line 1041, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .key-resource .bmc-page-keycard-list {
  color: #000000;
  margin-top: 20px;
  padding-inline-start: 0;
}

/* line 1047, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .key-resource .bmc-page-keycard-list-item::after {
  content: none;
}

/* line 1050, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .key-resource .bmc-page-keycard .resorses-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 1054, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.key-activities-tech .key-resource .bmc-page-keycard .resorses-text .circle {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: #FF6D00;
  margin-right: 10px;
}

/* line 1061, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.viability-tech {
  padding: 120px 80px 45px 80px;
  color: #FFFFFF;
}

@media screen and (max-width: 768px) {
  /* line 1061, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .viability-tech {
    padding: 120px 20px 45px 20px;
  }
}

/* line 1068, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.viability-tech .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 1068, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .viability-tech .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1076, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.viability-tech .header .title {
  color: #FFFFFF;
  width: 40%;
  margin-right: 40px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 1076, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .viability-tech .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 1088, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.viability-tech .header .description {
  width: calc(60% - 40px);
  color: #FFFFFF;
}

/* line 1092, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.viability-tech .header .description textarea {
  color: #FFFFFF;
}

@media screen and (max-width: 1280px) {
  /* line 1088, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .viability-tech .header .description {
    width: 100%;
  }
  /* line 1098, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .viability-tech .header .description textarea {
    text-align: center;
  }
}

/* line 1101, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.sustainability-tech {
  padding: 120px 80px;
  color: #000000;
}

/* line 1105, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.sustainability-tech .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 1105, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .sustainability-tech .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1113, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.sustainability-tech .header .title {
  color: #FFFFFF;
  width: 40%;
  margin-right: 40px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 1113, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .sustainability-tech .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 1125, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.sustainability-tech .header .description {
  width: calc(60% - 40px);
  color: #000000;
}

/* line 1129, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.sustainability-tech .header .description textarea {
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 1125, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .sustainability-tech .header .description {
    width: 100%;
  }
  /* line 1135, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .sustainability-tech .header .description textarea {
    text-align: center;
  }
}

/* line 1138, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.contact-us-tech {
  color: #000000;
  padding: 100px 80px 40px 80px;
}

@media screen and (max-width: 768px) {
  /* line 1138, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .contact-us-tech {
    padding: 100px 20px 120px 20px;
  }
}

/* line 1145, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.contact-us-tech .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 35px;
}

@media screen and (max-width: 1024px) {
  /* line 1145, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .contact-us-tech .header {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/* line 1154, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.contact-us-tech .header .scroll-top {
  cursor: pointer;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  background-color: #FFFFFF00;
}

@media screen and (max-width: 1024px) {
  /* line 1154, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .contact-us-tech .header .scroll-top {
    position: absolute;
    top: 40px;
    left: 40px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1154, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .contact-us-tech .header .scroll-top {
    top: 20px;
  }
}

/* line 1169, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.contact-us-tech .header .scroll-top i {
  border: 1px solid #000000;
  border-radius: 1px;
  margin-left: 14px;
  width: 25px;
  height: 25px;
}

/* line 1176, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.contact-us-tech .header .title {
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  /* line 1176, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .contact-us-tech .header .title {
    margin-bottom: 15px;
  }
}

/* line 1182, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.contact-us-tech .fields {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  padding-bottom: 35px;
}

@media screen and (max-width: 1024px) {
  /* line 1182, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .contact-us-tech .fields {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 1193, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.contact-us-tech .fields .description {
  width: calc(34% - 35px);
  margin-right: 15px;
  display: block;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 1193, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .contact-us-tech .fields .description {
    width: 80%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  /* line 1204, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .contact-us-tech .fields .description textarea {
    text-align: center;
  }
}

/* line 1207, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.contact-us-tech .fields .description-contact {
  font-size: 16px;
  line-height: 20px;
  display: block;
}

/* line 1212, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.contact-us-tech .fields .form-field {
  width: calc(33% - 15px);
  margin-right: 15px;
}

@media screen and (max-width: 1024px) {
  /* line 1212, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .contact-us-tech .fields .form-field {
    width: 80%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

/* line 1221, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.contact-us-tech .fields .form_input {
  font-size: 16px;
  line-height: 20px;
  padding: 10px;
  border-radius: 0;
  min-height: 27px;
  border: 1px solid #FFFFFF00;
  background-color: #FFFFFF00;
}

/* line 1231, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.contact-us-tech .fields .form_input::-moz-placeholder {
  color: #B8C0C5;
}
.contact-us-tech .fields .form_input:-ms-input-placeholder {
  color: #B8C0C5;
}
.contact-us-tech .fields .form_input::placeholder {
  color: #B8C0C5;
}

@media screen and (max-width: 1024px) {
  /* line 1221, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .contact-us-tech .fields .form_input {
    text-align: center;
  }
}

/* line 1237, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.contact-us-tech .footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding-top: 15px;
  border-top: 1px solid #000000;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  /* line 1237, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .contact-us-tech .footer {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 1251, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
.contact-us-tech .footer .company-name {
  margin-left: 13px;
  font-size: 24px;
  line-height: 33px;
}

@media screen and (max-width: 1280px) {
  /* line 1256, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .section {
    padding: 100px 40px 40px 40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1256, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .section {
    padding: 100px 20px 40px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 1256, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-tech.sass */
  .section {
    padding: 100px 10px 40px 10px;
  }
}

/* line 1, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.portfolio-web-tech {
  max-width: 1440px;
  margin: auto;
  color: #000000;
  font-family: Nunito;
}

/* line 7, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.tech-title-web {
  text-align: center;
  font-family: Baloo2;
  font-size: 68px;
  font-weight: 600;
  line-height: 94px;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 7, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .tech-title-web {
    font-size: 48px;
    line-height: 66px;
  }
}

@media screen and (max-width: 480px) {
  /* line 7, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .tech-title-web {
    font-size: 30px;
    line-height: 42px;
    word-break: break-word;
  }
}

/* line 24, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.introduction-tech-web {
  font-family: Nunito;
  display: -ms-flexbox;
  display: flex;
  color: #000000;
  background-color: #C6F6EF1A;
}

@media screen and (max-width: 1024px) {
  /* line 24, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .introduction-tech-web {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 35, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.introduction-tech-web-left {
  width: 40%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 80px 0 120px 80px;
  position: relative;
}

@media screen and (max-width: 1280px) {
  /* line 35, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .introduction-tech-web-left {
    padding: 40px 0 40px 40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 35, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .introduction-tech-web-left {
    width: 100%;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    padding: 40px;
  }
}

@media screen and (max-width: 480px) {
  /* line 35, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .introduction-tech-web-left {
    padding: 40px 20px;
  }
}

/* line 54, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.introduction-tech-web-left .logo {
  width: 250px;
  max-width: 250px;
  max-height: 80px;
  margin-bottom: 60px;
}

/* line 60, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.introduction-tech-web-left .logo .bmc-page-card-image--no-image-wrapper {
  padding-top: 33%;
}

/* line 63, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.introduction-tech-web-left .logo .bmc-page-card-image--no-image-wrapper .title-logo {
  color: #000000;
  margin-bottom: 0;
}

/* line 67, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.introduction-tech-web-left .logo-upload {
  width: 100%;
  max-width: 250px;
  max-height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 30px;
  position: relative;
  margin-bottom: 60px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

@media screen and (max-width: 1024px) {
  /* line 67, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .introduction-tech-web-left .logo-upload {
    width: 100%;
    margin-top: 50px;
  }
}

/* line 81, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.introduction-tech-web-left .title {
  margin-bottom: 40px;
  text-align: start;
}

@media screen and (max-width: 1024px) {
  /* line 81, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .introduction-tech-web-left .title {
    text-align: center;
    font-size: 48px;
    line-height: 66px;
  }
}

@media screen and (max-width: 480px) {
  /* line 81, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .introduction-tech-web-left .title {
    font-size: 30px;
    line-height: 42px;
  }
}

/* line 94, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.introduction-tech-web-left .description {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 94, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .introduction-tech-web-left .description {
    text-align: center;
  }
}

/* line 100, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.introduction-tech-web-right {
  width: 60%;
  padding: 120px 80px 120px 40px;
}

@media screen and (max-width: 1280px) {
  /* line 100, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .introduction-tech-web-right {
    padding: 40px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 100, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .introduction-tech-web-right {
    width: 100%;
    padding: 0 40px 40px 40px;
  }
}

@media screen and (max-width: 480px) {
  /* line 100, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .introduction-tech-web-right {
    padding: 0 20px 20px 20px;
  }
}

/* line 114, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.introduction-tech-web-right .image {
  width: 100%;
  max-width: 727px;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 30px;
  margin: 0 auto;
  background-color: #E7E6E6;
  position: relative;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

/* line 125, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.introduction-tech-web-right .image .bmc-page-card-image {
  width: 100%;
  border-radius: 30px;
}

/* line 131, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.introduction-tech-web-right .image .bmc-page-card-image--no-image-wrapper .title {
  color: #000000;
  margin-bottom: 0;
}

/* line 135, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.summary-tech-web {
  padding: 120px 80px;
  font-family: Nunito;
  position: relative;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 135, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .summary-tech-web {
    padding: 100px 40px 40px 40px;
  }
}

/* line 144, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.summary-tech-web .content {
  width: 100%;
  border-radius: 30px;
  border: 1px solid #FFFFFF;
  padding: 40px;
}

@media screen and (max-width: 768px) {
  /* line 144, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .summary-tech-web .content {
    padding: 20px;
  }
}

/* line 153, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.summary-tech-web .content .title {
  margin-bottom: 40px;
  color: #FFFFFF;
}

/* line 157, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.summary-tech-web .content .description-summary {
  text-align: center;
  color: #FFFFFF;
}

/* line 161, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.summary-tech-web .content .button {
  color: #FFFFFF;
  border-radius: 40px;
  width: 305px;
  height: auto;
  cursor: pointer;
  overflow: hidden;
  padding: 20px 30px;
  display: block;
  line-height: 25px;
  text-align: center;
  text-decoration: none;
  margin: 0 auto 15px auto;
  border: 2px solid #FFFFFF00;
  background-color: #000000;
}

@media screen and (max-width: 480px) {
  /* line 161, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .summary-tech-web .content .button {
    width: 100%;
  }
}

/* line 181, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.summary-tech-web .content .button i {
  margin-right: 5px;
}

/* line 184, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.team-tech-web {
  padding: 120px 80px;
}

@media screen and (max-width: 1280px) {
  /* line 184, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .team-tech-web {
    padding: 40px;
  }
}

@media screen and (max-width: 480px) {
  /* line 184, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .team-tech-web {
    padding: 40px;
  }
}

/* line 193, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.team-tech-web .header {
  width: 100%;
}

/* line 196, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.team-tech-web .header .title {
  margin-bottom: 20px;
}

/* line 199, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.team-tech-web .header .description {
  text-align: center;
}

/* line 202, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.team-tech-web-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 30px -15px 0;
}

/* line 212, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.team-tech-web-card {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 0 10px 60px;
  width: calc(25% - 20px);
  background-color: #FFFFFF;
  padding: 20px;
  border-radius: 20px;
  border: 10px solid #FFFFFF00;
}

@media screen and (max-width: 1439px) {
  /* line 212, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .team-tech-web-card {
    width: calc(33.3% - 30px);
  }
}

@media screen and (max-width: 1080px) {
  /* line 212, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .team-tech-web-card {
    width: calc(50% - 30px);
  }
}

@media screen and (max-width: 768px) {
  /* line 212, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .team-tech-web-card {
    width: calc(70% - 30px);
    margin: 0 auto 60px auto;
  }
}

@media screen and (max-width: 560px) {
  /* line 212, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .team-tech-web-card {
    width: calc(100% - 30px);
  }
}

/* line 241, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.team-tech-web-card .image-upload {
  width: 250px;
  height: 176px;
  border-radius: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #E7E6E6;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
  margin: 0 auto 20px auto;
}

@media screen and (max-width: 406px) {
  /* line 241, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .team-tech-web-card .image-upload {
    width: 100%;
  }
}

/* line 257, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.team-tech-web-card .image-upload .center-block {
  text-align: center;
  font-family: Baloo2;
  font-size: 72px;
  line-height: 98px;
  color: #000000;
  opacity: 0.5;
}

/* line 265, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.team-tech-web-card .position {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  font-family: Nunito;
  margin-bottom: 10px;
}

/* line 272, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.team-tech-web-card .name {
  font-size: 24px;
  font-weight: 600;
  font-family: Baloo2;
  line-height: 38px;
  margin-bottom: 14px;
}

/* line 280, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.bm-tech-web-canvas {
  padding: 120px 80px;
  background-color: #FFFFFF;
  color: #000000;
}

/* line 285, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.bm-tech-web-canvas .bmc {
  position: relative;
}

/* line 290, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.bm-tech-web-canvas .header .title {
  margin-bottom: 40px;
}

/* line 293, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.bm-tech-web-canvas .header .description {
  width: 100%;
  text-align: center;
  margin-bottom: 25px;
}

/* line 298, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.bm-tech-web-canvas .bmc-canvas {
  padding: 20px;
  border-radius: 10px;
}

/* line 302, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.testing-tech-web {
  padding: 120px 80px;
  color: #000000;
}

/* line 306, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.testing-tech-web .header {
  width: 100%;
}

/* line 309, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.testing-tech-web .header .title {
  margin-bottom: 60px;
}

/* line 312, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.testing-tech-web .header .description {
  margin-bottom: 30px;
  text-align: center;
}

/* line 317, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.testing-tech-web .tests-list .card {
  padding: 20px;
  border-radius: 20px;
  margin: 0 -20px;
}

/* line 322, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.testing-tech-web .tests-list .card:not(:last-child) {
  margin-bottom: 20px;
}

@media screen and (max-width: 1280px) {
  /* line 317, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .testing-tech-web .tests-list .card {
    margin: 0;
  }
}

/* line 328, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.testing-tech-web .tests-list .card .test-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.05)) drop-shadow(8px 8px 16px rgba(0, 0, 0, 0.05));
  border-radius: 20px;
  margin: 0;
  padding: 0;
}

/* line 336, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.testing-tech-web .tests-list .card .test-card:not(:last-child) {
  margin-bottom: 0;
}

/* line 339, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.testing-tech-web .tests-list .card .test-card .test-type {
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px;
  padding: 40px 40px 0 40px;
}

/* line 345, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.testing-tech-web .tests-list .card .test-card .assumption {
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px;
  padding: 0 40px;
}

/* line 351, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.testing-tech-web .tests-list .card .test-card .blocks-status-wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 40px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

@media screen and (max-width: 768px) {
  /* line 351, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .testing-tech-web .tests-list .card .test-card .blocks-status-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 361, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.testing-tech-web .tests-list .card .test-card .blocks-status-wrapper .status {
  margin-left: 40px;
  width: calc(40% - 40px);
}

@media screen and (max-width: 768px) {
  /* line 361, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .testing-tech-web .tests-list .card .test-card .blocks-status-wrapper .status {
    width: 100%;
    margin-left: 0;
  }
}

/* line 369, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.testing-tech-web .tests-list .card .test-card .blocks-status-wrapper .status .testing-status {
  color: #000000;
  padding: 6px 10px;
  background-color: #FFFFFF;
  border-radius: 3px;
}

/* line 375, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.testing-tech-web .tests-list .card .test-card .blocks-status-wrapper .status .testing-status-icon {
  background-color: #FFFFFF00;
  border: none;
  -ms-flex-order: 1;
      order: 1;
  margin-right: 0;
  margin-left: 10px;
}

/* line 382, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.testing-tech-web .tests-list .card .test-card .blocks-status-wrapper .status .testing-status-icon .incomplete {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 386, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.testing-tech-web .tests-list .card .test-card .blocks-status-wrapper .bmc-blocks-wrapper {
  width: 60%;
}

@media screen and (max-width: 768px) {
  /* line 386, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .testing-tech-web .tests-list .card .test-card .blocks-status-wrapper .bmc-blocks-wrapper {
    width: 100%;
  }
}

/* line 393, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.testing-tech-web .tests-list .card .test-card .blocks-status-wrapper .bmc-blocks-wrapper .bmc-blocks .bmc-blocks__block {
  color: #000000;
  border: none;
  border-radius: 3px;
  background-color: #FFFFFF;
}

/* line 399, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.desirability-tech-web {
  padding: 120px 80px 45px 80px;
  color: #FFFFFF;
}

/* line 403, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.desirability-tech-web .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 403, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .desirability-tech-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 411, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.desirability-tech-web .header .title {
  color: #FFFFFF;
  width: 40%;
  margin-right: 40px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 411, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .desirability-tech-web .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 423, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.desirability-tech-web .header .description {
  width: calc(60% - 40px);
  color: #FFFFFF;
}

@media screen and (max-width: 1280px) {
  /* line 423, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .desirability-tech-web .header .description {
    width: 100%;
    text-align: center;
  }
}

/* line 431, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-segment-tech-web {
  color: #000000;
  padding: 120px 80px;
}

/* line 437, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-segment-tech-web .header .title {
  margin-bottom: 60px;
}

/* line 440, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-segment-tech-web .header .description {
  color: #000000;
  text-align: center;
}

/* line 444, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-segment-tech-web .cards-section {
  margin-top: 50px;
  width: 100%;
}

/* line 448, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-segment-tech-web .cards-section .left {
  margin-top: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  /* line 448, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .customer-segment-tech-web .cards-section .left {
    display: none;
  }
}

/* line 457, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-segment-tech-web .cards-section .left .item {
  font-family: Ballo2;
  font-size: 28px;
  line-height: 38px;
  cursor: pointer;
  color: #00000080;
  margin-right: 30px;
  margin-bottom: 30px;
}

/* line 466, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-segment-tech-web .cards-section .left .item:hover {
  color: #0984FF;
  opacity: 0.5;
}

/* line 470, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-segment-tech-web .cards-section .left .item.active {
  color: #000000;
  text-decoration-line: underline;
  cursor: auto;
  opacity: 1;
}

/* line 476, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-segment-tech-web .cards-section .right {
  width: 100%;
}

/* line 479, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-segment-tech-web .cards-section .right .leftCard {
  width: 40%;
  margin-right: 0;
}

@media screen and (max-width: 1024px) {
  /* line 479, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .customer-segment-tech-web .cards-section .right .leftCard {
    padding: 20px;
    margin-bottom: 0;
  }
}

/* line 487, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-segment-tech-web .cards-section .right .leftCard .image-uploud {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media screen and (max-width: 1024px) {
  /* line 487, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .customer-segment-tech-web .cards-section .right .leftCard .image-uploud {
    max-width: 370px;
    max-height: 555px;
    margin: 0 auto;
  }
}

/* line 496, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-segment-tech-web .cards-section .right .leftCard .image-uploud .bmc-page-card-image--no-image-wrapper {
  padding-top: 135%;
}

/* line 499, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-segment-tech-web .cards-section .right .leftCard .image-uploud .bmc-page-card-image--no-image-wrapper .title {
  color: #000000;
  margin-bottom: 0;
}

/* line 503, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-segment-tech-web .cards-section .right .rightCard {
  padding: 40px;
  width: 60%;
}

/* line 507, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-segment-tech-web .cards-section .right .bmc-page-card {
  border-radius: 20px;
  box-shadow: none;
  padding: 0;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.05)) drop-shadow(8px 8px 16px rgba(0, 0, 0, 0.05));
}

/* line 513, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-segment-tech-web .cards-section .right .bmc-page-card-segmentList {
  color: #000000;
}

/* line 516, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-segment-tech-web .cards-section .right .bmc-page-card-line {
  display: none;
}

/* line 519, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-segment-tech-web .cards-section .right .bmc-page-card-image {
  width: 100%;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

@media screen and (max-width: 1024px) {
  /* line 519, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .customer-segment-tech-web .cards-section .right .bmc-page-card-image {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    max-width: 370px;
    max-height: 555px;
    margin: 0 auto;
  }
}

/* line 534, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-segment-tech-web .cards-section .right .bmc-page-card-wrapper {
  padding: 20px;
  border-radius: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 539, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .customer-segment-tech-web .cards-section .right .bmc-page-card-wrapper:not(:first-child) {
    margin-top: 20px;
  }
}

/* line 543, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-segment-tech-web .cards-section .right .bmc-page-card .bmc-page-card-row .title {
  font-family: Ballo2;
  font-size: 28px;
  line-height: 38px;
}

/* line 548, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.value-propositions-tech-web {
  display: -ms-flexbox;
  display: flex;
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 548, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .value-propositions-tech-web {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 555, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.value-propositions-tech-web .right {
  padding: 120px 30px;
  width: 45%;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1280px) {
  /* line 555, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .value-propositions-tech-web .right {
    width: 100%;
    padding: 80px;
  }
}

@media screen and (max-width: 768px) {
  /* line 555, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .value-propositions-tech-web .right {
    padding: 40px;
  }
}

/* line 567, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.value-propositions-tech-web .right .image {
  width: 100%;
  max-width: 400px;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 30px;
  background-color: #E7E6E6;
  margin: auto;
}

/* line 576, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.value-propositions-tech-web .right .image .bmc-page-card-image {
  width: 100%;
  border-radius: 30px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

/* line 581, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.value-propositions-tech-web .right .image .bmc-page-card-image .img-wrapper {
  width: 100%;
}

/* line 584, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.value-propositions-tech-web .right .image .bmc-page-card-image--no-image-wrapper {
  width: 100%;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
  padding-top: 115%;
}

/* line 589, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.value-propositions-tech-web .right .image .bmc-page-card-image--no-image-wrapper .title {
  color: #000000;
}

/* line 592, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.value-propositions-tech-web .left {
  color: #000000;
  padding: 120px 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  width: 55%;
}

@media screen and (max-width: 1280px) {
  /* line 592, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .value-propositions-tech-web .left {
    width: 100%;
    padding: 100px 80px 80px 80px;
  }
}

@media screen and (max-width: 768px) {
  /* line 592, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .value-propositions-tech-web .left {
    padding: 100px 40px 0 40px;
  }
}

/* line 607, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.value-propositions-tech-web .left .header {
  width: 100%;
}

/* line 610, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.value-propositions-tech-web .left .header .title {
  margin-bottom: 30px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 610, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .value-propositions-tech-web .left .header .title {
    text-align: center;
  }
}

/* line 617, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.value-propositions-tech-web .left .header .description {
  margin-bottom: 50px;
}

@media screen and (max-width: 1280px) {
  /* line 617, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .value-propositions-tech-web .left .header .description {
    text-align: center;
  }
}

/* line 623, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.value-propositions-tech-web .left .bmc-page-card-segmentList {
  color: #000000;
  font-size: 24px;
  line-height: 29px;
}

/* line 628, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.value-propositions-tech-web .left .bmc-page-card-text {
  margin-right: auto;
  margin-bottom: 32px;
}

/* line 632, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.competitor-analysis-tech-web {
  padding: 120px 80px;
  color: #000000;
}

/* line 638, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.competitor-analysis-tech-web .header .title {
  margin-bottom: 60px;
}

/* line 641, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.competitor-analysis-tech-web .header .description {
  color: #000000;
  text-align: center;
}

/* line 645, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.competitor-analysis-tech-web .table {
  width: 100%;
  text-align: center;
  margin-top: 40px;
  border-radius: 10px;
  border-collapse: collapse;
  border-spacing: 0;
}

@media screen and (max-width: 1024px) {
  /* line 645, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .competitor-analysis-tech-web .table {
    border-radius: 0;
  }
}

/* line 656, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.competitor-analysis-tech-web .table .title {
  display: none;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
  /* line 661, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .competitor-analysis-tech-web .table tr {
    display: block;
    background: #FFFFFF;
  }
  /* line 667, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .competitor-analysis-tech-web .table tr:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 670, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .competitor-analysis-tech-web .table thead {
    display: none;
  }
}

/* line 675, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.competitor-analysis-tech-web .table thead th {
  font-size: 28px;
  line-height: 38px;
  padding: 35px 10px;
  color: #FFFFFF;
  font-weight: 400;
}

@media screen and (max-width: 1024px) {
  /* line 675, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .competitor-analysis-tech-web .table thead th {
    display: none;
  }
}

/* line 686, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.competitor-analysis-tech-web .table tbody tr {
  border: 1px solid #FFFFFF00;
}

/* line 689, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.competitor-analysis-tech-web .table tbody tr td {
  text-align: left;
  padding: 30px 20px;
  word-break: break-word;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 689, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .competitor-analysis-tech-web .table tbody tr td {
    display: block;
    padding: 10px 20px;
    background-color: white;
  }
  /* line 702, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .competitor-analysis-tech-web .table tbody tr td .icon {
    margin-left: 0;
  }
  /* line 705, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .competitor-analysis-tech-web .table tbody tr td .title {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  /* line 689, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .competitor-analysis-tech-web .table tbody tr td {
    padding: 10px;
  }
}

/* line 711, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.competitor-analysis-tech-web .table tbody tr td:first-child {
  padding: 30px 20px;
}

@media screen and (max-width: 1024px) {
  /* line 711, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .competitor-analysis-tech-web .table tbody tr td:first-child {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 711, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .competitor-analysis-tech-web .table tbody tr td:first-child {
    padding: 10px;
  }
}

/* line 720, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.competitor-analysis-tech-web .table tbody tr td:last-child {
  position: relative;
}

/* line 723, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.competitor-analysis-tech-web .table tbody tr td .bmc-page-compcard-item-text-template--with-image {
  font-size: 21px;
  line-height: 29px;
}

/* line 727, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-relationships-tech-web {
  padding: 120px 80px;
  color: #000000;
}

/* line 733, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-relationships-tech-web .header .title {
  margin-bottom: 60px;
}

/* line 736, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-relationships-tech-web .header .description {
  color: #000000;
  text-align: center;
}

/* line 740, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-relationships-tech-web .bmc-page-gkgtabs-tabs {
  font-family: Nunito;
}

/* line 744, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-relationships-tech-web .bmc-page-gkgtabs-tabs-tab-title {
  color: #FFFFFF;
  font-weight: 400;
}

/* line 748, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-relationships-tech-web .bmc-page-gkgtabs-tabs-tab--active {
  cursor: auto;
}

/* line 750, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-relationships-tech-web .bmc-page-gkgtabs-tabs-tab--active .bmc-page-gkgtabs-tabs-tab-title {
  font-weight: 700;
  color: #000000 !important;
  border-bottom-color: #000000 !important;
}

/* line 755, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-relationships-tech-web .bmc-page-gkgtabs-content {
  font-family: Nunito;
}

/* line 758, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-relationships-tech-web .bmc-page-gkgtabs-content-block {
  border-radius: 20px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
  padding: 40px;
}

/* line 763, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-relationships-tech-web .bmc-page-gkgtabs-content-block-title {
  font-weight: 700;
}

/* line 766, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.customer-relationships-tech-web .bmc-page-gkgtabs-content-block-title::after {
  content: '';
  display: block;
  margin: 20px 0;
  width: 100%;
  height: 1px;
  background-color: #FFFFFF;
}

/* line 774, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.channel-tech-web {
  padding: 120px 60px;
}

/* line 777, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.channel-tech-web .header {
  width: 100%;
}

/* line 780, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.channel-tech-web .header .title {
  margin-bottom: 40px;
}

/* line 783, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.channel-tech-web .header .description {
  color: #000000;
  text-align: center;
}

/* line 787, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.channel-tech-web .cards-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  margin-top: 40px;
}

/* line 793, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.channel-tech-web .cards-section .left {
  width: 80%;
}

@media screen and (max-width: 768px) {
  /* line 793, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .channel-tech-web .cards-section .left {
    width: 100%;
  }
}

/* line 799, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.channel-tech-web .cards-section .left .bmc-page-card-wrapper {
  padding: 20px;
  border-radius: 20px;
}

@media screen and (max-width: 768px) {
  /* line 804, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .channel-tech-web .cards-section .left .bmc-page-card-wrapper:not(:first-child) {
    margin-top: 20px;
  }
}

/* line 807, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.channel-tech-web .cards-section .left .bmc-page-card-wrapper .bmc-page-card {
  border-radius: 20px;
  padding: 0;
}

/* line 811, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.channel-tech-web .cards-section .left .bmc-page-card-wrapper .bmc-page-card-image {
  width: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 811, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .channel-tech-web .cards-section .left .bmc-page-card-wrapper .bmc-page-card-image {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0;
  }
}

/* line 823, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.channel-tech-web .cards-section .left .bmc-page-card-wrapper .bmc-page-card-image--no-image .title {
  color: #000000;
}

/* line 827, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.channel-tech-web .cards-section .left .bmc-page-card-wrapper .bmc-page-card-inner:first-child {
  margin-right: 0;
  width: 40%;
}

/* line 830, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.channel-tech-web .cards-section .left .bmc-page-card-wrapper .bmc-page-card-inner:last-child {
  padding: 40px;
  width: 60%;
}

/* line 834, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.channel-tech-web .cards-section .left .bmc-page-card-wrapper .bmc-page-card-big-title--with-underline {
  padding-bottom: 0;
  border-bottom: none;
  font-weight: 700;
}

/* line 839, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.channel-tech-web .cards-section .right {
  width: 20%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-left: 20px;
}

@media screen and (max-width: 1280px) {
  /* line 839, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .channel-tech-web .cards-section .right {
    margin-left: 20px;
  }
}

@media screen and (max-width: 768px) {
  /* line 839, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .channel-tech-web .cards-section .right {
    display: none;
  }
}

/* line 853, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.channel-tech-web .cards-section .right .item {
  cursor: pointer;
  width: 100%;
  color: #000000;
  padding: 20px;
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  text-align: center;
}

/* line 864, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.channel-tech-web .cards-section .right .item:hover {
  opacity: 0.5;
}

@media screen and (max-width: 1280px) {
  /* line 853, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .channel-tech-web .cards-section .right .item {
    font-size: 16px;
  }
}

/* line 870, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.channel-tech-web .cards-section .right .item.active {
  background-color: #0984FF;
  border-radius: 10px;
  color: #FFFFFF;
  cursor: auto;
}

/* line 876, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.channel-tech-web .cards-section .right .item.active:hover {
  opacity: 1;
}

/* line 879, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.feasibility-tech-web {
  padding: 120px 80px 45px 80px;
  color: #FFFFFF;
}

/* line 883, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.feasibility-tech-web .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 883, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .feasibility-tech-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 891, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.feasibility-tech-web .header .title {
  color: #FFFFFF;
  width: 40%;
  margin-right: 40px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 891, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .feasibility-tech-web .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 903, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.feasibility-tech-web .header .description {
  width: calc(60% - 40px);
  color: #FFFFFF;
}

@media screen and (max-width: 1280px) {
  /* line 903, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .feasibility-tech-web .header .description {
    width: 100%;
    text-align: center;
  }
}

/* line 911, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web {
  color: #000000;
  padding: 120px 80px;
}

/* line 915, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .header {
  width: 100%;
}

/* line 918, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .header .title {
  margin-bottom: 40px;
}

/* line 921, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .header .description {
  color: #000000;
  text-align: center;
}

/* line 925, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .key-activity {
  margin-top: 44px;
  width: 100%;
  color: #000000;
  border-radius: 20px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

/* line 932, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .key-activity .bmc-page-keycard {
  background-color: #FFFFFF;
}

/* line 935, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .key-activity .bmc-page-keycard-title {
  font-weight: 700;
}

/* line 938, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .key-activity .bmc-page-keycard-steps {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1200px;
  margin-top: 20px;
}

/* line 945, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .key-activity .bmc-page-keycard-step {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  margin: 20px 0 40px 0;
  border-left: 1px solid #000000;
  padding-left: 5px;
  width: 180px;
}

/* line 954, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .key-activity .bmc-page-keycard-step:not(:last-child) {
  margin-right: 20px;
}

/* line 957, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .key-activity .bmc-page-keycard-step:last-child {
  margin-right: 0;
}

@media screen and (max-width: 634px) {
  /* line 945, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .key-activities-tech-web .key-activity .bmc-page-keycard-step {
    width: 100%;
    margin: 20px;
  }
}

/* line 964, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .key-activity .bmc-page-keycard-step::before {
  display: none;
}

/* line 967, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .key-activity .bmc-page-keycard-step::after {
  display: none;
}

/* line 971, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .key-activity .bmc-page-keycard-step-title {
  font-size: 24px;
  line-height: 33px;
  font-weight: 400;
  -ms-flex-order: 1;
      order: 1;
  margin: 20px 0 0 0;
}

/* line 978, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .key-activity .bmc-page-keycard-step-text {
  text-align: start;
  margin-bottom: auto;
}

/* line 982, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .key-resources-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  padding: 40px 0;
}

@media screen and (max-width: 1024px) {
  /* line 982, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .key-activities-tech-web .key-resources-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 991, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .key-resource {
  width: 50%;
}

/* line 994, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .key-resource:first-child {
  margin-right: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 994, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .key-activities-tech-web .key-resource:first-child {
    margin-right: 0;
  }
}

/* line 1000, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .key-resource:last-child {
  margin-left: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 1000, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .key-activities-tech-web .key-resource:last-child {
    margin-top: 30px;
    margin-left: 0;
  }
}

@media screen and (max-width: 1024px) {
  /* line 991, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .key-activities-tech-web .key-resource {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

/* line 1012, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .key-resource .bmc-page-keycard {
  min-height: 100%;
  border-radius: 20px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

/* line 1017, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .key-resource .bmc-page-keycard-title {
  color: #000000;
  font-weight: 700;
}

/* line 1021, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .key-resource .bmc-page-keycard-list {
  color: #000000;
  margin-top: 20px;
  padding-inline-start: 0;
}

/* line 1027, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .key-resource .bmc-page-keycard-list-item::after {
  content: none;
}

/* line 1030, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .key-resource .bmc-page-keycard .resorses-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 1034, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.key-activities-tech-web .key-resource .bmc-page-keycard .resorses-text .circle {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: #FF6D00;
  margin-right: 10px;
}

/* line 1041, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.viability-tech-web {
  padding: 120px 80px 45px 80px;
  color: #FFFFFF;
}

/* line 1045, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.viability-tech-web .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 1045, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .viability-tech-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1053, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.viability-tech-web .header .title {
  color: #FFFFFF;
  width: 40%;
  margin-right: 40px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 1053, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .viability-tech-web .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 1065, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.viability-tech-web .header .description {
  width: calc(60% - 40px);
  color: #FFFFFF;
}

@media screen and (max-width: 1280px) {
  /* line 1065, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .viability-tech-web .header .description {
    width: 100%;
    text-align: center;
  }
}

/* line 1073, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.sustainability-tech-web {
  padding: 120px 80px;
  color: #000000;
}

/* line 1077, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.sustainability-tech-web .header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1280px) {
  /* line 1077, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .sustainability-tech-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 1085, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.sustainability-tech-web .header .title {
  color: #FFFFFF;
  width: 40%;
  margin-right: 40px;
  text-align: start;
}

@media screen and (max-width: 1280px) {
  /* line 1085, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .sustainability-tech-web .header .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 1097, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.sustainability-tech-web .header .description {
  width: calc(60% - 40px);
  color: #000000;
}

@media screen and (max-width: 1280px) {
  /* line 1097, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .sustainability-tech-web .header .description {
    width: 100%;
    text-align: center;
  }
}

/* line 1105, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.contact-us-tech-web {
  color: #000000;
  padding: 100px 80px 40px 80px;
}

@media screen and (max-width: 768px) {
  /* line 1105, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .contact-us-tech-web {
    padding: 100px 20px 120px 20px;
  }
}

/* line 1112, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.contact-us-tech-web .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 35px;
}

@media screen and (max-width: 1024px) {
  /* line 1112, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .contact-us-tech-web .header {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/* line 1121, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.contact-us-tech-web .header .scroll-top {
  cursor: pointer;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  background-color: #FFFFFF00;
}

@media screen and (max-width: 1024px) {
  /* line 1121, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .contact-us-tech-web .header .scroll-top {
    position: absolute;
    top: 40px;
    left: 40px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1121, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .contact-us-tech-web .header .scroll-top {
    top: 20px;
  }
}

/* line 1136, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.contact-us-tech-web .header .scroll-top i {
  border: 1px solid #000000;
  border-radius: 1px;
  margin-left: 14px;
  width: 25px;
  height: 25px;
}

/* line 1143, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.contact-us-tech-web .header .title {
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  /* line 1143, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .contact-us-tech-web .header .title {
    margin-bottom: 15px;
  }
}

/* line 1149, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.contact-us-tech-web .fields {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  padding-bottom: 35px;
}

@media screen and (max-width: 1024px) {
  /* line 1149, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .contact-us-tech-web .fields {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 1160, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.contact-us-tech-web .fields .description {
  width: calc(34% - 35px);
  margin-right: 15px;
  display: block;
  color: #000000;
}

@media screen and (max-width: 1024px) {
  /* line 1160, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .contact-us-tech-web .fields .description {
    width: 80%;
    margin-right: 0;
    margin-bottom: 15px;
    text-align: center;
  }
}

/* line 1172, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.contact-us-tech-web .fields .description-contact {
  font-size: 16px;
  line-height: 20px;
  display: block;
}

/* line 1177, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.contact-us-tech-web .fields .form-field {
  width: calc(33% - 15px);
  margin-right: 15px;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  /* line 1177, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .contact-us-tech-web .fields .form-field {
    width: 80%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

/* line 1187, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.contact-us-tech-web .fields .email {
  text-align: end;
}

@media screen and (max-width: 1024px) {
  /* line 1187, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .contact-us-tech-web .fields .email {
    text-align: center;
  }
}

/* line 1193, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.contact-us-tech-web .footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding-top: 15px;
  border-top: 1px solid #000000;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  /* line 1193, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .contact-us-tech-web .footer {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 1207, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
.contact-us-tech-web .footer .company-name {
  margin-left: 13px;
  font-size: 24px;
  line-height: 33px;
}

@media screen and (max-width: 1280px) {
  /* line 1212, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .section-web {
    padding: 40px;
  }
}

@media screen and (max-width: 480px) {
  /* line 1212, app/assets/stylesheets/new/components/portfolio/techModern/portfolio-web-tech.sass */
  .section-web {
    padding: 40px 20px;
  }
}

/* line 1, app/assets/stylesheets/new/components/portfolio/techModern/textarea-tech.sass */
.textarea-techModern {
  width: 100%;
}

/* line 3, app/assets/stylesheets/new/components/portfolio/techModern/textarea-tech.sass */
.textarea-techModern .textarea-wrapper {
  width: 100%;
  position: relative;
  font-family: Nunito;
}

/* line 8, app/assets/stylesheets/new/components/portfolio/techModern/textarea-tech.sass */
.textarea-techModern .textarea-wrapper textarea {
  resize: none;
}

/* line 11, app/assets/stylesheets/new/components/portfolio/techModern/textarea-tech.sass */
.textarea-techModern .textarea-wrapper textarea:hover {
  border: 1px solid #ACB5BD;
}

/* line 14, app/assets/stylesheets/new/components/portfolio/techModern/textarea-tech.sass */
.textarea-techModern .textarea-wrapper textarea:active, .textarea-techModern .textarea-wrapper textarea:focus {
  border: 1px solid #0984FF;
}

/* line 17, app/assets/stylesheets/new/components/portfolio/techModern/textarea-tech.sass */
.textarea-tech {
  background-color: #FFFFFF00;
  padding: 10px;
  width: 100%;
  outline: none;
  cursor: pointer;
  border: 1px solid #FFFFFF00;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  caret-color: #0984FF;
  font-family: Nunito;
  text-align: start;
}

/* line 32, app/assets/stylesheets/new/components/portfolio/techModern/textarea-tech.sass */
.textarea-tech::-moz-placeholder {
  color: #B8C0C5;
}
.textarea-tech:-ms-input-placeholder {
  color: #B8C0C5;
}
.textarea-tech::placeholder {
  color: #B8C0C5;
}

/* line 35, app/assets/stylesheets/new/components/portfolio/techModern/textarea-tech.sass */
.textarea-tech-name {
  font-family: Baloo2;
  font-size: 68px;
  line-height: 94px;
  font-weight: 600;
}

/* line 41, app/assets/stylesheets/new/components/portfolio/techModern/textarea-tech.sass */
.textarea-tech-name::-moz-placeholder {
  font-size: 64px;
  line-height: 70px;
  font-family: Baloo2;
}
.textarea-tech-name:-ms-input-placeholder {
  font-size: 64px;
  line-height: 70px;
  font-family: Baloo2;
}
.textarea-tech-name::placeholder {
  font-size: 64px;
  line-height: 70px;
  font-family: Baloo2;
}

@media screen and (max-width: 1024px) {
  /* line 35, app/assets/stylesheets/new/components/portfolio/techModern/textarea-tech.sass */
  .textarea-tech-name {
    text-align: center;
  }
}

/* line 49, app/assets/stylesheets/new/components/portfolio/techModern/textarea-tech.sass */
.textarea-tech-description {
  white-space: pre-wrap;
}

@media screen and (max-width: 1024px) {
  /* line 49, app/assets/stylesheets/new/components/portfolio/techModern/textarea-tech.sass */
  .textarea-tech-description {
    text-align: center;
  }
}

/* line 57, app/assets/stylesheets/new/components/portfolio/techModern/textarea-tech.sass */
.textarea-tech-team-card--position {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  padding: 5px;
}

/* line 63, app/assets/stylesheets/new/components/portfolio/techModern/textarea-tech.sass */
.textarea-tech-team-card--name {
  font-size: 24px;
  line-height: 38px;
  font-weight: 600;
  padding: 5px;
  font-family: Baloo2;
}

/* line 70, app/assets/stylesheets/new/components/portfolio/techModern/textarea-tech.sass */
.textarea-tech-team-card--description {
  padding: 5px;
}

/* line 74, app/assets/stylesheets/new/components/portfolio/techModern/textarea-tech.sass */
.textarea-tech-cardCS-title {
  font-size: 24px;
  line-height: 38px;
  font-weight: 700;
}

/* line 79, app/assets/stylesheets/new/components/portfolio/techModern/textarea-tech.sass */
.textarea-tech-cardCS-key {
  text-align: center;
}

/* line 2, app/assets/stylesheets/new/components/portfolio/web-portfolio-files.sass */
.web-portfolio-files__button {
  margin-bottom: 10px;
  word-break: break-word;
}

/* line 2, app/assets/stylesheets/new/components/resource-uploader.sass */
.resource-uploader__item {
  box-sizing: border-box;
  border-radius: 8px;
  padding: 15px;
  border: #e6f3ff solid 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  position: relative;
}

/* line 12, app/assets/stylesheets/new/components/resource-uploader.sass */
.resource-uploader__item:hover {
  border-color: rgba(249, 249, 249, 0.25);
}

/* line 15, app/assets/stylesheets/new/components/resource-uploader.sass */
.resource-uploader__item .icon-Link {
  font-size: 25px;
  margin-right: 5px;
}

/* line 19, app/assets/stylesheets/new/components/resource-uploader.sass */
.resource-uploader__item-text {
  overflow: hidden;
}

/* line 22, app/assets/stylesheets/new/components/resource-uploader.sass */
.resource-uploader__item-close {
  position: absolute;
  top: 20px;
  right: 20px;
}

/* line 28, app/assets/stylesheets/new/components/resource-uploader.sass */
.resource-uploader__item-close svg > path {
  fill: white;
}

/* line 31, app/assets/stylesheets/new/components/resource-uploader.sass */
.resource-uploader__button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: inherit;
  float: left;
  border-radius: 8px;
  line-height: 20px;
  height: 45px;
  cursor: pointer;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: inherit;
  outline: none !important;
  text-decoration: none;
  border: #e6f3ff solid 2px;
  padding: 0 15px;
  color: white;
}

/* line 49, app/assets/stylesheets/new/components/resource-uploader.sass */
.resource-uploader__button:hover {
  border-color: rgba(249, 249, 249, 0.25);
}

/* line 52, app/assets/stylesheets/new/components/resource-uploader.sass */
.resource-uploader__button i {
  font-size: 25px;
}

/* line 55, app/assets/stylesheets/new/components/resource-uploader.sass */
.resource-uploader__button input {
  display: none;
}

/* line 1, app/assets/stylesheets/new/components/sdg-card-arch.sass */
.sdg-card-arch {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  background-color: #FFFFFF;
  -ms-flex-pack: start;
      justify-content: flex-start;
  border-radius: 0;
  border: 1px solid #FFFFFF;
  height: 175px;
  color: #000000;
  position: relative;
  perspective: 1000px;
  margin: auto;
}

@media screen and (max-width: 570px) {
  /* line 1, app/assets/stylesheets/new/components/sdg-card-arch.sass */
  .sdg-card-arch {
    width: 250px;
  }
}

/* line 17, app/assets/stylesheets/new/components/sdg-card-arch.sass */
.sdg-card-arch--small {
  height: 175px;
  margin: 0 6px 12px;
}

/* line 21, app/assets/stylesheets/new/components/sdg-card-arch.sass */
.sdg-card-arch--small .flip-back {
  font-size: 14px !important;
  line-height: 20px;
}

/* line 25, app/assets/stylesheets/new/components/sdg-card-arch.sass */
.sdg-card-arch:hover .flip-inner {
  transform: rotateY(180deg);
}

/* line 28, app/assets/stylesheets/new/components/sdg-card-arch.sass */
.sdg-card-arch i {
  height: 35px;
  max-width: 100%;
}

/* line 33, app/assets/stylesheets/new/components/sdg-card-arch.sass */
.sdg-card-arch .flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

/* line 40, app/assets/stylesheets/new/components/sdg-card-arch.sass */
.sdg-card-arch .flip-front, .sdg-card-arch .flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  padding: 20px;
}

/* line 47, app/assets/stylesheets/new/components/sdg-card-arch.sass */
.sdg-card-arch .flip-front {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-radius: 0;
}

/* line 52, app/assets/stylesheets/new/components/sdg-card-arch.sass */
.sdg-card-arch .flip-front-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: -10px;
  width: 25%;
}

/* line 59, app/assets/stylesheets/new/components/sdg-card-arch.sass */
.sdg-card-arch .flip-front-icon svg {
  height: 35px;
  max-width: 100%;
}

/* line 63, app/assets/stylesheets/new/components/sdg-card-arch.sass */
.sdg-card-arch .flip-front-icon--big {
  height: 35px;
}

/* line 67, app/assets/stylesheets/new/components/sdg-card-arch.sass */
.sdg-card-arch .flip-front-big-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  text-transform: uppercase;
}

@media screen and (max-width: 1220px) {
  /* line 67, app/assets/stylesheets/new/components/sdg-card-arch.sass */
  .sdg-card-arch .flip-front-big-title {
    font-size: 16px;
    line-height: 22px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 67, app/assets/stylesheets/new/components/sdg-card-arch.sass */
  .sdg-card-arch .flip-front-big-title {
    font-size: 14px;
    line-height: 19px;
  }
}

@media screen and (max-width: 1220px) {
  /* line 81, app/assets/stylesheets/new/components/sdg-card-arch.sass */
  .sdg-card-arch .flip-front-title {
    font-size: 14px;
    line-height: 19px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 81, app/assets/stylesheets/new/components/sdg-card-arch.sass */
  .sdg-card-arch .flip-front-title {
    font-size: 13.508px;
    line-height: 17px;
  }
}

/* line 90, app/assets/stylesheets/new/components/sdg-card-arch.sass */
.sdg-card-arch .flip-front-title--margin-top {
  margin-top: 14px;
}

@media screen and (max-width: 1220px) {
  /* line 90, app/assets/stylesheets/new/components/sdg-card-arch.sass */
  .sdg-card-arch .flip-front-title--margin-top {
    margin-top: 10px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 90, app/assets/stylesheets/new/components/sdg-card-arch.sass */
  .sdg-card-arch .flip-front-title--margin-top {
    margin-top: 8px;
  }
}

/* line 99, app/assets/stylesheets/new/components/sdg-card-arch.sass */
.sdg-card-arch .flip-front i {
  backface-visibility: hidden;
}

/* line 102, app/assets/stylesheets/new/components/sdg-card-arch.sass */
.sdg-card-arch .flip-back {
  color: #000000;
  width: 100%;
  height: 100%;
  transform: rotateY(180deg);
  border-radius: 0;
  padding: 20px 30px;
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1090px) {
  /* line 102, app/assets/stylesheets/new/components/sdg-card-arch.sass */
  .sdg-card-arch .flip-back {
    font-size: 12px;
    line-height: 16px;
  }
}

/* line 117, app/assets/stylesheets/new/components/sdg-card-arch.sass */
.sdg-card-arch-icon {
  background-color: #FFFFFF;
  border-radius: 50% !important;
}

/* line 121, app/assets/stylesheets/new/components/sdg-card-arch.sass */
.sdg-card-arch-icon svg {
  height: 35px;
}

/* line 124, app/assets/stylesheets/new/components/sdg-card-arch.sass */
.sdg-card-arch .arch-content {
  width: calc(75% - 10px);
}

/* line 127, app/assets/stylesheets/new/components/sdg-card-arch.sass */
.sdg-card-arch-modal {
  width: 270px;
  height: 200px;
}

@media screen and (max-width: 1090px) {
  /* line 127, app/assets/stylesheets/new/components/sdg-card-arch.sass */
  .sdg-card-arch-modal {
    width: 220px;
    height: 170px;
  }
}

/* line 136, app/assets/stylesheets/new/components/sdg-card-arch.sass */
.sdg-card-arch-modal .flip-front-big-title {
  font-size: 16px;
  line-height: 22px;
}

@media screen and (max-width: 1090px) {
  /* line 136, app/assets/stylesheets/new/components/sdg-card-arch.sass */
  .sdg-card-arch-modal .flip-front-big-title {
    font-size: 14px;
    line-height: 19px;
  }
}

/* line 1, app/assets/stylesheets/new/components/sdg-card-blog.sass */
.sdg-card-blog {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  background-color: #FFFFFF;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-radius: 50%;
  width: 260px;
  height: 260px;
  color: #000000;
  margin: auto;
  position: relative;
  perspective: 1000px;
}

@media screen and (max-width: 1220px) {
  /* line 1, app/assets/stylesheets/new/components/sdg-card-blog.sass */
  .sdg-card-blog {
    width: 240px;
    height: 240px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 1, app/assets/stylesheets/new/components/sdg-card-blog.sass */
  .sdg-card-blog {
    width: 200px;
    height: 200px;
  }
}

/* line 24, app/assets/stylesheets/new/components/sdg-card-blog.sass */
.sdg-card-blog--small {
  width: 198px;
  height: 198px;
  margin: 0 6px 12px;
}

/* line 29, app/assets/stylesheets/new/components/sdg-card-blog.sass */
.sdg-card-blog--small .flip-back {
  font-size: 14px !important;
  line-height: 18px;
}

/* line 33, app/assets/stylesheets/new/components/sdg-card-blog.sass */
.sdg-card-blog:hover .flip-inner {
  transform: rotateY(180deg);
}

/* line 36, app/assets/stylesheets/new/components/sdg-card-blog.sass */
.sdg-card-blog i {
  height: 35px;
}

/* line 40, app/assets/stylesheets/new/components/sdg-card-blog.sass */
.sdg-card-blog .flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

/* line 47, app/assets/stylesheets/new/components/sdg-card-blog.sass */
.sdg-card-blog .flip-front, .sdg-card-blog .flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  padding: 20px;
}

/* line 54, app/assets/stylesheets/new/components/sdg-card-blog.sass */
.sdg-card-blog .flip-front {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  border-radius: 50%;
}

/* line 60, app/assets/stylesheets/new/components/sdg-card-blog.sass */
.sdg-card-blog .flip-front-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 15px;
  margin-top: 30px;
}

@media screen and (max-width: 1220px) {
  /* line 60, app/assets/stylesheets/new/components/sdg-card-blog.sass */
  .sdg-card-blog .flip-front-icon {
    margin-top: 25px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 60, app/assets/stylesheets/new/components/sdg-card-blog.sass */
  .sdg-card-blog .flip-front-icon {
    margin-top: 15px;
  }
}

/* line 73, app/assets/stylesheets/new/components/sdg-card-blog.sass */
.sdg-card-blog .flip-front-icon svg {
  height: 35px;
}

/* line 76, app/assets/stylesheets/new/components/sdg-card-blog.sass */
.sdg-card-blog .flip-front-icon--big {
  height: 35px;
}

/* line 79, app/assets/stylesheets/new/components/sdg-card-blog.sass */
.sdg-card-blog .flip-front-big-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 1220px) {
  /* line 79, app/assets/stylesheets/new/components/sdg-card-blog.sass */
  .sdg-card-blog .flip-front-big-title {
    font-size: 16px;
    line-height: 22px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 79, app/assets/stylesheets/new/components/sdg-card-blog.sass */
  .sdg-card-blog .flip-front-big-title {
    font-size: 14px;
    line-height: 19px;
  }
}

@media screen and (max-width: 1220px) {
  /* line 93, app/assets/stylesheets/new/components/sdg-card-blog.sass */
  .sdg-card-blog .flip-front-title {
    font-size: 14px;
    line-height: 19px;
  }
}

/* line 98, app/assets/stylesheets/new/components/sdg-card-blog.sass */
.sdg-card-blog .flip-front-title--margin-top {
  margin-top: 10px;
  text-align: center;
}

@media screen and (max-width: 1220px) {
  /* line 98, app/assets/stylesheets/new/components/sdg-card-blog.sass */
  .sdg-card-blog .flip-front-title--margin-top {
    margin-top: 15px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 98, app/assets/stylesheets/new/components/sdg-card-blog.sass */
  .sdg-card-blog .flip-front-title--margin-top {
    margin-top: 10px;
  }
}

/* line 108, app/assets/stylesheets/new/components/sdg-card-blog.sass */
.sdg-card-blog .flip-front i {
  backface-visibility: hidden;
}

/* line 111, app/assets/stylesheets/new/components/sdg-card-blog.sass */
.sdg-card-blog .flip-back {
  color: #000000;
  width: 100%;
  height: 100%;
  transform: rotateY(180deg);
  border-radius: 50%;
  padding: 20px;
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
}

@media screen and (max-width: 1090px) {
  /* line 111, app/assets/stylesheets/new/components/sdg-card-blog.sass */
  .sdg-card-blog .flip-back {
    font-size: 12px;
    line-height: 16px;
  }
}

/* line 127, app/assets/stylesheets/new/components/sdg-card-blog.sass */
.sdg-card-blog-icon {
  background-color: #FFFFFF;
  border-radius: 50% !important;
}

/* line 131, app/assets/stylesheets/new/components/sdg-card-blog.sass */
.sdg-card-blog-icon svg {
  height: 35px;
}

/* line 1, app/assets/stylesheets/new/components/sdg-card-bold.sass */
.sdg-card-bold {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  background-color: #FFFFFF00;
  -ms-flex-pack: start;
      justify-content: flex-start;
  border-radius: 0;
  max-width: 290px;
  height: 200px;
  color: #000000;
  position: relative;
  perspective: 1000px;
  margin: auto;
}

@media screen and (max-width: 570px) {
  /* line 1, app/assets/stylesheets/new/components/sdg-card-bold.sass */
  .sdg-card-bold {
    width: 250px;
  }
}

/* line 17, app/assets/stylesheets/new/components/sdg-card-bold.sass */
.sdg-card-bold--small {
  height: 175px;
  margin: 0 6px 12px;
}

/* line 21, app/assets/stylesheets/new/components/sdg-card-bold.sass */
.sdg-card-bold:hover .flip-inner {
  transform: rotateY(180deg);
}

/* line 24, app/assets/stylesheets/new/components/sdg-card-bold.sass */
.sdg-card-bold i {
  height: 35px;
  max-width: 100%;
}

/* line 29, app/assets/stylesheets/new/components/sdg-card-bold.sass */
.sdg-card-bold .flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

/* line 36, app/assets/stylesheets/new/components/sdg-card-bold.sass */
.sdg-card-bold .flip-front, .sdg-card-bold .flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  padding: 20px;
  border: 1px solid #E7E6E6;
}

/* line 44, app/assets/stylesheets/new/components/sdg-card-bold.sass */
.sdg-card-bold .flip-front {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-radius: 0;
}

@media screen and (max-width: 660px) {
  /* line 44, app/assets/stylesheets/new/components/sdg-card-bold.sass */
  .sdg-card-bold .flip-front {
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 52, app/assets/stylesheets/new/components/sdg-card-bold.sass */
.sdg-card-bold .flip-front-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: -10px;
  width: 25%;
}

/* line 59, app/assets/stylesheets/new/components/sdg-card-bold.sass */
.sdg-card-bold .flip-front-icon svg {
  height: 35px;
  max-width: 100%;
}

/* line 63, app/assets/stylesheets/new/components/sdg-card-bold.sass */
.sdg-card-bold .flip-front-icon--big {
  height: 35px;
}

/* line 67, app/assets/stylesheets/new/components/sdg-card-bold.sass */
.sdg-card-bold .flip-front-big-title {
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: Kanit;
}

@media screen and (max-width: 1220px) {
  /* line 67, app/assets/stylesheets/new/components/sdg-card-bold.sass */
  .sdg-card-bold .flip-front-big-title {
    font-size: 16px;
    line-height: 24px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 67, app/assets/stylesheets/new/components/sdg-card-bold.sass */
  .sdg-card-bold .flip-front-big-title {
    font-size: 14px;
    line-height: 21px;
  }
}

/* line 82, app/assets/stylesheets/new/components/sdg-card-bold.sass */
.sdg-card-bold .flip-front-title {
  line-height: 30px;
}

@media screen and (max-width: 1220px) {
  /* line 82, app/assets/stylesheets/new/components/sdg-card-bold.sass */
  .sdg-card-bold .flip-front-title {
    font-size: 14px;
    line-height: 26px;
  }
}

/* line 88, app/assets/stylesheets/new/components/sdg-card-bold.sass */
.sdg-card-bold .flip-front-title--margin-top {
  margin-top: 14px;
}

@media screen and (max-width: 1220px) {
  /* line 88, app/assets/stylesheets/new/components/sdg-card-bold.sass */
  .sdg-card-bold .flip-front-title--margin-top {
    margin-top: 10px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 88, app/assets/stylesheets/new/components/sdg-card-bold.sass */
  .sdg-card-bold .flip-front-title--margin-top {
    margin-top: 8px;
  }
}

/* line 97, app/assets/stylesheets/new/components/sdg-card-bold.sass */
.sdg-card-bold .flip-front i {
  backface-visibility: hidden;
}

/* line 100, app/assets/stylesheets/new/components/sdg-card-bold.sass */
.sdg-card-bold .flip-back {
  color: #000000;
  width: 100%;
  height: 100%;
  transform: rotateY(180deg);
  border-radius: 0;
  padding: 20px;
  font-size: 14px;
  line-height: 26px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1090px) {
  /* line 100, app/assets/stylesheets/new/components/sdg-card-bold.sass */
  .sdg-card-bold .flip-back {
    font-size: 12px;
    line-height: 22px;
  }
}

/* line 116, app/assets/stylesheets/new/components/sdg-card-bold.sass */
.sdg-card-bold-icon {
  background-color: #FFFFFF;
  border-radius: 50% !important;
}

/* line 120, app/assets/stylesheets/new/components/sdg-card-bold.sass */
.sdg-card-bold-icon svg {
  height: 35px;
}

/* line 123, app/assets/stylesheets/new/components/sdg-card-bold.sass */
.sdg-card-bold .arch-content {
  width: calc(75% - 10px);
}

/* line 1, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
.sdg-card-colourful {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  background-color: #FFFFFF;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  border-radius: 8px;
  width: 280px;
  height: 240px;
  color: #000000;
  margin: auto;
  position: relative;
  perspective: 1000px;
  box-shadow: 8.4428052902px 8.4428052902px 25.3284187317px -16.8856105804px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 1220px) {
  /* line 1, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
  .sdg-card-colourful {
    width: 240px;
    height: 200px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 1, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
  .sdg-card-colourful {
    width: 200px;
    height: 170px;
  }
}

/* line 25, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
.sdg-card-colourful--small {
  width: 198px;
  height: 198px;
  margin: 0 6px 12px;
}

/* line 30, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
.sdg-card-colourful--small .flip-back {
  font-size: 16px !important;
  line-height: 20px;
}

/* line 34, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
.sdg-card-colourful:hover .flip-inner {
  transform: rotateY(180deg);
}

/* line 37, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
.sdg-card-colourful i {
  height: 35px;
}

/* line 41, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
.sdg-card-colourful .flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

/* line 48, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
.sdg-card-colourful .flip-front, .sdg-card-colourful .flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  padding: 20px;
  border: 2.533px solid;
}

/* line 56, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
.sdg-card-colourful .flip-front {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-radius: 8px;
}

/* line 62, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
.sdg-card-colourful .flip-front-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-right: -10px;
}

/* line 68, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
.sdg-card-colourful .flip-front-icon svg {
  height: 35px;
}

/* line 71, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
.sdg-card-colourful .flip-front-icon--big {
  height: 35px;
}

/* line 74, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
.sdg-card-colourful .flip-front-big-title {
  font-size: 24px;
  line-height: 33px;
  font-weight: 700;
}

@media screen and (max-width: 1220px) {
  /* line 74, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
  .sdg-card-colourful .flip-front-big-title {
    font-size: 16px;
    line-height: 22px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 74, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
  .sdg-card-colourful .flip-front-big-title {
    font-size: 14px;
    line-height: 19px;
  }
}

@media screen and (max-width: 1220px) {
  /* line 87, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
  .sdg-card-colourful .flip-front-title {
    font-size: 14px;
    line-height: 19px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 87, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
  .sdg-card-colourful .flip-front-title {
    font-size: 13.508px;
    line-height: 17px;
  }
}

/* line 96, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
.sdg-card-colourful .flip-front-title--margin-top {
  margin-top: 20px;
}

@media screen and (max-width: 1220px) {
  /* line 96, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
  .sdg-card-colourful .flip-front-title--margin-top {
    margin-top: 15px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 96, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
  .sdg-card-colourful .flip-front-title--margin-top {
    margin-top: 10px;
  }
}

/* line 105, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
.sdg-card-colourful .flip-front i {
  backface-visibility: hidden;
}

/* line 108, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
.sdg-card-colourful .flip-back {
  color: #000000;
  width: 100%;
  height: 100%;
  transform: rotateY(180deg);
  border-radius: 8px;
  padding: 20px;
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1090px) {
  /* line 108, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
  .sdg-card-colourful .flip-back {
    font-size: 12px;
    line-height: 16px;
  }
}

/* line 123, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
.sdg-card-colourful-icon {
  background-color: #FFFFFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
  border-radius: 50% !important;
}

/* line 128, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
.sdg-card-colourful-icon svg {
  height: 35px;
}

/* line 131, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
.sdg-card-colourful-modal {
  width: 240px;
  height: 200px;
}

@media screen and (max-width: 1090px) {
  /* line 131, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
  .sdg-card-colourful-modal {
    width: 200px;
    height: 170px;
  }
}

/* line 140, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
.sdg-card-colourful-modal .flip-front-big-title {
  font-size: 16px;
  line-height: 22px;
}

@media screen and (max-width: 1090px) {
  /* line 140, app/assets/stylesheets/new/components/sdg-card-colourful.sass */
  .sdg-card-colourful-modal .flip-front-big-title {
    font-size: 14px;
    line-height: 19px;
  }
}

/* line 1, app/assets/stylesheets/new/components/sdg-card-tech.sass */
.sdg-card-tech {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  background-color: #FFFFFF;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  border-radius: 20px;
  width: 290px;
  height: 200px;
  color: #000000;
  margin: auto;
  position: relative;
  perspective: 1000px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

@media screen and (max-width: 1220px) {
  /* line 1, app/assets/stylesheets/new/components/sdg-card-tech.sass */
  .sdg-card-tech {
    width: 240px;
    height: 170px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 1, app/assets/stylesheets/new/components/sdg-card-tech.sass */
  .sdg-card-tech {
    width: 200px;
    height: 200px;
  }
}

@media screen and (max-width: 660px) {
  /* line 1, app/assets/stylesheets/new/components/sdg-card-tech.sass */
  .sdg-card-tech {
    width: 290px;
    height: 170px;
  }
}

@media screen and (max-width: 380px) {
  /* line 1, app/assets/stylesheets/new/components/sdg-card-tech.sass */
  .sdg-card-tech {
    width: 200px;
  }
}

/* line 32, app/assets/stylesheets/new/components/sdg-card-tech.sass */
.sdg-card-tech--small {
  width: 198px;
  height: 198px;
  margin: 0 6px 12px;
}

/* line 37, app/assets/stylesheets/new/components/sdg-card-tech.sass */
.sdg-card-tech--small .flip-back {
  font-size: 16px !important;
  line-height: 20px;
}

/* line 42, app/assets/stylesheets/new/components/sdg-card-tech.sass */
.sdg-card-tech:hover .flip-inner {
  transform: rotateY(180deg);
}

/* line 45, app/assets/stylesheets/new/components/sdg-card-tech.sass */
.sdg-card-tech i {
  height: 35px;
}

/* line 49, app/assets/stylesheets/new/components/sdg-card-tech.sass */
.sdg-card-tech .flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

/* line 56, app/assets/stylesheets/new/components/sdg-card-tech.sass */
.sdg-card-tech .flip-front, .sdg-card-tech .flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  padding: 20px;
  border: 10px solid #FFFFFF00;
}

/* line 64, app/assets/stylesheets/new/components/sdg-card-tech.sass */
.sdg-card-tech .flip-front {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-radius: 20px;
}

/* line 69, app/assets/stylesheets/new/components/sdg-card-tech.sass */
.sdg-card-tech .flip-front-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-right: -10px;
  width: 25%;
}

/* line 76, app/assets/stylesheets/new/components/sdg-card-tech.sass */
.sdg-card-tech .flip-front-icon svg {
  height: 35px;
  max-width: 100%;
}

/* line 80, app/assets/stylesheets/new/components/sdg-card-tech.sass */
.sdg-card-tech .flip-front-icon--big {
  height: 35px;
}

/* line 83, app/assets/stylesheets/new/components/sdg-card-tech.sass */
.sdg-card-tech .flip-front-big-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  text-transform: uppercase;
}

@media screen and (max-width: 1220px) {
  /* line 83, app/assets/stylesheets/new/components/sdg-card-tech.sass */
  .sdg-card-tech .flip-front-big-title {
    font-size: 16px;
    line-height: 22px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 83, app/assets/stylesheets/new/components/sdg-card-tech.sass */
  .sdg-card-tech .flip-front-big-title {
    font-size: 14px;
    line-height: 19px;
  }
}

@media screen and (max-width: 1220px) {
  /* line 97, app/assets/stylesheets/new/components/sdg-card-tech.sass */
  .sdg-card-tech .flip-front-title {
    font-size: 14px;
    line-height: 19px;
  }
}

/* line 102, app/assets/stylesheets/new/components/sdg-card-tech.sass */
.sdg-card-tech .flip-front-title--margin-top {
  margin-top: 14px;
}

@media screen and (max-width: 1090px) {
  /* line 102, app/assets/stylesheets/new/components/sdg-card-tech.sass */
  .sdg-card-tech .flip-front-title--margin-top {
    margin-top: 10px;
  }
}

/* line 108, app/assets/stylesheets/new/components/sdg-card-tech.sass */
.sdg-card-tech .flip-front i {
  backface-visibility: hidden;
}

/* line 111, app/assets/stylesheets/new/components/sdg-card-tech.sass */
.sdg-card-tech .flip-back {
  color: #000000;
  width: 100%;
  height: 100%;
  transform: rotateY(180deg);
  border-radius: 20px;
  padding: 20px;
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1220px) {
  /* line 111, app/assets/stylesheets/new/components/sdg-card-tech.sass */
  .sdg-card-tech .flip-back {
    font-size: 14px;
    line-height: 19px;
  }
}

/* line 126, app/assets/stylesheets/new/components/sdg-card-tech.sass */
.sdg-card-tech-icon {
  background-color: #FFFFFF;
}

/* line 129, app/assets/stylesheets/new/components/sdg-card-tech.sass */
.sdg-card-tech-icon svg {
  height: 35px;
}

/* line 132, app/assets/stylesheets/new/components/sdg-card-tech.sass */
.sdg-card-tech .arch-content {
  width: calc(75% - 10px);
}

/* line 1, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  border-radius: 16px;
  width: 280px;
  height: 280px;
  color: #fff;
  margin: auto;
  position: relative;
  perspective: 1000px;
  box-shadow: none;
}

@media screen and (max-width: 1220px) {
  /* line 1, app/assets/stylesheets/new/components/sdg-card.sass */
  .sdg-card {
    width: 240px;
    height: 240px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 1, app/assets/stylesheets/new/components/sdg-card.sass */
  .sdg-card {
    width: 200px;
    height: 200px;
  }
}

/* line 24, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card--small {
  width: 198px;
  height: 198px;
  margin: 0 6px 12px;
}

/* line 29, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card--small .flip-back {
  font-size: 14px !important;
  line-height: 18px;
}

/* line 33, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card:hover .flip-inner {
  transform: rotateY(180deg);
}

/* line 36, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card i {
  font-size: 290px;
  margin-bottom: 20px;
  position: absolute;
  top: -7px;
  left: -7px;
}

@media screen and (max-width: 1220px) {
  /* line 36, app/assets/stylesheets/new/components/sdg-card.sass */
  .sdg-card i {
    font-size: 240px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 36, app/assets/stylesheets/new/components/sdg-card.sass */
  .sdg-card i {
    font-size: 200px;
  }
}

/* line 50, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card .flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

/* line 58, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card .flip-front, .sdg-card .flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

/* line 64, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card .flip-front {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 16px;
  padding: 20px;
}

/* line 72, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card .flip-front-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 55%;
  fill: #FFFFFF;
}

/* line 78, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card .flip-front-icon--big {
  height: 40%;
  fill: #FFFFFF;
}

@media screen and (max-width: 1220px) {
  /* line 78, app/assets/stylesheets/new/components/sdg-card.sass */
  .sdg-card .flip-front-icon--big {
    height: 45%;
    width: 70px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 78, app/assets/stylesheets/new/components/sdg-card.sass */
  .sdg-card .flip-front-icon--big {
    height: 45%;
    width: 60px;
  }
}

@media screen and (max-width: 1220px) {
  /* line 90, app/assets/stylesheets/new/components/sdg-card.sass */
  .sdg-card .flip-front-big-title {
    font-size: 16px;
    line-height: 22px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 90, app/assets/stylesheets/new/components/sdg-card.sass */
  .sdg-card .flip-front-big-title {
    font-size: 14px;
    line-height: 19px;
  }
}

@media screen and (max-width: 1220px) {
  /* line 101, app/assets/stylesheets/new/components/sdg-card.sass */
  .sdg-card .flip-front-title {
    font-size: 14px;
    line-height: 19px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 101, app/assets/stylesheets/new/components/sdg-card.sass */
  .sdg-card .flip-front-title {
    font-size: 12px;
    line-height: 16px;
  }
}

/* line 110, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card .flip-front-title--margin-top {
  margin-top: 20px;
}

@media screen and (max-width: 1220px) {
  /* line 110, app/assets/stylesheets/new/components/sdg-card.sass */
  .sdg-card .flip-front-title--margin-top {
    margin-top: 15px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 110, app/assets/stylesheets/new/components/sdg-card.sass */
  .sdg-card .flip-front-title--margin-top {
    margin-top: 10px;
  }
}

/* line 119, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card .flip-front i {
  backface-visibility: hidden;
}

/* line 122, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card .flip-back {
  color: white;
  width: 100%;
  height: 100%;
  transform: rotateY(180deg);
  border-radius: 16px;
  padding: 20px;
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1220px) {
  /* line 122, app/assets/stylesheets/new/components/sdg-card.sass */
  .sdg-card .flip-back {
    font-size: 14px;
    line-height: 19px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 122, app/assets/stylesheets/new/components/sdg-card.sass */
  .sdg-card .flip-back {
    font-size: 12px;
    line-height: 16px;
  }
}

/* line 142, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card-color-1 {
  background: #EB1C2D;
}

/* line 144, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card-color-2 {
  background: #D3A029;
}

/* line 146, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card-color-3 {
  background: #279B48;
}

/* line 148, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card-color-4 {
  background: #C31F33;
}

/* line 150, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card-color-5 {
  background: #EF402B;
}

/* line 152, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card-color-6 {
  background: #00AED9;
}

/* line 154, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card-color-7 {
  background: #FDB713;
}

/* line 156, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card-color-8 {
  background: #8F1838;
}

/* line 158, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card-color-9 {
  background: #F36D25;
}

/* line 160, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card-color-10 {
  background: #E11484;
}

/* line 162, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card-color-11 {
  background: #F99D26;
}

/* line 164, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card-color-12 {
  background: #CF8D2A;
}

/* line 166, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card-color-13 {
  background: #48773E;
}

/* line 168, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card-color-14 {
  background: #007DBC;
}

/* line 170, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card-color-15 {
  background: #3EB049;
}

/* line 172, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card-color-16 {
  background: #02558B;
}

/* line 174, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card-color-17 {
  background: #183668;
}

/* line 177, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card-modal {
  width: 240px;
  height: 240px;
}

@media screen and (max-width: 1090px) {
  /* line 177, app/assets/stylesheets/new/components/sdg-card.sass */
  .sdg-card-modal {
    width: 200px;
    height: 200px;
  }
}

/* line 186, app/assets/stylesheets/new/components/sdg-card.sass */
.sdg-card-modal .flip-front-big-title {
  font-size: 16px;
  line-height: 22px;
}

@media screen and (max-width: 1090px) {
  /* line 186, app/assets/stylesheets/new/components/sdg-card.sass */
  .sdg-card-modal .flip-front-big-title {
    font-size: 14px;
    line-height: 19px;
  }
}

/* line 1, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 25px;
}

/* line 6, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form--sign-in {
  margin-top: 90px;
}

/* line 9, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form__title {
  margin: 0 0 20px;
  color: #FFFFFF;
  font: 600 38px Nunito, Sans-Serif;
}

@media screen and (max-width: 768px) {
  /* line 9, app/assets/stylesheets/new/components/sign-up-form.sass */
  .sign-up-form__title {
    font-size: 28px;
  }
}

/* line 17, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form__title-sm {
  margin: 48px 0 20px;
  color: #FFFFFF;
  font: 600 24px Nunito, Sans-Serif;
}

@media screen and (max-width: 768px) {
  /* line 17, app/assets/stylesheets/new/components/sign-up-form.sass */
  .sign-up-form__title-sm {
    font-size: 18px;
  }
}

/* line 25, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form__description {
  margin: 0 0 20px;
  color: #FFFFFF;
  font: 400 16px Nunito, Sans-Serif;
}

/* line 30, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form__input {
  position: relative;
}

/* line 33, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form__input_link {
  position: absolute;
  right: 0;
}

/* line 37, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form__input_link a {
  color: white;
}

/* line 41, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 20px;
}

/* line 45, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form__row > div {
  width: 46%;
}

/* line 48, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

/* line 53, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form__actions a {
  margin-right: 35px;
  color: #FFFFFF;
  font: 400 16px Nunito, Sans-Serif;
}

/* line 58, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form__actions a:last-child {
  margin-right: 0;
}

/* line 61, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form__links {
  color: #FFFFFF;
  text-align: right;
  margin-top: 20px;
}

/* line 66, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form__links a {
  margin: 0 10px;
  color: #FFFFFF;
}

@media only screen and (max-height: 900px) {
  /* line 71, app/assets/stylesheets/new/components/sign-up-form.sass */
  .sign-up-form__privacy-information {
    position: static;
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  /* line 71, app/assets/stylesheets/new/components/sign-up-form.sass */
  .sign-up-form__privacy-information {
    text-align: center;
    position: initial;
    margin-top: 40px;
  }
}

/* line 81, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form__privacy-information h4 {
  margin: 0;
  color: #FFFFFF;
  font: 700 0.7272727273 Nunito, Sans-Serif;
}

/* line 85, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form__privacy-information p {
  margin: 0;
  color: #FFFFFF;
  font: 400 16px Nunito, Sans-Serif;
}

/* line 89, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form__privacy-information div {
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0 0 0;
}

@media screen and (max-width: 768px) {
  /* line 89, app/assets/stylesheets/new/components/sign-up-form.sass */
  .sign-up-form__privacy-information div {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    margin-left: 0;
  }
}

/* line 97, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form__privacy-information a {
  color: #FFFFFF;
  font: 400 16px Nunito, Sans-Serif;
}

/* line 101, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form__privacy-information a + a {
  margin-left: 30px;
}

@media screen and (max-width: 768px) {
  /* line 101, app/assets/stylesheets/new/components/sign-up-form.sass */
  .sign-up-form__privacy-information a + a {
    margin: 10px 0 0 0;
  }
}

/* line 107, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form-section {
  min-height: 100vh;
  height: 100vh;
  width: 520px;
  padding: 25px 60px 40px 60px;
  background: #007AFF;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.05), 0 0 4px rgba(0, 0, 0, 0.05);
}

@media screen and (max-width: 860px) {
  /* line 107, app/assets/stylesheets/new/components/sign-up-form.sass */
  .sign-up-form-section {
    padding: 25px 80px 40px 80px;
    min-height: 100vh;
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  /* line 107, app/assets/stylesheets/new/components/sign-up-form.sass */
  .sign-up-form-section {
    padding: 25px 40px 40px 40px;
  }
}

@media screen and (max-width: 400px) {
  /* line 107, app/assets/stylesheets/new/components/sign-up-form.sass */
  .sign-up-form-section {
    padding: 20px;
  }
}

/* line 126, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form-section__establishment-image {
  margin-bottom: 20px;
}

/* line 129, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form-section__establishment-image img {
  border-radius: 8px;
  width: 100%;
}

/* line 133, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form-section__logo {
  margin: 0;
  font: 600 38px/52px Nunito, Sans-Serif;
  color: #FFFFFF;
}

/* line 138, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form-section__subtitle {
  color: #FFFFFF;
  display: none;
  margin: 10px 0 50px 0;
}

@media screen and (max-width: 768px) {
  /* line 138, app/assets/stylesheets/new/components/sign-up-form.sass */
  .sign-up-form-section__subtitle {
    display: block;
    font: 700 28px Nunito, Sans-Serif;
  }
}

/* line 147, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form-section__step-counter {
  margin: 23px 0 0;
  color: #FFFFFF;
  font: 400 16px Nunito, Sans-Serif;
}

/* line 152, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form-section__step-dots {
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}

/* line 156, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form-section__step-dots-item {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #DDE2E5;
  opacity: 0.1;
  cursor: pointer;
}

/* line 163, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form-section__step-dots-item + .sign-up-form-section__step-dots-item {
  margin-left: 10px;
}

/* line 165, app/assets/stylesheets/new/components/sign-up-form.sass */
.sign-up-form-section__step-dots-item.active {
  background: #fff;
  opacity: 1;
}

/* line 1, app/assets/stylesheets/new/components/sign-up-info-section.sass */
.sign-up-info-section {
  padding: 25px 40px 40px 40px;
}

/* line 4, app/assets/stylesheets/new/components/sign-up-info-section.sass */
.sign-up-info-section__title {
  margin: 0;
  color: #334249;
  font: 600 38px/52px Nunito, Sans-Serif;
}

/* line 9, app/assets/stylesheets/new/components/sign-up-info-section.sass */
.sign-up-info-section__steps {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 55px;
  padding-bottom: 24px;
}

@media screen and (max-width: 1200px) {
  /* line 9, app/assets/stylesheets/new/components/sign-up-info-section.sass */
  .sign-up-info-section__steps {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* line 19, app/assets/stylesheets/new/components/sign-up-info-section.sass */
.sign-up-info-section__steps:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 4px;
  background: #F8F9FA;
}

@media screen and (max-width: 1200px) {
  /* line 19, app/assets/stylesheets/new/components/sign-up-info-section.sass */
  .sign-up-info-section__steps:before {
    content: none;
  }
}

/* line 32, app/assets/stylesheets/new/components/sign-up-info-section.sass */
.sign-up-info-section__steps-title {
  position: relative;
  max-width: 190px;
  width: 22%;
  color: #ACB5BD;
  font: 500 18px/21px Nunito, Sans-Serif;
  cursor: pointer;
}

@media screen and (max-width: 1200px) {
  /* line 32, app/assets/stylesheets/new/components/sign-up-info-section.sass */
  .sign-up-info-section__steps-title {
    width: 100%;
    max-width: none;
    margin-bottom: 20px;
  }
}

/* line 45, app/assets/stylesheets/new/components/sign-up-info-section.sass */
.sign-up-info-section__steps-title--active {
  color: #0984FF;
}

/* line 48, app/assets/stylesheets/new/components/sign-up-info-section.sass */
.sign-up-info-section__steps-title--active:before {
  content: '';
  position: absolute;
  bottom: -24px;
  left: 0;
  right: 0;
  height: 4px;
  background: #0984FF;
  border-radius: 4px;
}

@media screen and (max-width: 1200px) {
  /* line 48, app/assets/stylesheets/new/components/sign-up-info-section.sass */
  .sign-up-info-section__steps-title--active:before {
    bottom: -10px;
  }
}

/* line 61, app/assets/stylesheets/new/components/sign-up-info-section.sass */
.sign-up-info-section__description {
  max-width: 730px;
  margin: 10px 0 0;
  color: #334249;
  font: 400 16px Nunito, Sans-Serif;
  line-height: 20px;
}

/* line 68, app/assets/stylesheets/new/components/sign-up-info-section.sass */
.sign-up-info-section__description-title {
  margin: 40px 0 0;
  color: #334249;
  font: 500 16px Nunito, Sans-Serif;
}

/* line 73, app/assets/stylesheets/new/components/sign-up-info-section.sass */
.sign-up-info-section__image {
  display: block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: calc(100vh - 400px);
  margin-top: 20px;
}

/* line 80, app/assets/stylesheets/new/components/sign-up-info-section.sass */
.sign-up-info-section__btn {
  border: 0;
  background: transparent;
}

/* line 1, app/assets/stylesheets/new/components/sign-up-input.sass */
.sign-up-form__input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 5, app/assets/stylesheets/new/components/sign-up-input.sass */
.sign-up-form__input label {
  margin-bottom: 10px;
  color: #FFFFFF;
  font: 500 16px Nunito, Sans-Serif;
}

/* line 10, app/assets/stylesheets/new/components/sign-up-input.sass */
.sign-up-form__input input {
  height: 45px;
  padding: 0 10px;
  background: #F8F9FA;
  border-radius: 8px;
  width: 100%;
}

/* line 16, app/assets/stylesheets/new/components/sign-up-input.sass */
.sign-up-form__input input::-moz-placeholder {
  color: #ACB5BD;
  font: 400 16px Nunito, Sans-Serif;
}
.sign-up-form__input input:-ms-input-placeholder {
  color: #ACB5BD;
  font: 400 16px Nunito, Sans-Serif;
}
.sign-up-form__input input::placeholder {
  color: #ACB5BD;
  font: 400 16px Nunito, Sans-Serif;
}

/* line 20, app/assets/stylesheets/new/components/sign-up-input.sass */
.sign-up-form__input-inner {
  position: relative;
  gap: .25rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 26, app/assets/stylesheets/new/components/sign-up-input.sass */
.sign-up-form__input-error {
  color: #FFFFFF;
  font: 400 14px Nunito, Sans-Serif;
  background-color: #f71f1f;
  padding: 4px 6px;
  border-radius: 8px;
  font-weight: 600;
  width: -moz-max-content;
  width: max-content;
}

/* line 1, app/assets/stylesheets/new/components/sign-up-page.sass */
.sign-up-page {
  display: -ms-flexbox;
  display: flex;
}

/* line 4, app/assets/stylesheets/new/components/sign-up-page.sass */
.sign-up-page__info-section {
  width: calc(100% - 520px);
}

@media screen and (max-width: 860px) {
  /* line 4, app/assets/stylesheets/new/components/sign-up-page.sass */
  .sign-up-page__info-section {
    display: none;
  }
}

/* line 1, app/assets/stylesheets/new/components/spinner.sass */
.spinner {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 8, app/assets/stylesheets/new/components/spinner.sass */
.spinner .img {
  width: 50px;
  height: 50px;
  margin: auto;
}

/* line 14, app/assets/stylesheets/new/components/spinner.sass */
.spinner--big .img {
  width: 200px;
  height: 200px;
}

/* line 1, app/assets/stylesheets/new/components/sso-signup-form.sass */
.sso-sign-up-form {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: .5rem;
  padding: .5rem;
}

/* line 1, app/assets/stylesheets/new/components/sso/sso-user-card-container.sass */
.sso-user-card-container {
  -ms-flex-positive: 1;
      flex-grow: 1;
  overflow-y: auto;
  width: calc(100% + .5rem);
  padding-right: .5rem;
}

/* line 1, app/assets/stylesheets/new/components/sso/sso-user-card.sass */
.sso-user-card {
  width: 100%;
  border-radius: 15px;
  background-color: white;
  padding: 1rem 1rem 1rem 1.2rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1), 8px 8px 16px 0px rgba(0, 0, 0, 0.1);
  color: #0984FF;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

/* line 14, app/assets/stylesheets/new/components/sso/sso-user-card.sass */
.sso-user-card__logo-container {
  position: absolute;
  top: .8rem;
  right: .8rem;
  display: -ms-flexbox;
  display: flex;
}

/* line 20, app/assets/stylesheets/new/components/sso/sso-user-card.sass */
.sso-user-card__text-role {
  padding-right: .8rem;
}

/* line 23, app/assets/stylesheets/new/components/sso/sso-user-card.sass */
.sso-user-card__text-description {
  color: gray;
  font-size: .8rem;
}

/* line 27, app/assets/stylesheets/new/components/sso/sso-user-card.sass */
.sso-user-card__text-classroom {
  padding-bottom: .6rem;
  pointer-events: none;
}

/* line 31, app/assets/stylesheets/new/components/sso/sso-user-card.sass */
.sso-user-card__button-container {
  padding-top: 1rem;
}

/* line 34, app/assets/stylesheets/new/components/sso/sso-user-card.sass */
.sso-user-card__button {
  pointer-events: auto;
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/new/components/switcher.sass */
.switcher {
  height: 45px;
  min-width: 225px;
}

/* line 5, app/assets/stylesheets/new/components/switcher.sass */
.switcher > * {
  padding: 8px 15px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}

/* line 11, app/assets/stylesheets/new/components/switcher.sass */
.switcher > * i, .switcher > * svg {
  font-size: 25px;
  margin-right: 10px;
}

/* line 18, app/assets/stylesheets/new/components/switcher.sass */
.switcher-option {
  border: 2px solid rgba(9, 132, 255, 0.1);
  color: #0984FF;
  text-decoration: none;
}

/* line 23, app/assets/stylesheets/new/components/switcher.sass */
.switcher-option:hover {
  background-color: #F8F9FA;
}

/* line 27, app/assets/stylesheets/new/components/switcher.sass */
.switcher-option svg path {
  fill: #0984ff;
}

/* line 30, app/assets/stylesheets/new/components/switcher.sass */
.switcher-option--left {
  border-radius: 8px 0 0 8px;
}

/* line 33, app/assets/stylesheets/new/components/switcher.sass */
.switcher-option--right {
  border-radius: 0 8px 8px 0;
}

/* line 36, app/assets/stylesheets/new/components/switcher.sass */
.switcher-option--active {
  background-color: #0984FF;
  border: 2px solid #0984FF;
  color: white;
}

/* line 41, app/assets/stylesheets/new/components/switcher.sass */
.switcher-option--active:hover {
  background-color: #0984FF;
}

/* line 45, app/assets/stylesheets/new/components/switcher.sass */
.switcher-option--active svg path {
  fill: white;
}

/* line 3, app/assets/stylesheets/new/components/tabs.sass */
.tabs__steps {
  margin-bottom: 50px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 12px;
}

@media screen and (max-width: 1200px) {
  /* line 3, app/assets/stylesheets/new/components/tabs.sass */
  .tabs__steps {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* line 12, app/assets/stylesheets/new/components/tabs.sass */
.tabs__steps:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  border-radius: 4px;
  background: #d3d3d3;
}

@media screen and (max-width: 1200px) {
  /* line 12, app/assets/stylesheets/new/components/tabs.sass */
  .tabs__steps:before {
    content: none;
  }
}

/* line 25, app/assets/stylesheets/new/components/tabs.sass */
.tabs__steps-title {
  position: relative;
  margin-right: 32px;
  font: 500 16px Nunito, Sans-Serif;
  cursor: pointer;
}

@media screen and (max-width: 1200px) {
  /* line 25, app/assets/stylesheets/new/components/tabs.sass */
  .tabs__steps-title {
    width: 100%;
    max-width: none;
    margin-bottom: 20px;
  }
}

/* line 36, app/assets/stylesheets/new/components/tabs.sass */
.tabs__steps-title--active {
  color: #0984FF;
}

/* line 39, app/assets/stylesheets/new/components/tabs.sass */
.tabs__steps-title--active:before {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
  height: 2px;
  background: #0984FF;
  border-radius: 4px;
}

@media screen and (max-width: 1200px) {
  /* line 39, app/assets/stylesheets/new/components/tabs.sass */
  .tabs__steps-title--active:before {
    bottom: -10px;
  }
}

/* line 52, app/assets/stylesheets/new/components/tabs.sass */
.tabs__btn {
  border: 0;
  background: transparent;
}

/* line 1, app/assets/stylesheets/new/components/terms.sass */
.terms, .privacy, .accessibility {
  margin-left: 0;
  padding: 2.5vw 8vw;
  position: relative;
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 100vh;
  color: #767676;
}

/* line 10, app/assets/stylesheets/new/components/terms.sass */
.terms .content, .privacy .content, .accessibility .content {
  font-size: 18px;
}

/* line 12, app/assets/stylesheets/new/components/terms.sass */
.terms .contentp + ol, .privacy .contentp + ol, .accessibility .contentp + ol {
  margin-top: 2.2em;
}

/* line 14, app/assets/stylesheets/new/components/terms.sass */
.terms .contentol, .privacy .contentol, .accessibility .contentol {
  padding-left: 28px;
}

/* line 16, app/assets/stylesheets/new/components/terms.sass */
.terms .content li, .privacy .content li, .accessibility .content li {
  margin-bottom: 1em;
  line-height: 1.7;
}

/* line 19, app/assets/stylesheets/new/components/terms.sass */
.terms h1, .terms h2, .terms h3, .privacy h1, .privacy h2, .privacy h3, .accessibility h1, .accessibility h2, .accessibility h3 {
  font-family: "Montserrat", sans-serif;
  color: #3e4146;
  font-weight: bold;
}

/* line 23, app/assets/stylesheets/new/components/terms.sass */
.terms p, .privacy p, .accessibility p {
  margin-top: 0.8em;
  margin-bottom: 1.6em;
  line-height: 1.6;
}

/* line 2, app/assets/stylesheets/new/components/test.sass */
.test-container .validate-block {
  min-height: 100vh;
  padding: 10% 15% 30% 15%;
  color: white;
  background-image: url(//app.validatestartup.com/assets/test-idea/page-test-bg.png);
}

@media screen and (max-width: 767px) {
  /* line 2, app/assets/stylesheets/new/components/test.sass */
  .test-container .validate-block {
    padding: 10px 15px 30px 15px;
  }
}

/* line 11, app/assets/stylesheets/new/components/test.sass */
.test-container .validate-block-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 5%;
  -ms-flex-pack: justify;
      justify-content: space-between;
  background-color: #00acb8;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  border-radius: 5px;
}

/* line 21, app/assets/stylesheets/new/components/test.sass */
.test-container .validate-block-inner img {
  width: 40%;
}

/* line 24, app/assets/stylesheets/new/components/test.sass */
.test-container .validate-block-inner .validate-title {
  font-size: 25px;
  margin-bottom: 20px;
}

/* line 28, app/assets/stylesheets/new/components/test.sass */
.test-container .validate-block-inner .validate-description {
  margin-bottom: 20px;
  font-size: 16px;
  width: 80%;
}

/* line 33, app/assets/stylesheets/new/components/test.sass */
.test-container .validate-block-inner .btn {
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding: 15px 40px;
  background-color: #F06292;
  border-radius: 3px;
  color: #FFFFFF;
  font-size: 20px;
  line-height: 1.5;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  transition: all ease-in-out 0.2s;
  text-decoration: none;
  cursor: pointer;
}

/* line 46, app/assets/stylesheets/new/components/test.sass */
.test-container .validate-block-inner .btn:hover {
  background-color: #ec3372;
}

/* line 49, app/assets/stylesheets/new/components/test.sass */
.test-container .validate-block-inner .btn:focus {
  outline: none;
}

/* line 52, app/assets/stylesheets/new/components/test.sass */
.test-container .top-block {
  border-bottom: 1px solid #00acba;
  padding: 20px 10% 20px 10%;
}

@media screen and (max-width: 767px) {
  /* line 52, app/assets/stylesheets/new/components/test.sass */
  .test-container .top-block {
    padding: 10px;
  }
}

/* line 59, app/assets/stylesheets/new/components/test.sass */
.test-container .top-block .questions-block {
  display: -ms-flexbox;
  display: flex;
  border: 2px solid #51c5ca;
  border-radius: 5px;
  padding: 20px 10% 30px 10%;
}

@media screen and (max-width: 767px) {
  /* line 59, app/assets/stylesheets/new/components/test.sass */
  .test-container .top-block .questions-block {
    padding: 10px;
  }
}

/* line 68, app/assets/stylesheets/new/components/test.sass */
.test-container .top-block .questions-block .questions-block-left {
  width: 90%;
}

/* line 72, app/assets/stylesheets/new/components/test.sass */
.test-container .top-block .questions-block .questions-block-left .question .question-title {
  width: 100%;
  margin-bottom: 10px;
  color: #767676;
  font-size: 20px;
  line-height: 1.5;
}

/* line 79, app/assets/stylesheets/new/components/test.sass */
.test-container .top-block .questions-block .questions-block-left .question .question-subtitle {
  color: #767676;
  font-size: 14px;
  line-height: 1.5;
}

/* line 84, app/assets/stylesheets/new/components/test.sass */
.test-container .top-block .questions-block .questions-block-left .question .question-answer {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 767px) {
  /* line 84, app/assets/stylesheets/new/components/test.sass */
  .test-container .top-block .questions-block .questions-block-left .question .question-answer {
    height: 60px;
  }
}

/* line 92, app/assets/stylesheets/new/components/test.sass */
.test-container .top-block .questions-block .questions-block-left .question .question-answer .input-range {
  margin: 15px 25px 0 0;
}

@media screen and (max-width: 767px) {
  /* line 92, app/assets/stylesheets/new/components/test.sass */
  .test-container .top-block .questions-block .questions-block-left .question .question-answer .input-range {
    margin: 0 25px 0 0;
  }
}

/* line 98, app/assets/stylesheets/new/components/test.sass */
.test-container .top-block .questions-block .questions-block-left .question .question-answer .input-range__label {
  bottom: -2.1rem;
}

/* line 101, app/assets/stylesheets/new/components/test.sass */
.test-container .top-block .questions-block .questions-block-left .question .question-answer .input-range__label-container {
  left: auto;
}

/* line 104, app/assets/stylesheets/new/components/test.sass */
.test-container .top-block .questions-block .questions-block-left .question .question-answer .input-range__label--value {
  top: -3rem;
  left: -10px;
  width: 30px;
  text-align: center;
}

/* line 110, app/assets/stylesheets/new/components/test.sass */
.test-container .top-block .questions-block .questions-block-left .question .question-answer .input-range__slider {
  width: 25px;
  height: 25px;
  background-color: #F06292;
  border-color: #F06292;
  top: -14px;
}

/* line 117, app/assets/stylesheets/new/components/test.sass */
.test-container .top-block .questions-block .questions-block-left .question .question-answer .input-range__slider:before {
  content: '';
  width: 5px;
  height: 35px;
  background-color: #F06292;
  display: block;
  margin-top: -6px;
  margin-left: 9px;
}

/* line 126, app/assets/stylesheets/new/components/test.sass */
.test-container .top-block .questions-block .questions-block-left .question .question-answer .input-range__track {
  background: linear-gradient(90deg, #ff3a3ab3 0%, #fb970285 50%, #38e0237a 100%);
  border-radius: unset;
  height: 25px;
}

/* line 131, app/assets/stylesheets/new/components/test.sass */
.test-container .top-block .questions-block .questions-block-left .question .question-answer .input-range__track--active {
  visibility: hidden;
}

/* line 134, app/assets/stylesheets/new/components/test.sass */
.test-container .top-block .questions-block .questions-block-left .question .question-answer input {
  width: 80%;
  height: 40px;
  margin-bottom: 0;
  border-radius: 4px;
  border: none;
  margin-right: 10px;
  padding-left: 10px;
  box-shadow: 2px 3px 5px #D8D8D8;
}

/* line 144, app/assets/stylesheets/new/components/test.sass */
.test-container .top-block .questions-block .questions-block-left .question .question-answer .btn {
  width: 15%;
  margin: 0;
  padding: 11px 16px;
  background-color: #F06292;
  color: #FFFFFF;
  border-radius: 3px;
  border: none;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  transition: all ease-in-out 0.3s;
  cursor: pointer;
}

/* line 156, app/assets/stylesheets/new/components/test.sass */
.test-container .top-block .questions-block .questions-block-left .question .question-answer .btn:hover {
  background-color: #ec3372;
}

/* line 159, app/assets/stylesheets/new/components/test.sass */
.test-container .top-block .questions-block .questions-block-left .question .question-answer .btn:focus {
  outline: none;
}

@media screen and (max-width: 767px) {
  /* line 144, app/assets/stylesheets/new/components/test.sass */
  .test-container .top-block .questions-block .questions-block-left .question .question-answer .btn {
    width: auto;
  }
}

/* line 165, app/assets/stylesheets/new/components/test.sass */
.test-container .top-block .questions-block .questions-block-right {
  width: 10%;
  padding: 0 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
}

/* line 172, app/assets/stylesheets/new/components/test.sass */
.test-container .top-block .questions-block .questions-block-right .questions-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #00acb8;
  margin: 5px;
  cursor: pointer;
}

/* line 180, app/assets/stylesheets/new/components/test.sass */
.test-container .top-block .questions-block .questions-block-right .questions-dot-marked {
  background-color: #00acb8;
}

/* line 1, app/assets/stylesheets/new/components/testing/checkbox.sass */
.checkbox-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  margin: 10px 0 30px 0;
}

/* line 7, app/assets/stylesheets/new/components/testing/checkbox.sass */
.checkbox-item .title {
  text-transform: capitalize;
}

/* line 10, app/assets/stylesheets/new/components/testing/checkbox.sass */
.checkbox-item label {
  margin: 0;
}

/* line 13, app/assets/stylesheets/new/components/testing/checkbox.sass */
.checkbox-item label .cbx + span {
  float: left;
  margin-left: 6px;
}

/* line 17, app/assets/stylesheets/new/components/testing/checkbox.sass */
.checkbox-item label input[type="checkbox"] {
  display: none;
}

/* line 20, app/assets/stylesheets/new/components/testing/checkbox.sass */
.checkbox-item label input[type="checkbox"]:checked + .cbx {
  background-color: #fff;
  border: 0;
}

/* line 23, app/assets/stylesheets/new/components/testing/checkbox.sass */
.checkbox-item label input[type="checkbox"]:checked + .cbx svg {
  stroke-dashoffset: 0;
  transition: all .15s ease;
}

/* line 27, app/assets/stylesheets/new/components/testing/checkbox.sass */
.checkbox-item label .cbx {
  position: relative;
  cursor: pointer;
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 2px solid #DDE2E5;
  background-color: #F8F9FA;
  transition: all .15s ease;
  margin-right: 10px;
}

/* line 41, app/assets/stylesheets/new/components/testing/checkbox.sass */
.checkbox-item label .cbx svg {
  position: absolute;
  top: 6px;
  left: 7px;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #0984FF;
  stroke-width: 2;
  stroke-dasharray: 17;
  stroke-dashoffset: 17;
  transform: translate3d(0, 0, 0);
}

/* line 1, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card {
  border-radius: 16px;
  padding: 40px;
}

@media screen and (max-width: 1280px) {
  /* line 1, app/assets/stylesheets/new/components/testing/test-card.sass */
  .test-card {
    margin: 0;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1, app/assets/stylesheets/new/components/testing/test-card.sass */
  .test-card {
    padding: 20px;
  }
}

/* line 12, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 8px;
  font-weight: bold;
}

/* line 19, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__header img {
  margin-right: 20px;
  width: 45px;
}

/* line 23, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__header .title {
  font-weight: 500;
  font-size: 28px;
  line-height: 38px;
  margin-bottom: 0;
}

/* line 29, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__title {
  font-size: 38px;
  line-height: 52px;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: capitalize;
}

@media screen and (max-width: 520px) {
  /* line 29, app/assets/stylesheets/new/components/testing/test-card.sass */
  .test-card__title {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

@media screen and (max-width: 520px) {
  /* line 39, app/assets/stylesheets/new/components/testing/test-card.sass */
  .test-card__title-name {
    margin-right: auto;
  }
}

/* line 43, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__title-actions {
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 520px) {
  /* line 43, app/assets/stylesheets/new/components/testing/test-card.sass */
  .test-card__title-actions {
    -ms-flex-order: -1;
        order: -1;
    margin-left: auto;
  }
}

/* line 50, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__title.with-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

/* line 55, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__title.with-button .bmc-button {
  background: #0984FF;
  border-radius: 8px;
  font-size: 16px;
  color: #fff;
  padding: 13px 25px;
}

/* line 62, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__title.with-button .close-modal-button {
  margin-left: 20px;
  background: #FFFFFF00;
  padding: 13px 0;
}

@media screen and (max-width: 520px) {
  /* line 67, app/assets/stylesheets/new/components/testing/test-card.sass */
  .test-card__title .text {
    width: 100%;
  }
}

/* line 71, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__rate {
  margin-bottom: 40px;
  font-family: Nunito;
}

/* line 74, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__rate > span {
  margin-right: 10px;
}

/* line 77, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 45px;
  padding: 0 !important;
}

@media screen and (max-width: 1024px) {
  /* line 77, app/assets/stylesheets/new/components/testing/test-card.sass */
  .test-card__section {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* line 87, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section:last-child {
  margin-bottom: 0;
}

/* line 90, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section .left, .test-card__section .right {
  width: calc(50% - 20px);
}

@media screen and (max-width: 1024px) {
  /* line 90, app/assets/stylesheets/new/components/testing/test-card.sass */
  .test-card__section .left, .test-card__section .right {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 480px) {
  /* line 90, app/assets/stylesheets/new/components/testing/test-card.sass */
  .test-card__section .left, .test-card__section .right {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* line 100, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section .left .content, .test-card__section .right .content {
  width: 100%;
}

/* line 103, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section .left .block, .test-card__section .right .block {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 111, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section .left .block .content a, .test-card__section .right .block .content a {
  color: #0984FF;
  overflow-wrap: anywhere;
}

/* line 116, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section .left .block .title, .test-card__section .right .block .title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}

/* line 125, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section .left .block .title--column, .test-card__section .right .block .title--column {
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 128, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section .left .block .title--column .add-field, .test-card__section .right .block .title--column .add-field {
  margin-top: 10px;
}

/* line 131, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section .right {
  margin-left: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
}

@media screen and (max-width: 1024px) {
  /* line 131, app/assets/stylesheets/new/components/testing/test-card.sass */
  .test-card__section .right {
    margin-left: 0;
  }
}

/* line 140, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section .right .block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/* line 144, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section .right .block .status {
  min-width: 120px;
  margin-left: auto;
}

@media screen and (max-width: 480px) {
  /* line 144, app/assets/stylesheets/new/components/testing/test-card.sass */
  .test-card__section .right .block .status {
    width: 100%;
    margin-left: 0;
  }
}

/* line 152, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section .right .block .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

/* line 159, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section .right .block .content .share-link {
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  color: #334249;
  width: 100%;
}

/* line 166, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section .right .block .content .checkbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

/* line 171, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section .right .block .content .checkbox .box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: #2FD158;
  width: 30px;
  height: 30px;
  background: rgba(47, 209, 88, 0.2);
  border-radius: 8px;
  margin-right: 10px;
}

/* line 182, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section .right .block .content .checkbox .text {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #2FD158;
  text-decoration: none;
}

/* line 189, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section .right .block .content .uploaded-files {
  display: block;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

/* line 196, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section .right .block .content .uploaded-files .file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px;
  border: 2px solid rgba(9, 132, 255, 0.1);
  border-radius: 8px;
  color: #0984FF;
  margin-right: 10px;
  margin-bottom: 10px;
  width: calc(100% - 5px);
  cursor: pointer;
  position: relative;
}

/* line 209, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section .right .block .content .uploaded-files .file:nth-child(2n) {
  margin-right: 0;
}

@media screen and (max-width: 480px) {
  /* line 196, app/assets/stylesheets/new/components/testing/test-card.sass */
  .test-card__section .right .block .content .uploaded-files .file {
    width: 100%;
    margin-right: 0;
  }
}

/* line 216, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section .right .block .content .uploaded-files .file:hover {
  opacity: 0.5;
}

/* line 218, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section .right .block .content .uploaded-files .file:hover .text {
  text-decoration: underline;
}

/* line 220, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section .right .block .content .uploaded-files .file i {
  font-size: 25px;
  margin-right: 10px;
}

/* line 224, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section .right .block .content .uploaded-files .file .text {
  font-size: 16px;
  line-height: 20px;
  max-width: calc(100% - 55px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* line 232, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card__section .right .block .content .uploaded-files .file .remove-button {
  width: 15px;
  height: 18px;
  margin-left: 10px;
  fill: #0984FF;
}

/* line 240, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card .bmc-button:hover {
  opacity: 0.5;
}

/* line 243, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card .add-field {
  color: #0984FF;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
  cursor: pointer;
  font-weight: normal;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 2px solid rgba(9, 132, 255, 0.1);
}

/* line 255, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card .add-field input {
  display: none;
}

/* line 258, app/assets/stylesheets/new/components/testing/test-card.sass */
.test-card--modal-mode {
  margin: 0;
}

@media screen and (max-width: 1024px) {
  /* line 264, app/assets/stylesheets/new/components/testing/test-card.sass */
  .test-card--bmc-section-mode .test-card__section {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (max-width: 1024px) {
  /* line 268, app/assets/stylesheets/new/components/testing/test-card.sass */
  .test-card--bmc-section-mode .test-card__section .left, .test-card--bmc-section-mode .test-card__section .right {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
}

/* line 1, app/assets/stylesheets/new/components/testing/testing-icon-block.sass */
.icon-block {
  width: 30px;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  box-sizing: border-box;
  border-radius: 8px;
  background-color: transparent;
  border: 2px solid #DDE2E5;
}

/* line 11, app/assets/stylesheets/new/components/testing/testing-icon-block.sass */
.icon-block.active {
  background-color: #0984FF;
  border: 2px solid #0984FF;
}

/* line 14, app/assets/stylesheets/new/components/testing/testing-icon-block.sass */
.icon-block.active.incomplete, .icon-block.active.valid, .icon-block.active.invalid, .icon-block.active.unsure {
  background-color: rgba(255, 255, 255, 0.2);
}

/* line 16, app/assets/stylesheets/new/components/testing/testing-icon-block.sass */
.icon-block.incomplete {
  border: none;
  background-color: #ACB5BD33;
}

/* line 19, app/assets/stylesheets/new/components/testing/testing-icon-block.sass */
.icon-block.valid {
  border: none;
  background-color: #2FD158;
}

/* line 22, app/assets/stylesheets/new/components/testing/testing-icon-block.sass */
.icon-block.invalid {
  border: none;
  background-color: rgba(255, 70, 58, 0.2);
}

/* line 25, app/assets/stylesheets/new/components/testing/testing-icon-block.sass */
.icon-block.unsure {
  border: none;
  background-color: rgba(255, 109, 0, 0.1);
}

/* line 1, app/assets/stylesheets/new/components/testing/testing-response-card.sass */
.response-card {
  background: #FFFFFF00;
  border-radius: 16px;
  padding: 40px;
  margin: 0 -55px;
}

@media screen and (max-width: 1280px) {
  /* line 1, app/assets/stylesheets/new/components/testing/testing-response-card.sass */
  .response-card {
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/new/components/testing/testing-response-card.sass */
  .response-card {
    padding: 20px;
  }
}

/* line 13, app/assets/stylesheets/new/components/testing/testing-response-card.sass */
.response-card__title {
  font-weight: bold;
  font-size: 28px;
  line-height: 38px;
  color: #0984FF;
  margin-bottom: 10px;
}

/* line 20, app/assets/stylesheets/new/components/testing/testing-response-card.sass */
.response-card__subtitle {
  margin-bottom: 42px;
}

/* line 23, app/assets/stylesheets/new/components/testing/testing-response-card.sass */
.response-card__slider-wrapper {
  position: relative;
  margin-bottom: 25px;
}

/* line 27, app/assets/stylesheets/new/components/testing/testing-response-card.sass */
.response-card__slider-wrapper .input-range__label {
  display: none;
}

/* line 30, app/assets/stylesheets/new/components/testing/testing-response-card.sass */
.response-card__slider-wrapper .input-range__track--active, .response-card__slider-wrapper .input-range__slider {
  background: #0984FF;
  border-color: #0984FF;
}

/* line 34, app/assets/stylesheets/new/components/testing/testing-response-card.sass */
.response-card__slider-wrapper .input-range__track {
  height: 10px;
}

/* line 37, app/assets/stylesheets/new/components/testing/testing-response-card.sass */
.response-card__slider-wrapper .input-range__slider-container {
  bottom: 2px;
}

/* line 40, app/assets/stylesheets/new/components/testing/testing-response-card.sass */
.response-card__slider-wrapper .input-range__track.input-range__track--background {
  background: rgba(9, 132, 255, 0.1);
}

/* line 43, app/assets/stylesheets/new/components/testing/testing-response-card.sass */
.response-card__slider-wrapper .slider-count {
  position: absolute;
  font-weight: bold;
  line-height: 22px;
  color: #0984FF;
  right: 0;
  top: -20px;
}

/* line 53, app/assets/stylesheets/new/components/testing/testing-response-card.sass */
.response-card__responses .i-like .title, .response-card__responses .i-wish .title, .response-card__responses .what-if .title {
  font-weight: bold;
  font-size: 16px !important;
  line-height: 22px !important;
  margin-bottom: 10px;
}

/* line 59, app/assets/stylesheets/new/components/testing/testing-response-card.sass */
.response-card__responses .i-like .text-wrapper, .response-card__responses .i-wish .text-wrapper, .response-card__responses .what-if .text-wrapper {
  background: #FFFFFF;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 10px;
}

/* line 65, app/assets/stylesheets/new/components/testing/testing-response-card.sass */
.response-card__responses .i-like .text-wrapper .text, .response-card__responses .i-wish .text-wrapper .text, .response-card__responses .what-if .text-wrapper .text {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
}

/* line 70, app/assets/stylesheets/new/components/testing/testing-response-card.sass */
.response-card__responses .i-like .text-wrapper .text:last-child, .response-card__responses .i-wish .text-wrapper .text:last-child, .response-card__responses .what-if .text-wrapper .text:last-child {
  margin-bottom: 0;
}

/* line 73, app/assets/stylesheets/new/components/testing/testing-response-card.sass */
.response-card__responses .i-like .text-wrapper .text .separator, .response-card__responses .i-wish .text-wrapper .text .separator, .response-card__responses .what-if .text-wrapper .text .separator {
  margin-top: 10px;
  width: 100%;
  height: 2px;
  border-radius: 8px;
  background: #DDE2E5;
}

/* line 1, app/assets/stylesheets/new/components/testing/testing-selectv3.sass */
.select-v3 {
  width: 270px;
}

/* line 3, app/assets/stylesheets/new/components/testing/testing-selectv3.sass */
.select-v3__options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 6, app/assets/stylesheets/new/components/testing/testing-selectv3.sass */
.select-v3__option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}

/* line 11, app/assets/stylesheets/new/components/testing/testing-selectv3.sass */
.select-v3__label {
  cursor: 'pointer';
  text-align: start;
}

/* line 14, app/assets/stylesheets/new/components/testing/testing-selectv3.sass */
.select-v3__label.CS, .select-v3__label.VP, .select-v3__label.CR, .select-v3__label.CH {
  color: #00afc9;
}

/* line 16, app/assets/stylesheets/new/components/testing/testing-selectv3.sass */
.select-v3__label.KP, .select-v3__label.KA, .select-v3__label.KR {
  color: #ff6d00;
}

/* line 18, app/assets/stylesheets/new/components/testing/testing-selectv3.sass */
.select-v3__label.CO, .select-v3__label.RE, .select-v3__label.SU {
  color: #615bdc;
}

/* line 20, app/assets/stylesheets/new/components/testing/testing-selectv3.sass */
.select-v3 .bmc-blocks {
  width: 250px;
}

@media screen and (max-width: 1024px) {
  /* line 1, app/assets/stylesheets/new/components/testing/testing-selectv3.sass */
  .select-v3 {
    width: 100%;
  }
}

/* line 1, app/assets/stylesheets/new/components/testing/testing-special-list.sass */
.testing-special-list-wrapper {
  background: #F8F9FA;
  border-radius: 8px;
  padding: 45px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 0 -45px;
}

@media screen and (max-width: 1280px) {
  /* line 1, app/assets/stylesheets/new/components/testing/testing-special-list.sass */
  .testing-special-list-wrapper {
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/new/components/testing/testing-special-list.sass */
  .testing-special-list-wrapper {
    padding: 20px;
  }
}

/* line 17, app/assets/stylesheets/new/components/testing/testing-special-list.sass */
.testing-special-list-wrapper .header {
  color: #0984FF;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 28px;
  line-height: 38px;
}

/* line 24, app/assets/stylesheets/new/components/testing/testing-special-list.sass */
.testing-special-list-wrapper .blocks {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

/* line 30, app/assets/stylesheets/new/components/testing/testing-special-list.sass */
.testing-special-list-wrapper .blocks .item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  width: calc(50% - 20px);
  margin-right: 40px;
  margin-bottom: 20px;
}

/* line 38, app/assets/stylesheets/new/components/testing/testing-special-list.sass */
.testing-special-list-wrapper .blocks .item:nth-child(2n) {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  /* line 30, app/assets/stylesheets/new/components/testing/testing-special-list.sass */
  .testing-special-list-wrapper .blocks .item {
    width: 100%;
    margin-right: 0;
  }
}

/* line 45, app/assets/stylesheets/new/components/testing/testing-special-list.sass */
.testing-special-list-wrapper .blocks .item i {
  font-size: 22px;
  margin-right: 15px;
  padding-top: 2px;
}

/* line 50, app/assets/stylesheets/new/components/testing/testing-special-list.sass */
.testing-special-list-wrapper .blocks .item i.icon-CS, .testing-special-list-wrapper .blocks .item i.icon-VP, .testing-special-list-wrapper .blocks .item i.icon-Channel, .testing-special-list-wrapper .blocks .item i.icon-GKG {
  color: #00A9F5;
}

/* line 52, app/assets/stylesheets/new/components/testing/testing-special-list.sass */
.testing-special-list-wrapper .blocks .item i.icon-KA, .testing-special-list-wrapper .blocks .item i.icon-KR, .testing-special-list-wrapper .blocks .item i.icon-KP {
  color: #FF6D00;
}

/* line 54, app/assets/stylesheets/new/components/testing/testing-special-list.sass */
.testing-special-list-wrapper .blocks .item i.icon-Cost, .testing-special-list-wrapper .blocks .item i.icon-Revenue, .testing-special-list-wrapper .blocks .item i.icon-Sus {
  color: #615BDC;
}

/* line 57, app/assets/stylesheets/new/components/testing/testing-special-list.sass */
.testing-special-list-wrapper .blocks .item .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

/* line 63, app/assets/stylesheets/new/components/testing/testing-special-list.sass */
.testing-special-list-wrapper .blocks .item .content .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 14px;
}

/* line 69, app/assets/stylesheets/new/components/testing/testing-special-list.sass */
.testing-special-list-wrapper .blocks .item .content .text {
  margin-bottom: 10px;
}

/* line 1, app/assets/stylesheets/new/components/testing/testing-status-selector.sass */
.test-status-select {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 4, app/assets/stylesheets/new/components/testing/testing-status-selector.sass */
.test-status-select__options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  padding: 16px 8px;
  border-radius: 8px;
  background-color: transparent;
}

/* line 12, app/assets/stylesheets/new/components/testing/testing-status-selector.sass */
.test-status-select__options.valid {
  background-color: #2FD158;
}

/* line 14, app/assets/stylesheets/new/components/testing/testing-status-selector.sass */
.test-status-select__options .valid {
  stroke: #FFFFFF;
}

/* line 16, app/assets/stylesheets/new/components/testing/testing-status-selector.sass */
.test-status-select__options.invalid {
  background-color: #FF463A;
}

/* line 18, app/assets/stylesheets/new/components/testing/testing-status-selector.sass */
.test-status-select__options .invalid {
  fill: #FF463A;
  stroke: #FF463A;
}

/* line 21, app/assets/stylesheets/new/components/testing/testing-status-selector.sass */
.test-status-select__options.unsure {
  background-color: #FF6D00;
}

/* line 23, app/assets/stylesheets/new/components/testing/testing-status-selector.sass */
.test-status-select__options .unsure {
  fill: #FF6D00;
  stroke: rgba(255, 109, 0, 0.1);
}

/* line 26, app/assets/stylesheets/new/components/testing/testing-status-selector.sass */
.test-status-select__options.incomplete {
  background-color: #ACB5BD;
}

/* line 28, app/assets/stylesheets/new/components/testing/testing-status-selector.sass */
.test-status-select__options .incomplete {
  fill: #ACB5BD;
  stroke: #ACB5BD;
}

/* line 31, app/assets/stylesheets/new/components/testing/testing-status-selector.sass */
.test-status-select__label {
  cursor: pointer;
}

/* line 33, app/assets/stylesheets/new/components/testing/testing-status-selector.sass */
.test-status-select__label.valid {
  color: #2FD158;
}

/* line 35, app/assets/stylesheets/new/components/testing/testing-status-selector.sass */
.test-status-select__label.invalid {
  color: #FF463A;
}

/* line 37, app/assets/stylesheets/new/components/testing/testing-status-selector.sass */
.test-status-select__label.unsure {
  color: #FF6D00;
}

/* line 39, app/assets/stylesheets/new/components/testing/testing-status-selector.sass */
.test-status-select__label.incomplete {
  color: #ACB5BD;
}

/* line 41, app/assets/stylesheets/new/components/testing/testing-status-selector.sass */
.test-status-select__label.active {
  color: #FFFFFF;
}

/* line 1, app/assets/stylesheets/new/components/testing/testing-status.sass */
.testing-status {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #2FD158;
  stroke: #FFFFFF;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 130px;
}

/* line 9, app/assets/stylesheets/new/components/testing/testing-status.sass */
.testing-status svg {
  margin: auto !important;
}

/* line 12, app/assets/stylesheets/new/components/testing/testing-status.sass */
.testing-status--incomplete {
  color: #ACB5BD;
}

/* line 15, app/assets/stylesheets/new/components/testing/testing-status.sass */
.testing-status--incomplete .testing-status-icon {
  background: #ACB5BD33;
  fill: #ACB5BD;
  stroke: #ACB5BD;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

/* line 23, app/assets/stylesheets/new/components/testing/testing-status.sass */
.testing-status--incomplete .testing-status-icon svg {
  margin: auto;
}

/* line 26, app/assets/stylesheets/new/components/testing/testing-status.sass */
.testing-status--unsure {
  color: #FF6D00;
}

/* line 29, app/assets/stylesheets/new/components/testing/testing-status.sass */
.testing-status--unsure .testing-status-icon {
  background: rgba(255, 109, 0, 0.1);
  fill: #FF6D00;
  stroke: rgba(255, 109, 0, 0.1);
}

/* line 34, app/assets/stylesheets/new/components/testing/testing-status.sass */
.testing-status--invalid {
  color: #FF463A;
}

/* line 37, app/assets/stylesheets/new/components/testing/testing-status.sass */
.testing-status--invalid .testing-status-icon {
  background: rgba(255, 70, 58, 0.2);
  fill: #FF463A;
  stroke: #FF463A;
}

/* line 42, app/assets/stylesheets/new/components/testing/testing-status.sass */
.testing-status--valid {
  color: #2FD158;
}

/* line 45, app/assets/stylesheets/new/components/testing/testing-status.sass */
.testing-status--valid .testing-status-icon {
  background: #2FD158;
  stroke: #FFFFFF;
}

/* line 49, app/assets/stylesheets/new/components/testing/testing-status.sass */
.testing-status-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 30px;
  height: 30px;
  background: rgba(47, 209, 88, 0.2);
  border-radius: 8px;
  margin-right: 10px;
}

/* line 59, app/assets/stylesheets/new/components/testing/testing-status.sass */
.testing-status-icon .incomplete {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

/* line 67, app/assets/stylesheets/new/components/testing/testing-status.sass */
.testing-status-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  text-transform: capitalize;
}

/* line 75, app/assets/stylesheets/new/components/testing/testing-status.sass */
.block .header-status {
  margin-bottom: 10px;
}

/* line 2, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .header {
  width: 100%;
  margin-bottom: 64px;
}

/* line 6, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .header .title {
  margin-bottom: 20px;
}

/* line 8, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .header .description {
  text-align: center;
}

/* line 12, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .homepage-page-builder-case-study img {
  width: 100%;
}

/* line 15, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .empty-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 20%;
}

/* line 22, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .empty-list .text {
  font-size: 28px;
  line-height: 38px;
  font-weight: 500;
  color: #ACB5BD;
  margin-bottom: 40px;
  text-align: center;
}

/* line 30, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .empty-list .btn {
  background: #0984FF;
  color: #fff;
  border-radius: 8px;
  padding: 13px 25px;
  cursor: pointer;
}

/* line 37, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .checkbox-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 42, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .checkbox-wrapper.column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

/* line 45, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .checkbox-wrapper > div {
  width: 50%;
}

/* line 48, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin: 40px -35px 0 -35px;
}

@media screen and (max-width: 1280px) {
  /* line 48, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .tabs {
    margin: 40px 0 0;
  }
}

@media screen and (max-width: 900px) {
  /* line 48, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .tabs {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* line 60, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .tabs .tab {
  margin-bottom: 20px;
  cursor: pointer;
  width: 100%;
  text-align: center;
}

/* line 67, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .tabs .tab:hover .text {
  color: #DDE2E5;
}

@media screen and (max-width: 900px) {
  /* line 60, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .tabs .tab {
    width: calc(100% / 3);
  }
}

/* line 73, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .tabs .tab .text {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #ACB5BD;
  margin-bottom: 20px;
}

/* line 80, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .tabs .tab .border {
  visibility: hidden;
  width: 100%;
  height: 2px;
  background: #0984FF;
  border-radius: 4px;
}

/* line 88, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .tabs .tab.active .text {
  color: #0984FF;
}

/* line 91, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .tabs .tab.active .border {
  visibility: visible;
}

/* line 94, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .test-card-wrapper {
  margin: 0 -45px;
  padding: 40px;
  background: #F8F9FA;
  border-radius: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
}

@media screen and (max-width: 1280px) {
  /* line 94, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .test-card-wrapper {
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  /* line 94, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .test-card-wrapper {
    padding: 20px;
  }
}

/* line 110, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .test-card-wrapper .top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 116, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .test-card-wrapper .top .left {
  width: calc(50% - 20px);
  margin-right: 40px;
}

@media screen and (max-width: 1024px) {
  /* line 116, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .test-card-wrapper .top .left {
    width: 100%;
    margin-right: 0;
  }
}

/* line 124, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .test-card-wrapper .top .left > .title {
  color: #0984FF;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 28px;
  line-height: 38px;
}

/* line 131, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .test-card-wrapper .top .left .rating {
  margin-bottom: 20px;
}

/* line 134, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .test-card-wrapper .top .left .rating.rate > span {
  margin-right: 10px;
}

/* line 137, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .test-card-wrapper .top .left .rating .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 10px;
}

/* line 144, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .test-card-wrapper .top .left .description .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 10px;
}

/* line 150, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .test-card-wrapper .top .left .description .text {
  margin-bottom: 20px;
}

/* line 153, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .test-card-wrapper .top .right {
  width: calc(50% - 20px);
}

@media screen and (max-width: 1024px) {
  /* line 153, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .test-card-wrapper .top .right {
    width: 100%;
    margin-bottom: 20px;
  }
}

/* line 161, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .test-card-wrapper .bottom .title {
  color: #0984FF;
  font-size: 21px;
  line-height: 29px;
  margin-bottom: 10px;
}

/* line 167, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .test-card-wrapper .bottom .dots-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 171, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .test-card-wrapper .bottom .dots-wrapper .dot-wrapper {
  position: relative;
  padding-left: 20px;
  width: calc(50% - 10px);
  margin-right: 20px;
  margin-bottom: 20px;
}

/* line 178, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .test-card-wrapper .bottom .dots-wrapper .dot-wrapper:nth-child(2n) {
  margin-right: 0;
}

@media screen and (max-width: 1024px) {
  /* line 171, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .test-card-wrapper .bottom .dots-wrapper .dot-wrapper {
    width: 100%;
    margin-right: 0;
  }
}

/* line 185, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .test-card-wrapper .bottom .dots-wrapper .dot-wrapper .dot {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #0984FF;
  left: 0;
  top: 6px;
}

/* line 194, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .test-card-wrapper .bottom .dots-wrapper .dot-wrapper .title {
  font-size: 16px;
  color: #334249;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 10px;
}

/* line 201, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .websites {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 207, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .websites .website-wrapper {
  width: calc(25% - 30px);
  margin-right: 40px;
}

@media screen and (min-width: 1025px) {
  /* line 212, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .websites .website-wrapper:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 1024px) and (min-width: 401px) {
  /* line 207, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .websites .website-wrapper {
    width: calc(50% - 10px);
    margin-right: 20px;
  }
  /* line 219, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .websites .website-wrapper:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 400px) {
  /* line 207, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .websites .website-wrapper {
    width: 100%;
    margin-right: 0;
  }
}

/* line 226, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .websites .website-wrapper__link {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-decoration: underline;
  color: #0984FF;
}

/* line 234, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .websites .website-wrapper .title {
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 240, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .websites .website-wrapper .url {
  text-decoration-line: underline;
  font-size: 16px;
  line-height: 20px;
  color: #334249;
}

/* line 246, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .websites .website-wrapper .description {
  font-size: 16px;
  line-height: 20px;
  color: #334249;
}

/* line 251, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .templates-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 60px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 258, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .templates-wrapper .template {
  width: calc(25% - 30px);
  margin-right: 40px;
  cursor: pointer;
}

@media screen and (min-width: 1025px) {
  /* line 264, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .templates-wrapper .template:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  /* line 258, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .templates-wrapper .template {
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 20px;
  }
  /* line 272, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .templates-wrapper .template:nth-child(2n) {
    margin-right: 0;
  }
}

/* line 276, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .templates-wrapper .template.active .image {
  border: 2px solid #fff;
}

/* line 278, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .templates-wrapper .template.active .border {
  display: block;
}

/* line 281, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .templates-wrapper .template .img-wrapper {
  border-radius: 16px;
  margin-bottom: 20px;
}

/* line 285, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .templates-wrapper .template .border {
  display: none;
  background: #FFFFFF;
  border-radius: 16px;
  height: 4px;
  width: 100%;
}

/* line 292, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-top-builder {
  background: #F8F9FA;
  border-radius: 16px;
  min-height: 555px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 302, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-top-builder .company-name-wrapper {
  position: absolute;
  width: 400px;
  left: 20px;
  top: 20px;
  z-index: 1;
}

@media screen and (max-width: 900px) {
  /* line 302, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .page-top-builder .company-name-wrapper {
    width: calc(100% - 40px);
  }
}

/* line 312, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-top-builder .company-name-wrapper .company-name {
  width: 100%;
  border: 2px solid #DDE2E5;
  background: #fff;
  border-radius: 8px;
  padding: 13px 10px;
  font-size: 16px;
  outline: none;
}

/* line 321, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-top-builder .company-name-wrapper .company-name::-moz-placeholder {
  color: #ACB5BD;
}
.testing .page-top-builder .company-name-wrapper .company-name:-ms-input-placeholder {
  color: #ACB5BD;
}
.testing .page-top-builder .company-name-wrapper .company-name::placeholder {
  color: #ACB5BD;
}

/* line 324, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-top-builder .company-name-wrapper .company-name:hover {
  border: 2px solid rgba(9, 132, 255, 0.1);
}

/* line 327, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-top-builder .company-name-wrapper .count {
  top: 25px;
}

/* line 330, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-top-builder .bg-color {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  color: #334249;
  font-size: 21px;
  font-weight: bold;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 16px;
}

/* line 344, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-top-builder .bg-color .dndzone input {
  outline: none;
}

/* line 346, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-top-builder .bg-color i {
  margin-bottom: 10px;
}

/* line 348, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-top-builder .bg-color .text {
  margin-bottom: 5px;
  text-decoration: underline;
}

/* line 352, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-top-builder .headline-wrapper {
  position: relative;
  width: 400px;
}

@media screen and (max-width: 900px) {
  /* line 352, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .page-top-builder .headline-wrapper {
    width: calc(100% - 40px);
  }
}

/* line 359, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-top-builder .headline-wrapper .headline {
  border: 2px solid #DDE2E5;
  border-radius: 8px;
  font-size: 28px;
  line-height: 38px;
  font-weight: bold;
  padding: 10px 20px;
  outline: none;
  width: 100%;
  background: #fff;
}

/* line 370, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-top-builder .headline-wrapper .headline:hover {
  border: 2px solid rgba(9, 132, 255, 0.1);
}

/* line 373, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-top-builder .headline-wrapper .count {
  bottom: 0;
}

/* line 376, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-top-builder .explain-wrapper {
  position: relative;
  width: 400px;
}

@media screen and (max-width: 900px) {
  /* line 376, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .page-top-builder .explain-wrapper {
    width: calc(100% - 40px);
  }
}

/* line 383, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-top-builder .explain-wrapper .explain-business {
  border: 2px solid #DDE2E5;
  border-radius: 8px;
  background: #fff;
  resize: none;
  outline: none;
  padding: 10px;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  line-height: 20px;
  width: 100%;
}

/* line 395, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-top-builder .explain-wrapper .explain-business:hover {
  border: 2px solid rgba(9, 132, 255, 0.1);
}

/* line 398, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-top-builder .explain-wrapper .count {
  bottom: 20px;
}

/* line 401, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-bottom-builder {
  min-height: 419px;
  background: #fff;
  border-radius: 16px;
  padding: 60px 110px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: #334249;
}

@media screen and (max-width: 1024px) {
  /* line 401, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .page-bottom-builder {
    padding: 20px;
  }
}

@media screen and (max-width: 700px) {
  /* line 401, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .page-bottom-builder {
    height: auto;
  }
}

/* line 418, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-bottom-builder .title {
  font-size: 28px;
  line-height: 38px;
  font-weight: bold;
  margin-bottom: 40px;
}

/* line 424, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-bottom-builder .things-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 700px) {
  /* line 424, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .page-bottom-builder .things-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/* line 432, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-bottom-builder .things-wrapper .thing-wrapper {
  position: relative;
}

@media screen and (max-width: 480px) {
  /* line 432, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .page-bottom-builder .things-wrapper .thing-wrapper {
    width: 100%;
  }
}

/* line 438, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-bottom-builder .things-wrapper .thing {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 40px;
}

@media screen and (max-width: 700px) {
  /* line 438, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .page-bottom-builder .things-wrapper .thing {
    margin-right: 0;
    width: 100%;
  }
}

/* line 449, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-bottom-builder .things-wrapper .thing:last-child {
  margin-right: 0;
}

/* line 452, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-bottom-builder .things-wrapper .thing .icon {
  width: 80px;
  height: 80px;
  background: #37474F;
  border-radius: 50%;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 50px;
  font-weight: bold;
  line-height: 68px;
  margin-bottom: 20px;
}

/* line 466, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-bottom-builder .things-wrapper .thing-explanation {
  border: 1px solid #ACB5BD;
  border-radius: 8px;
  background: #fff;
  resize: none;
  height: 120px;
  outline: none;
  padding: 10px;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  line-height: 20px;
  width: 100%;
}

/* line 479, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-bottom-builder .things-wrapper .thing-explanation:hover {
  border: 1px solid rgba(9, 132, 255, 0.1);
}

/* line 482, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .page-bottom-builder .things-wrapper .thing-explanation:focus {
  border: 1px solid #007AFF;
}

/* line 485, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .count {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #ACB5BD;
  position: absolute;
  right: 10px;
  bottom: 15px;
}

/* line 494, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .button {
  width: 100%;
  padding: 12px 0;
  border: 2px solid rgba(221, 226, 229, 0.5);
  border-radius: 8px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  background: transparent;
  margin-top: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 509, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .button .text {
  color: #fff;
}

/* line 512, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .button a {
  text-decoration: none;
}

/* line 515, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .button svg {
  margin-right: 15px;
}

/* line 519, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .first .headline-wrapper {
  margin-top: 200px;
}

/* line 522, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .first .headline-wrapper .count {
  bottom: 12px;
}

/* line 525, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .first .explain-wrapper .count {
  bottom: 34px;
}

/* line 529, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .first .thing-wrapper .thing-explanation {
  padding-bottom: 20px !important;
}

/* line 534, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .second .page-top-builder .company-name-wrapper {
  width: 170px;
  left: unset;
  top: 80px;
}

@media screen and (max-width: 900px) {
  /* line 534, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .second .page-top-builder .company-name-wrapper {
    width: calc(100% - 40px);
  }
}

/* line 542, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .second .page-top-builder .company-name-wrapper .count {
  top: 30px;
}

/* line 545, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .second .page-top-builder .headline-wrapper {
  margin-top: 200px;
}

/* line 548, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .second .page-top-builder .headline-wrapper .count {
  bottom: 12px;
}

/* line 551, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .second .page-top-builder .explain-wrapper textarea {
  padding-bottom: 20px;
}

/* line 553, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .second .page-top-builder .explain-wrapper .count {
  bottom: 34px;
}

/* line 557, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .second .page-top-builder .thing-wrapper .thing-explanation {
  padding-bottom: 30px !important;
}

/* line 560, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .second .page-bottom-builder {
  min-height: 438px;
}

@media screen and (max-width: 900px) {
  /* line 560, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .second .page-bottom-builder {
    height: auto;
  }
}

/* line 566, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .second .page-bottom-builder .thing {
  -ms-flex-align: start;
      align-items: flex-start;
}

@media screen and (max-width: 900px) {
  /* line 566, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .second .page-bottom-builder .thing {
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 572, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .second .page-bottom-builder .thing .icon {
  color: #334249;
  background: transparent;
  border-radius: 0;
  font-size: 60px;
  line-height: 72px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  height: 100%;
}

@media screen and (max-width: 900px) {
  /* line 572, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .second .page-bottom-builder .thing .icon {
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 585, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .second .page-bottom-builder .thing .icon .border {
  margin-top: 23px;
  width: 100%;
  height: 5px;
  background: #0984FF;
  border-radius: 5px;
}

/* line 593, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .third .page-top-builder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  background: #fff;
  padding: 20px 0;
}

@media screen and (max-width: 900px) {
  /* line 593, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .third .page-top-builder {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* line 603, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .third .page-top-builder .left {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 80px;
}

@media screen and (max-width: 900px) {
  /* line 603, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .third .page-top-builder .left {
    width: 100%;
    margin: 20px;
  }
}

/* line 612, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .third .page-top-builder .right {
  width: 100%;
  background: #F8F9FA;
  height: 305px;
  margin-top: 40px;
  position: relative;
  border-radius: 16px;
}

/* line 620, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .third .page-top-builder .right .bg-color {
  margin-bottom: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

/* line 626, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .third .page-top-builder .company-name-wrapper {
  margin-bottom: 20px;
  position: static;
  width: 100%;
}

/* line 630, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .third .page-top-builder .company-name-wrapper input {
  background: #F8F9FA;
}

/* line 633, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .third .page-top-builder .headline-wrapper {
  margin-bottom: 10px;
  width: 100%;
}

/* line 636, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .third .page-top-builder .headline-wrapper input {
  font-size: 28px;
  padding: 10px;
  line-height: 38px;
  margin-bottom: 0;
}

/* line 641, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .third .page-top-builder .headline-wrapper input::-moz-placeholder {
  color: #ACB5BD;
}
.testing .third .page-top-builder .headline-wrapper input:-ms-input-placeholder {
  color: #ACB5BD;
}
.testing .third .page-top-builder .headline-wrapper input::placeholder {
  color: #ACB5BD;
}

/* line 644, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .third .page-top-builder .explain-wrapper {
  width: 100%;
}

/* line 646, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .third .page-top-builder .explain-wrapper textarea {
  font-size: 16px;
  margin-bottom: 0;
}

/* line 650, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .third .page-bottom-builder {
  min-height: 438px;
}

@media screen and (max-width: 900px) {
  /* line 650, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .third .page-bottom-builder {
    height: auto;
  }
}

/* line 657, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .third .page-bottom-builder .thing .icon {
  color: #334249;
  border-radius: 0;
  position: relative;
  font-size: 50px;
  background: transparent;
  line-height: 68px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 114px;
  height: 106px;
}

/* line 668, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .third .page-bottom-builder .thing .icon span {
  z-index: 2;
  margin-left: 33px;
  color: #fff;
}

/* line 672, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .third .page-bottom-builder .thing .icon .bg {
  -webkit-clip-path: polygon(24% 29%, 80% 0%, 100% 58%, 0% 100%);
          clip-path: polygon(24% 29%, 80% 0%, 100% 58%, 0% 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  background: red;
}

/* line 679, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .third .page-bottom-builder .thing .icon.first-shape .bg {
  -webkit-clip-path: polygon(24% 29%, 80% 0%, 100% 58%, 0% 100%);
          clip-path: polygon(24% 29%, 80% 0%, 100% 58%, 0% 100%);
  background: #00AFC9;
}

/* line 683, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .third .page-bottom-builder .thing .icon.second-shape .bg {
  -webkit-clip-path: polygon(61% 0, 93% 22%, 49% 100%, 0 42%);
          clip-path: polygon(61% 0, 93% 22%, 49% 100%, 0 42%);
  background: #615BDC;
}

/* line 687, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .third .page-bottom-builder .thing .icon.third-shape .bg {
  background: #FF6D00;
  -webkit-clip-path: polygon(46% 0, 100% 57%, 70% 100%, 0 54%);
          clip-path: polygon(46% 0, 100% 57%, 70% 100%, 0 54%);
}

/* line 692, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .fourth .page-top-builder {
  display: -ms-flexbox;
  display: flex;
  background: #fff !important;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
}

/* line 699, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .fourth .page-top-builder .company-name-wrapper {
  position: relative;
  margin: 20px 0 20px 40px;
  top: 0;
  left: 0;
}

@media screen and (max-width: 900px) {
  /* line 699, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .fourth .page-top-builder .company-name-wrapper {
    width: calc(100% - 40px);
    margin: 20px 0 20px 20px;
  }
}

/* line 709, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .fourth .page-top-builder .headline-wrapper {
  margin-left: 40px;
  margin-bottom: 20px;
}

@media screen and (max-width: 900px) {
  /* line 709, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .fourth .page-top-builder .headline-wrapper {
    width: calc(100% - 40px);
    margin: 20px 0 20px 20px;
  }
}

/* line 717, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .fourth .page-top-builder .headline-wrapper input {
  font-size: 28px;
  line-height: 38px;
}

/* line 720, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .fourth .page-top-builder .headline-wrapper input::-moz-placeholder {
  color: #ACB5BD;
}
.testing .fourth .page-top-builder .headline-wrapper input:-ms-input-placeholder {
  color: #ACB5BD;
}
.testing .fourth .page-top-builder .headline-wrapper input::placeholder {
  color: #ACB5BD;
}

/* line 723, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .fourth .page-top-builder .bg-color {
  height: 270px;
  width: 100%;
  background: #F8F9FA;
  margin: 0 0 20px;
  position: relative;
}

/* line 730, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .fourth .page-top-builder .explain-wrapper {
  width: 100%;
  padding: 0 40px;
}

@media screen and (max-width: 900px) {
  /* line 730, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .fourth .page-top-builder .explain-wrapper {
    padding: 0 20px;
  }
}

/* line 737, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .fourth .page-top-builder .explain-wrapper textarea {
  width: 100%;
}

/* line 739, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .fourth .page-top-builder .explain-wrapper .count {
  right: 50px;
  bottom: 30px;
}

/* line 744, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .fourth .page-bottom-builder .thing {
  -ms-flex-align: start;
      align-items: flex-start;
}

@media screen and (max-width: 900px) {
  /* line 744, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .fourth .page-bottom-builder .thing {
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 750, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .fourth .page-bottom-builder .thing .icon {
  color: #334249;
  background: transparent;
  border-radius: 0;
  font-size: 60px;
  line-height: 72px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  height: 100%;
}

@media screen and (max-width: 900px) {
  /* line 750, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .fourth .page-bottom-builder .thing .icon {
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 763, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .footer {
  margin: 40px -35px;
}

@media screen and (max-width: 1280px) {
  /* line 763, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .footer {
    margin: 40px 0;
  }
}

/* line 769, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .footer .header {
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 776, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .footer .header .icon {
  width: 45px;
  height: 45px;
  border-radius: 8px;
  margin-right: 20px;
  background: #5AC9FA;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 786, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .footer .bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
}

@media screen and (max-width: 1024px) {
  /* line 786, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .footer .bottom {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: end;
        align-items: flex-end;
  }
}

/* line 796, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .footer .bottom .text {
  width: calc(100% - 319px);
  margin-right: 40px;
}

@media screen and (max-width: 1024px) {
  /* line 796, app/assets/stylesheets/new/components/testing/testing.sass */
  .testing .footer .bottom .text {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

/* line 805, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .footer .bottom .actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 279px;
}

/* line 811, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .footer .bottom .actions .btn {
  padding: 13px 25px;
  color: #fff;
  background: #0984FF;
  border-radius: 8px;
  cursor: pointer;
}

/* line 818, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .footer .bottom .actions .btn:first-child {
  border: 2px solid rgba(9, 132, 255, 0.1);
  background: #fff;
  color: #0984FF;
  margin-right: 20px;
  padding: 11px 25px;
}

/* line 825, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .footer .bottom .actions .btn:first-child:hover {
  border-color: #0984FF;
}

/* line 829, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .footer .bottom .actions .btn:last-child:hover {
  background-color: #49a4ff;
}

/* line 832, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .bmc-blocks {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

/* line 839, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .bmc-blocks__block {
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  -ms-flex-direction: row;
      flex-direction: row;
  border-radius: 8px;
  padding: 10px;
  width: 47px;
}

/* line 847, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .bmc-blocks__block-CS, .testing .bmc-blocks__block-CH, .testing .bmc-blocks__block-VP, .testing .bmc-blocks__block-CR {
  border: 2px solid #00AFC9;
  color: #00AFC9;
}

/* line 850, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .bmc-blocks__block-KA, .testing .bmc-blocks__block-KP, .testing .bmc-blocks__block-KR {
  border: 2px solid #FF6D00;
  color: #FF6D00;
}

/* line 853, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .bmc-blocks__block-CO, .testing .bmc-blocks__block-RE, .testing .bmc-blocks__block-SU {
  border: 2px solid #615BDC;
  color: #615BDC;
}

/* line 857, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .bmc-blocks__block-colourful {
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  -ms-flex-direction: row;
      flex-direction: row;
  border-radius: 6.754px;
  width: 47px;
  padding: 10.981px 8.444px 10.023px 8.443px;
}

/* line 866, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .checkbox-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

/* line 871, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .checkbox-wrapper.valid .box {
  color: #2FD158;
  background: rgba(47, 209, 88, 0.2);
}

/* line 874, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .checkbox-wrapper.valid .text {
  color: #2FD158;
}

/* line 877, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .checkbox-wrapper.invalid .box {
  color: #FF463A;
  background: #FFDAD8;
}

/* line 880, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .checkbox-wrapper.invalid .text {
  color: #FF463A;
}

/* line 883, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .checkbox-wrapper.unsure .box {
  color: #FF6D00;
  background: rgba(255, 109, 0, 0.1);
}

/* line 886, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .checkbox-wrapper.unsure .text {
  color: #FF6D00;
}

/* line 889, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .checkbox-wrapper.incomplete .box {
  color: #ACB5BD;
  background: #fff;
  border: 2px solid #ACB5BD;
}

/* line 893, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .checkbox-wrapper.incomplete .text {
  color: #ACB5BD;
}

/* line 895, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .checkbox-wrapper .box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  margin-right: 10px;
}

/* line 903, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .checkbox-wrapper .text {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}

/* line 908, app/assets/stylesheets/new/components/testing/testing.sass */
.testing .summary .response-card {
  margin: 0 -35px;
  position: relative;
  bottom: 35px;
}

/* line 912, app/assets/stylesheets/new/components/testing/testing.sass */
.btn-upload {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 12px 15px;
  color: #fff;
  font-size: 16px;
  border-radius: 8px;
  border: 2px solid #fff;
  width: 146px;
  margin-top: 10px;
}

/* line 923, app/assets/stylesheets/new/components/testing/testing.sass */
.btn-upload i {
  margin-right: 15px;
}

/* line 926, app/assets/stylesheets/new/components/testing/testing.sass */
.is-paddingless {
  padding: 0 !important;
}

/* line 928, app/assets/stylesheets/new/components/testing/testing.sass */
.is-marginless {
  margin: 0 !important;
}

/* line 930, app/assets/stylesheets/new/components/testing/testing.sass */
.has-blue-color {
  color: #0984FF !important;
}

/* line 932, app/assets/stylesheets/new/components/testing/testing.sass */
.is-full-width {
  width: 100% !important;
}

/* line 1, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
.tests-list-arch {
  width: 100%;
  max-width: 1280px;
  font-family: Lato;
}

/* line 6, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
.tests-list-arch__create-test-button {
  border: 2px solid #0984FF;
  border-radius: 16px;
  width: 100%;
  color: #0984FF;
  padding: 100px 0;
  height: auto;
  margin-bottom: 20px;
}

/* line 17, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
.tests-list-arch .test-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  background: #FFFFFF;
  padding: 30px;
  cursor: pointer;
  position: relative;
  border: 1px solid #000000;
  border-radius: 0;
}

/* line 30, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
.tests-list-arch .test-card:not(:last-child) {
  margin-bottom: 0;
}

/* line 33, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
.tests-list-arch .test-card:hover {
  opacity: 1;
  border-color: #0984FF !important;
}

@media screen and (max-width: 768px) {
  /* line 17, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
  .tests-list-arch .test-card {
    padding: 20px;
  }
}

@media screen and (max-width: 320px) {
  /* line 17, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
  .tests-list-arch .test-card {
    padding: 10px;
  }
}

/* line 43, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
.tests-list-arch .test-card-delete-icon {
  position: absolute;
  top: 15px;
  right: 20px;
}

/* line 48, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
.tests-list-arch .test-card-delete-icon i {
  font-size: 24px;
  color: #ACB5BD;
}

/* line 52, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
.tests-list-arch .test-card-delete-icon i:hover {
  color: #0984FF;
  opacity: 0.5;
}

/* line 56, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
.tests-list-arch .test-card-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-right: 25px;
}

/* line 63, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
.tests-list-arch .test-card-section:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1024px) {
  /* line 56, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
  .tests-list-arch .test-card-section {
    width: 100% !important;
    margin-bottom: 20px;
    margin-right: 0;
  }
  /* line 71, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
  .tests-list-arch .test-card-section:last-child {
    margin-bottom: 0;
  }
}

/* line 74, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
.tests-list-arch .test-card-section .header-status {
  color: #000000;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: left;
  font-family: Lato;
}

/* line 83, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
.tests-list-arch .test-card .test-type {
  width: 25%;
}

/* line 86, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
.tests-list-arch .test-card .test-type .type {
  font-family: Nixie One;
  font-size: 38px;
  line-height: 51px;
  text-transform: capitalize;
}

@media screen and (max-width: 1280px) {
  /* line 86, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
  .tests-list-arch .test-card .test-type .type {
    font-size: 28px;
    line-height: 38px;
  }
}

/* line 97, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
.tests-list-arch .test-card .test-type .rating svg {
  width: 22px;
  height: 22px;
}

/* line 102, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
.tests-list-arch .test-card .test-type .rate span {
  margin-right: 10px;
}

/* line 105, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
.tests-list-arch .test-card .test-type .header-type {
  font-weight: 700;
  margin-bottom: 15px;
}

/* line 109, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
.tests-list-arch .test-card .assumption {
  width: calc(55% - 70px);
  font-size: 16px;
  line-height: 20px;
}

/* line 114, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
.tests-list-arch .test-card .assumption .header-assumption {
  font-weight: 700;
  margin-bottom: 15px;
}

/* line 118, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
.tests-list-arch .test-card .assumption .text {
  white-space: pre-wrap;
}

/* line 121, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
.tests-list-arch .test-card .bmc-status-wrapper {
  width: 25%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (max-width: 1024px) {
  /* line 121, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
  .tests-list-arch .test-card .bmc-status-wrapper {
    width: 100%;
  }
}

/* line 130, app/assets/stylesheets/new/components/testing/tests-list-arch.sass */
.tests-list-arch .test-card .bmc-status-wrapper .bmc-blocks-wrapper .header-blocks {
  font-weight: 700;
  margin-bottom: 15px;
}

/* line 1, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
.tests-list-blog {
  margin: 0 auto;
  max-width: 1280px;
  font-family: Nunito;
}

/* line 6, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
.tests-list-blog__create-test-button {
  border: 2px solid #0984FF;
  border-radius: 16px;
  width: 100%;
  color: #0984FF;
  padding: 100px 0;
  height: auto;
  margin-bottom: 20px;
}

/* line 17, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
.tests-list-blog .test-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  background: #FFFFFF;
  padding: 30px;
  cursor: pointer;
  position: relative;
  border: 1px solid #000000;
  border-radius: 0;
}

/* line 30, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
.tests-list-blog .test-card:not(:last-child) {
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  /* line 17, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
  .tests-list-blog .test-card {
    padding: 20px;
  }
}

@media screen and (max-width: 320px) {
  /* line 17, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
  .tests-list-blog .test-card {
    padding: 10px;
  }
}

/* line 39, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
.tests-list-blog .test-card-delete-icon {
  position: absolute;
  top: 15px;
  right: 20px;
}

/* line 44, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
.tests-list-blog .test-card-delete-icon i {
  font-size: 24px;
  color: #E7E6E6;
}

/* line 48, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
.tests-list-blog .test-card-delete-icon i:hover {
  color: #0984FF;
}

/* line 51, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
.tests-list-blog .test-card-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-right: 25px;
}

/* line 58, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
.tests-list-blog .test-card-section:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1024px) {
  /* line 51, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
  .tests-list-blog .test-card-section {
    width: 100% !important;
    margin-bottom: 20px;
    margin-right: 0;
  }
  /* line 66, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
  .tests-list-blog .test-card-section:last-child {
    margin-bottom: 0;
  }
}

/* line 69, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
.tests-list-blog .test-card-section .header-status {
  color: #000000;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: left;
  font-family: Nunito;
}

/* line 78, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
.tests-list-blog .test-card .test-type {
  width: 25%;
}

/* line 81, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
.tests-list-blog .test-card .test-type .type {
  font-family: Prata;
  font-size: 38px;
  line-height: 51px;
  text-transform: capitalize;
}

@media screen and (max-width: 1280px) {
  /* line 81, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
  .tests-list-blog .test-card .test-type .type {
    font-size: 28px;
    line-height: 38px;
  }
}

/* line 92, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
.tests-list-blog .test-card .test-type .rating svg {
  width: 22px;
  height: 22px;
}

/* line 97, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
.tests-list-blog .test-card .test-type .rate span {
  margin-right: 10px;
}

/* line 100, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
.tests-list-blog .test-card .test-type .header-type {
  font-weight: 700;
  margin-bottom: 15px;
}

/* line 104, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
.tests-list-blog .test-card .assumption {
  width: calc(55% - 70px);
  font-size: 16px;
  line-height: 20px;
  margin-top: 12px;
}

/* line 110, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
.tests-list-blog .test-card .assumption .header-assumption {
  font-weight: 700;
  margin-bottom: 15px;
}

/* line 114, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
.tests-list-blog .test-card .assumption .text {
  white-space: pre-wrap;
}

/* line 117, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
.tests-list-blog .test-card .bmc-status-wrapper {
  width: 25%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (max-width: 1024px) {
  /* line 117, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
  .tests-list-blog .test-card .bmc-status-wrapper {
    width: 100%;
  }
}

/* line 126, app/assets/stylesheets/new/components/testing/tests-list-blog.sass */
.tests-list-blog .test-card .bmc-status-wrapper .bmc-blocks-wrapper .header-blocks {
  font-weight: 700;
  margin-bottom: 15px;
}

/* line 1, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
.tests-list-bold {
  margin: 0 auto;
  max-width: 1280px;
  font-family: Martel Sans;
}

/* line 6, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
.tests-list-bold__create-test-button {
  border: 2px solid #0984FF;
  border-radius: 16px;
  width: 100%;
  color: #0984FF;
  padding: 100px 0;
  height: auto;
  margin-bottom: 20px;
}

/* line 17, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
.tests-list-bold .test-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  background: #FFFFFF;
  padding: 30px;
  cursor: pointer;
  position: relative;
  border: 1px solid #000000;
  border-radius: 0;
}

/* line 30, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
.tests-list-bold .test-card:not(:last-child) {
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  /* line 17, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
  .tests-list-bold .test-card {
    padding: 20px;
  }
}

@media screen and (max-width: 320px) {
  /* line 17, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
  .tests-list-bold .test-card {
    padding: 10px;
  }
}

/* line 39, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
.tests-list-bold .test-card-delete-icon {
  position: absolute;
  top: 15px;
  right: 20px;
}

/* line 44, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
.tests-list-bold .test-card-delete-icon i {
  font-size: 24px;
  color: #E7E6E6;
}

/* line 48, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
.tests-list-bold .test-card-delete-icon i:hover {
  color: #0984FF;
}

/* line 51, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
.tests-list-bold .test-card-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-right: 25px;
}

/* line 58, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
.tests-list-bold .test-card-section:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1024px) {
  /* line 51, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
  .tests-list-bold .test-card-section {
    width: 100% !important;
    margin-bottom: 20px;
    margin-right: 0;
  }
  /* line 66, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
  .tests-list-bold .test-card-section:last-child {
    margin-bottom: 0;
  }
}

/* line 69, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
.tests-list-bold .test-card-section .header-status {
  color: #E7E6E6;
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: left;
  font-family: Martel Sans;
}

/* line 78, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
.tests-list-bold .test-card .test-type {
  width: 25%;
}

/* line 81, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
.tests-list-bold .test-card .test-type .type {
  font-family: Kanit;
  font-size: 38px;
  line-height: 57px;
  font-weight: 700;
  text-transform: uppercase;
}

@media screen and (max-width: 1280px) {
  /* line 81, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
  .tests-list-bold .test-card .test-type .type {
    font-size: 28px;
    line-height: 38px;
  }
}

/* line 93, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
.tests-list-bold .test-card .test-type .rating svg {
  width: 22px;
  height: 22px;
}

/* line 98, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
.tests-list-bold .test-card .test-type .rate span {
  margin-right: 10px;
  font-family: Nunito;
}

/* line 102, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
.tests-list-bold .test-card .test-type .header-type {
  font-weight: 700;
  margin-bottom: 15px;
}

/* line 106, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
.tests-list-bold .test-card .assumption {
  width: calc(55% - 70px);
  font-size: 16px;
  line-height: 30px;
  color: #E7E6E6;
}

/* line 112, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
.tests-list-bold .test-card .assumption .header-assumption {
  font-weight: 700;
  margin-bottom: 15px;
}

/* line 116, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
.tests-list-bold .test-card .assumption .text {
  white-space: pre-wrap;
  font-family: Martel Sans;
}

/* line 120, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
.tests-list-bold .test-card .bmc-status-wrapper {
  width: 25%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (max-width: 1024px) {
  /* line 120, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
  .tests-list-bold .test-card .bmc-status-wrapper {
    width: 100%;
  }
}

/* line 129, app/assets/stylesheets/new/components/testing/tests-list-bold.sass */
.tests-list-bold .test-card .bmc-status-wrapper .bmc-blocks-wrapper .header-blocks {
  font-weight: 700;
  margin-bottom: 15px;
}

/* line 1, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
.tests-list-colourful {
  margin: 0 auto;
  max-width: 1220px;
  font-family: Open Sans;
}

/* line 6, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
.tests-list-colourful__create-test-button {
  border: 2px solid #0984FF;
  border-radius: 16px;
  width: 100%;
  color: #0984FF;
  padding: 100px 0;
  height: auto;
  margin-bottom: 20px;
}

/* line 17, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
.tests-list-colourful .test-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  background: #FFFFFF;
  box-shadow: 8.4428052902px 8.4428052902px 25.3284187317px -16.8856105804px rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  padding: 30px;
  cursor: pointer;
  position: relative;
}

/* line 30, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
.tests-list-colourful .test-card:not(:last-child) {
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  /* line 17, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
  .tests-list-colourful .test-card {
    padding: 20px;
  }
}

@media screen and (max-width: 320px) {
  /* line 17, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
  .tests-list-colourful .test-card {
    padding: 10px;
  }
}

/* line 39, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
.tests-list-colourful .test-card-delete-icon {
  position: absolute;
  top: 15px;
  right: 20px;
}

/* line 44, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
.tests-list-colourful .test-card-delete-icon i {
  font-size: 24px;
  color: #ACB5BD;
}

/* line 48, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
.tests-list-colourful .test-card-delete-icon i:hover {
  color: #0984FF;
}

/* line 51, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
.tests-list-colourful .test-card-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-right: 25px;
}

/* line 58, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
.tests-list-colourful .test-card-section:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1024px) {
  /* line 51, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
  .tests-list-colourful .test-card-section {
    margin-right: 20px;
    width: 100% !important;
    margin-bottom: 20px;
    margin-right: 0;
  }
  /* line 67, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
  .tests-list-colourful .test-card-section:last-child {
    margin-bottom: 0;
  }
}

/* line 70, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
.tests-list-colourful .test-card-section .header-status {
  color: #334249;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  margin-bottom: 15px;
  text-align: left;
}

/* line 78, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
.tests-list-colourful .test-card .test-type {
  width: calc(50% - 25px);
}

/* line 81, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
.tests-list-colourful .test-card .test-type .type {
  font-size: 27.017px;
  line-height: 37px;
  font-weight: 700;
  text-transform: capitalize;
}

@media screen and (max-width: 1280px) {
  /* line 81, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
  .tests-list-colourful .test-card .test-type .type {
    font-size: 28px;
    line-height: 38px;
  }
}

/* line 92, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
.tests-list-colourful .test-card .test-type .rating svg {
  width: 22px;
  height: 22px;
}

/* line 97, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
.tests-list-colourful .test-card .test-type .rate span {
  margin-right: 10px;
}

/* line 100, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
.tests-list-colourful .test-card .test-type .header-type {
  font-weight: 700;
  margin-bottom: 15px;
}

/* line 104, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
.tests-list-colourful .test-card .assumption {
  width: 100%;
  font-size: 13.508px;
  margin-top: 12px;
}

/* line 109, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
.tests-list-colourful .test-card .assumption .header-assumption {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 16px;
}

/* line 114, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
.tests-list-colourful .test-card .assumption .text {
  white-space: pre-wrap;
}

/* line 117, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
.tests-list-colourful .test-card .bmc-status-wrapper {
  display: -ms-flexbox;
  display: flex;
  width: 50%;
}

/* line 121, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
.tests-list-colourful .test-card .bmc-status-wrapper .bmc-blocks-wrapper {
  width: calc(60% - 25px);
}

@media screen and (max-width: 1024px) {
  /* line 121, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
  .tests-list-colourful .test-card .bmc-status-wrapper .bmc-blocks-wrapper {
    width: calc(15% + 60px);
  }
}

/* line 127, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
.tests-list-colourful .test-card .bmc-status-wrapper .bmc-blocks-wrapper .header-blocks {
  font-weight: 700;
  margin-bottom: 15px;
}

/* line 131, app/assets/stylesheets/new/components/testing/tests-list-colourful.sass */
.tests-list-colourful .test-card .bmc-status-wrapper .status {
  width: 40%;
  font-size: 13.508px;
}

/* line 1, app/assets/stylesheets/new/components/testing/tests-list.sass */
.tests-list {
  margin: 0 auto;
  max-width: 1280px;
}

/* line 5, app/assets/stylesheets/new/components/testing/tests-list.sass */
.tests-list__create-test-button {
  border: 2px solid #0984FF;
  border-radius: 16px;
  width: 100%;
  color: #0984FF;
  padding: 100px 0;
  height: auto;
  margin-bottom: 20px;
}

/* line 16, app/assets/stylesheets/new/components/testing/tests-list.sass */
.tests-list .test-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 8px 8px 16px 0px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  padding: 40px;
  position: relative;
}

/* line 29, app/assets/stylesheets/new/components/testing/tests-list.sass */
.tests-list .test-card:not(:last-child) {
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  /* line 16, app/assets/stylesheets/new/components/testing/tests-list.sass */
  .tests-list .test-card {
    padding: 20px;
  }
}

@media screen and (max-width: 320px) {
  /* line 16, app/assets/stylesheets/new/components/testing/tests-list.sass */
  .tests-list .test-card {
    padding: 10px;
  }
}

/* line 38, app/assets/stylesheets/new/components/testing/tests-list.sass */
.tests-list .test-card-delete-icon {
  position: absolute;
  top: 15px;
  right: 20px;
}

/* line 43, app/assets/stylesheets/new/components/testing/tests-list.sass */
.tests-list .test-card-delete-icon i {
  font-size: 24px;
  color: #ACB5BD;
}

/* line 47, app/assets/stylesheets/new/components/testing/tests-list.sass */
.tests-list .test-card-delete-icon i:hover {
  color: #0984FF;
}

/* line 50, app/assets/stylesheets/new/components/testing/tests-list.sass */
.tests-list .test-card-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-right: 40px;
}

/* line 57, app/assets/stylesheets/new/components/testing/tests-list.sass */
.tests-list .test-card-section:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1280px) {
  /* line 50, app/assets/stylesheets/new/components/testing/tests-list.sass */
  .tests-list .test-card-section {
    margin-right: 20px;
    width: 100% !important;
    margin-bottom: 20px;
    margin-right: 0;
  }
  /* line 66, app/assets/stylesheets/new/components/testing/tests-list.sass */
  .tests-list .test-card-section:last-child {
    margin-bottom: 0;
  }
}

/* line 69, app/assets/stylesheets/new/components/testing/tests-list.sass */
.tests-list .test-card-section .header-status {
  color: #334249;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: left;
}

/* line 77, app/assets/stylesheets/new/components/testing/tests-list.sass */
.tests-list .test-card .test-type {
  width: 18%;
}

@media screen and (max-width: 1280px) {
  /* line 77, app/assets/stylesheets/new/components/testing/tests-list.sass */
  .tests-list .test-card .test-type {
    width: 100%;
  }
}

/* line 83, app/assets/stylesheets/new/components/testing/tests-list.sass */
.tests-list .test-card .test-type .type {
  font-size: 38px;
  line-height: 52px;
  font-weight: 600;
  text-transform: capitalize;
}

@media screen and (max-width: 1280px) {
  /* line 83, app/assets/stylesheets/new/components/testing/tests-list.sass */
  .tests-list .test-card .test-type .type {
    font-size: 28px;
    line-height: 38px;
  }
}

/* line 94, app/assets/stylesheets/new/components/testing/tests-list.sass */
.tests-list .test-card .test-type .rating svg {
  width: 22px;
  height: 22px;
}

/* line 99, app/assets/stylesheets/new/components/testing/tests-list.sass */
.tests-list .test-card .test-type .rate span {
  margin-right: 10px;
}

/* line 102, app/assets/stylesheets/new/components/testing/tests-list.sass */
.tests-list .test-card .test-type .header-type {
  font-weight: 700;
  margin-bottom: 15px;
}

/* line 106, app/assets/stylesheets/new/components/testing/tests-list.sass */
.tests-list .test-card .assumption {
  width: calc(45% - 70px);
}

@media screen and (max-width: 1280px) {
  /* line 106, app/assets/stylesheets/new/components/testing/tests-list.sass */
  .tests-list .test-card .assumption {
    width: 100%;
  }
}

/* line 112, app/assets/stylesheets/new/components/testing/tests-list.sass */
.tests-list .test-card .assumption .header-assumption {
  font-weight: 700;
  margin-bottom: 15px;
}

/* line 116, app/assets/stylesheets/new/components/testing/tests-list.sass */
.tests-list .test-card .assumption .text {
  white-space: pre-wrap;
}

/* line 119, app/assets/stylesheets/new/components/testing/tests-list.sass */
.tests-list .test-card .bmc-status-wrapper {
  display: -ms-flexbox;
  display: flex;
  width: calc(37% - 50px);
}

@media screen and (max-width: 1280px) {
  /* line 119, app/assets/stylesheets/new/components/testing/tests-list.sass */
  .tests-list .test-card .bmc-status-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%;
  }
}

/* line 127, app/assets/stylesheets/new/components/testing/tests-list.sass */
.tests-list .test-card .bmc-status-wrapper .bmc-blocks-wrapper {
  width: 70%;
}

@media screen and (max-width: 1280px) {
  /* line 127, app/assets/stylesheets/new/components/testing/tests-list.sass */
  .tests-list .test-card .bmc-status-wrapper .bmc-blocks-wrapper {
    width: 100%;
  }
}

/* line 133, app/assets/stylesheets/new/components/testing/tests-list.sass */
.tests-list .test-card .bmc-status-wrapper .bmc-blocks-wrapper .header-blocks {
  font-weight: 700;
  margin-bottom: 15px;
}

/* line 137, app/assets/stylesheets/new/components/testing/tests-list.sass */
.tests-list .test-card .bmc-status-wrapper .status {
  width: 30%;
}

@media screen and (max-width: 1280px) {
  /* line 137, app/assets/stylesheets/new/components/testing/tests-list.sass */
  .tests-list .test-card .bmc-status-wrapper .status {
    width: 100%;
  }
}

/* line 143, app/assets/stylesheets/new/components/testing/tests-list.sass */
.tests-list .test-card .main {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media screen and (max-width: 1280px) {
  /* line 143, app/assets/stylesheets/new/components/testing/tests-list.sass */
  .tests-list .test-card .main {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 2, app/assets/stylesheets/new/components/textarea.sass */
.textarea-wrapper {
  width: 100%;
  position: relative;
}

/* line 6, app/assets/stylesheets/new/components/textarea.sass */
.textarea-wrapper textarea {
  resize: none;
}

/* line 9, app/assets/stylesheets/new/components/textarea.sass */
.textarea-wrapper textarea:hover {
  border: 1.09px solid #0984FF;
}

/* line 12, app/assets/stylesheets/new/components/textarea.sass */
.textarea-counter {
  position: absolute;
  bottom: 10px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #ACB5BD;
  right: 5px;
}

/* line 21, app/assets/stylesheets/new/components/textarea.sass */
.textarea-status {
  float: right;
  position: absolute;
  bottom: -18px;
  right: 0;
}

/* line 27, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current {
  background-color: #FFFFFF00;
  border: none;
  padding: 5px;
  width: 100%;
  outline: none;
  cursor: pointer;
  border: 1.09px solid #FFFFFF00;
  caret-color: #0984FF;
}

/* line 36, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current::-moz-placeholder {
  color: #334249;
}
.textarea-current:-ms-input-placeholder {
  color: #334249;
}
.textarea-current::placeholder {
  color: #334249;
}

/* line 39, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-name {
  margin-bottom: 10px;
  color: #334249;
  font-size: 64px;
  font-weight: 700;
  line-height: 87px;
}

@media screen and (max-width: 1024px) {
  /* line 39, app/assets/stylesheets/new/components/textarea.sass */
  .textarea-current-name {
    text-align: center;
  }
}

/* line 49, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-description {
  font-size: 16px;
  color: #37474F;
  line-height: 20px;
  white-space: pre-wrap;
}

/* line 54, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-description::-moz-placeholder {
  color: #37474F;
}
.textarea-current-description:-ms-input-placeholder {
  color: #37474F;
}
.textarea-current-description::placeholder {
  color: #37474F;
}

/* line 57, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-summary {
  background-color: #FFFFFF00;
  font-size: 16px;
  color: #334249;
  border: 1.09px solid #FFFFFF00;
}

/* line 63, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-team {
  font-size: 16px;
  color: #334249;
  line-height: 20px;
  text-align: center;
}

/* line 69, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-team::-moz-placeholder {
  text-align: start;
}
.textarea-current-team:-ms-input-placeholder {
  text-align: start;
}
.textarea-current-team::placeholder {
  text-align: start;
}

/* line 74, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-team-card--position {
  font-size: 16px;
  font-weight: 700;
  color: #ACB5BD;
  line-height: 22px;
  margin-bottom: 5px;
}

/* line 81, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-team-card--position::-moz-placeholder {
  color: #ACB5BD;
}
.textarea-current-team-card--position:-ms-input-placeholder {
  color: #ACB5BD;
}
.textarea-current-team-card--position::placeholder {
  color: #ACB5BD;
}

/* line 84, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-team-card--name {
  font-size: 21px;
  font-weight: 700;
  color: #334249;
  line-height: 29px;
}

/* line 90, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-team-card--description {
  font-size: 16px;
  color: #334249;
  line-height: 20px;
}

/* line 95, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-bmc {
  background-color: #FFFFFF00;
  font-size: 16px;
  color: #334249;
  line-height: 20px;
  text-align: center;
  border: 1.09px solid #FFFFFF00;
}

/* line 103, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-bmc::-moz-placeholder {
  text-align: start;
}
.textarea-current-bmc:-ms-input-placeholder {
  text-align: start;
}
.textarea-current-bmc::placeholder {
  text-align: start;
}

/* line 106, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-testing {
  font-size: 16px;
  color: #334249;
  line-height: 20px;
  text-align: center;
}

/* line 112, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-testing::-moz-placeholder {
  text-align: start;
}
.textarea-current-testing:-ms-input-placeholder {
  text-align: start;
}
.textarea-current-testing::placeholder {
  text-align: start;
}

/* line 115, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-desirability {
  font-size: 16px;
  color: #FFFFFF;
  line-height: 20px;
  font-weight: 700;
  background-color: #FFFFFF00;
  border: 1.09px solid #FFFFFF00;
  text-align: center;
}

/* line 124, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-desirability::-moz-placeholder {
  color: #FFFFFF;
}
.textarea-current-desirability:-ms-input-placeholder {
  color: #FFFFFF;
}
.textarea-current-desirability::placeholder {
  color: #FFFFFF;
}

/* line 127, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-segment {
  background-color: #FFFFFF00;
  color: #334249;
  border: 1.09px solid #FFFFFF00;
  font-size: 16px;
  line-height: 20px;
}

/* line 135, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-segment-name {
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
}

/* line 140, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-segment-range {
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}

/* line 145, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-segment-range:hover {
  border: 1.09px solid #0984FF;
}

/* line 148, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-segment-range-left {
  margin-right: 5px;
  width: calc(50% - 8px);
}

/* line 152, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-segment-range-right {
  margin-left: 5px;
  width: calc(50% - 8px);
}

/* line 156, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-value {
  background-color: #FFFFFF00;
  color: #334249;
  border: 1.09px solid #FFFFFF00;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  display: inline-block;
}

/* line 165, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-value::-moz-placeholder {
  text-align: start;
}
.textarea-current-value:-ms-input-placeholder {
  text-align: start;
}
.textarea-current-value::placeholder {
  text-align: start;
}

/* line 168, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-value-text {
  background-color: #FFFFFF00;
  color: #334249;
  border: 1.09px solid #FFFFFF00;
  font-size: 16px;
  line-height: 20px;
}

/* line 175, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-analysis {
  font-size: 16px;
  line-height: 20px;
  background-color: #FFFFFF00;
  border: 1.09px solid #FFFFFF00;
}

/* line 181, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-analysis-title {
  font-size: 21px;
  line-height: 29px;
  color: #334249;
  font-weight: 700;
  background-color: #FFFFFF00;
  border: 1.09px solid #FFFFFF00;
  text-align: center;
  display: block;
}

/* line 191, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-analysis-white {
  background-color: #FFFFFF00;
  border: 1.09px solid #FFFFFF00;
}

/* line 196, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-gkg-title {
  font-size: 21px;
  line-height: 29px;
  color: #334249;
  font-weight: 700;
}

/* line 202, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-gkg-description {
  font-size: 16px;
  line-height: 20px;
  color: #334249;
}

/* line 207, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-channel {
  background-color: #FFFFFF00;
  color: #334249;
  border: 1.09px solid #FFFFFF00;
  font-size: 16px;
  line-height: 20px;
}

/* line 214, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-channel-title {
  font-size: 28px;
  line-height: 38px;
  font-weight: 700;
}

/* line 219, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-feasibility {
  font-size: 16px;
  color: #FFFFFF;
  line-height: 20px;
  font-weight: 700;
  background-color: #FFFFFF00;
  border: 1.09px solid #FFFFFF00;
  text-align: center;
}

/* line 228, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-feasibility::-moz-placeholder {
  color: #FFFFFF;
}
.textarea-current-feasibility:-ms-input-placeholder {
  color: #FFFFFF;
}
.textarea-current-feasibility::placeholder {
  color: #FFFFFF;
}

/* line 231, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-viability {
  font-size: 16px;
  color: #FFFFFF;
  line-height: 20px;
  font-weight: 700;
  background-color: #FFFFFF00;
  border: 1.09px solid #FFFFFF00;
  text-align: center;
}

/* line 240, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-viability::-moz-placeholder {
  color: #FFFFFF;
}
.textarea-current-viability:-ms-input-placeholder {
  color: #FFFFFF;
}
.textarea-current-viability::placeholder {
  color: #FFFFFF;
}

/* line 243, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-contact {
  font-size: 16px;
  color: #FFFFFF;
  line-height: 20px;
  text-align: center;
  background-color: #FFFFFF00;
  border: 1.09px solid #FFFFFF00;
}

/* line 251, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-contact:hover {
  border: 1.09px solid #FFFFFF;
}

/* line 254, app/assets/stylesheets/new/components/textarea.sass */
.textarea-current-contact::-moz-placeholder {
  color: #FFFFFF;
}
.textarea-current-contact:-ms-input-placeholder {
  color: #FFFFFF;
}
.textarea-current-contact::placeholder {
  color: #FFFFFF;
}

/* line 1, app/assets/stylesheets/new/components/tip-customer-segment.sass */
.tip-customer-segment {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: rgba(51, 66, 73, 0.5);
  text-align: left;
}

/* line 14, app/assets/stylesheets/new/components/tip-customer-segment.sass */
.tip-customer-segment-container {
  display: -ms-flexbox;
  display: flex;
  height: 90vh;
  max-width: 1060px;
  width: 90%;
  background: #FFFFFF;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.05), 0 0 4px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  overflow: auto;
}

/* line 24, app/assets/stylesheets/new/components/tip-customer-segment.sass */
.tip-customer-segment-navigation {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 220px;
  padding: 50px 0;
  background: #F8F9FA;
}

/* line 30, app/assets/stylesheets/new/components/tip-customer-segment.sass */
.tip-customer-segment-navigation__title {
  margin: 0;
  padding: 0 20px;
  color: #00afc9;
  font-size: 16px;
  line-height: 22px;
}

/* line 37, app/assets/stylesheets/new/components/tip-customer-segment.sass */
.tip-customer-segment-navigation__list {
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}

/* line 42, app/assets/stylesheets/new/components/tip-customer-segment.sass */
.tip-customer-segment-navigation__list-item {
  padding: 10px 20px;
  color: #37474F;
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
}

/* line 49, app/assets/stylesheets/new/components/tip-customer-segment.sass */
.tip-customer-segment-navigation__list-item--active {
  position: relative;
  background: rgba(9, 132, 255, 0.1);
  border-radius: 2px;
  color: #0984FF;
}

/* line 55, app/assets/stylesheets/new/components/tip-customer-segment.sass */
.tip-customer-segment-navigation__list-item--active:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #0984FF;
  border-radius: 2px;
}

/* line 65, app/assets/stylesheets/new/components/tip-customer-segment.sass */
.tip-customer-segment-info {
  width: 100%;
  padding: 40px 40px 60px;
  overflow: auto;
}

/* line 70, app/assets/stylesheets/new/components/tip-customer-segment.sass */
.tip-customer-segment-info__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin: 0;
  padding: 0 5px 0 0;
  color: #334249;
  font-size: 38px;
  line-height: 52px;
}

/* line 80, app/assets/stylesheets/new/components/tip-customer-segment.sass */
.tip-customer-segment-info__title span {
  display: block;
  width: 15px;
  height: 15px;
  background: url(//app.validatestartup.com/images/icons/close.png);
}

/* line 86, app/assets/stylesheets/new/components/tip-customer-segment.sass */
.tip-customer-segment-info__line {
  width: calc(100% + 40px);
  height: 2px;
  margin: 20px -40px 20px 0;
  background: #DDE2E5;
  border-radius: 2px;
}

/* line 93, app/assets/stylesheets/new/components/tip-customer-segment.sass */
.tip-customer-segment-info__block-title {
  margin: 40px 0 0;
  color: #334249;
}

/* line 97, app/assets/stylesheets/new/components/tip-customer-segment.sass */
.tip-customer-segment-info__block-description {
  margin: 10px 0 0;
  color: #334249;
  line-height: 20px;
}

/* line 102, app/assets/stylesheets/new/components/tip-customer-segment.sass */
.tip-customer-segment-info__block-description + p {
  margin-top: 15px;
}

/* line 105, app/assets/stylesheets/new/components/tip-customer-segment.sass */
.tip-customer-segment-info__block-image {
  width: 100%;
  height: auto;
  margin-top: 20px;
}

/* line 110, app/assets/stylesheets/new/components/tip-customer-segment.sass */
.tip-customer-segment-info__few-things {
  margin: 15px 0 0;
  padding: 0;
  list-style: none;
}

/* line 115, app/assets/stylesheets/new/components/tip-customer-segment.sass */
.tip-customer-segment-info__bottom-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 60px;
}

/* line 121, app/assets/stylesheets/new/components/tip-customer-segment.sass */
.tip-customer-segment-info__bottom-block p {
  margin: 0 40px 0 0;
  color: #334249;
  font-weight: bold;
  font-size: 21px;
}

/* line 127, app/assets/stylesheets/new/components/tip-customer-segment.sass */
.tip-customer-segment-info__btn {
  width: 127px;
  height: 45px;
  border: 2px solid rgba(9, 132, 255, 0.1);
  border-radius: 8px;
  color: #0984FF;
  font-size: 16px;
  line-height: 1;
}

/* line 136, app/assets/stylesheets/new/components/tip-customer-segment.sass */
.tip-customer-segment-info__btn:hover {
  border: 2px solid #0984FF;
}

/* line 139, app/assets/stylesheets/new/components/tip-customer-segment.sass */
.tip-customer-segment-info__btn:last-child {
  margin-left: 20px;
}

/* line 1, app/assets/stylesheets/new/components/user-avatar.sass */
.user-avatar {
  width: 35px;
  height: 35px;
  border-radius: 4px;
  text-align: center;
  font-weight: 500;
  line-height: 35px;
  text-transform: uppercase;
}

/* line 10, app/assets/stylesheets/new/components/user-avatar.sass */
.user-avatar--orange {
  background: rgba(255, 109, 0, 0.1);
  color: #FF6D00;
}