#percentage{ display:none;}
@-webkit-keyframes jump {
50%{transform:translateY(-30%);-webkit-transform:translateY(-30%);-moz-transform:translateY(-30%);-ms-transform:translateY(-30%);-o-transform:translateY(-30%)}
}
@keyframes jump {
50%{transform:translateY(-30%);-webkit-transform:translateY(-30%);-moz-transform:translateY(-30%);-ms-transform:translateY(-30%);-o-transform:translateY(-30%)}
}
@-webkit-keyframes upscale {
50%{transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5)}
}
@keyframes upscale {
50%{transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5)}
}
@-webkit-keyframes leap {
50%{transform:translateY(-50%) rotate(-15deg)}
}
@keyframes leap {
50%{transform:translateY(-50%) rotate(-15deg)}
}
.wobble span{display:inline-block}
.wobble span.jump{-webkit-animation:jump .5s 1;animation:jump .5s 1}
.wobble span.upscale{-webkit-animation:upscale .5s 1;animation:upscale .5s 1}
.wobble span.leap{-webkit-animation:leap .7s 1;animation:leap .7s 1}
.gap-row1{margin:15px 0}
.gap-row{margin:-50px 0;align-items:end}
.vision-img{height:100%}
.banner_heading_txt .word{overflow-y:hidden}
.banner_heading_txt .char{transform:translateY(250px);-webkit-transform:translateY(250px);-moz-transform:translateY(250px);-ms-transform:translateY(250px);-o-transform:translateY(250px);transition:transform .5s;-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;-o-transition:transform .5s}
.inner-content-wrap{position:relative;z-index:1}
.animatedText{opacity:0}
.animatedText span{display:inline-block;min-width:5px;min-height:10px;overflow:hidden}
@keyframes glow {
0%{text-shadow:0 0 10px rgba(179,151,88,0.7),0 0 20px rgba(179,151,88,0.7),0 0 30px rgba(179,151,88,0.7),0 0 40px rgba(179,151,88,0.7),0 0 50px rgba(179,151,88,0.7),0 0 60px rgba(179,151,88,0.7),0 0 70px rgba(179,151,88,0.7),0 0 80px rgba(179,151,88,0.7)}
50%{text-shadow:none}
100%{text-shadow:0 0 10px rgba(179,151,88,0.1),0 0 20px rgba(179,151,88,0.1),0 0 30px rgba(179,151,88,0.1),0 0 40px rgba(179,151,88,0.1),0 0 50px rgba(179,151,88,0.1),0 0 60px rgba(179,151,88,0.1),0 0 70px rgba(179,151,88,0.1),0 0 80px rgba(179,151,88,0.1)}
}
.glow-animation{animation:glow 2s .5s ease-out}


/**=================
COMMON
=================**/
.f-family-bellefair{font-family: 'Bellefair', serif !important;}
.f-family-Poppins{font-family: 'Poppins', sans-serif !important;}

.heading-sm, .overlay{ font-size:24px; line-height:24px; letter-spacing:1px;font-family: 'Bellefair', serif; font-weight: 400; text-transform: uppercase;}
.heading-md, .heading-L{font-size:56px; line-height:46px; letter-spacing:-2px;font-family: 'Bellefair', serif; font-weight: 400; text-transform: uppercase;}
.intro-sm, .qoute-text{font-size:38px; line-height:42px; letter-spacing:-2px;font-family: 'Bellefair', serif; font-weight: 400;}

.Overline{ font-size: 24px; line-height: 36px; letter-spacing:0px; text-transform: uppercase; }

.small-title-text{ font-size:24px; line-height:24px !important;  text-transform:uppercase; letter-spacing:0px;}

.mb-80{ margin-bottom:80px !important;}
.mb-60{ margin-bottom:60px !important;}
.mb-40{ margin-bottom:40px !important;}
.mb-30{ margin-bottom:30px !important;}
.mb-20{ margin-bottom:20px !important;}


ul, ul li{ list-style-type: none; margin: 0; padding: 0;}



/**=========================
vision-excellence-resilience
==========================**/
.breadcrump-outer{ position:absolute; top:4.5rem; right:3rem; text-transform:uppercase;}
.breadcrump-outer ul{display: flex; flex-wrap:nowrap;}
.breadcrump-outer li{font-size:18px; line-height:18px; padding:0 15px; position:relative;}
.breadcrump-outer li:before{content: '/'; position: absolute;top: calc(50% + 2px); right: 0; color: rgba(179, 151, 88, 0.5); font-size: 18px;    height: 16px; z-index: 9; transform: translateY(-50%); overflow: hidden;}
.breadcrump-outer li:last-child{ padding-right:0;}
.breadcrump-outer li:last-child:before{ display:none; }
.breadcrump-outer li a{color: rgba(179, 151, 88, 0.5); font-weight:400;}
.breadcrump-outer li a.active{color: rgba(179, 151, 88, 1);font-weight:500;}


