.elementor-8318 .elementor-element.elementor-element-a7fd348{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8318 .elementor-element.elementor-element-7cc6422a{text-align:center;}.elementor-8318 .elementor-element.elementor-element-7cc6422a .elementor-heading-title{font-family:var( --e-global-typography-d3c3a74-font-family ), Sans-serif;font-size:var( --e-global-typography-d3c3a74-font-size );font-weight:var( --e-global-typography-d3c3a74-font-weight );text-transform:var( --e-global-typography-d3c3a74-text-transform );line-height:var( --e-global-typography-d3c3a74-line-height );letter-spacing:var( --e-global-typography-d3c3a74-letter-spacing );color:var( --e-global-color-7f5cf89 );}.elementor-8318 .elementor-element.elementor-element-798f2fc1{text-align:center;}.elementor-8318 .elementor-element.elementor-element-798f2fc1 .elementor-heading-title{color:var( --e-global-color-8e0069d );}.elementor-8318 .elementor-element.elementor-element-7c33c735{width:var( --container-widget-width, 77% );max-width:77%;--container-widget-width:77%;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-da28257 );}.elementor-8318 .elementor-element.elementor-element-7c33c735.elementor-element{--align-self:center;}.elementor-8318 .elementor-element.elementor-element-3a7b98d1{--spacer-size:10px;}.elementor-8318 .elementor-element.elementor-element-338c1a5{--grid-columns:4;--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-8318 .elementor-element.elementor-element-338c1a5 > .elementor-widget-container{margin:0px 0px 0px 0px;}@media(max-width:1366px){.elementor-8318 .elementor-element.elementor-element-7cc6422a .elementor-heading-title{font-size:var( --e-global-typography-d3c3a74-font-size );line-height:var( --e-global-typography-d3c3a74-line-height );letter-spacing:var( --e-global-typography-d3c3a74-letter-spacing );}}@media(max-width:1024px){.elementor-8318 .elementor-element.elementor-element-7cc6422a .elementor-heading-title{font-size:var( --e-global-typography-d3c3a74-font-size );line-height:var( --e-global-typography-d3c3a74-line-height );letter-spacing:var( --e-global-typography-d3c3a74-letter-spacing );}.elementor-8318 .elementor-element.elementor-element-338c1a5{--grid-columns:3;}}@media(max-width:767px){.elementor-8318 .elementor-element.elementor-element-7cc6422a{text-align:start;}.elementor-8318 .elementor-element.elementor-element-7cc6422a .elementor-heading-title{font-size:var( --e-global-typography-d3c3a74-font-size );line-height:var( --e-global-typography-d3c3a74-line-height );letter-spacing:var( --e-global-typography-d3c3a74-letter-spacing );}.elementor-8318 .elementor-element.elementor-element-798f2fc1{text-align:start;}.elementor-8318 .elementor-element.elementor-element-7c33c735{width:100%;max-width:100%;text-align:start;}.elementor-8318 .elementor-element.elementor-element-338c1a5{--grid-columns:1;}}/* Start custom CSS *//*make icons use elementor colors*/
span.elementor-icon {
  svg{
    fill: inherit;

    path{
      fill: inherit;
    }
  }
}

#dhr-founder {
    overflow: clip;
    &:before, #founder{
        transition: transform 0.6s ease;
    }
    &:hover{
        #founder{
            transform: scale(1.05)
        }

        &:before{
            transform: scale(1.2)
        }
        
        #gc-ceo{
            opacity: 1;
            transform: translateY(0);
        }
    }
}

/*.tile {*/
/*    position: relative;*/

/*    .tile-wrapper {*/
/*        position: relative;*/

/*        &::before {*/
/*            width: 0%;*/
/*            opacity: 0;*/
/*            transition: width 0.6s ease, opacity 0.6s ease;*/
/*        }*/
/*    }*/

/*    &::before {*/
/*        content: "";*/
/*        position: absolute;*/
/*        inset: 0;*/
/*        transition: opacity 1.2s ease;*/
/*    }*/

/*    &:hover {*/
/*        &::before {*/
/*            opacity: 0;*/
/*            transition: opacity 0.6s ease;*/
/*        }*/
/*    }*/
/*}*/

/*.tile.tile-right {*/

/*    .tile-wrapper::before {*/
/*        left: 0; */
/*    }*/

/*    &:hover {*/
/*        .tile-wrapper::before {*/
/*            width: 100%;*/
/*            opacity: 1;*/
/*            transition: width 0.6s ease;*/
/*        }*/
/*    }*/
/*}*/

#dhr-founder{
    .elementor-author-box__text {
        background: #fff;
        padding: 10px;
        border-radius: 4px;
    }
    
    .elementor-author-box {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        
    }
    
    .elementor-author-box__avatar {
        display: flex !important;
    }
    
    h4.elementor-author-box__name,.elementor-author-box__bio {
        margin: 0;
        line-height: 1.1em;
    }
    
    h4.elementor-author-box__name{
        margin-bottom: 5px
    }
}

div#gc-ceo {
  position: absolute;
  right: 40px;
  left: unset;
  top: unset;
  bottom: 120px;
  /*transform: translateY(100%);*/
  opacity: 0;
  
  transition:  all 0.3s ease;
}



.tile {
    position: relative;
    overflow: hidden;

    .tile-wrapper {
        position: relative;

        &::before {
            content: "";
            position: absolute;
            inset: 0;
            width: 0%;
            height: 100%;
            opacity: 0;
            transition: width 0.6s ease, height 0.6s ease, opacity 0.6s ease;
        }
    }

    &::before {
        content: "";
        position: absolute;
        inset: 0;
        transition: opacity 1.2s ease;
    }

    &:hover {
        &::before {
            opacity: 0;
            transition: opacity 0.6s ease;
        }
    }
}

.tile.tile-right {

    .tile-wrapper::before {
        left: 0;
        top: 0;
    }

    &:hover {
        .tile-wrapper::before {
            width: 100%;
            opacity: 1;
        }
    }
}

.tile.tile-left {

    .tile-wrapper::before {
        right: 0;
        top: 0;
        /* opacity: 1; */
        /* width: 10%; */
        left: unset;
    }

    &:hover {
        .tile-wrapper::before {
            width: 100%;
            opacity: 1;
        }
    }
}

.tile.tile-down {

    .tile-wrapper::before {
        top: 0;
        left: 0;
        width: 100%;
        height: 0%;
    }

    &:hover {
        .tile-wrapper::before {
            height: 100%;
            opacity: 1;
        }
    }
}

.tile.tile-up {

    .tile-wrapper::before {
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0%;
        top: unset;
    }

    &:hover {
        .tile-wrapper::before {
            height: 100%;
            opacity: 1;
        }
    }
}/* End custom CSS */