/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-text-img-l.is-style-with-liner-background {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff00), color-stop(90%, #ffffff)), -webkit-gradient(linear, left top, left bottom, from(#351aac26), color-stop(51%, #ffb44e26), to(#FFFFFF));
  background: -webkit-linear-gradient(left, #ffffff00 50%, #ffffff 90%), -webkit-linear-gradient(top, #351aac26 0%, #ffb44e26 51%, #FFFFFF 100%);
  background: -o-linear-gradient(left, #ffffff00 50%, #ffffff 90%), -o-linear-gradient(top, #351aac26 0%, #ffb44e26 51%, #FFFFFF 100%);
  background: linear-gradient(90deg, #ffffff00 50%, #ffffff 90%), linear-gradient(180deg, #351aac26 0%, #ffb44e26 51%, #FFFFFF 100%);
  padding-top: 100px; }

.wp-block-cgb-text-img-l.is-style-img-no-shifted .Block .Img {
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px); }

.wp-block-cgb-text-img-l .Block {
  display: -ms-flexbox;
  display: flex;
  padding-right: unset; }
  @media (max-width: 860px) {
    .wp-block-cgb-text-img-l .Block {
      padding-right: 40px; } }

.wp-block-cgb-text-img-l .Info {
  width: 55%;
  margin-right: auto; }
  @media (max-width: 860px) {
    .wp-block-cgb-text-img-l .Info {
      width: 100%; } }
  .wp-block-cgb-text-img-l .Info .Title {
    line-height: normal;
    font-weight: 900; }
    @media (max-width: 860px) {
      .wp-block-cgb-text-img-l .Info .Title {
        font-size: 32px; } }
  .wp-block-cgb-text-img-l .Info .Description {
    width: 95%;
    margin-top: 40px;
    margin-bottom: 60px;
    font-size: 24px; }
    @media (max-width: 860px) {
      .wp-block-cgb-text-img-l .Info .Description {
        width: 100%;
        font-size: 16px; } }
  .wp-block-cgb-text-img-l .Info .Links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
        align-items: baseline;
    font-size: 1rem;
    margin-top: 4rem; }
    .wp-block-cgb-text-img-l .Info .Links .btn {
      cursor: pointer;
      display: block;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      position: relative;
      z-index: 99; }
      .wp-block-cgb-text-img-l .Info .Links .btn:hover {
        text-decoration: underline; }
      @media (max-width: 860px) {
        .wp-block-cgb-text-img-l .Info .Links .btn {
          margin-bottom: 6.25rem;
          padding: 11px 21px; } }
    .wp-block-cgb-text-img-l .Info .Links .Link {
      display: block;
      margin-left: 3.5rem;
      text-decoration: none;
      color: #000;
      cursor: pointer; }
      .wp-block-cgb-text-img-l .Info .Links .Link:hover {
        text-decoration: underline;
        color: #4169e1 !important; }

.wp-block-cgb-text-img-l .Img {
  width: 45%;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateX(90px);
      -ms-transform: translateX(90px);
          transform: translateX(90px);
  position: relative; }
  .wp-block-cgb-text-img-l .Img::before {
    content: "";
    display: block;
    max-width: 980px;
    height: 200%;
    width: 200%;
    z-index: -1;
    background: -webkit-radial-gradient(50% 50% at 50% 50%, #351aac33 0%, #ffffff4d 79%, #ffffff00 100%);
    background: -o-radial-gradient(50% 50% at 50% 50%, #351aac33 0%, #ffffff4d 79%, #ffffff00 100%);
    background: radial-gradient(50% 50% at 50% 50%, #351aac33 0%, #ffffff4d 79%, #ffffff00 100%);
    background-repeat: no-repeat;
    position: absolute;
    -webkit-transform: translate(-9%, -30%);
        -ms-transform: translate(-9%, -30%);
            transform: translate(-9%, -30%); }
    @media (max-width: 860px) {
      .wp-block-cgb-text-img-l .Img::before {
        max-height: 630px;
        height: 120%;
        width: 150%;
        -webkit-transform: translate(-30%, 29%);
            -ms-transform: translate(-30%, 29%);
                transform: translate(-30%, 29%); } }
  @media (max-width: 860px) {
    .wp-block-cgb-text-img-l .Img {
      display: none; } }
  .wp-block-cgb-text-img-l .Img img {
    width: calc(100% + 200px);
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: bottom;
       object-position: bottom;
    max-width: none; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-text-img-r .Block {
  display: -ms-flexbox;
  display: flex; }
  .wp-block-cgb-text-img-r .Block .Img {
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    position: relative;
    padding-right: 3.5rem; }
    .wp-block-cgb-text-img-r .Block .Img img {
      margin-top: 5rem;
      width: calc(100% + 5rem);
      position: relative;
      left: -5rem; }
  .wp-block-cgb-text-img-r .Block .Info {
    width: 50%; }
    .wp-block-cgb-text-img-r .Block .Info .Description {
      font-size: 1.5rem;
      margin-top: 0; }
      @media (max-width: 860px) {
        .wp-block-cgb-text-img-r .Block .Info .Description {
          width: 100%;
          font-size: 1rem; } }
    .wp-block-cgb-text-img-r .Block .Info .Links {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: baseline;
          align-items: baseline;
      font-size: 1rem;
      margin-top: 6rem; }
      .wp-block-cgb-text-img-r .Block .Info .Links .btn {
        cursor: pointer;
        display: block;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content; }
        .wp-block-cgb-text-img-r .Block .Info .Links .btn:hover {
          text-decoration: underline;
          color: #4169e1 !important; }
        @media (max-width: 860px) {
          .wp-block-cgb-text-img-r .Block .Info .Links .btn {
            margin: 20px 0px 60px 0px;
            font-size: 16px;
            padding: 11px 21px; } }
      .wp-block-cgb-text-img-r .Block .Info .Links .Link {
        display: block;
        margin-left: 3.5rem;
        text-decoration: none;
        color: #000;
        cursor: pointer; }
        .wp-block-cgb-text-img-r .Block .Info .Links .Link:hover {
          text-decoration: underline;
          color: #4169e1 !important; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-separator {
  margin: -20px auto 20px; }
  @media (max-width: 860px) {
    .wp-block-cgb-separator {
      display: none; } }
  .wp-block-cgb-separator .Img {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    margin: 5px auto;
    width: 80%;
    max-width: 1080px;
    -webkit-transform: translateX(-8px);
        -ms-transform: translateX(-8px);
            transform: translateX(-8px);
    margin-bottom: -32px;
    margin-top: -64px; }
    .wp-block-cgb-separator .Img img {
      max-width: 100%;
      height: auto;
      width: 100%; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-list-img-r .Block {
  display: -ms-flexbox;
  display: flex;
  padding-left: unset; }
  @media (max-width: 860px) {
    .wp-block-cgb-list-img-r .Block {
      padding-left: 40px; } }

.wp-block-cgb-list-img-r .Info {
  width: 50%;
  margin-left: auto; }
  @media (max-width: 860px) {
    .wp-block-cgb-list-img-r .Info {
      width: 100%; } }
  .wp-block-cgb-list-img-r .Info .List .Li {
    display: -ms-flexbox;
    display: flex; }
    .wp-block-cgb-list-img-r .Info .List .Li .LiImg {
      width: 56px;
      min-width: 56px;
      height: 56px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      @media (max-width: 500px) {
        .wp-block-cgb-list-img-r .Info .List .Li .LiImg {
          width: 40px;
          min-width: 40px;
          height: 40px; } }
    .wp-block-cgb-list-img-r .Info .List .Li .LiInfo {
      width: 100%;
      margin-left: 32px; }
      @media (max-width: 500px) {
        .wp-block-cgb-list-img-r .Info .List .Li .LiInfo {
          margin-left: 24px; } }
      .wp-block-cgb-list-img-r .Info .List .Li .LiInfo h2 {
        margin-top: 6px; }
      .wp-block-cgb-list-img-r .Info .List .Li .LiInfoDesc {
        font-size: 24px; }
        @media (max-width: 860px) {
          .wp-block-cgb-list-img-r .Info .List .Li .LiInfoDesc {
            font-size: 1rem; } }

.wp-block-cgb-list-img-r .Img {
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translate(-320px, 40px);
      -ms-transform: translate(-320px, 40px);
          transform: translate(-320px, 40px); }
  @media (max-width: 860px) {
    .wp-block-cgb-list-img-r .Img {
      display: none; } }
  .wp-block-cgb-list-img-r .Img img {
    width: calc(100% + 240px);
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: top;
       object-position: top;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-cta-center.is-style-blue-background {
  background-color: #351AAC;
  background-image: url(img/Linie.png), url(img/Linierevert.png);
  background-size: 33%, 33%;
  background-position-x: 3%, 102%;
  background-position-y: 94%, 33%;
  background-repeat: no-repeat;
  color: #fff; }
  .wp-block-cgb-cta-center.is-style-blue-background.type1 {
    background-position-x: 3%, 105%; }
    @media (max-width: 860px) {
      .wp-block-cgb-cta-center.is-style-blue-background.type1 {
        background-image: none; } }
  .wp-block-cgb-cta-center.is-style-blue-background.type2 {
    background-position-x: 3%, 115%; }
    @media (max-width: 860px) {
      .wp-block-cgb-cta-center.is-style-blue-background.type2 {
        background-image: none; } }

.wp-block-cgb-cta-center .Info {
  padding: 61px 0;
  width: 95%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin: auto; }
  @media (max-width: 750px) {
    .wp-block-cgb-cta-center .Info {
      padding: 40px; } }
  .wp-block-cgb-cta-center .Info .Description {
    margin: unset;
    font-size: 40px;
    text-align: center;
    max-width: 1040px; }
    @media (max-width: 750px) {
      .wp-block-cgb-cta-center .Info .Description {
        text-align: left;
        font-size: 24px;
        max-width: 330px;
        margin-right: auto; } }
  .wp-block-cgb-cta-center .Info .Title {
    margin: unset;
    color: #FFB44E;
    text-transform: uppercase;
    font-size: 56px;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 32px;
    line-height: 100%; }
    @media (max-width: 750px) {
      .wp-block-cgb-cta-center .Info .Title {
        text-align: left;
        line-height: initial;
        font-size: 32px;
        margin-top: 16px;
        margin-bottom: 16px; } }
  .wp-block-cgb-cta-center .Info .btn {
    padding: 24px 40px;
    border-radius: 50px;
    background-color: #FFB44F;
    border: 1px solid #FFB44F;
    margin-top: 32px;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    text-align: center; }
    @media (max-width: 750px) {
      .wp-block-cgb-cta-center .Info .btn {
        margin-top: 24px;
        font-size: 14px; } }
    .wp-block-cgb-cta-center .Info .btn:hover {
      color: #fff;
      text-decoration: none;
      background-color: #351AAC; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-drop-down-list-img.is-style-L-right .Block {
  -ms-flex-direction: row;
      flex-direction: row; }
  @media (max-width: 750px) {
    .wp-block-cgb-drop-down-list-img.is-style-L-right .Block {
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; } }

.wp-block-cgb-drop-down-list-img.is-style-L-right .Info {
  margin-left: auto; }

.wp-block-cgb-drop-down-list-img.is-style-L-right .Img {
  -webkit-transform: translateX(-180px);
      -ms-transform: translateX(-180px);
          transform: translateX(-180px); }
  @media (max-width: 750px) {
    .wp-block-cgb-drop-down-list-img.is-style-L-right .Img {
      -webkit-transform: translateX(90px);
          -ms-transform: translateX(90px);
              transform: translateX(90px); } }

.wp-block-cgb-drop-down-list-img.is-style-L-left .Block {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
  @media (max-width: 750px) {
    .wp-block-cgb-drop-down-list-img.is-style-L-left .Block {
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; } }

.wp-block-cgb-drop-down-list-img.is-style-L-left .Info {
  margin-right: auto; }

.wp-block-cgb-drop-down-list-img.is-style-L-left .Img {
  -webkit-transform: translateX(90px);
      -ms-transform: translateX(90px);
          transform: translateX(90px); }
  @media (max-width: 750px) {
    .wp-block-cgb-drop-down-list-img.is-style-L-left .Img {
      -webkit-transform: translateX(-180px);
          -ms-transform: translateX(-180px);
              transform: translateX(-180px); } }

.wp-block-cgb-drop-down-list-img.is-style-L-right-linerBg {
  position: relative; }
  .wp-block-cgb-drop-down-list-img.is-style-L-right-linerBg .Block {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
    @media (max-width: 750px) {
      .wp-block-cgb-drop-down-list-img.is-style-L-right-linerBg .Block {
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }
  .wp-block-cgb-drop-down-list-img.is-style-L-right-linerBg .Info {
    margin-right: auto; }
  .wp-block-cgb-drop-down-list-img.is-style-L-right-linerBg .Img {
    -webkit-transform: translateX(-90px);
        -ms-transform: translateX(-90px);
            transform: translateX(-90px); }
    @media (max-width: 750px) {
      .wp-block-cgb-drop-down-list-img.is-style-L-right-linerBg .Img {
        -webkit-transform: translateX(90px);
            -ms-transform: translateX(90px);
                transform: translateX(90px); } }
  .wp-block-cgb-drop-down-list-img.is-style-L-right-linerBg::before {
    content: "";
    display: block;
    height: 150%;
    width: 100%;
    top: -100%;
    z-index: -1;
    position: absolute;
    background: -webkit-linear-gradient(175deg, #ffffff00 50%, #ffffff 90%), -webkit-linear-gradient(top, #351aac26 0%, #ffb44e26 51%, #FFFFFF 100%);
    background: -o-linear-gradient(175deg, #ffffff00 50%, #ffffff 90%), -o-linear-gradient(top, #351aac26 0%, #ffb44e26 51%, #FFFFFF 100%);
    background: linear-gradient(275deg, #ffffff00 50%, #ffffff 90%), linear-gradient(180deg, #351aac26 0%, #ffb44e26 51%, #FFFFFF 100%); }

.wp-block-cgb-drop-down-list-img.is-style-L-left-linerBg {
  position: relative; }
  .wp-block-cgb-drop-down-list-img.is-style-L-left-linerBg .Block {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
    @media (max-width: 750px) {
      .wp-block-cgb-drop-down-list-img.is-style-L-left-linerBg .Block {
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }
  .wp-block-cgb-drop-down-list-img.is-style-L-left-linerBg .Info {
    margin-right: auto; }
  .wp-block-cgb-drop-down-list-img.is-style-L-left-linerBg .Img {
    -webkit-transform: translateX(90px);
        -ms-transform: translateX(90px);
            transform: translateX(90px); }
    @media (max-width: 750px) {
      .wp-block-cgb-drop-down-list-img.is-style-L-left-linerBg .Img {
        -webkit-transform: translateX(-180px);
            -ms-transform: translateX(-180px);
                transform: translateX(-180px); } }
  .wp-block-cgb-drop-down-list-img.is-style-L-left-linerBg::before {
    content: "";
    display: block;
    height: 150%;
    width: 100%;
    top: -100%;
    z-index: -1;
    position: absolute;
    background: -webkit-linear-gradient(175deg, #ffffff00 50%, #ffffff 90%), -webkit-linear-gradient(top, #351aac26 0%, #ffb44e26 60%, #FFFFFF 100%);
    background: -o-linear-gradient(175deg, #ffffff00 50%, #ffffff 90%), -o-linear-gradient(top, #351aac26 0%, #ffb44e26 60%, #FFFFFF 100%);
    background: linear-gradient(275deg, #ffffff00 50%, #ffffff 90%), linear-gradient(180deg, #351aac26 0%, #ffb44e26 60%, #FFFFFF 100%); }
    @media (max-width: 750px) {
      .wp-block-cgb-drop-down-list-img.is-style-L-left-linerBg::before {
        height: 100%;
        top: -50%; } }

.wp-block-cgb-drop-down-list-img .Block {
  display: -ms-flexbox;
  display: flex; }

.wp-block-cgb-drop-down-list-img .Info {
  width: 50%;
  max-width: 600px; }
  @media (max-width: 750px) {
    .wp-block-cgb-drop-down-list-img .Info {
      width: 100%; } }
  .wp-block-cgb-drop-down-list-img .Info .Title {
    line-height: initial;
    margin-bottom: 60px; }
    @media (max-width: 750px) {
      .wp-block-cgb-drop-down-list-img .Info .Title {
        margin-bottom: 40px; } }
  .wp-block-cgb-drop-down-list-img .Info .List {
    border-top: 1px solid #351AAC;
    padding-top: 10px; }
    .wp-block-cgb-drop-down-list-img .Info .List .Li {
      -webkit-transition: .4s;
      -o-transition: .4s;
      transition: .4s;
      border-bottom: 1px solid #351AAC;
      padding-bottom: 10px;
      overflow: hidden;
      margin-bottom: 10px;
      cursor: pointer; }
      .wp-block-cgb-drop-down-list-img .Info .List .Li .LiInfoTitle {
        margin-top: unset;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        padding-right: 24px;
        width: 100%; }
        .wp-block-cgb-drop-down-list-img .Info .List .Li .LiInfoTitle::after {
          content: "\271A";
          -webkit-transform: rotate(0deg);
              -ms-transform: rotate(0deg);
                  transform: rotate(0deg);
          display: block;
          position: absolute;
          height: 14px;
          width: 14px;
          right: 0;
          top: 9px;
          font-size: 14px;
          line-height: 100%;
          -webkit-transition: .3s;
          -o-transition: .3s;
          transition: .3s;
          color: #351AAC; }
      .wp-block-cgb-drop-down-list-img .Info .List .Li .LiInfoDesc {
        font-size: 24px; }
        @media (max-width: 860px) {
          .wp-block-cgb-drop-down-list-img .Info .List .Li .LiInfoDesc {
            font-size: 1rem; } }
      .wp-block-cgb-drop-down-list-img .Info .List .Li.active .LiInfoTitle::after {
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }

.wp-block-cgb-drop-down-list-img .Img {
  width: 50%;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 750px) {
    .wp-block-cgb-drop-down-list-img .Img {
      width: 100%;
      margin-top: 20px; } }
  .wp-block-cgb-drop-down-list-img .Img img {
    width: calc(100% + 180px);
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content; }
    @media (max-width: 750px) {
      .wp-block-cgb-drop-down-list-img .Img img {
        width: calc(100% + 90px); } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-list-benefits .Block .List {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -50px; }
  @media (max-width: 500px) {
    .wp-block-cgb-list-benefits .Block .List {
      margin: auto; } }
  .wp-block-cgb-list-benefits .Block .List .Li {
    width: calc(100% / 2 - 100px);
    margin: 50px;
    max-width: 560px; }
    @media (max-width: 750px) {
      .wp-block-cgb-list-benefits .Block .List .Li {
        width: calc(100% / 1 - 100px); } }
    @media (max-width: 500px) {
      .wp-block-cgb-list-benefits .Block .List .Li {
        width: 100%;
        margin: 32px auto; } }
    .wp-block-cgb-list-benefits .Block .List .LiImg {
      height: 56px;
      margin-bottom: 24px;
      max-width: 64px; }
      .wp-block-cgb-list-benefits .Block .List .LiImg img {
        height: 100%;
        width: auto; }
    .wp-block-cgb-list-benefits .Block .List .LiInfoDesc {
      font-size: 24px;
      font-weight: 300;
      margin-top: 24px;
      margin-bottom: 0; }
      @media (max-width: 860px) {
        .wp-block-cgb-list-benefits .Block .List .LiInfoDesc {
          font-size: 16px; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-title .Title {
  max-width: 883px; }
  @media (max-width: 860px) {
    .wp-block-cgb-title .Title {
      text-align: center; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-service .Block .Services {
  display: -ms-flexbox;
  display: flex;
  margin: 0 -29px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center; }
  @media (max-width: 500px) {
    .wp-block-cgb-service .Block .Services {
      margin: -20px; } }
  .wp-block-cgb-service .Block .Services .service {
    border: 1px solid;
    border-radius: 25px;
    overflow: hidden;
    margin: 0 29px 29px;
    width: calc(100% / 3 - 58px); }
    @media (max-width: 1000px) {
      .wp-block-cgb-service .Block .Services .service {
        width: calc(100% / 2 - 58px); } }
    @media (max-width: 750px) {
      .wp-block-cgb-service .Block .Services .service {
        width: calc(100% / 1 - 58px); } }
    @media (max-width: 500px) {
      .wp-block-cgb-service .Block .Services .service {
        width: calc(100% / 1 - 40px);
        margin: 20px auto; } }
    .wp-block-cgb-service .Block .Services .serviceLogoimg {
      margin: 24px auto 16px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      .wp-block-cgb-service .Block .Services .serviceLogoimg img {
        height: 30px; }
    .wp-block-cgb-service .Block .Services .serviceTitle {
      padding: 16px;
      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;
      text-align: center; }
      .wp-block-cgb-service .Block .Services .serviceTitleimg {
        height: 34px; }
        .wp-block-cgb-service .Block .Services .serviceTitleimg img {
          height: 100%; }
    .wp-block-cgb-service .Block .Services .servicePrice {
      padding: 32px 16px 0px;
      line-height: 105%;
      text-align: center;
      font-size: 40px;
      font-weight: 400;
      margin: auto;
      max-width: 322px; }
      @media (max-width: 860px) {
        .wp-block-cgb-service .Block .Services .servicePrice {
          font-size: 24px; } }
      .wp-block-cgb-service .Block .Services .servicePrice strong {
        font-size: 56px;
        font-weight: 900; }
        @media (max-width: 860px) {
          .wp-block-cgb-service .Block .Services .servicePrice strong {
            font-size: 32px;
            margin-bottom: 6px; } }
      .wp-block-cgb-service .Block .Services .servicePriceDesc {
        margin: 0px 35px 30px;
        text-align: center;
        font-size: 24px;
        font-weight: 300;
        line-height: normal; }
        @media (max-width: 860px) {
          .wp-block-cgb-service .Block .Services .servicePriceDesc {
            font-size: 16px; } }
    .wp-block-cgb-service .Block .Services .serviceForUser {
      text-align: center;
      font-size: 24px;
      font-weight: 300;
      margin: 38px 35px; }
      @media (max-width: 860px) {
        .wp-block-cgb-service .Block .Services .serviceForUser {
          font-size: 16px; } }
      .wp-block-cgb-service .Block .Services .serviceForUser strong {
        font-size: 24px;
        font-weight: 900; }
    .wp-block-cgb-service .Block .Services .serviceDesc {
      text-align: center;
      font-size: 24px;
      font-weight: 300;
      margin: 38px 35px; }
      @media (max-width: 860px) {
        .wp-block-cgb-service .Block .Services .serviceDesc {
          font-size: 16px; } }
    .wp-block-cgb-service .Block .Services .serviceBtn {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 11px 40px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      margin: auto;
      border-radius: 25px;
      margin-bottom: 20px;
      text-decoration: none;
      border: 1px solid;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s;
      cursor: pointer;
      color: inherit; }
      .wp-block-cgb-service .Block .Services .serviceBtn:hover {
        background-color: #fff !important;
        color: #000 !important; }
        .wp-block-cgb-service .Block .Services .serviceBtn:hover mark {
          color: inherit !important; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-scale {
  display: block; }
  .wp-block-cgb-scale .Mobile {
    display: none; }
  .wp-block-cgb-scale .Descktop {
    display: block; }
  @media (max-width: 750px) {
    .wp-block-cgb-scale .Mobile {
      display: block; }
    .wp-block-cgb-scale .Descktop {
      display: none; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-comment .Block {
  display: -ms-flexbox;
  display: flex;
  padding: 3rem 2rem;
  border-radius: 1.5rem;
  border: 1px solid #351AAC;
  background-color: #fff; }
  .wp-block-cgb-comment .Block .avatar {
    display: -ms-flexbox;
    display: flex;
    height: 91px;
    width: 91px;
    min-width: 91px !important;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    border-radius: 91px;
    background-color: #351AAC;
    margin-right: 5rem;
    color: #fff; }
  .wp-block-cgb-comment .Block .Info {
    width: 100%; }
    .wp-block-cgb-comment .Block .Info .InfoTop {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center;
      border-bottom: 1px solid #351AAC; }
    .wp-block-cgb-comment .Block .Info .Rating {
      background-size: 100%; }
    .wp-block-cgb-comment .Block .Info .InfoBottom .shortComment {
      margin: 1rem 0; }
    .wp-block-cgb-comment .Block .Info .InfoBottom .Comment {
      font-size: 1.5rem;
      font-weight: 300; }
    .wp-block-cgb-comment .Block .Info .InfoBottom .Date {
      font-size: 1.5rem;
      margin-left: auto;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content; }