.elementor-11960 .elementor-element.elementor-element-f6bf09e{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11960 .elementor-element.elementor-element-0bbcaea{text-align:center;}.elementor-11960 .elementor-element.elementor-element-0bbcaea .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}@media(max-width:1025px){.elementor-11960 .elementor-element.elementor-element-f6bf09e{--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-11960 .elementor-element.elementor-element-0bbcaea .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:768px){.elementor-11960 .elementor-element.elementor-element-f6bf09e{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-11960 .elementor-element.elementor-element-0bbcaea .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}/* Start custom CSS for shortcode, class: .elementor-element-b87e329 *//* GCM CONSULTANTS DIRECTION SHORTCODE */
.gcm-consultants-direction {
  transition: all 0.5s ease-in-out;
  opacity: 1;
  transform: translateY(0);

  &.gcm-consultants-direction-hidden {
    opacity: 0;
    transform: translateY(30px);
  }
  .gcm-consultants-direction-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    &:nth-of-type(even) {
      justify-content: flex-end;
    }
    .gcm-consultants-direction-col {
      &:hover {
        text-decoration: none;
      }

      width: 40%;
      display: flex;
      flex-wrap: wrap;
      text-decoration: none;
      @media (max-width: 1440px) {
        width: 50%;
        
        .text {
            opacity: 1 !important;
            display: block !important;
            
            .btn {
                opacity: 1 !important;
                display: block !important;
            }
            .quote {
                opacity: 0 !important;
                display: none !important;
            }
        }
      }
      @media (max-width: 1200px) {
        width: 100%;
        &:nth-of-type(even) {
          flex-direction: row-reverse;
        }
        
        .text {
            opacity: 1 !important;
            display: block !important;
            
            .btn {
                opacity: 1 !important;
                display: block !important;
            }
            .quote {
                opacity: 0 !important;
                display: none !important;
            }
        }
      }
      @media (max-width: 600px) {
        &:nth-of-type(even) {
          flex-direction: row;
        }
        
        .text {
            opacity: 1 !important;
            display: block !important;
            
            .btn {
                opacity: 1 !important;
                display: block !important;
            }
            .quote {
                opacity: 0 !important;
                display: none !important;
            }
        }
      }

      .gcm-consultants-direction-col-l {
        width: 50%;
        overflow: hidden;
        position: relative;
        height: 440px;
        @media (max-width: 1200px) {
          height: 540px;
        }
        @media (max-width: 600px) {
          width: 100%;
          height: auto;
        }
        img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: top;
          transition: all 1s ease-in-out;
          display: block;
          transform-origin: top center;
        }
        .img-initial {
          transform: scale(1);
          @media (max-width: 600px) {
            position: initial;
            width: 100%;
            height: auto;
            left: unset;
            top: unset;
          }
        }
      }
      .gcm-consultants-direction-col-r {
        width: 50%;
        height: 440px;
        overflow: hidden;
        background-color: #1c67a8;
        @media (max-width: 1200px) {
          height: 540px;
        }
        @media (max-width: 600px) {
          width: 100%;
          height: auto;
        }
        .gcm-consultants-direction-col-r-inner {
          display: flex;
          flex-direction: column;
          justify-content: center;
          padding: 25px 25px;
          height: 100%;
          color: white !important;
          transition: all 0.8s ease-in-out;
          @media (max-width: 600px) {
            transform: translateY(0%) !important;
            padding: 30px 20px;
          }
          .name {
            font-size: 24px;
            font-weight: 600;
          }
          .position {
            font-size: 15px;
            font-weight: 600;
            display: block;
            margin-bottom: 5px;
          }
          .text {
            opacity: 1;
            transition: all 0.8s ease-in-out;
            @media (max-width: 600px) {
              opacity: 1;
            }
            flex-grow: 0.001;
            display: none;
          }
          .text.grow {
            transition: all 0.8s ease-in-out;
            flex-grow: 1;
          }
          .text .quote {
            font-size: 12px;
            position: relative;
            margin-bottom: 12px;
            display: flex;
            flex-wrap: wrap;
            align-content: flex-start;

            span {
              display: flex;
              line-height: 1;
              /* justify-content: center; */
              /* align-items: center; */
              padding: 3px;
              &.accent {
                animation: accent 0.5s ease-out forwards;
                border-radius: 3px;
              }
            }
          }
          .text .btn {
            display: none;
            padding: 5px 15px;
            color: white;
            font-size: 15px;
            font-style: normal;
            font-weight: 600;
            background: #e9ae42 !important;
            width: fit-content;
            border-radius: 0;
            opacity: 0;

            &.hovered {
              display: inline-block;
              animation: show 0.5s forwards;
              animation-delay: 1s;
            }
            i {
              margin-left: 5px;
              display: inline-block;
              transition: all 0.3s ease-in-out;
            }
            &:hover {
              color: #ffffff;
              background-color: #c2881d !important;
              i {
                transform: translateX(3px);
              }
            }
          }
        }
      }
      &.animated {
        .gcm-consultants-direction-col-l {
          .img-initial {
            opacity: 1;
            transform: scale(1.1);
          }
        }
      }
    }
  }
}
@keyframes show{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}/* End custom CSS */