/********** about Us **********/
@import "custom-variables/variables";
@import "../../bootstrap-4.0.0/scss/functions";
@import "../../bootstrap-4.0.0/scss/variables";
@import "../../bootstrap-4.0.0/scss/mixins";

@import "custom/banner-style";
@import "plugin/slick";
@import "custom/breadcrumbs";
 
.read-more-strock-btn{
    border: solid 1px;
    padding: 5px 15px;
    border-radius: 30px;
}

.excutive-box{
    img{
      border-radius: 50%;
    }
}

.leadership-block{
     .slider-content::after{
        content: '';
        width: 100%;
        height: 100%;
        background: $primary;
        opacity: 0;
         position: absolute;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         z-index: -1;
         transition: all ease .5s;
    }
    .slider-content{
        position: relative;
        z-index: 5;
        transition: all ease .5s;
        padding-bottom: 85px !important;
        /* height: 395px;*/
        @include media-breakpoint-down(md) { padding-bottom: 40px !important;}
        @include media-breakpoint-down(sm) { padding-bottom: 15px !important;}
        &:hover{
            @include media-breakpoint-up(lg) {
            -webkit-box-shadow: -2px 1px 20px 2px rgba(0,0,0,0.27);
            -moz-box-shadow: -2px 1px 20px 2px rgba(0,0,0,0.27);
            box-shadow: -2px 1px 20px 2px rgba(0,0,0,0.27);
        }
            
            h4, p{
               @include media-breakpoint-up(lg) { color: $white; }
            }
            
            &:after{
                opacity: 1;
                transition: all ease .5s;
                @include media-breakpoint-down(md) { opacity: 0; }
            }
            .info{
                opacity: 1;
                visibility: visible;
                z-index: 55;
                @include media-breakpoint-down(md) { display: none; }
            }
            
        }
        .info {
            position: absolute;
            left: 0;
            right: 0;
            width: 100%;
            padding: 20px;
            opacity: 0;
            bottom: -3px;
            color: $white;
            text-align: center;
            opacity: 0;
            visibility: hidden;
            transition: all ease .5s;
        }
    }
    
   
}


.leadership-section{
    background: $gray-100;
    .leadership-block{
     padding:  0 20px;
    }
    .slick-prev, .slick-next{
        position: absolute;
        width: 50px; 
        height: 50px;
        font-size: 50px;
        top: 0;;
        bottom: 0;
        margin: auto;
        cursor: pointer;
        opacity: 0.7;
        z-index: 99;
        &:hover {
            opacity: 1;
        }
         @include media-breakpoint-down(md) {
            width: 30px; 
            height: 30px;
            font-size: 30px;
         }
    }
    .slick-prev{
        left: -30px;
        @include media-breakpoint-down(lg) {
         left: -10px;
        }
        @include media-breakpoint-down(md) {
         left: 0;
        }

        @include media-breakpoint-down(md) {
         left: 15px;
        }
    }
    .slick-next{
        right: -30px;
        @include media-breakpoint-down(lg) {
         right: -10px;
        }
        @include media-breakpoint-down(md) {
         right: 0;
        }
        @include media-breakpoint-down(md) {
         right: 15px;
        }
    }
}

.career-section{
    background: url(../images/career-bg.jpg) no-repeat;
    background-size: cover;
    height: 400px;
    .career-text{
        width: 80%;
        float: right;
        margin-right: 10%;
    }
    .find-more-btn{  
        border: solid 1px;
        padding: 6px 25px;
        border-radius: 15px;
        &:hover{
            background: $white;
            color: $body-color !important;
            border-color: #fff;
        }
    }
    
    @include media-breakpoint-down(md) {
        background-size: cover;
    }
}

.testimonial-text{
    @include media-breakpoint-down(sm) { overflow: hidden;}
    p{
        width: 65%;
        margin: 20px auto !important;
        font-style: italic;
        line-height: 23px;
        position: relative;
        color: $gray-500;
        @include media-breakpoint-down(sm) { width: 100%;}
        
         &::after,&::before{
            font-family: 'icomoon';
            color: $gray-200;
            position: absolute;
            font-size: rem(22); 
        }
        
        &::after{
           content: "\e934";
           right: -20px; 
           bottom: -45px;
           @include media-breakpoint-down(sm) { right: 5px;}
        }
        
         &::before{
           content: "\e933";
           left: -50px;
           top: -19px;
           @include media-breakpoint-down(sm) { left: 5px;}  
        }
        
    }
  
}

.testimonial-slide{
    .slick-arrow{
        background: transparent;
        border: none;
        font-size: 0;
        cursor: pointer;
        position: absolute;
        top: 30%;
        z-index: 9;
    }
    .slick-next{
        right: 0;
    }
    .slick-prev{
        left: 0;
    }
    .slick-next:before{
        content: "\e95b";
        font-family: 'icomoon';
        font-size: 20px;
        color: $gray-600;
}
    .slick-prev:before{
        content: "\e957";
        font-family: 'icomoon';
        font-size: 20px;
        color: $gray-600;
}
}

.corporate-citizenship-blk{
    h4{
        font-size: rem(18);
        line-height: 25px;
    }
}


.our-partners-section{
    
    .our-partner-block{
        width: 85%;
        margin: 0 auto;
        
    @include media-breakpoint-down(md) {
        width: 100%;
        
        .view-more-btn{
            margin-bottom: 40px;
        }
    }    
        
    }
    
    p{
       width: 80%;
       margin: 15px auto !important; 
    }
    h4{
       font-size: 17px; 
    }
    
    
    
}

.view-all-btn{
    position: relative;
}

.view-all-btn:after{
    position: absolute;
    content: "\e92f";
    right: -25px;
    color: #006e45;
    top: -1px;
    font-family: 'icomoon' !important;
    font-size: 15px;
    line-height: 20px;
    
    @include media-breakpoint-down(md) {
       top: -4px;  
    }
    
}
 
.abouts-content-area{
    img {
        height: auto !important;
    }
}