.vision-excellence-resilience{padding:15% 5% 15% 5%; position:relative; background:#fff; background-image:url("../images/about-us/Tajset-BG.jpg");background-position: center top;  background-repeat: no-repeat; background-size:cover;}


/*.team-outer .display-1-heading,
.team-outer .display-2-heading{font-size:70px; line-height:60px; height:70px; color:rgba(179, 151, 88, 1);}
*/
.team-outer .display-1-heading,
.team-outer .display-2-heading{font-size: 24px; line-height: 36px; letter-spacing:0px;  text-transform: uppercase;}

.team-outer h2.animatedText span{ min-width:20px;}

#vision-excellence-resilience-left .banner_heading_txt .display-1-heading,
.vision-excellence-resilience .banner_heading_txt .display-2-heading{ font-size:90px; line-height:80px; height:90px; }


.vision-excellence-resilience .about-left h2{letter-spacing:-2px !important; }
.vision-excellence-resilience .about-right{padding-left: 1.5rem;}
.vision-excellence-resilience .about-right p:last-child{margin-bottom:0; }

.about-left .leaf-outer-position{position:absolute; bottom:-40px; height:14%; width:25%; left:-60px;}

.with-curvebox-container{ margin-top:-120px; }
.curvebox{width:200vw;height:110%; position:absolute; top:0px; background-color:#fcf7f1;  border-radius:50%;   transition: border-radius 0.8s ease , transform 4s ease ; left:-50%;}

.qoute-box{ max-width:1240px; margin: 0 auto; padding:18% 0 10%;}
.qoute-box blockquote{ position:relative; margin-bottom: 50px;}
.qoute-box blockquote p{font-size:38px; text-transform:inherit; line-height:42px; color:rgba(40, 71, 52, 1);  font-family:'Bellefair', serif !important; text-align: center;letter-spacing: -0.2px; font-weight:500;}
.qoute-box blockquote p:last-child{ margin-bottom:0;}
.qoute-box blockquote .quote-left{position:absolute; top:-30px; left:-40px; height:47px; width:53px;}
.qoute-box blockquote .quote-right{position:absolute;  right:-40px; height:47px; width:53px; bottom:-15px}


.qoute-box-content .qoute-box{text-align:center; position:relative; font-size:20px; line-height:20px; letter-spacing:-0.03em; margin:0 auto;text-indent:60px; padding:40px 0; max-width:1140px;}
.qoute-box-content .qoute-box .quote-left{ position:absolute; top:-40px; left:-60px;}
.qoute-box-content .qoute-box .quote-right{ position: absolute; bottom: -40px; right:-60px; }
.qoute-box-content .qoute-by{font-weight: 500; font-size:22px; line-height:33px; text-align: center; text-transform:uppercase; color:#fff;  letter-spacing:1px; /*max-width:40%;*/ margin:40px auto 0; text-indent: 0;}
.qoute-box-content .qoute-by span{ font-weight: 500; font-size:16px; line-height:24px; display: block; text-transform: inherit; letter-spacing:0;}
.qoute-box-content .qoute-box img{ display: block; }

/****/
.team-outer h2 .line{ text-align: center !important;}
.leadership-list{ max-width:90%; margin:30px auto 0; }
.BoardofDirectors-section .leadership-list{padding:0 5%;}
.leadership-item-ul{display: flex;flex-wrap:wrap;margin:30px -5px 60px;align-items: flex-start; position: relative;}
.leadership-item-ul .leadership-li{padding:5px 5px; border-radius:30px; overflow:hidden;flex:0 0 25%;max-width:25%;margin-bottom:0px;vertical-align: top; /*border:0.5px solid #a7894b;*/ position: relative;}
.leadership-item-ul .leadership-li figure{ margin-bottom: 0;}
.leadership-item-ul .leadership-li .leaders-img{width:100%;max-width:inherit;top: 0;position: absolute;left: 0;transform: translate(-00%, -0%);z-index: 0; filter: grayscale(1); transition: all 0.6s;}
.leadership-item-ul .leadership-li .leaders-img img{ width: 100%; }
.leadership-item-ul .leadership-li figcaption{position: absolute; text-align: left; left: 0; bottom: 0; width: 100%; top:0;z-index: 99;}
.leadership-li-inside{position: relative; overflow: hidden;  border-radius:30px;}
.leadership-item-ul .leadership-li figcaption .figcaption-in{ padding: 30px 60px; position: absolute; bottom: 0; left: 0; right: 0;}


.leadership-designation{color: #454545; font-weight: 500;  line-height:18px; font-size:14px;  text-transform:capitalize; min-height:40px;}
.leadership-name{ font-weight: bold; font-size: 18px; color: #454545; line-height:18px; margin-bottom:5px; text-transform:uppercase;}
.leadership-item-ul .leadership-li .color-img-div{opacity: 1;visibility: visible;/* position: relative; */}

.bodOverlay{position:absolute; top:calc(50%);left:50%;width:250px;height:250px; border:1px solid white; z-index:2; opacity:.4; transform:translate(-50%, -50%); display: none;}
.overlayImgDiv{max-width:250px; max-height:250px; margin:0 auto; overflow:hidden; position:absolute; top:0px; bottom: 0; height:100%; width: 100%; left: 50%; transform: translateX(-50%); scale:1.125; opacity: 0; visibility: hidden; display: contents;}
.overlayImgDiv-outer{position: absolute;top:0;left:0;right:0;bottom: 0;border:50px solid #f9f1e0; border-width:70px 66px 128px; opacity: 1;visibility: visible;transition:border-color 0.8s; transform: translate(-0%, -0%);z-index: 99; }


.leadership-item-ul .leadership-li:hover figure .color-img-div{ opacity: 1; visibility: visible;}
.leadership-item-ul .leadership-li:hover figure .overlayImgDiv{ opacity: 1; visibility:visible; scale:1; }
.leadership-item-ul .leadership-li:hover figure .overlayImgDiv-outer{ border-color:transparent; }
.leadership-item-ul .leadership-li:hover .leaders-img{ filter:grayscale(0); }
.leadership-item-ul .leadership-li:hover .leadership-name,
.leadership-item-ul .leadership-li:hover .leadership-designation{ color: #fff;}


.board-title{font-weight:600; display:inline-block; z-index:2; /*background-color: rgba(255,255,255,0.8); */color:#454545; font-size:24px; text-transform:uppercase;  margin-bottom:10px; position: relative; letter-spacing:-1px; /*box-shadow: 0 6px 9px 0 rgba(0,0,0,0.2);  border-radius:10px;  padding:8px 20px; */}

.BoardofDirectors-section .overlayImgDiv-outer{ border-color:#dbc79e;}
.BoardofDirectors-section{ padding:40px 0 0 !important;}




@media all and (max-width:1600px){
 /**TITLE SECTION**/
 #vision-excellence-resilience-left .banner_heading_txt .display-1-heading, .vision-excellence-resilience .banner_heading_txt .display-2-heading{ font-size: 80px;
    line-height: 70px; height: 80px; }

   .bodOverlay{ height: 180px; width: 190px; } 
   .overlayImgDiv-outer{ border-width: 60px 66px 128px; }
}


@media all and (max-width:1440px){
 /**TITLE SECTION**/
 #vision-excellence-resilience-left .banner_heading_txt .display-1-heading, .vision-excellence-resilience .banner_heading_txt .display-2-heading{ font-size: 70px;
    line-height: 70px; height: 70px; }
.team-outer .display-1-heading, .team-outer .display-2-heading{ font-size: 56px; line-height: 50px; height: 56px;}

.qoute-box blockquote{ margin-bottom: 30px; }
.qoute-box blockquote p{font-size:25px; line-height:32px; }
.qoute-box-content .qoute-box{ padding:30px 10%; font-size:20px; line-height: 26px;}
.qoute-box-content .qoute-box .quote-left{ left:-40px;}
.qoute-box-content .qoute-box .quote-right{ right:-60px;}
.qoute-box-content .qoute-by span{ font-size:14px; line-height:24px;}


.leadership-list{ padding: 0; }
.leadership-name{ font-size:12.8px; line-height:16px;}
.leadership-designation{ font-size:12px; line-height:16px; min-height: 35px;}
.overlayImgDiv-outer{ border-width: 55px 35px 90px; }
.leadership-item-ul .leadership-li figcaption .figcaption-in{ padding:18px 35px;}
}

@media all and (max-width:767px){
.leadership-item-ul .leadership-li{flex:0 0 50%;max-width:50%;}
#vision-excellence-resilience-left .banner_heading_txt .display-1-heading, 
.vision-excellence-resilience .banner_heading_txt .display-2-heading{font-size: 56px; line-height: 50px; height: 56px;}
.vision-excellence-resilience{padding: 40vw 7% 60px 7%;}
.vision-excellence-resilience .container{ padding: 0 !important;}
.vision-excellence-resilience .row{ margin:0 !important; }
.vision-excellence-resilience .row>*{ padding: 0 !important }

.breadcrump-outer{position: relative; top: 0; right: 0; margin-bottom:30px;}
.breadcrump-outer li{font-size: 14px;line-height: 15px;}

.about-left .leaf-outer-position{position: absolute; bottom:-125px; height: 14%; width: 100px; left: -20px;}

.team-outer .display-1-heading, .team-outer .display-2-heading{font-size: 38px; line-height: 38px; height:inherit;}
.qoute-box-content .qoute-box{ padding: 30px 0px;}
.BoardofDirectors-section .qoute-box-content .qoute-box{ padding: 30px 30px;}
.qoute-box-content .qoute-box .quote-left{top: -30px; left: 0;height: 25px; width: 30px;}
.qoute-box-content .qoute-box .quote-right{bottom: -30px; right:0px; height:25px; width:30px;}
.qoute-box blockquote p{ font-size: 24px; line-height:28.4px; margin: 0; text-indent: 0; letter-spacing: -1px;}
.qoute-box-content .qoute-by{ max-width: 100%; }
.qoute-box-content .qoute-by br{ display: none; }

.curvebox{ height:200vw;}
.leadership-list{ max-width: 100%;}

.with-curvebox-container{ padding:40px 7% 0; margin-top:0px; }
.BoardofDirectors-section .leadership-list{padding: 0 5%;}

.board-title{ font-size:20px; line-height:24px;}
.team-outer .Overline{ margin-bottom:15px !important; }

}

@media all and (max-width:568px){
.leadership-item-ul .leadership-li{flex:0 0 100%;max-width:100%;}
}
@media all and (max-width:360px){
   #vision-excellence-resilience-left .banner_heading_txt .display-1-heading, .vision-excellence-resilience .banner_heading_txt .display-2-heading {font-size: 52px;
      line-height: 48px;}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    #vision-excellence-resilience-left .banner_heading_txt .display-1-heading, .vision-excellence-resilience .banner_heading_txt .display-2-heading {     font-size: 56px;line-height: 56px;height: 56px;}
    .about-left .leaf-outer-position {left: -25px;}
    .leadership-item-ul .leadership-li {flex: 0 0 33.33%;max-width: 33.33%;}
    .vision-excellence-resilience {padding: 15% 5% 28% 5%;}
    .more, .less {position: absolute;bottom: -50px;left: 0;width: 100%;}
    .leadership-item-ul .leadership-li figcaption .figcaption-in {padding: 10px 25px;}
    .overlayImgDiv-outer {border-width: 25px 25px 75px;}
    .leadership-name {font-size: 12px;line-height: 16px;}
    .leadership-list {max-width: 100%;}
    .curvebox {top: -8px;}
    .BoardofDirectors-section {margin-bottom: 100px;}
}

@media only screen and (min-width: 1024px) and (max-width: 1080px) {
    .about-left .leaf-outer-position {left: -40px;}
    .leadership-item-ul .leadership-li {flex: 0 0 33.33%;max-width: 33.33%;}
    .vision-excellence-resilience {padding: 15% 5% 25% 5%;}
    .curvebox {top: -25px;}
}

@media screen and (max-width: 320px) {
#vision-excellence-resilience-left .banner_heading_txt .display-1-heading, .vision-excellence-resilience .banner_heading_txt .display-2-heading {       font-size: 46px;line-height: 46px;}

}
/*STYLE FOR 1920*1080 screen at 125% scale*/
@media screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25), 
screen and (min-width: 1024px) and (min-resolution: 120dpi) {
    .leadership-name{ font-size: 16px; line-height: 1.25;}
    .leadership-item-ul .leadership-li figcaption .figcaption-in{ padding:30px 40px;}
    .leadership-designation{ font-size:12px; line-height: 1.25;}
}


/*STYLE FOR 1920*1080 screen at 150% scale*/
@media screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), 
screen and (min-width: 1024px) and (min-resolution: 144dpi) {
    .overlayImgDiv-outer { border-width: 40px 40px 90px;}
    .leadership-name{ font-size: 12.8px; line-height: 1.25;}
    .leadership-item-ul .leadership-li figcaption .figcaption-in{ padding:30px 30px 20px;}
    .leadership-designation{ font-size:11px; line-height: 1.25;}
    
}