@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600&family=Quicksand:wght@600;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Philosopher:wght@700&display=swap');
:root {
  --theme-color: #004f8a;
  --secondary-color: #ff7800;
  --bg-color: #fff;
  --secondary-bg: #25839326;
  --primary-font-color:#000;
  --secondary-font-color: #666;
  --primary-font-family:   'Philosopher', sans-serif; 
  --secondary-font-family: 'Quicksand', sans-serif;
  --border-radius: 4px;
  --btn-padding:  0 20px; 
  --border-grey:#f2f2f2;
  --text-decoration:none;
  --underlined-text-decoration: underline;
  --mainbanner-height: 62vh;
  --breadcrum-height: 370px;
  --text-align-justify: justify;
  --text-align-left: left;
  --text-align-right: right;
  --text-align-center: center;
  --img-brightness:brightness(0.7);

}
/* width */
::-webkit-scrollbar {
  width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
  border-radius: var(--border-radius);
}
/* Handle */
::-webkit-scrollbar-thumb {
  background:transparent; 
  border-radius: 12px;
}
::-webkit-scrollbar-thumb :hover{
  background: var(--secondary-color);
}
html{
    font-size: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    scroll-behavior: smooth;
}
body{
    margin: 0;
    padding: 0;
    font-family: var(--secondary-font-family);
    line-height: 1.889;
    background-color:var(--secondary-bg) ; 
    overflow-x: hidden !important;  
    width: 100%;
    /* height: 100vh; */
    overflow-y: hidden;
}

* {transition: all 0.3s ease-out;}
a, a:hover{
  text-decoration: var(--text-decoration);
}
.hidden {
  display: none;
}
ul li{list-style-type: none;}
.scrollup {
  width: 50px;
  height: 50px;
  border-radius: var(--border-radius);
  position: fixed;
  bottom: 50px;
  right: 100px;
  display: none;
  background-color:  var(--secondary-color);
  display: flex; color: var(--bg-color);
  align-items: center;
  justify-content: center;
}

button {
  background: var(--secondary-color);
  color: var(--bg-color);
  border: 2px solid  var(--secondary-color);
  text-transform: uppercase;
  padding: var(--btn-padding);
  line-height: 40px;
  position: relative;
  z-index: 1;
  overflow: hidden; border-radius: var(--border-radius);
}
button:hover {
  color:  var(--secondary-color);
}
button[class^="slide"]::after {
  content: "";
  background: var(--bg-color);
  position: absolute;
  z-index: -1;
  padding: var(--btn-padding);
  display: block;
}
button[class^="slide"]::after {
  transition: all 0.35s;
}
button[class^="slide"]:hover::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.35s;
}
button.slide_from_left::after {
  top: 0;
  bottom: 0;
  left: -100%;
  right: 100%;
}
h3.secondary_heading{
  font-family: var(--primary-font-family);
  margin: 0 0 1rem 0; text-transform: capitalize;
}
/* header styles */
.top__header{
    background-color: var(--theme-color);
    color: var(--bg-color); padding: 0.3rem 0 0rem 0;
    border-bottom: 1px solid var(--secondary-color);
    height: 45px;
}

.topbar__menu > ul > li {
  list-style: none;
  display: inline-block;
  margin: 0 30px 0 0;
  font-size: 14px;
  font-weight: 700;
}
.topbar__menu > ul > li > a{
  color: var(--bg-color);
}
.topbar__menu > ul > li > a > i{
  margin: 0 3px 0 0;
  vertical-align: middle;
  color: var(--secondary-color);
}
.topbar__social-media ul li {
  list-style: none;
  display: inline-block;
  margin: 0 10px 0 0;
  width: 2rem;
  border-radius: var(--border-radius);
  background-color: var(--secondary-color);
  text-align: center;

}   
.topbar__social-media ul li i{
  color: var(--bg-color);
  vertical-align: middle;
} 

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

 /* Responsive Mega Menu */
.header_area{background: var(--bg-color);width:100%;margin:auto;top:0;right:0;left:0;z-index:99;box-shadow:0 2px 10px rgba(0,0,0,0.05); padding: 0.5rem;}
.navigation{width:100%;height:70px;display:table;position:relative;font-family:inherit}
.navigation *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.navigation-portrait{height:48px}
.navigation-fixed{position:fixed;top:0;left:0;z-index:19998}
img.nav_img{display: block; width: 100%; height: 180px; margin-top: 0.75rem;-o-object-fit: cover;object-fit: cover;}
.navigation-hidden{width:0!important;height:0!important;margin:0!important;padding:0!important}
.align-to-right{float:right}
.nav-header{float:left}
.navigation-hidden .nav-header{display:none}
.nav-brand{line-height:70px;padding:0;color: var(--bg-color);font-size:24px;text-decoration:var(--text-decoration)}
.nav-brand:hover,.nav-brand:focus{color: var(--bg-color)}
.navigation-portrait .nav-brand{font-size:18px;line-height:48px}
.nav-logo>img{height:48px;margin:11px auto;padding:0 15px;float:left}
.nav-logo:focus>img{outline:initial}
h4.nav_title{
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    padding: 0.75rem 0;
    margin: 0rem 0 0rem 1rem;
    color: var(--secondary-color);
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.autohide{
  /* position: fixed; */
    width: 100%;
    z-index: 1030;
}
#error-section{
  padding: 6rem 0;
  width: 100%;
  height: 100vh;
}
.navigation-portrait .nav-logo>img{height:36px;margin:6px auto 6px 15px;padding:0}
.nav-toggle{width:30px;height:30px;padding:6px 2px 0;position:absolute;top:50%;margin-top:-14px;right:0;display:none;cursor:pointer; }
.nav-toggle:before{content:"";position:absolute;width:24px;height:2px;background-color:var(--theme-color);border-radius:10px;box-shadow:0 .5em 0 0 var(--theme-color),0 1em 0 0 var(--theme-color);}
.navigation-portrait .nav-toggle{display:block}
.navigation-portrait .nav-menus-wrapper{width:320px;height:100%;top:0;left:-400px;position:fixed;background-color:var(--bg-color);z-index:20000;overflow-y:auto;-webkit-overflow-scrolling:touch;transition-duration:.2s;transition-timing-function:ease}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right{left:auto;right:-400px}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open{left:0}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open{left:auto;right:0}
.nav-menus-wrapper-close-button{width:30px;height:30px;margin:10px 7px;display:none;float:right;color:#343a40;font-size:20px;cursor:pointer}
.navigation-portrait .nav-menus-wrapper-close-button{display:block}
.nav-menu{margin:0;padding:0;list-style:none;line-height:normal;font-size:0}
.navigation-portrait .nav-menu{width:100%}
.navigation-landscape .nav-menu.nav-menu-centered{float:none;text-align:center}
.navigation-landscape .nav-menu.nav-menu-centered>li{float:none}
.nav-menu>li{display:inline-block; text-align:left}
.navigation-portrait .nav-menu>li{width:100%;position:relative;border-top:solid 1px #f0f0f0}
.navigation-portrait .nav-menu>li:last-child{border-bottom:solid 1px #f0f0f0}
.nav-menu+.nav-menu>li:first-child{border-top:none}
.nav-menu>li>a{height:70px;padding:31px 15px;display:inline-block;text-decoration: var(--text-decoration);font-size: 1rem;color: var(--primary-font-color);transition:color .3s,background .3s; text-transform: capitalize;}
.nav-menu>li>a.active{
  color: var(--secondary-color);
}
.navigation-portrait .nav-menu>li>a{width:100%;height:auto;padding:12px 15px 12px 26px}
.nav-menu>li:hover>a,.nav-menu>li.active>a,.nav-menu>li.focus>a{color: var(--secondary-color)}
.nav-menu>li>a>i,.nav-menu>li>a>[class*=ion-]{width:18px;height:16px;line-height:16px;transform:scale(1.4)}
.nav-menu>li>a>[class*=ion-]{width:16px;display:inline-block;transform:scale(1.8)}
.navigation-portrait .nav-menu.nav-menu-social{width:100%;text-align:center}
.nav-menu.nav-menu-social>li{text-align:center;float:none;border:none!important}
.navigation-portrait .nav-menu.nav-menu-social>li{width:auto}
.nav-menu.nav-menu-social>li>a>[class*=ion-]{font-size:12px}
.nav-menu.nav-menu-social>li>a>.fa{font-size:14px}
.navigation-portrait .nav-menu.nav-menu-social>li>a{padding:15px}
.submenu-indicator{margin-left:8px;margin-top:4px;float:right;transition:all .2s}
.navigation-portrait .submenu-indicator{width:54px;height:44px;margin-top:0;position:absolute;top:0;right:0;text-align:center;z-index:20000}
.submenu-indicator-chevron{height:6px;width:6px;display:block;border-style:solid;border-width:0 1px 1px 0; transform:rotate(45deg);transition:border .2s}
.navigation-portrait .submenu-indicator-chevron{border-color:transparent #999 #999 transparent;position:absolute;top:18px;left:24px}
.navigation-portrait:hover .submenu-indicator-chevron{border-color:transparent #999 #999 transparent}
.navigation-portrait .submenu-indicator.submenu-indicator-up{transform:rotate(-180deg)}
.nav-dropdown>li .submenu-indicator-chevron{border-color:transparent #999 #999 transparent}
.nav-overlay-panel{width:100%;height:100%;top:0;left:0;position:fixed;display:none;z-index:19999}
.no-scroll{width:100%;height:100%;overflow:hidden}
.nav-search{height:70px;float:right;z-index:19998}
/*.navigation-portrait .nav-search{height:48px;padding:0 10px;margin-right:32px}*/
/*.navigation-hidden .nav-search{display:none}*/
.nav-search-button{width:70px;height:70px;line-height:70px;text-align:center;cursor:pointer;background-color:rgba(0,0,0,0.1)}
.navigation-portrait .nav-search-button{width:50px;height:48px;line-height:46px;font-size:22px}
.nav-search-icon{width:14px;height:14px;margin:2px 8px 8px 4px;display:inline-block;vertical-align:middle;position:relative;color: var(--bg-color);text-align:left;text-indent:-9999px;border:2px solid;border-radius:50%;transform:rotate(-45deg)}
.nav-search-icon:after,.nav-search-icon:before{content:'';pointer-events:none}
.nav-search-icon:before{width:2px;height:11px;top:11px;position:absolute;left:50%;border-radius:0 0 1px 1px;box-shadow:inset 0 0 0 32px;transform:translateX(-50%)}
.nav-search-button:hover .nav-search-icon{color:var(--bg-color)}
.nav-search>form{width:100%;height:100%;padding:0;display:none;position:absolute;left:0;top:0;background-color:#3243db;z-index:99}
.nav-search-inner{width:70%;height:70px;margin:auto;display:table}
/*.navigation-portrait .nav-search-inner{height:48px}*/
/*.nav-search-inner input[type="text"],.nav-search-inner input[type="search"]{height:70px;width:100%;margin:0;padding:0 12px;font-size:22px;text-align:center;color:#fff;outline:none;line-height:70px;border:none;background-color:transparent;transition:all .3s}*/
/*.navigation-portrait .nav-search-inner input[type="text"],.navigation-portrait .nav-search-inner input[type=search]{height:48px;font-size:18px;line-height:48px}*/
/*.nav-search input[type="search"]::placeholder{color:var(--bg-color);opacity:1}*/
/*.nav-search input[type="search"]:-ms-input-placeholder{color:var(--bg-color);}*/
/*.nav-search input[type="search"]::-ms-input-placeholder{color:var(--bg-color);}*/
/*.nav-search-close-button{width:28px;height:28px;display:block;position:absolute;right:20px;top:20px;line-height:normal;outline:none;color:rgba(255,255,255,.5);font-size:20px;cursor:pointer;text-align:center}*/
/*.navigation-portrait .nav-search-close-button{top:10px;right:14px}*/
.nav-button{margin:18px 15px 0;padding:8px 14px;display:inline-block;color:var(--bg-color);font-size:14px;text-align:center;text-decoration: var(--text-decoration);border-radius: var(--border-radius)}
.nav-button:hover,.nav-button:focus{color: var(--bg-color);text-decoration:none}
.navigation-portrait .nav-button{width:calc(100% - 52px);margin:17px 26px}
.nav-text{margin:25px 15px;display:inline-block;color:#343a40;font-size:14px}
.navigation-portrait .nav-text{width:calc(100% - 52px);margin:12px 26px 0}
.navigation-portrait .nav-text+ul{margin-top:15px}
.nav-dropdown{min-width:180px;margin:0;padding:0;display:inline-block;position:absolute;list-style:none;z-index:98;white-space:nowrap}
.navigation-portrait .nav-dropdown{width:100%;position:static;left:0}
.nav-dropdown .nav-dropdown{left:100%}
.nav-menu>li>.nav-dropdown{border-top:solid 1px #f0f0f0}
.nav-dropdown>li{width:100%;float:left;clear:both;position:relative;text-align:left}
.nav-dropdown>li>a{width:100%;padding:16px 20px;display:inline-block;font-size: 1rem; text-transform: capitalize;background-color:#fdfdfd}
.nav-dropdown>li:hover>a,.nav-dropdown>li.focus>a{color: var(--secondary-color);}
.nav-dropdown.nav-dropdown-left{right:0}
.nav-dropdown>li>.nav-dropdown-left{left:auto;right:100%}
.navigation-landscape .nav-dropdown.nav-dropdown-left>li>a{text-align:right}
.navigation-portrait .nav-dropdown>li>a{padding:12px 20px 12px 30px}
.navigation-portrait .nav-dropdown>li>ul>li>a{padding-left:50px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>a{padding-left:70px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a{padding-left:90px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a{padding-left:110px}
.nav-dropdown .submenu-indicator{right:15px;top:10px;position:absolute}
.navigation-portrait .nav-dropdown .submenu-indicator{right:0;top:0}
.nav-dropdown .submenu-indicator .submenu-indicator-chevron{transform:rotate(-45deg)}
.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron{transform:rotate(45deg)}
.nav-dropdown>li:hover>a .submenu-indicator-chevron,.nav-dropdown>.focus>a .submenu-indicator-chevron{border-color:transparent var(--secondary-color) var(--secondary-color) transparent}
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator{left:10px}
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron{transform:rotate(135deg)}
.nav-dropdown-horizontal{width:100%;left:0;background-color:#fdfdfd;border-top:solid 1px #f0f0f0}
.nav-dropdown-horizontal .nav-dropdown-horizontal{width:100%;top:100%;left:0}
.navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal{border-top:none}
.nav-dropdown-horizontal>li{width:auto;clear:none;position:static}
.navigation-portrait .nav-dropdown-horizontal>li{width:100%}
.nav-dropdown-horizontal>li>a{position:relative}
.nav-dropdown-horizontal .submenu-indicator{height:18px;top:11px;transform:rotate(90deg)}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator{height:42px;top:0;transform:rotate(0deg)}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up{transform:rotate(-180deg)}
.megamenu-panel{width:100%;display:none;position:absolute; border-radius: 0.25rem; font-size:14px;z-index:98;text-align:left;color:inherit;border-top:solid 2px var(--secondary-color);background-color:var(--bg-color);box-shadow:0 15px 20px -5px rgba(0,0,0,.2)}
.navigation-portrait .megamenu-panel{padding:25px;position:static;display:block}
.megamenu-panel [class*=container]{width:100%}
.megamenu-panel [class*="container"] [class*="col-"]{padding:0}
.megamenu-panel-half{width:50%}
.megamenu-panel-quarter{width:25%}
.navigation-portrait .megamenu-panel-half,.navigation-portrait .megamenu-panel-quarter{width:100%}
.megamenu-panel-row{width:100%}
.megamenu-panel-row:before,.megamenu-panel-row:after{display:table;content:"";line-height:0}
.megamenu-panel-row:after{clear:both}
.megamenu-panel-row [class*=col-]{display:block;min-height:20px;float:left;margin-left:3%}
.megamenu-panel-row [class*=col-]:first-child{margin-left:0}
.navigation-portrait .megamenu-panel-row [class*=col-]{float:none;display:block;width:100%!important;margin-left:0;margin-top:15px}
.navigation-portrait .megamenu-panel-row:first-child [class*=col-]:first-child{margin-top:0}
.megamenu-panel-row .col-1{width:5.583333333333%}
.megamenu-panel-row .col-2{width:14.166666666666%}
.megamenu-panel-row .col-3{width:22.75%}
.megamenu-panel-row .col-4{width:31.333333333333%}
.megamenu-panel-row .col-5{width:39.916666666667%}
.megamenu-panel-row .col-6{width:48.5%}
.megamenu-panel-row .col-7{width:57.083333333333%}
.megamenu-panel-row .col-8{width:65.666666666667%}
.megamenu-panel-row .col-9{width:74.25%}
.megamenu-panel-row .col-10{width:82.833333333334%}
.megamenu-panel-row .col-11{width:91.416666666667%}
.megamenu-panel-row .col-12{width:100%}
.megamenu-tabs{width:100%;float:left;display:block}
.megamenu-tabs-nav{width:20%;margin:0;padding:0;float:left;list-style:none}
.navigation-portrait .megamenu-tabs-nav{width:100%}
.megamenu-tabs-nav>li>a{width:100%;padding:10px 16px;float:left;font-size:13px;color:#343a40;border:solid 1px #eff0f2;outline:0;background-color:var(--bg-color)}
.megamenu-tabs-nav>li.active a,.megamenu-tabs-nav>li:hover a{background-color:#f5f5f5}
.megamenu-tabs-pane{width:80%;min-height:30px;padding:20px;float:right;display:none;font-size:13px;color:#343a40;border:solid 1px #eff0f2;background-color: var(--bg-color)}
.megamenu-tabs-pane.active{display:block}
.navigation-portrait .megamenu-tabs-pane{width:100%}
.megamenu-lists{width:100%;display:table}
.megamenu-list{width:100%;margin:0 0 15px;padding:0;display:inline-block;float:left;list-style:none}
.megamenu-list:last-child{margin:0;border:none}
.navigation-landscape .megamenu-list{padding:20px 0;border-right:solid 1px #f0f0f0}
.navigation-landscape .megamenu-list:last-child{border:none}
.megamenu-list>li>a{width:100%;padding:10px 15px;display:inline-block;color:#343a40;text-transform: capitalize; font-size: 1rem;}
.megamenu-list>li>a:hover{color:var(--secondary-color);}
.megamenu-list>li.megamenu-list-title>a{font-size:12px;font-weight:500;text-transform:uppercase;color:#343a40}
.megamenu-list>li.megamenu-list-title>a:hover{background-color:transparent}
.navigation-landscape .list-col-2{width:50%}
.navigation-landscape .list-col-3{width:33%}
.navigation-landscape .list-col-4{width:25%}
.navigation-landscape .list-col-5{width:20%}
.nav-dropdown > li > a{color:#343a40;padding:10px 20px;border-bottom:1px solid #f6f6f6}
.nav-dropdown > li > a:hover,.nav-dropdown > li > a:focus{color: var(--secondary-color)}
.main_header_area.sticky{width:100%;position:fixed;top:0;left:0;background-color: var(--bg-color);z-index:9999;box-shadow:0 5px 30px rgba(0,0,0,0.1)}
.transparent-menu{position:absolute;width:100%;left:0;top:0;z-index:99}
.inner_nav{ display: flex; justify-content: center;align-items: center; padding: 0px 20px 0px 20px;}
.fixed-top {
  position: fixed;top: 0;right: 0;left: 0;z-index: 1030;}
.navigation-portrait .nav-menu > li > a{color: var(--primary-font-color) ;width:100%;height:auto;padding:10px 10px 10px 30px}
/* Media Query Mega Menu */
@media only screen and (min-width:320px) and (max-width:767px){
.nav-dropdown > li > a,.megamenu-list > li > a{width:65%}}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:576px){
.container{max-width:540px}}
@media (min-width:768px){
.container{max-width:720px}}
@media (min-width:992px){
.container{max-width:960px}}
@media (min-width:1200px){
.container{max-width:1140px}}
#banner{
  height: 50%;
}
.content {
  padding: 0rem 0; 
}

h2 {
  font-size: 20px;
  font-family: var(--primary-font-family);
 }
#banner .owl-carousel .owl-nav button.owl-next, #banner .owl-carousel .owl-nav button.owl-prev, #banner .owl-carousel button.owl-dot{
  padding: 2px 2px 0 1px;
  width: 45px;
  height: 45px;
  border-radius: var(--border-radius);
}
#banner .owl-carousel .owl-nav button.owl-next, #banner .owl-carousel .owl-nav button.owl-prev{background-color: transparent; border: 1px solid var(--bg-color); overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
#banner .owl-carousel .owl-nav button.owl-next:hover, #banner .owl-carousel .owl-nav button.owl-prev:hover{background-color: var(--secondary-color); border: 1px solid var(--secondary-color);  transform: scale(1, 1); transform-origin: right center;}

.owl-1 .owl-nav {
  width: 100%;
  position: absolute;
  bottom: 70px; }
  .owl-1 .owl-nav .owl-next,
  .owl-1 .owl-nav .owl-prev {
    border: 1px solid red;
    z-index: 92;
    position: absolute;
    top: 50%; }
    .owl-1 .owl-nav .owl-next:active, .owl-1 .owl-nav .owl-next:focus,
    .owl-1 .owl-nav .owl-prev:active,
    .owl-1 .owl-nav .owl-prev:focus {
      outline: none; }
    .owl-1 .owl-nav .owl-next span,
    .owl-1 .owl-nav .owl-prev span {
      color: var(--bg-color); }
      .owl-1 .owl-nav .owl-next span:before,
      .owl-1 .owl-nav .owl-prev span:before {
        font-size: 35px !important; }
  .owl-1 .owl-nav .owl-next {
    border: 4px solid blue;
    right: 20px; }
  .owl-1 .owl-nav .owl-prev {
    left: 20px; }

.owl-1 .owl-dots {
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  .owl-1 .owl-dots .owl-dot {
    background: none;
    display: block; }
    .owl-1 .owl-dots .owl-dot > span {
      display: inline-block;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.5);
      margin: 4px; }
    .owl-1 .owl-dots .owl-dot.active > span {
      background:var(--bg-color); }
    .owl-1 .owl-dots .owl-dot:active, .owl-1 .owl-dots .owl-dot:focus {
      outline: none; }

.media-29121 {
  width: 100%;
  height: var(--mainbanner-height);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  .media-29121.overlay {
    position: relative; }
  .media-29121.overlay:before {
      width: 100%;
      height: 100%;
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      background: rgba(0, 0, 0, 0.1);
      z-index: 1; }
  .media-29121 .container {
    position: relative;
    z-index: 2; }
    .media-29121 .container, .media-29121 .container > .row {
      height: 58vh; }
  .media-29121 h2{
    font-size: 75px;
    color: var(--bg-color);
    text-transform: capitalize; 
    font-weight: 700;
  }
   h6{
    color: var(--secondary-color);
    font-weight:500 ;
    text-transform: capitalize;
    margin-bottom: 10px;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 25px;
    position: relative;
  }
  .media-29121 p{
    color: var(--bg-color);
  }
 /* left line before text*/
 /* .media-29121 */
  h6::before {
  /* content:'';
  position: absolute;
  background-color: var(--secondary-color);
  width: 3px;
  height: 65%;
  bottom: 4px;
  left:-8px;  */
  position: absolute;
  content: "";
  background-color: var(--secondary-color);
  width: 100%;
  height: 100%;
  top: 50%;
  right: 50%;
  -webkit-transform: translateY(-50%) translateX(50%);
  -ms-transform: translateY(-50%) translateX(50%);
  transform: translateY(-50%) translateX(50%);
  border-radius: 25px;
  opacity: 0.1;

}
.news { width: 160px; background-color: var(--theme-color);}
.news-scroll a {color: var(--bg-color);}
.breaking-news{
  background-color: var(--secondary-color);
}
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.dot {
  height: 6px;
  width: 6px;
  margin-left: 3px;
  margin-right: 3px;
  margin-top: 2px !important;
  background-color: var(--theme-color);
  border-radius: 50%;
  display: inline-block;
}
#company__keyfacts{
  background-color: var(--theme-color);
  padding: 3rem 0;
}
#company__keyfacts h3{
  color: var(--bg-color);
  text-transform: capitalize;
}
#company__intro{
  padding: 3rem 0;
}
#company__intro .card{
  border: 0;
}
h4.title__secondary{
  font-family: 'Philosopher', sans-serif; transition: all 0.3s ease-out;
}
p{  color: var(--secondary-font-color); margin: 1rem 0 1.5rem 0; text-align: var(--text-align-justify);}
.intro__details{
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius);
  position: relative;
  display: block;
  z-index: 0;
  overflow: hidden;
  padding: 1.5rem 1rem 1.5rem 1rem;
  box-shadow: rgb(149 157 165 / 2%) 0px 8px 24px;
  background-color: var(--bg-color);
  cursor: pointer;  
}

.intro__details:hover:before {
  transform: scale(21);
}
.intro__details:hover{
  background-color: var(--theme-color);
  transition: all 300ms linear;
    transform: translateY(-7px) scale(1.01) !important; 
}
.intro__details:hover p{
  color: var(--bg-color);
  transition: all 0.3s ease-out;
}
.intro__details:hover h5.title__secondary{
  transition: all 0.3s ease-out;
}
.intro__details.active{
  background-color: var(--theme-color);
}
.intro__details.active p{color: var(--bg-color);}
#about-us{
  background-color: var(--bg-color);
  padding:5rem 0 11.5rem 0;
}

.item-wrapper{display: flex; background: var(--bg-color); height: 180px;
  padding: 1.5rem 1rem 1.5rem 1rem;  border-radius: var(--border-radius);
  box-shadow: rgb(149 157 165 / 2%) 0px 8px 24px;}
  .item-wrapper:hover{
    transition: all 300ms linear;
    transform: translateY(-7px) scale(1.01) !important; 
  }
  .item-wrapper:hover:before {
    transform: scale(21);
  }
.content-wrapper {
  margin-left: 25px;
}
.item-wrapper img{width: 45px;}
img.about-img1{
  width: 470px;
  height: 491px;
  object-fit: cover;
  border-radius: var(--border-radius);
}
img.about-img2{
  width: 280px;
  height: 300px;
  border-radius: var(--border-radius);
  object-fit: cover; position: relative;
}
img.about-img2:hover a.video{
  transform: scale(.9);
}

.about__img-1 {
  position: relative;
  display: block;
}
.about__img-2{
  position: absolute;
  bottom: -95px;
  left: 240px;
}
.about__img-2:before {
  position: absolute;
  bottom: 0;
  left: -24px;
  width: 7px;
  height: 86px;
  background-color: var(--secondary-color);
  content: "";
  border-radius: 8px;
}
.fact-counter{
  margin: 0rem 0 2rem 0;
}
.fact-counter .value{
  color: var(--secondary-color);
}
.fact-counter .column {
  padding: 0px;
  float: left;
  background-color: var(--secondary-bg) ; 
}
.fact-counter .column .inner {
  position: relative;
  padding:15px 0px 35px 25px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  border-right: 1px solid #dee4e5;
}
.fact-counter .count-outer {
  position: relative;
  margin: 0px 0px;
  font-weight: 300;
  color: var(--secondary-color);
  font-size: 40px;
}
.fact-counter .column:last-child .inner {
  border-right: none;
}
.fact-counter .column .counter-title {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-font-color);
    display: block;
    margin-top: 20px;
    letter-spacing: 1px;
    text-transform: capitalize;
    line-height: 0px;
    margin-bottom: 0px;
}
.video-main {
  position: relative;
  display: inline-block;
  margin:  0 0px 0px -160px;
}
.video {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  background: transparent;
  color: var(--bg-color);
  display: inline-block;
  background: var(--secondary-color);
  z-index: 999;
  transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}

@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

.waves {
  position: absolute;
  width: 150px;
  height: 150px;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0; filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-radius: 100%;
  right: -50px;
  bottom: -50px;
   -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}
        
.wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
#features{
  padding: 3rem 0 3rem 0;
}

.card {
  box-shadow: rgb(149 157 165 / 13%) 0px 3px 24px;
  /* padding: 5px;
  text-align: center; */
  background-color: var(--bg-color);
  border: 0;
  /* border-radius:10px; */
  cursor:pointer;
}
.card .profile{
   border-radius:10px;
   transition: 0.2s;
}
.card:hover .profile{
  transform:scale(1.4);
  border-top-right-radius:50px;
  border-top-left-radius:50px;
}

.card .content{
  width:100%;
  height:100%;
  position:relative;
  overflow:hidden;
}
.card .content .back{
  position:absolute;
  width:100%;
  height:100%;
  background-color: var(--theme-color);
  transition:1s;  
  z-index:1;
  padding:10px;
  border-radius: var(--border-radius);
}
.column_for_feature{
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
.from-left{
  top:0;
  left:-100%;
}
.from-left h2{
  color: var(--secondary-color);
  margin: 1rem 0 0 0;
  text-transform: capitalize;
}
p.des{
  color: var(--bg-color);
  padding:20px 0px;
  text-align: var(--secondary-text-align);
}
.front .img {
  width: 100%;
  height: 380px;
  filter: var(--img-brightness);
  position: relative;
  border-radius: var(--border-radius);
  background-size: cover;
  overflow: hidden;
  transition: background-color 2s ease-out;
  z-index: 0; }
  
.card:hover .content .from-left {
   left:0%;
}
.section-box-ten p{
  color: var(--bg-color);
}
.aboutus__points{
  position: relative;
    display: block;
    margin-top: 28px;
    margin-bottom: 44px;
}
ul.aboutus__points.swpf{
  padding-left: 1.3rem;
}
/* .aboutus__points li .text {
    margin-left: 20px;} */
.aboutus__points li .text p {
  color: var(--primary-font-color);
  font-weight: 600;
  margin: 0;
}
.aboutus__points li .icon, .award_single .icon {
  height: 15px;
  width: 15px;
  background-color: var(--secondary-color);
  font-size: 9px;
  color: var(--bg-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0.5rem 0.5rem 0 0;
  padding: 0.6rem

}
.aboutus__points li .icon i{
  width: 0.9rem;
}
.aboutus__points li {
  position: relative;
  display: flex;
}
.aboutus__points li+li {
  margin-top: 5px;
}
.mission__section, .about__us{height: 100%;}
.section-title{
  margin: 0 0 1.1rem 0;
  font-size: 45px;
  line-height: 65px;
  font-weight: 800;
  text-transform: capitalize;
}
/* features style */
#features{
  padding: 5rem 0;
}

.btn-viewmore{
  float: right;
  text-transform: capitalize;
}
.btn-viewmore i, .sidebar .nav-link i{
   font-size: 0.8rem;  
   margin-left: 0.5rem;
   color: var(--primary-font-color);
  -webkit-transition: transform 0.3s ease-out;
        -moz-transition: transform 0.3s ease-out;
        -ms-transition: transform 0.3s ease-out;
        -o-transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
}

.btn-viewmore:hover i,  .sidebar .nav-link:hover i{
   color:  var(--secondary-color);
  -webkit-transform: translateX(4px);
  -moz-transform: translateX(4px);
  -ms-transform: translateX(4px);
  -o-transform: translateX(4px);
  transform: translateX(4px);
}
/* clients */
#client-slider{
  padding: 6rem 0 6rem 0; background-color: var(--bg-color);
}
h5.partner_type {
 color: var(--primary-font-color); text-transform: capitalize;  font-family:  var(--primary-font-family) ;
}
p.partner_name{ color: var(--secondary-color); margin: 0 0 0 0; text-transform: capitalize; }  
#chairman_message{
  padding: 6rem 0; background-color: var(--bg-color);
}
.chairman_text{ width: 80%; float: left;}
.chairman_img{ width: 20%; float: right;}
.chairman_img img{width: 100%; border-radius: var(--border-radius);}
img.logo_chairman{
  width: 70%;
}
blockquote{display: inline-block; font-weight: 700;}


.single-logo{
   padding: 0.7rem; height: 200px;  overflow: hidden; 
   border-color: var(--border-grey);
    border-width: 1px;
    border-style: solid;
    box-shadow: 0 0 1px rgb(0 0 0 / 10%);
   transition: all 0.3s ease-in-out;
    margin: 6px;   text-transform: capitalize;
    text-align: center;
}
.single-logo:hover {
  border: 1px solid var(--secondary-color);
  box-shadow: 0 0 1px var(--secondary-color);
}
.single_client_img{
  margin: 1.4rem 0 0 0;
}
.subsidiary{
  background-color: var(--secondary-bg) !important;
}
#client-slider img { width: 80px; margin: auto;  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;}
.single-logo:hover  {
  transform: scale(1.02);
  opacity:0.8;
}
.card-container {
  /* display: inline-block; */
  margin: 0 auto;
  /* padding: 0 12px; */
  perspective: 900px;
  text-align: center;
}
 .featured {
  position: relative;
  width: 250px;
  height: 350px;
  transition: all 0.6s ease;
  transform-style: preserve-3d;
}
.overlay-sim-text-2{
  position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: var(--theme-color);
    opacity: 0;
    padding: 2rem;
}
.item:hover .overlay-xs-1{
  opacity: 1;
  visibility: visible;
  display: block;	
}
.item:hover .feature__info{
  visibility: hidden;
  opacity: 0;
}
.overlay-sim-text-2 h3{
  color: var(--secondary-color);
}
.overlay-sim-text-2 p{
  color: var(--bg-color);
}
.work {
  width: 100%; }
  .work .img {
    width: 100%;
    height: 350px;
    position: relative;
    border-radius: var(--border-radius);
    background-size: cover;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    transition: background-color 2s ease-out;
    z-index: 0; }
    .front .img:after {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: '';
      z-index: -1;
      background: rgba(255, 93, 177, 0);
      background: -moz-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 93, 177, 0)), color-stop(42%, rgba(148, 54, 103, 0)), color-stop(100%, black));
      background: -webkit-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
      background: -o-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
      background: -ms-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 93, 177, 0)), color-stop(42%, rgba(148, 54, 103, 0)), to(black));
      background: linear-gradient(to bottom, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#000000', GradientType=0 );
      opacity: .6; }
  .front .text {
    padding: 30px;
    padding-top: 0; }
    .front .text h3 {
      font-size: 34px;
      font-weight: 400;
      font-family: var(--primary-font-family) ;
      text-transform: capitalize;
      margin-bottom: 0; }
      .front .text h3 a {
        color: var(--bg-color); }
    .front .text .cat {
      font-size: 12px;
      color: var(--secondary-color);
      font-weight: 400;
      background: rgba(255, 255, 255, 0.9);
      padding: 1px 8px;
      text-transform: uppercase;
      letter-spacing: 1px;
      display: inline-block;
      margin-bottom: 5px; }


.feature__info{
  position: absolute;
  background-color: var(--theme-color);
  padding: 0.6rem;
  bottom: 0;
}
/* footer styles */
#footer{
  background: var(--theme-color);
  /* padding: 1.5rem 0 1.5rem 0; */
  color: var(--bg-color); position: relative;
  border-radius: 40px 0;
}
#footer p{
  color: var(--bg-color); font-weight: 700; margin: 0 0 0 1rem;
}
 .footer_rating{
  float: left;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 50%;
  /*padding: 1rem 0 0.8rem 0;*/
}
.footer_right {padding: 0.4rem 0 0.5rem 0;}
.footer-logo{margin-top: 0.8rem; width: 85px; object-fit: contain;}
.footer p.copyright-desc{
  display: table-cell;
  font-size: 12px;
  padding: 16px 0 0 0;
  vertical-align: middle;
  height: 50px;
  line-height: 15px;
}
.nav-footer {
  clear: none;
  float: left;
  margin: 8px 15px 0;
   padding: 0.5rem 0 0.5rem 0;
}
.nav-social {
  float: left; padding: 0.5rem 0 0 0; margin: 0 0 0 2rem;
}
.nav-footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-footer ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-social ul {
  padding: 8px 8px 0;
}
.nav-social ul li {
    height: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    width: 24px;
    margin-right: 5px;
}
.nav-social ul li a {
  display: inline-block;
  color: #787777;
  font-size: 24px;
  text-align: center;
 
  padding: 8px 12px;
}
.nav-footer a {
  color: #666;
  padding: 8px 12px;
  font-size: 14px;
  display: block;
  text-transform: capitalize;
}
ul.contact i{
  color: var(--secondary-color); margin: 0 0.5rem 0 0;
}
#footer  .contact li {
  list-style-type: none;
  display: flex;
  justify-content: start;
}

#footer ul li a{
  color: var(--bg-color); text-transform: capitalize;
}
#footer span.text-white{
  padding: 0 0 0 0.6rem;
}
h4.footer_heading{text-transform: capitalize; color: var(--bg-color);} 
a.rating_link{
  color: var(--secondary-color);
}
#footer-collapse{
  background-color: var(--theme-color); border-top: 1px solid #ddd;
}

.extra-menus li:first-child{padding: 0;}

.sitemap-wrap {
  width: 100%;
  font-size: 12px;
  position: relative;
  visibility: visible;
  overflow: hidden;
  padding: 23px 0;
}
#footer-collapse .accordion-collapse ul li {
  line-height: 1rem;
  width: 100%;
  padding: 0.5rem 0rem;
  background-color: transparent;
}
#footer .accordion-button{
    background: #1365a1;
    bottom: 0; 
    color: var(--bg-color);
    text-transform: capitalize;
    text-align: center;
    outline: none;
    /* font-size: 14px; */
    width: 100px;
    height: 30px;
    margin: 21px 0 0 0;
    padding: 1rem;
}
#footer .accordion-button:after{
  padding: 0 0 0 3px;
}
#footer-collapse ul li a{color: var(--bg-color); text-transform: capitalize;}
ul.menu{padding: 0;}
/* key facts */
.fact-stats {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: #030303;
  height: 100vh;
}

.value {
  font-size: 22px;
  display: inline-block;
  font-weight: bold;
  color: var(--bg-color);
}

/* company stats */
#company-info{
    background-color: var(--theme-color);
    padding:6rem 0 6rem 0;
    z-index: 1;
}
.info__one__toplef .section-title {
  margin-bottom: 0;
}
.section-title__title {
  margin: 0;
  font-size: 36px;
    line-height: 45px;
  font-weight: 800;
  color: var(--bg-color);
}
.info__one__counter {
  margin-bottom: 23px;
}
.info__one__counter__list{
  position: relative;
  display: flex; justify-content: end ;
   overflow: hidden;
}
.info__one__counter-single:first-child {
  padding-right: 2rem;
}
.info__one__counter-single {
  position: relative;
  display: block;
  float: left;
  text-align: var(--text-align-right);
}
.info__one__counter-single span{
  color:#a5a3b5 ;
}
.info__one__counter__text {
  /* font-size: 20px; */
  color: #a5a3b5;
  margin: 0;
  text-align: var(--text-align-right);
}
.info__one__counter-single.two:before {
  position: absolute;
  top: 13px;
  bottom: 5px;
  left: -14px;
  content: "";
  width: 0.5px;
  background-color: var(--border-grey);
}
.info__one__counter h5{
  text-align: end;
  color: var(--secondary-color);
}
.info__one__img{
  width: 383px;
  height: 130px;
}
  .info__one__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--border-radius);
  }
  .info__one__bottom {
    padding: 31px 0 0 0;
}
.info__one__feature {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  counter-reset: count;
}
.info__one__feature__single:first-child {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
.info__one__feature__single {
    position: relative;
    flex: 0 0 33.333333%;
    max-width: 33.33%;
    width: 100%;
    background-color: var(--bg-color);
    padding: 33px 30px 27px;
}
.info__one__feature__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.info__one__feature__title {
  font-size: 22px;
  font-weight: 700;
  line-height: 29px;
  font-family:var(--primary-font-family);
  text-transform: capitalize;
}
.info__one__feature__single .value{
  color: var(--secondary-color); margin: 0 0 0 0.2rem;}
.info__one__feature__title a{
  color: var(--primary-font-color);
}
h4.value_heading{
  text-transform: capitalize; font-size: 22px; font-weight: bold; margin-top:0.43rem; color: var(--secondary-color); margin-left: 0.5rem;}
 h4.value_currency{
  font-size: 22px;  margin: 0 8px 0 0px;
 } 
.info__one__feature__icon {
 display: flex; justify-content: space-between; align-items: center;}
  .counter-value{display: flex; align-items: center; }
.info__one__feature__single:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 1px;
  background-color: #dcdce0;
}
.fact-counter  span{
  font-size: 1.5rem;
}
.info__one__feature__icon  img{
  width: 2rem;
}
.info__one__feature__icon span {
    position: relative;
    display: inline-block;
    font-size: 35px;
    color: var(--secondary-color);
    transition: all 500ms linear;
    transition-delay: 0.1s;
}

.info__one__feature__single:hover .info__one__feature__icon img {
  -webkit-transform: scale(-1) rotate(180deg);
  -moz-transform: scale(-1) rotate(180deg);
  -ms-transform: scale(-1) rotate(180deg);
  -o-transform: scale(-1) rotate(180deg);
  transform: scale(-1) rotate(180deg);
}
.info__one__feature__single:hover  .info__one__feature__title {color: var(--secondary-color); cursor: pointer;}

/* who we are */
#breadcrumb{
  position: relative;
  padding: 130px 0px;
  height: var(--breadcrum-height);
}
#breadcrumb nav{
  position: relative;
  background-color: transparent;
}
.breadcrumb-title {
  color: var(--bg-color);
  font-size: 52px;
  position: relative;
  text-transform: capitalize;
}

.breadcrumb-item.active {
  color: var(--secondary-color); text-transform: capitalize;
}
.breadcrumb li a {
  color: var(--bg-color);
}
.breadcrumb-item::before {
    color: var(--bg-color) !important;
}
.bg-overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  opacity: 1;
  background-size: cover;
  background-position: center;
}
.pt-opacity4 {
  opacity: 1;
}
#who_we_are{
  padding: 6rem 0 6rem 0;
}

.mission__section img, .about__us img{
  width: 100%; height: 100%;
  border-radius: var(--border-radius); object-fit: cover;
}
.nav-tabs .nav-link.active {
  border-color: transparent;
  /* background-color: #fff !important; */
  color: var(--secondary-color) !important;
  border-bottom: 4px solid var(--secondary-color) !important
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
  color: var(--primary-font-color)
}

.nav-tabs .nav-link {
  border-top-left-radius: 0rem !important;
  border-top-right-radius: 0rem !important;
  color: var(--primary-font-color);
  text-transform: capitalize;
}

.nav-tabs .nav-link.active {
  border-color: transparent;
  background-color: transparent;
  color: var(--bg-color);
  font-weight: 600
}
/* our history */
#our_history{
  padding: 6rem 0 6rem 0;
}
#work_process{
  padding: 6rem 0 6rem 0;
  background-color: var(--bg-color);
}
#company_mission{
  padding: 6rem 0 6rem 0;
}
.process-grid .process-indicator {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(128%, -50%);
  -ms-transform: translate(128%, -50%);
  transform: translate(128%, -50%);
}
.process-grid .process-body::before,.process-grid .process-body::after{
  border: 0 solid transparent;
  box-sizing: border-box;
  content: "";
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
}
.process-grid .process-body::before {
  border-bottom-width: 3px;
  border-left-width: 3px;
}

.process-grid .process-body::after {
  border-top-width: 3px;
  border-right-width: 3px;
}
.process-grid .process-body:hover::before,
.process-grid .process-body:hover::after {
  border-color: var(--secondary-color);
  -webkit-transition: border-color 0s, width 0.25s, height 0.25s;
  transition: border-color 0s, width 0.25s, height 0.25s;
  width: 220px;
  height: 220px;
  border-radius: 50%;
} 

.process-grid .process-body:hover::before {
  -webkit-transition-delay: 0s, 0s, 0.25s;
  transition-delay: 0s, 0s, 0.25s;
}

.process-grid .process-body:hover::after {
  -webkit-transition-delay: 0s, 0.25s, 0s;
  transition-delay: 0s, 0.25s, 0s;
}
.process-grid .process-body {
  position: relative;
  width: 220px;
  height: 220px;
  background-color:  var(--secondary-bg);
  text-align: var(--text-align-center);
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.process-grid .process-number {
  position: absolute;
  right: 0;
  top: 0;
  width: 53px;
  height: 53px;
  line-height: 51px;
  border-radius: 50%;
  border: 2px solid var(--bg-color);
  font-family: var(--body-font);
  color: var(--bg-color);
  font-size: 18px;
  font-weight: 500;
  z-index: 3;
}
.process-grid .process-icon {
  margin-bottom: 16px;
  z-index: 3;
}
.process-grid .process-icon i{
    font-size: 2rem;
    color: var(--secondary-color);
}
.process-icon img{
  width: 50px;
}
.process-grid .process-title {
  font-size: 25px;
  font-family: var(--primary-font-family);
  line-height: 1;
  margin-bottom: 0;
  z-index: 3;
}

/* history timeline */
#our_history .timeline{
	background-color: var(--theme-color);
	color: var(--bg-color);
	padding:30px 20px;
	box-shadow:0px 0px 8px rgba(0,0,0,.3);
}
#our_history .timeline ul{
	list-style-type:none;
	border-left:2px solid var(--secondary-color);
	padding:10px 5px;
}
#our_history .timeline ul li{
	padding:20px 20px;
	position:relative;
	cursor:pointer;
	transition:.5s;
}
#our_history  .timeline ul li span{
	display:inline-block;
	background-color: var(--secondary-color);
	border-radius: 15px;
	padding:3px 9px;
	font-size:15px;
	text-align:var(--text-align-center);
}
#our_history .timeline ul li .content h3{
	font-size:17px;
	padding-top:17px;
}
#our_history .timeline ul li .content p{
	padding:5px 0px 15px 0px;
	font-size:15px;
}
#our_history .timeline ul li:before{
	position:absolute;
	content:'';
	width:10px;
	height:10px;
	background-color: var(--secondary-color);
	border-radius:50%;
	left:-11px;
	top:28px;
	transition:.5s;
}
#our_history .timeline ul li:hover{
	background-color: #1365a1;
}
#our_history .timeline ul li:hover:before{
	background-color:#0F0;
	box-shadow:0px 0px 10px 2px #0F0;
}
@media (max-width:300px){
	#our_history .timeline{
		width:100%;
		padding:30px 5px 30px 10px;
	}
  #our_history 	.timeline ul li .content h3{
		color:#34ace0;
		font-size:15px;
	}

}

/* ceo info */
#ceo_info{
  padding: 6rem 0 6rem 0;
  background-color: var(--bg-color);
}
img.ceo_img{
    height: 510px;
    border-radius: var(--border-radius);
    object-fit: cover;
}

#governance-info{
  padding: 6rem 0 6rem 0;
}
.accordion-button {
  font-size: 0.9rem;
  font-weight: 500
}
 .accordion-button:focus {
  box-shadow: none
}
.accordion-button.active{
  background-color: var(--theme-color);
  color: var(--bg-color);
}
.side-menu {
  border-radius: var(--border-radius);
  -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
  margin: 12rem 0 2rem 0;
}
.side-menu ul {
  margin: 0;
  padding: 0;
}
.side-menu ul li {
  display: block;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0;
}
.side-menu ul li a {
  display: block;
  font-size: 1.25rem;
  text-transform: capitalize;
  color: var(--primary-font-color);
  padding: 1rem 2rem;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.side-menu ul li a:hover {
  padding: 1rem 2rem 1rem 3rem;
  color: var(--secondary-color);
}
 .accordion-collapse ul li {
  line-height: 2rem;
  width: 100%;
  padding: 0.5rem 1.3rem;
  background-color: var(--bg-color);
}

 .accordion-collapse ul li:hover {
  background-color: #c9e7ff;
}

 .accordion-collapse ul li a {
  text-decoration: none;
  color: #333;
  font-size: 0.85rem;
  font-weight: 400;
  display: block
}

 .accordion-collapse ul li:hover a {
  color: var(--primary-font-color);
}

/* our team */
#our_team{
  padding: 6rem 0 6rem 0 ;
}

  .team-area{
  padding-top: 3%;
  }
  .single-team{
  background-color:  var(--secondary-bg);
  margin-bottom: 25px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  }
  .single-team:hover .social{
  cursor: pointer;
  opacity: 1;
  transform: rotateY(0deg) scale(1, 1);
  }
  .img-area{
  overflow: hidden;
  position: relative; transition: transform 0.2s ease;
  }
  .img-area img{
  width: 100%; height: 305px; 
  }
  .img-area:hover img{
    transform: scale(1.3);
  }
  .img-area img{
  transition: all 0.4s ease 0s; 
  object-fit: cover;
  }
  @media (max-width: 768px){
  .img-area img{
      display: inline-block;
  }
  }
  .img-area .social{
  background-color: rgba(0,0,0,0.7);
  position: absolute;
  text-align: var(--text-align-center);
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  transition: .5s;
  transform: rotateY(180deg) scale(0.5, 0.5);
  }
  .img-area .social ul{
  text-align: var(--text-align-center);
  position: relative;
  top: 130px;
  left: 55px;
  }
  .img-area .social ul li a{
  border: 1px solid var(--bg-color);
  color: var(--bg-color);
  display: flex; justify-content: center; align-items: center;
  font-size: 20px;
  height: 40px;
  width: 120px ;
  line-height: 40px;
  text-align: var(--text-align-center); text-transform: capitalize;
  }
  .img-area .social ul li a:hover{
  background-color: var(--bg-color);
  color: var(--primary-font-color);
  border: 1px solid transparent;
  }
  .img-text{
  padding: 20px;
  color: var(--bg-color);
  }
  .img-text h4 {
  margin: 0 0 5px;
  font-size: 30px;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-weight: bold;
  }
  .img-text h5{
  font-size: 17px;
  text-transform: capitalize;
  font-weight: bold;
  /* letter-spacing: 1px; */
  }
  
  /* what_we_do */
  #inner-fetaures{
    padding: 6rem 0 6rem 0;
  }
  #features-queentower,  #features-museum{
    padding: 6rem 0;
    background-color: var(--bg-color);
  }
  #features-cablecar{
    padding: 0 0 6rem;
  }
  #features-queentower .card, #features-museum .card, #features-cablecar .card{
    position: relative;
    cursor: pointer;
    box-shadow: none;
}
#features-cablecar .card, #features-queentower .card{
  margin: 0 auto;
  max-width: 100%;
  height: 380px;
  overflow: hidden;
  background-size: cover;
}

.info {
  position: relative;
  width: 100%;
  height: 500px;
  background-color: var(--theme-color);
  transform: translateY(100%)
    translateY(-88px)
    translateZ(0);
  transition: transform 0.5s ease-out;
}

.info:before {
  z-index: -1;
  display: block;
  position: absolute;
  content: ' ';
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-image: url('img/hero_webp');
  filter: brightness(0.5);
  background-size: cover;
  opacity: 0.25;
  transform: translateY(-100%)
    translateY(88px)
    translateZ(0);
  transition: transform 0.5s ease-out;
}

.card:hover .info,
.card:hover .info:before {
  transform: translateY(0) translateZ(0);
}

.title {
  margin: 0;
  padding: 31px 25px 31px 25px;
  line-height: 1;
  text-transform: capitalize;
  color: var(--bg-color);
}

.description {
  margin: 0;
  padding: 0 24px 24px;
  font-size: 18px;
  line-height: 1.5;
  color: var(--secondary-bg);
}

 #features-queentower .card .content ,#features-museum .card .content ,#features-cablecar .card .content{box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;}

  /* share-info */
  #share_info{
    padding: 6rem 0 6rem 0;
    /* background-color: #fff ; */
  }
  .share_info_img{
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url(../img/about/about-img2.png) no-repeat ; padding: 40px 30px;background-size: cover;  }
  .share_info_img img{
    height: 100%;
    object-fit: cover;
    border-radius: var(--border-radius);
  }
  .investment_details{
    border-right: 1px solid #939ba4;
     padding: 0 1rem 0 0;
  }
  p.investment_desc{color: var(--bg-color);}
  .testimonial{
    padding: 50px 25px 10px;
    position: relative; color: var(--bg-color);
}
#investment_budget{
  padding:  0 6rem;
  margin-top: 15px;
}
#chart {
  height: 400px;
  width: 400px;
}
.testimonial small{
    display: block;
    font-size: 14px;
    color: var(--bg-color);
    margin: 0 0 0.5rem 0; text-transform: uppercase;
}
.testimonial p{color: var(--bg-color); }
.owl-theme .owl-controls .owl-page.active span{ background: var(--secondary-color);}
#investor_slider .owl-theme .owl-controls{text-align: var(--text-align-left) !important;}
/* CSS Document */
.heading_arrow .impact_one_arrow{  margin-top: 30px;  color: var(--primary-font-color);}
  .investor_info_block{
    width: 100%; background-color: var(--theme-color); color: var(--bg-color); padding: 2rem 0 2rem 0; border-bottom: 4px solid var(--secondary-color);
  }
  ul.financial-reports {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.financial_reports .container{padding: 20px 0 0;}
.financial-reports li h3 span{
  font-size: 14px;
  line-height: 19px;
  display: inline-block;
  overflow: hidden;
  width: 190px;
}
.financial-reports li h3 span a{color: var(--primary-font-color);}
.financial-reports li h3:before {
  background: url(../img/icon-document.svg) no-repeat center top;
  content: '';
  display: inline-block;
  height: 40px;
  vertical-align: top;
  width: 50px;
  /* margin-right: 12px; */
}

  .card.investment_program{padding: 2rem 2rem 2rem 2rem; border-bottom: 4px solid var(--theme-color); }
  .card.investment_program:hover{ transform: scale(1.1);}
  h3.investment-heading{
    color: var(--secondary-color);   font-family: var(--primary-font-family);
  }
  .sidebar_news1{border-bottom: 1px dotted #ddd; padding: 1rem 0 0 0;}
  .sidebar_news1:last-child{border: 0;}
  .sidebar h4{
    font-family: var(--primary-font-family);
    text-transform: capitalize;
    padding: 0 0 0 0.8rem; color: var(--primary-font-color);
  }
  .sidebar .nav-link {
      font-weight: 500;
      display: flex;
      justify-content: space-between;
      color: var(--secondary-color); text-transform: capitalize;
  }
  .sidebar .nav-link i{
    float: right;
    display: flex;
    align-items: center;
  }
  .sidebar .nav-link:hover {
      color: var(--secondary-color) !important;
  }
  .share_info_details{
    padding: 2rem 0 0 0;
  }
  .sidebar_news1 ul li p{
    padding: .5rem 1rem; text-align: var(--text-align-left); 
  } 
  .sidebar-desc a{
    color: var(--secondary-color);
    text-decoration: var(--underlined-text-decoration);
    text-decoration-color: var(--secondary-color);
  }
  /* share graph */
  #share_graph{
    padding: 6rem 0 6rem 0;
  }
  /* Header start */
  #header {
    text-align: var(--text-align-center);
    /* margin: 0 0 30px 0; */
    
  }
  
  #txt_title {
    color: #3d381b;
    font-size: 34px;
    text-align:var(--text-align-center);
    text-shadow: 0 -1px 2px rgba(255,255,255,.5);
  }
  
  #txt_subtitle {
    font-size: 17px;
    text-align: var(--text-align-center);
  }

  /* button panel start */
  #btn_panel {
    position: relative;
     margin-left:-3rem;
    margin-right:auto;
    /* width:	420px; */
    padding-top: 20px;
  }
  
  #btn_panel ul{
    list-style-type: none;
     display: inline;
    padding: 0;
     margin: 0;
  }
  #financial-reports{
    padding: 6rem 0 6rem 0;
  }
  .accordion-collapse {
    border: 0;
}
.accordion-button:focus {
    box-shadow: none;
    border: none;
}
.accordion-button:not(.collapsed) {
    background: var(--theme-color);
    color: var(--secondary-color);
    box-shadow: none;
    border-bottom: none;
}
.accordion-button::after {
    width: auto;
    height: auto;
    content: "+";
    font-size: 18px;
    background-image: none;
    font-weight: 100;
    color: var(--secondary-color);
    /* transform: translateY(-4px); */
}
.accordion-button:not(.collapsed)::after {
    width: auto;
    height: auto;
    background-image: none;
    content: "-";
    font-size: 30px;
    transform: translate(-2px, -2px);
    /* transform: rotate(0deg); */
}
  #project_process{
    padding: 6rem 0 6rem 0;
  }
  .progress_wrapper{
    width: 700px;
    margin: 2rem auto;
}
.skill_row{
	background:lightgray;
	height:15px;
	border-radius: 10px;
	position: relative;
}
.skill_view{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-radius: 10px;
	z-index: 1;
	background: var(--theme-color);

}
.skill_value{
	position: absolute;
	left: 100%;
	bottom: 100%;
	transform: translateX(-60%);
	background-color: var(--theme-color);
	color: var(--bg-color);
	line-height: 20px;
	padding: 0 5px;
	margin-bottom: 5px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 700;

}
.skill_value:after{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -3px;
	border-top: 5px solid var(--theme-color);
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}

.project-img{
  width: 700px;
  height: 300px;
  padding: 0.6rem;
}
.project-img:first-child{
  padding-left: 0;
}
.project-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.progress_content{
  width: 1080px;
    margin: 0 auto;
}
.portfolio_info{
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    right: 0;
    transition: all 0.3s;
    background: rgba(55, 81, 126, 0.8);
    width: 100%;
    color: var(--bg-color);
    padding: 10px 15px;
}
.grid-item:hover .portfolio_info{
  opacity: 1;
}
.grid-item:hover  img{
  transform: scale(1.15);
  overflow: hidden;
}

h3.process_heading{
  text-transform: capitalize; text-align: var(--text-align-center);     padding: 1rem 0 2rem 0;}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio #portfolio-flters {
  list-style: none;
  margin-bottom: 20px;
}
.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  margin: 10px 5px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  color: #444444;
  transition: all 0.3s;
  padding: 8px 20px;
  border-radius: 50px;
  font-family: "Poppins", sans-serif;
}
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  background: #47b2e4;
  color: #fff;
}
.portfolio .portfolio-item {
  margin-bottom: 30px;
}
.portfolio .portfolio-item .portfolio-img {
  overflow: hidden;
}
.portfolio .portfolio-item .portfolio-img img {
  transition: all 0.6s;
}
.portfolio .portfolio-item .portfolio-info {
  opacity: 0;
  position: absolute;
  left: 15px;
  bottom: 0;
  z-index: 3;
  right: 15px;
  transition: all 0.3s;
  background: rgba(55, 81, 126, 0.8);
  padding: 10px 15px;
}
.portfolio .portfolio-item .portfolio-info h4 {
  font-size: 18px;
  color: var(--bg-color);
  font-weight: 600;
  color: var(--bg-color);
  margin-bottom: 0px;
}
.portfolio .portfolio-item .portfolio-info p {
  color: #f9fcfe;
  font-size: 14px;
  margin-bottom: 0;
}
.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {
  position: absolute;
  right: 40px;
  font-size: 24px;
  top: calc(50% - 18px);
  color: #fff;
  transition: 0.3s;
}
.portfolio .portfolio-item .portfolio-info .preview-link:hover, .portfolio .portfolio-item .portfolio-info .details-link:hover {
  color: #47b2e4;
}
.portfolio .portfolio-item .portfolio-info .details-link {
  right: 10px;
}
.portfolio .portfolio-item:hover .portfolio-img img {
  transform: scale(1.15);
}
.portfolio .portfolio-item:hover .portfolio-info {
  opacity: 1;
}
/* work plan */
#work_timeline{
  padding: 6rem 0 6rem 0; background-color: #003471;
}
#work_timeline h2, p.timeline_head{
  color: var(--bg-color);
}
.timeline {
  width: 100%;
  position: relative;
  /* margin-top: 100px; */
}
.timeline-nav__item {
  width: auto;
  height: auto;
  text-align: var(--text-align-center);
  opacity: 0.5;
  background: transparent;
  color: #afc9f6;
  margin: 15px 25px !important;
  position: relative;
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  outline: none;
  cursor: pointer;
}
.timeline-nav__item::before {
  content: "";
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #afc9f6;
  transition: 0.2s;
}

.timeline-nav__item.slick-current {
  color: var(--secondary-color);
  opacity: 1;
}
.timeline-nav__item.slick-current::before {
  background-color: var(--secondary-color);
}
.timeline-wrapper {
  position: relative;
  width: 100%;
  height: 580px;
  margin: 60px auto;
}
@media (max-width: 500px) {
  .timeline-wrapper {
    height: 1000px;
    max-height: 900px;
  }
}
.timeline-slider {
  height: 100%;
}
.timeline .slick-list {
  height: 100%;
}
@media (min-width: 1080px) {
  .timeline .slick-list {
    padding: 0 180px !important;
  }
}
.timeline .slick-track {
  height: 100%;
}
.timeline-slide {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  outline: none;
  background-size: cover;
  background-position: top;
  margin: 0 24px;
  width: 800px;
  z-index: 1;
}
.timeline-slide:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 52, 113, 0.8);
  z-index: 2;
}
.timeline-slide__content {
  z-index: 5;
  position: absolute;
  top: 400px;
  bottom: 0;
  background: var(--bg-color);
  width: 80%;
  left: 50%;
  transform: translate(-50%, 0px);
  padding: 25px;
  opacity: 0;
  transition: opacity 1s;
}
@media (max-width: 500px) {
  .timeline-slide__content {
    width: 100%;
  }
}
.timeline-year {
  z-index: 5;
  font-size: 20px;
  color: var(--bg-color);
  background: var(--secondary-color);
  padding: 10px 20px;
  transition: opacity 1.2s;
  position: absolute;
  right: 0;
  opacity: 0;
}
.timeline-title {
  color: var(--secondary-color);
  font-size: 26px;
  line-height: 30px;
  font-weight: 400;
}
.timeline-text {
  font-size: 18px;
  line-height: 28px;
  color: #666666;
}
.timeline .slick-current:after {
  background-color: rgba(0, 52, 113, 0);
}
.timeline .slick-current .timeline-year {
  opacity: 1;
}
.timeline .slick-current .timeline-slide__content {
  opacity: 1;
}
    /* impact stories */
    #impact_stories{
      padding: 6rem 0 6rem 0;
    }
   #impact_stories .card {
      /* width: 260px; */
      height: 355px;
      background: var(--bg-color);
      transition: all 0.5s ease;
      cursor: pointer;
      user-select: none;
      z-index: 10; border: 0;
      overflow: hidden;
      padding: 0;
  }
  p.impact-text{
    margin: 1rem 0 0 0;
  }
  
 #impact_stories .card:hover {
      color: var(--bg-color);
      transform: scale(1.025);
      box-shadow: rgba(0, 0, 0, 0.24) 0px 5px 10px;
  }
  
#impact_stories  .card:hover .backgroundEffect {
      bottom: 0;
      height: 320px;
      width: 100%;
      position: absolute;
      z-index: -1;
      background: var(--theme-color);
      animation: popBackground 0.3s ease-in
  }
  
  @keyframes popBackground {
      0% {
          height: 20px;
          border-top-left-radius: 50%;
          border-top-right-radius: 50%
      }
  
      50% {
          height: 80px;
          border-top-left-radius: 75%;
          border-top-right-radius: 75%
      }
  
      75% {
          height: 160px;
          border-top-left-radius: 85%;
          border-top-right-radius: 85%
      }
  
      100% {
          height: 320px;
          border-top-left-radius: 100%;
          border-top-right-radius: 100%
      }
  }
  
 #impact_stories .card .pic { position: relative }
  
#impact_stories  .card .pic img {
      width: 100%;
      height: 225px;
      object-fit: cover
  }
  
#impact_stories  .card .date {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 50px;
      height: 70px;
      background-color: var(--theme-color);
      color: var(--bg-color);
      position: absolute;
      bottom: 0px;
      transition: all ease
  }
  #impact_stories .card .content a{
    color: var(--primary-font-color);
  }
#impact_stories  .card .date .day { 
      font-size: 14px;
      font-weight: 600
  }
  
 #impact_stories  .card .date .month,
 #impact_stories .card .date .year {
      font-size: 10px
  }
  
 #impact_stories  .card .text-muted {
      font-size: 12px
  }
  
 #impact_stories .card:hover .text-muted {
      color: var(--bg-color) !important;
  }
  .impact_one_arrow{
    height: 32px;
    width: 45px;
    background-color: #fcf5f3;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    transition: all 500ms ease; margin-left: auto;
  }
  .impact_one_arrow svg{
    width: 1.1rem;
  }
 #impact_stories  .card .content {
      padding: 10px 17px 0 17px;
  }
  h4.impact_heading{
    font-family:var(--primary-font-family); font-size: 1.3rem; overflow: hidden;
    display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;  }
  
 #impact_stories .card:hover .content a {
     color: var(--secondary-color);
  }
  
  #impact_stories .card:hover .content .foot .admin {
      color: var(--bg-color);
  } 
 #impact_stories  .card .content .foot .icon {
      font-size: 12px
  }
  
  /* media center */
#media_center{
  padding: 6rem 0 6rem 0;
}
.media_content{
  background-color: var(--bg-color);
  margin: 1rem 0 0 0;
  padding: 0 0.4rem 0 0rem;
}

#media_center small{
  font-size: 13px;
  color: #666; margin-bottom: 10px;
  display: block;
}
.media_more{
  color: var(--primary-font-color);
  display: inline-block;
  position: relative;
    transition: all .3s ease;
    word-spacing: 0;
    text-transform: capitalize;
}
.media_more:hover{color: var(--secondary-color);}
.media_more::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: var(--secondary-color);
  transition: width .3s;
}

.media_more:hover::after {
  width: 100%;
  /* //transition: width .3s; */
}
.media_content_right{
  margin: 2rem 0 0 0;
}
.media_content_right h2 a{
  color: var(--primary-font-color);
}
.media_content_right h2 a:hover{
  color: var(--secondary-color);
}
 h3.news_heading{
  text-transform: capitalize  ;
  margin: 0 0 2rem 0; 
  font-family: var(--primary-font-family);
}
.media_img img{padding: 2rem 0 0 2rem;  border-radius: 4px;height: 310px; object-fit: cover;}
.news_listing{
  margin: 3rem 0 0 0 ;
  background-color: var(--bg-color);
    border-top: 1px solid #ddd;
    padding: 2rem 1rem 2rem 1rem;
}
.news_bottom{
  background-color: var(--bg-color);
  margin-top: 3rem;
  padding: 2rem 0 2rem 1rem;
}
.event-box .event-date {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-top: 8px;
  margin-right: 30px;
  position: relative;
}
.event-area .event-box .event-date::before {
  content: "";
  position: absolute;
  width: 45px;
  height: 45px;
  background: var(--theme-color);
  top: 0px;
  left: 0px;
  z-index: -1;
}
.event-area .event-box .event-date i{
  font-size: 17px;
  margin: auto;
  line-height: 42px;
  color: rgb(255, 255, 255);
}
.event-area .event-box .event-details ul li {
  font-size: 14px;
  color: rgb(150, 150, 150);
  font-weight: 500;
}
.event-area .event-box .event-details h5 a {
  color: var(--primary-font-family);
  display: inline-block;
}
.event-area .event-box .event-details ul li i {
  font-size: 15px;
  margin-right: 10px;
  color: var(--secondary-color);
}

#media_center .video-list {
  margin: 0;
  padding: 0;
}
#media_center .video-list li {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: solid 1px #c1bfba;
  width: 100%;
  float: left;
}

#media_center .video-list .thumb {
  float: left;
  position: relative;
  margin-right: 10px;
}
 .video-list h3 a:hover{color: var(--secondary-color);}
.thumb:hover .video-list h3 a{
  color: var(--secondary-color);
}
h3.video_heading{font-size: 14px;}
.news_listing .thumb img:hover  .news_listing .details h3 a{
color: var(--secondary-color);
}
.latest_updates .carousel-item img{
   height: 337px;
   object-fit: cover; 
   filter: var(--img-brightness);
   border-radius: 4px;
  }
  .latest_updates .carousel-item p{
    color: var(--bg-color);
  }
.portfolio_inner{
  padding: 0rem 1rem 0 1rem;
}
.portfolio_inner img {border-radius: var(--border-radius); height: 195px;
  object-fit: cover;}
.video-list .thumb .play {
  margin-top: -23px;
  transform: scale(0.6);
  border: 4px solid var(--bg-color);
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 30%;
    top: 50%;
    height: 50px;
    width: 50px;
    /* transition: transform 1s; */
    z-index: 999;
    background: rgba(0, 0, 0, .5) url(../img/play-arrow.png) no-repeat center center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-background-size: 35%;
    -o-background-size: 35%;
    background-size: 35%;
}

.news_listing h3 {
  font-size: 14px;
  line-height: 17px;
  margin: 0 0 5px 0;
}
h3.video-heading{
  font-size: 15px;
}
.news_listing h3 a, .video-list h3 a{
  color: var(--primary-font-color);
}
.news_listing .details {
  display: table-cell;
  float: none;
  margin: 0;
  width: auto;
}
.news_listing img {
  float: left;
  margin: 0 10px 15px 0;
  height: 100px;
  border-radius: 4px;
}
.contact_img{
  width: 100%;
  /* padding: 2rem 2rem 0 0; */
  height: 430px;

}
#contact_details{
  padding: 2rem 0 6rem 0;
}
.contact-details__inner {
  position: relative;
  display: flex;
  margin: 2rem 0 0 0;
}
.contact-details__map-box {
  position: relative;
  display: block;
  height: 350px;
  width: 100%;
}
.contact-details__map {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; filter:var(--img-brightness);
}
.contact_address{margin: 1rem 0 2rem 0;}
.contact-details__content {
  position: relative;
  display: block;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 5%);
  padding: 93px 100px 87px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.info-media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0rem 0 1rem;
  height: 150px;
  background-color: var(--bg-color);
  position: relative;
  z-index: 1;
  border-radius: 4px;
  margin: 1.5rem 0 0 0;
}
.info-media_icon {
  width: 52px;
  height:  52px;
  line-height: 52px;
  margin-right: 12px;
 background-color: var(--theme-color);
  color: var(--bg-color);
  text-align: var(--text-align-center);
  font-size: 22px;
  border-radius: 50%;
  display: inline-block;
}
.info-media_text, .info-media_text a{color: var(--primary-font-color);  margin: 0.3rem; font-weight: 600;}
.info-media_text a:hover{color: var(--secondary-color);}
.info-media:hover .info-media_icon{
  transform: scale(.9);
}
.info-media_icon{
  transition: all 500ms linear;
  transition-delay: 0.1s;
  transform: scale(1);
}
.contact-details__title-box {
  position: relative;
  display: block;
  border-bottom: 1px solid #dcdce0;
  padding-bottom: 26px;
  margin-bottom: 40px;
}
.contact-details__contact-number {
  font-size: 30px;
  color: var(--primary-font-color);
  font-weight: 500;
  display: block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.contact-details__contact-number:hover{color: var(--secondary-color);}
.contact-details__title {
  font-size: 34px;
  font-family: var(--primary-font-family);
  font-weight: 800;
  line-height: 44px;
  margin-bottom: 18px;
}
.contact-details__address {
  font-size: 20px;
  color: var(--primary-font-color);
  font-weight: 600;
  margin: 0;
  line-height: 30px;
}
.contact-details__contact-info {
  position: relative;
  display: flex;
  margin-top: 40px;
}
.contact-details__contact-icon {
  position: relative;
  display: block;
}
.contact-details__contact-number-email {
  position: relative;
  display: block;
  line-height: 38px;
  margin-left: 20px;
}
.contact-details__contact-number {
  font-size: 20px;
  color: var(--primary-font-color);
  font-weight: 500;
  display: block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.contact-details__contact-email {
  font-size: 20px;
  color: var(--secondary-color);
  font-weight: 500;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.contact-details__contact-icon i{
  position: relative;
  display: inline-block;
  font-size: 64px;
  color: var(--secondary-color);
  transition: all 500ms linear;
  transition-delay: 0.1s;
  transform: scale(1);
}
#contact-page {
  position: relative;
  display: block;
  padding: 120px 0 120px;
}
.comment-form__input-box {
  position: relative;
  display: block;
  margin-bottom: 20px;
  margin-top: 15px;
}
.comment-form__input-box input[type="text"], .comment-form__input-box input[type="email"], .comment-form__input-box input[type="number"]{
  height: 60px;
  width: 100%;
  border: none;
  background-color: var(--bg-color);
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 4px;
  outline: none;
  font-size: 16px;
  color: var(--secondary-font-color);
  font-weight: 500;
  display: block;
}
.comment-form__input-box textarea {
  font-size: 16px;
  color: var(--secondary-font-color);
  height: 150px;
  width: 100%;
  background-color:var(--bg-color);
  padding: 18px 30px 30px;
  border: none;
  border-radius: 0px;
  outline: none;
  margin-bottom: 0px;
  border-radius: 4px;
  font-weight: 500;
}

#bandipur_single{padding: 6rem 0 6rem 0;}
#trusted_one{padding: 6rem 0 0rem 0; background-color: var(--bg-color);}
.trusted-one__inner {
  position: relative;
  display: flex;
  align-items: center;
}
.trusted-one__left {
  position: relative;
  display: block;
  max-width: 363px;
  width: 100%;
}
.trusted-one__right {
  position: relative;
  display: block;
  max-width: 800px;
  width: 100%;
  margin:0 0 0 2rem;
}
.trusted-one__content {
  font-size: 35px;
  font-weight: 800;
  line-height: 41px;
  font-family: var(--primary-font-family);
  
}
.trusted-one__content-box {
  position: relative;
  display: block;
  overflow: hidden;
}
.trusted.one__single+.trusted.one__single {
  margin-left: 22px;
}
.trusted.one__single {
  max-width: 320px;
  position: relative;
  width: 100%;
  float: left;
  background-color: var(--secondary-bg) ; 
  border-radius: 4px;
  padding: 40px 50px 31px;
  margin-bottom: 30px;
}
.trusted-one__icon {
  position: relative;
  height: 64px;
  width: 64px;
  background-color: var(--bg-color);
  border-radius: 50%;
  font-size: 23px;
  color: var(--secondary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  overflow: hidden;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}
.trusted-one__icon:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--secondary-color);
  border-radius: 50%;
  transition: transform 500ms ease;
  transform: scale(0, 1);
  transform-origin: left center;
  z-index: -1;
}
.trusted.one__single:hover .trusted-one__icon:before {
    transform: scale(1, 1);
    transform-origin: right center;
}
.trusted-one__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}
.trusted-one__title a {
  color: var(--primary-font-color);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.trusted.one__single:hover .trusted-one__title a {
  color: var(--secondary-color);
}
.trusted-one__text {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  line-height: 26px;
}
.trusted.one__single:hover .trusted-one__icon {
  color: var(--bg-color);
}
#features_cablecar_about{
  padding: 6rem 0 0rem 0;
}
.content_bandipur {
  position: relative;
  margin: auto;
  overflow: hidden;
}
.content_bandipur .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content_bandipur:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%; border-radius: var(--border-radius); height: 340px;
  object-fit: cover;
}
.content-details {
  position: absolute;
  text-align: var(--text-align-center);
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content_bandipur:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3{
  color: var(--bg-color);
  font-weight: 500;
  margin-bottom: 0.5em;
  text-transform: uppercase;
  font-family: var(--primary-font-family);
}

.content-details p{
  color: var(--bg-color);
  font-size: 0.8em;
}
.fadeIn-left{
  left: 20%;
}
.fadeIn-bottom{
  top: 80%;
}
#single_work{
  padding: 6rem 0;
}
.work-together-to_content {
  position: relative;
  display: flex;
}
.work-together-to_icon {
  position: relative;
  display: block;
  top: 7px;
}
.work-together-to_icon span {
  position: relative;
  display: inline-block;
  font-size: 64px;
  color: var(--primary-font-color);
  transition: all 500ms linear;
  transition-delay: 0.1s;
}
.work-together-to_text {
  font-size: 24px;
  color: var(--secondary-color);
  font-weight: 500;
  line-height: 38px;
  margin-left: 17px;
}
.work-1_img img{
  width: 86%;
  height: 507px;
  object-fit: cover;
  border-radius: 4px;
}
#more_of_work{
  padding: 6rem 0;
}
.work-together-to_content:hover .work-together-to_icon span {
  transform: rotateY(360deg) scale(.9);
  color: var(--secondary-color);
}
.big_img{width: 100%;height: 350px;}
.big_img img{width: 100%;height: 100%;object-fit: cover;}
video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#breadcrumb video{height: var(--breadcrum-height);}
.more_about-bandipur{background-color: var(--bg-color); padding: 3rem 3rem 3rem 3rem;}
.sidebar{
  background-color: var(--bg-color);
}
h5.heading_title_two{
  margin: 1rem 0 0 0;
}
.more_stats{ width: 228px; display: flex; align-items: center; border: 1px solid var(--border-grey); margin-left: 1rem; padding: 0 0.5rem 0 0.5rem; height: 100%;}
.more_stats:hover .about_who_icon{
  transform: scale(.9);
}
.about_who_icon{
    margin-right: 15px;
    min-width: auto;
}
.about_who_text{
  padding-right: 15px;
}
.about_who_text p{
  color: #515151;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 0.005rem;
    font-size: 0.875rem;
    line-height: 1.125rem; padding: 0 0 0.9rem 0;
    text-align: var(--text-align-left);
}
.field-item.even span{
  font-weight: 800; font-size: 18px; color: var(--secondary-color);
}
.field-item.even  img{
  width: 2.3rem;
}
#more_about_mission{background-color: var(--bg-color); padding: 6rem 0 6rem 0;}
.value_card .card{
  width: 94%;
}
.value_card h3{
  text-transform: capitalize; margin:  1rem 0 0 0; color: var(--secondary-color);
}
.core-values{
  display: inline-flex;
    width: 100%;
    min-height: 212px;
}
.title.value-item {
  color: #595a5c;
  font-size: 1.2rem;
  margin-top: 20px;
  margin-bottom: 10px;
}
.value-items{text-align: var(--text-align-center);}
.text.value-item {
  display: none;
  text-align: var(--text-align-center);
}
.value_icon{
  width: 100%;
    height: 165px;
    background: var(--theme-color);
    /* border-radius: 50%; */
    display: flex;
    justify-content: center;
    align-items: center;
}
.value_icon.two{
  background-color: var(--secondary-color);
}
.value_icon.three{
  background-color: #004f8aeb;
}
.value_icon.four{
  background-color: #0092B9;
}
.value_icon img{
  color: var(--bg-color);
 width: 3.2rem;
}
#about_ethics{
  padding: 6rem 0 6rem 0;
}
#about_ethics ul li {
  margin-bottom: 27px;
}
a.l-pdf {
  display: flex;
  align-items: center;
  position: relative;
}
a.l-pdf img {
  content: "";
  display: inline-block;
  width: 70px;
  height: 70px;
  border: 1px solid var(--secondary-color);
}
a.l-pdf i{
  border: 2px solid var(--secondary-color);
    border-radius: 50%;
    width:55px;
    height:55px;
    padding: 1.1rem 0 0 1.1rem;
    color: var(--secondary-color);
}
a.l-pdf span {
  color: var(--secondary-color);
  display: inline-block;
  width: 50%;
  padding-left: 20px;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  letter-spacing: 0.035625rem;
  font-weight: 700;
}

.value_card .card .profile{
   border-radius:0px;
   transition: 0.2s;
}
.front h2{
  text-transform: capitalize;
}
.card:hover .profile{
  transform:scale(1.4);
  border-top-right-radius:50px;
  border-top-left-radius:50px;
}

.from-bottom h2{
  text-transform: capitalize;
}
a.activelink_contact{
  color: var(--secondary-color);
}
/* our structure  */
#directors_team{padding: 6rem 0 6rem 0;}
.director_img{
    max-width: 130px;
    border-bottom-left-radius: 15%;
}
.director_img img{
  width: 100%;
    height: 120px;
    object-fit: cover;
}
.director_info .info{
  background-color: #e6e7e8;
    padding: 12px 12px 0;
    margin-bottom: 20px;
    min-height: 121px;
}
p.title{
  font-size: 1rem;
    color: #595a5c;
    margin: 0;
}
p.name{
    font-size: 1rem;
    color: #595a5c;
    text-align: var(--text-align-left);
    margin: 0;
    max-width: 100%;
    font-weight: 600;
}
 p.position {
  color: var(--secondary-color);
  font-size: 1rem; margin: 0;
}
/* ceo section */
#ceo_message{
  padding: 6rem 0 6rem 0;
}
.full_message p, .chairman_text p{
  text-align: var(--text-align-left) !important;
}
.about-quote {
  position: relative;
  padding: 10px 15px 11px 20px;
  z-index: 1;
}
.about-quote:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: .2;
  z-index: -1;
  border: 2px solid var(--secondary-color);
  border-radius: 10px;
}
.about-quote_text {
  font-size: 18px;
  font-style: italic;
  font-weight: 500;
  color: var(--primary-font-color);
  margin-bottom: 10px;
}
.about-quote_author {
  font-size: 24px;
  font-weight: 700;
  color: var(--primary-font-color);
  position: relative;
  padding-left: 50px;
  font-family: var(--primary-font-family);
  text-transform: capitalize;
}
.about-quote_author:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 37px;
  height: 2px;
  background-color: var(--secondary-color);
  border-radius: 5px;
  margin-top: -1px;
}
.exp-box{
  margin-right: auto;margin-left: auto; margin-top: -120px;
  text-align: var(--text-align-center);
    background-color: var(--bg-color);
    -webkit-filter: drop-shadow(5px 15px 60px rgba(27,33,47,.08));
    filter: drop-shadow(5px 15px 60px rgba(27,33,47,.08));
    border-radius: 10px;
    max-width: 296px;
    padding: 20px 30px 22px;
}

.btn_wrapper .video-main{margin: 0 0 0 3rem;}
#operative_model{padding: 6rem 0 6rem 0;}
#team_executive .container {
  width:580px; 
  text-align:var(--text-align-center);
  margin:auto;
}  
                 
#directors_team .portfolio-cats {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

#directors_team  .portfolio-cats li {
  background-color: var(--primary-font-color);
  color: var(--bg-color);
  padding: 0.5rem 1rem;
  cursor: pointer;
}

#directors_team  .portfolio-gallery {
  position: relative;
}

#directors_team  .portfolio-item {
  width: 100%;
  height: 200px;
  margin-bottom: 40px;
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
  top: 0;
  left: 0;
  transition-property: opacity, transform;
  transition-duration: 0.7s;
}

#directors_team  .portfolio-item .item-inner {
  height: 100%;
  overflow: hidden;
  box-shadow: 0 0 4px 0px rgb(0 0 0 / 10%);
}

@media screen and (min-width: 48em) {
  #directors_team  .portfolio-item {
      width: 50%;
  }
}

@media screen and (min-width: 62em) {
  #directors_team  .portfolio-item {
      width: 33.3333%;
  }
}
#impact_details{
  position: relative;
  display: block;
  padding: 6rem 0 6rem 0;
}

.impact_details_left {
  position: relative;
  display: block;
}

.impact_details_img {
  position: relative;
  display: block;
}
.impact_details_img img {
  width: 100%;
  border-radius: 4px;
  height: 400px;
  object-fit: cover;
}
.impact_details_content {
  position: relative;
  display: block;
  margin-top: 26px;
}
.impact_details_sub_title {
  position: relative;
  display: inline-block;
  background-color: #fcf5f3;
  font-size: 12px;
  color: var(--secondary-color);
  font-weight: 600;
  line-height: 30px;
  padding:var(--btn-padding);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  border-radius: 15px;
  margin: 0;
}
.impact_details_content {
  position: relative;
  display: block;
  margin-top: 26px;
}
.impact_details_meta {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding-top: 10px;
}

.impact_details_meta li a {
  font-size: 14px;
  font-weight: 500;
  color: var(--secondary-font-color);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.impact_details_meta li span {
  font-size: 14px;
}
.sidebar__single+.sidebar__single {
  margin-top: 30px;
}

.sidebar__post {
  position: relative;
  display: block;
  padding: 47px 30px 30px;
  border-radius: 4px;
}
.sidebar__post .sidebar__title {
  margin-left: 30px;
}
.sidebar__title {
  margin: 0;
  font-size: 20px;
  margin-bottom: 3px;
  font-weight: 700;
}
.sidebar__post-list li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 14px 30px 19px;
  transition: all 500ms ease;
  border-radius: 4px;
}
.sidebar__post-image {
  margin-right: 20px;
  border-radius: 4px;
}
.sidebar__post-image>img {
  width: 70px;
  border-radius: 4px; height: 70px;
  object-fit: cover;
}
.sidebar__post-content-meta {
  font-size: 14px;
  font-weight: 500;
  color: var(--secondary-font-color) !important;
  transition: all 500ms ease;
}
.sidebar__post-content h3 a {
  color: var(--primary-font-color);
  transition: all 500ms ease;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  margin-top: 3px;
  overflow: hidden;
  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sidebar__post-content-meta i{
  color: var(--secondary-color);
  padding-right: 3px;
}
.sidebar__category {
  position: relative;
  display: block;
  background-color: var(--bg-color);
  padding: 47px 20px 39px;
  border-radius: var(--border-radius);
}
.sidebar__category-list li a {
  color: var(--secondary-font-color);
  font-size: 16px;
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  display: block;
  background: none;
  padding: 7px 30px;
  border-radius: 4px;
  font-weight: 700;
}

.sidebar__category .sidebar__title {
  padding-left: 30px;
  margin-bottom: 6px;
}
.sidebar__category-list li a svg {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%) scale(1);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: var(--secondary-font-color);
  text-align: var(--text-align-center);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
}
.sidebar__tags {
  position: relative;
  display: block;
  background: var(--bg-color);
  padding: 47px 45px 50px;
  border-radius: 4px;
}
.sidebar__tags-list a {
  font-size: 11px;
  color: var(--primary-font-color);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background: var(--bg-color);
  display: inline-block;
  padding: 2px 20px;
  margin-left: 5px;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.1em;
  border-radius: var(--border-radius);
}
.sidebar__tags-list a:hover {
  color: var(--bg-color);
  background: var(--secondary-color);
}
.sidebar__tags .sidebar__title {
  margin-left: 5px;
  margin-bottom: 23px;
}
.sidebar__tags-list a {
  font-size: 11px;
  color: var(--primary-font-color);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background: var(--bg-color);
  display: inline-block;
  padding: 7px 20px;
  margin-left: 5px;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.1em;
  border-radius: var(--border-radius);
  margin-top: 0.7rem;
  border: 1px solid var(--border-grey);
}
.impact_details__tags a {
  position: relative;
  color: var(--bg-color);
  font-size: 11px;
  background-color: var(--secondary-color);
  display: inline-block;
  padding: 6px 20px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 800;
  border-radius: var(--border-radius);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.impact_details__tags a+a {
  margin-left: 6px;
}
.impact_details_meta li a svg{
  width: 1.1rem; color: var(--secondary-color); margin-right: 0.4rem;
}
.sidebar__category-list li a:hover {
  background-color: rgb(255, 255, 255);
  color: var(--primary-font-color);
}
.sidebar__category-list li a:hover span {
  color: var(--secondary-color);
  transform: translateY(-50%) scale(1);
}
.impact_details__tags span {
  color: var(--primary-font-color);
  font-size: 20px;
  margin-right: 16px;
  font-weight: 700;
}
.impact_details__title {
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 9px;
}
.page {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
	padding: 0 20px 40px;
}

.pcss3t {
  max-width: 1320px;
	text-align: var(--text-align-center);
}
.pcss3t > input {
	position: absolute;
	left: -9999px;
}
.pcss3t > label {
	cursor: pointer;
	transition: all 0.1s;
	-o-transition: all 0.1s;	
	-ms-transition: all 0.1s;	
	-moz-transition: all 0.1s;	
	-webkit-transition: all 0.1s;
}
.pcss3t > input:checked + label {
	cursor: default;
}
.pcss3t > ul {
	list-style: none;
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	/* font-size: 13px; */
}
.pcss3t > ul > li {
	position: absolute;
	width: 100%;
	overflow: auto;
	padding: 30px 40px 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	opacity: 0;
	transition: all 0.5s;
	-o-transition: all 0.5s;	
	-ms-transition: all 0.5s;	
	-moz-transition: all 0.5s;	
	-webkit-transition: all 0.5s;
}
.pcss3t > .tab-content-first:checked ~ ul .tab-content-first,
.pcss3t > .tab-content-2:checked ~ ul .tab-content-2,
.pcss3t > .tab-content-last:checked ~ ul .tab-content-last {
	z-index: 1;
	top: 0;
	left: 0;
	opacity: 1;
	-webkit-transform: scale(1,1); -webkit-transform: rotate(0deg); transform: rotate(0deg); overflow: hidden;}

.pcss3t-height-auto > ul {
	height: auto !important;
}
.pcss3t-height-auto > ul > li {
	position: static;
	display: none;
	height: auto !important;
}

h5.team_member{
  color: #333; text-transform: capitalize; font-weight: 600;
}
h5.team_position{
  color: var(--secondary-color); text-transform: capitalize;
}

.pcss3t .typography a:hover {
	text-decoration: var(--text-decoration);
}
.pcss3t .typography .pic {
	padding: 4px;
	border: 1px dotted #ccc;
}
.pcss3t .typography .pic img {
	display: block;
}
.pcss3t .typography .pic-right {
	float: right;
	margin: 0 0 10px 20px;
}
.pcss3t .typography .link {
	text-decoration: var(--underlined-text-decoration);
	cursor: pointer;
}
.pcss3t .typography .link:hover {
	text-decoration: var(--text-decoration);
}
/**/
.pcss3t-steps > label {
	cursor: pointer;
}

.pcss3t-effect-scale > ul > li {
  transform: scale(0.1,0.1);
	-webkit-transform: scale(0.1,0.1);
}

@media screen and (max-width: 980px) {
   .modal-content {  
       width: 90% !important;
	}
}
 
/**/
/* phone */
/**/
@media screen and (max-width: 767px) {
	.pcss3t > label {
		display: block;
	}
	.pcss3t > .right {
		float: none;
	}
}

.pcss3t > label {	
	padding: var(--btn-padding);
	background: #e5e5e5;
	font-size: 16px;
	line-height: 49px;
}
.pcss3t > label:hover {
	background: var(--border-grey);
}
.pcss3t > input:checked + label {
	background: var(--bg-color);
}
.pcss3t > ul {
	background: var(--bg-color);
	text-align: left;
}
.pcss3t-steps > label:hover {
	background: #e5e5e5;	
}
#team_inner{
  padding: 6rem 0 6rem 0;
}
#team_inner .card{
  padding: 3rem 3rem 3rem 3rem;
}

.img_single_team img{
    /* height: 350px; */
    object-fit: cover;
    width: 280px; margin: 0 0 1rem 0; border-radius: var(--border-radius);
}
img.logo_panchase{
  width: 151px;
}

.pcss3t-theme-1 > label {
	margin: 0 5px 5px 0;
	border-radius: var(--border-radius);
	background: var(--bg-color);
	color: var(--secondary-font-color);
  text-transform: capitalize;
}
.pcss3t-theme-1 > label:hover {
	background: var(--bg-color);
	opacity: 1;
}
.pcss3t-theme-1 > input:checked + label {
	margin-bottom: 1rem;
	 border-radius: 4px;
   border: 2px solid var(--secondary-color);
	background-color: var(--bg-color);
  color: var(--primary-font-color);
	opacity: 1;  text-transform: capitalize;
}
.pcss3t-theme-1 > ul {
	border-radius: var(--border-radius);
}
.pcss3t-theme-1 > .tab-content-first:checked ~ ul {
	border-top-left-radius: 0;
}
@media screen and (max-width: 767px) {
	.pcss3t-theme-1 > label {
		margin-right: 0;
	}
	.pcss3t-theme-1 > input:checked + label {
		margin-bottom: 5px;
		padding-bottom: 0;
		border-radius: var(--border-radius);
	}
	.pcss3t-theme-1 > .tab-content-first:checked ~ ul {
		border-top-left-radius: var(--border-radius);
	}
}

.pcss3t > ul,
.pcss3t > ul > li {
	height: 1500px;
}
#investment_committee{
  padding: 6rem 0 6rem 0;
}

/* gallery */
#gallery_item{padding: 6rem 0 6rem 0;  }
/* #container {
  margin: auto;
} */
.grid-item {
      display: inline-block;
      height: 235px;
      overflow: hidden;
      text-align: var(--text-align-center);
      width: 355px;
      padding: 0.6rem;
  }
  .grid-item img{
    width:100%;
    height:100%;
    transition: all 0.6s;
    object-fit: cover;
    
  }
  /* .grid-item img:hover{
      filter: none;
  }  */
  .isotope-pager .pager {
    display: none;
  }
  
    .filters ul {
      list-style: none;
      padding: 20px 10px;

  }
  .filters li {
      display: inline-block;
      padding: 10px 25px;
      font-weight: 600;
      cursor: pointer;
      background-color: var(--theme-color);
  }
  .filters li a{
    color: #b6b6b6;
    text-decoration: var(--text-decoration); text-transform: capitalize;
  }
  .filters li a:hover{
    color:var(--bg-color);
  }
  
  .filters li:hover {
    box-shadow: -1px 1px 11px rgba(0,0,0,.4);
    border-radius: 15px;
  }
  
  .filters li.active a{
    color: var(--secondary-color);
    border-radius: var(--border-radius);
    padding: 10px 25px;   
  }

  .mfp-with-zoom .mfp-container,
  .mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden; backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out; 
    -moz-transition: all 0.3s ease-out; 
    -o-transition: all 0.3s ease-out; 
    transition: all 0.3s ease-out;
  }
  
  .mfp-with-zoom.mfp-ready .mfp-container {
      opacity: 1;
  }
  .mfp-with-zoom.mfp-ready.mfp-bg {
      opacity: 0.8;
  }
  
  .mfp-with-zoom.mfp-removing .mfp-container, 
  .mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
  }
  .mfp-title{
    display: none;
  }
  
/* investment strategies */
#investment_strategy{
 padding: 6rem 0 6rem 0; 
}
#investment_strategy .inner-container{
  position: relative;
    border: 1px solid #ebebeb;
    border-bottom: 0;
}
 .inner_container .strategy_block {
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #e3e3e3; 
  border-left: 1px solid #e3e3e3;
}
.strategy_block .inner_box {
  position: relative;
  padding: 45px 20px 45px 20px;
  border-top: 4px solid transparent;
  height: 100%;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.strategy_block .inner_box .icon_box {
  position: relative;
  line-height: 1em;
  font-size: 46px;
  color: var(--secondary-color);
  display: inline-block;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}
.strategy_block .inner_box .icon_box img{
  width: 2.5rem;
}
.strategy_block .inner_box h5 {
  position: relative;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 15px;
}
.strategy_block .inner_box h5 a {
  position: relative;
  font-weight: 600;
  color: #010101;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.strtegy_block .inner_box .text {
  position: relative;
  color: #666666;
  font-size: 16px;
  line-height: 1.8em;
  margin-bottom: 20px;
}
#investment_strategy .inner_container .service_block {
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #ebebeb;
}
.strategy_block .inner_box:hover {
  border-color: var(--secondary-color);
  background-color: #f2f5f6;
}
.strategy_block .inner_box:hover .icon_box {
  -webkit-transform: scale(-1) rotate(
180deg
);
  -moz-transform: scale(-1) rotate(180deg);
  -ms-transform: scale(-1) rotate(180deg);
  -o-transform: scale(-1) rotate(180deg);
  transform: scale(-1) rotate(
180deg
);
}
#investment_strategy .inner_container .service_block:nth-child(4n + 0) {
  border-right: none;
}
.pie_data_details{ border: 1px solid #e3e3e3; padding: 3rem;}
#future_features{
  padding:  6rem 0 6rem 0; background: var(--bg-color);
}
#future_features .strategy_block .inner_box h5 {
  font-size: 1rem;
}
/* award and recognition */
#award_recognition{
  padding: 6rem 0 6rem 0;
}
.award_single{
  background-color: var(--bg-color);
  padding: 1.5rem;
}
.item_award{
  text-align: var(--text-align-center);
  /* background-color: var(--theme-color); */
  padding: 6rem 5rem 3rem 5rem;
  height: 100%;
  font-style: italic;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.item_award_img {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/news/award/samman.jpg) no-repeat;
  padding: 40px 30px;
  background-size: cover;
  height: 100%;
}
 .item__image {
  margin: 1rem auto 2rem auto;
  /* width: 85px; */
}
.item__body{
  margin: 2rem;
}
.item__head h3 {
 color: var(--primary-font-color);
 font-style: italic;
}

#award_details{padding: 6rem 0 6rem 0;}
#award_details .card-flyer .image-box{
  background: var(--bg-color);
  overflow: hidden;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.50);
}
#award_details .card-flyer .image-box img{
  transition: all .9s ease;
  -webkit-transition:all .9s ease; 
  -moz-transition:all .9s ease; 
  -o-transition:all .9s ease;
  -ms-transition:all .9s ease; 
  width: 100%;
  height: 200px;
}
#award_details .card-flyer:hover .image-box img{
  filter: var(--img-brightness);
  -webkit-transform:scale(1.15);
  -moz-transform:scale(1.15);
  -ms-transform:scale(1.15);
  -o-transform:scale(1.15);
  transform:scale(1.15);
  border:  2px solid var(--secondary-color);
}

#award_details .card-flyer .text-box .text-container{
  padding: 30px 18px;
}
#award_details .card-flyer{
  background: var(--bg-color);
  margin-top: 20px;
  height: 318px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  /* box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.20); */
}
#award_details .card-flyer:hover{
  background: var(--bg-color);
  box-shadow: 0px 15px 16px rgba(0, 0, 0, 0.20);
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  
}

#award_details .card-flyer .text-box p{
  margin-top: 10px;
  margin-bottom: 0px;
  padding-bottom: 0px; 
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
#award_details .card-flyer .text-box h5{
  margin-top: 0px;
  margin-bottom: 4px; 
  font-size: 18px;
  font-weight: 600;
  color: var(--primary-font-color);
}
#award_details .card-flyer:hover .text-box h5{
  color: var(--secondary-color);
}
.ratings_one{
  padding: 2rem;
}
.award_single img{
  width: 100%; height: 378px; object-fit: cover; margin: 0 0 2rem 0;
}
/* feature single */
#fearures_single{
  padding: 6rem 0 6rem 0; background-color: var(--bg-color);
}
.sidenews_box  ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.sidenews_box  a {
  font-size: 20px;
  text-align: var(--text-align-center);
  display: block;
  line-height: 1;
  background-color: var(--secondary-bg) ; 
  position: relative;
  z-index: 1;
  color: var(--primary-font-color);
  padding: 25px 30px;
  margin-bottom: 10px;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

.sidenews_box a:hover{
  color: var(--bg-color);
  background-color: var(--secondary-color);
}
.sidenews_download{
  margin: 5rem 0 0 0;
}
.sidenews_download a {
  color: var(--secondary-color);
  text-transform: uppercase;
  font-size: 18px;
  text-align: var(--text-align-center);
  display: block;
  line-height: 1;
  background-color: var(--secondary-bg) ;  
  position: relative;
  z-index: 1;
  padding: 25px 30px;
  margin-bottom: 10px;
}
.sidenews_download ul{padding: 0;}
.sidenews_download a:hover{background-color: var(--secondary-color); color: var(--bg-color); }
.img_feature_single img{
  border-radius: var(--border-radius);
  width: 100%;
  height: 400px; object-fit: cover;
}
.small_feature{
  position: relative;
}
.small_feature img{
  width: 100%;
  height: 160px;
  object-fit: cover;
  border-radius: var(--border-radius);
}
.sidenews_social_media{
  margin: 5rem 0 0 0;
}
.sidenews_social_media a {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 40px;
  font-size: 18px;
  background-color: var(--secondary-bg) ;
  border-radius: 50%;
  color:var(--secondary-color);
  position: relative;
  text-align: var(--text-align-center);
  margin-right: 15px;
  z-index: 1;
  padding: 5px 0 0 0;
}
#tabular_structure{
  padding: 6rem 0 6rem 0; background-color: var(--bg-color);
}
#tabular_structure table{
  width: 100%; margin: auto; 
}
.rwd-table {
  margin: 1em 0;
  min-width: 300px;
}
.rwd-table tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.rwd-table th {
  display: none;
}
.rwd-table td {
  display: block; cursor: pointer;
}
.rwd-table td:hover {
color: var(--secondary-color);
}
.rwd-table td:first-child {
  padding-top: .5em;
}
.rwd-table td:last-child {
  padding-bottom: .5em;
}
.rwd-table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 8.5em;
  display: inline-block;
}
@media (min-width: 480px) {
  .rwd-table td:before {
    display: none;
  }
}
.rwd-table th, .rwd-table td {
  text-align: var(--text-align-left);
}
@media (min-width: 480px) {
  .rwd-table th, .rwd-table td {
    display: table-cell;
    padding: .25em .5em;
  }
  .rwd-table th:first-child, .rwd-table td:first-child {
    padding-left: 0;
  }
  .rwd-table th:last-child, .rwd-table td:last-child {
    padding-right: 0;
  }
}

.rwd-table {
  background: var(--theme-color);
  color: var(--bg-color);
  border-radius: .3em;
  overflow: hidden;
}
.rwd-table tr {
  border-color: #46637f;
}
.rwd-table th, .rwd-table td {
  margin: .5em 1em;
}
@media (min-width: 480px) {
  .rwd-table th, .rwd-table td {
    padding: 1em !important;
  }
}
.rwd-table th, .rwd-table td:before {
  color: var(--secondary-color); text-transform: capitalize; background-color: var(--theme-color);
}

/* downloads */
#download_reports{padding: 6rem 0;}
#download_reports .card{padding: 1rem; height: 200px;
  margin-bottom: 2rem;}
img.download_icon{width: 15%;}
.download-two{margin: 2rem 0 0 0;}
h5.heading_title{
  color: var(--primary-font-color); text-transform: capitalize; line-height: 1.5;
}
#download_reports .card:hover h5.heading_title{
color: var(--secondary-color);
}
#download_reports .card {border-bottom: 2.5px solid var(--theme-color) !important;border-radius: 0;}
.card-body::after {
  height: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 2.5px solid var(--theme-color) !important;
  transition: all 0.35s;
}

.card-body::before,
.card-body::after {
  background: rgba(167, 196, 223, 0.5);
  content: "";
  position: absolute;
  z-index: -1;
}

.card:hover .card-body:after {
  height: 100%;
  color: var(--bg-color);
}

.card-body {
  /* position: relative; */z-index: 0;transition: all 0.35s ease;}

.r-title {margin-top: var(--rTitleMarginTop, 0) !important;margin-bottom: var(--rTitleMarginBottom, 0) !important;}

#progress_timeline p:not([class]) {
  line-height: var(--cssTypographyLineHeight, 1.78);
  margin-top: var(--cssTypographyBasicMargin, 1em);
  margin-bottom: 0;
}

p:not([class]):first-child {
  margin-top: 0;
}

.text {
  display: var(--textDisplay, inline-flex);
  font-size: var(--textFontSize, 1rem);
}
.time {
  display: var(--timeDisplay, inline-flex);
}

.time__month {
  margin-left: var(--timelineMounthMarginLeft, 0.25em);
}

.time {
  padding: var(--timePadding, 0.25rem 1.25rem 0.25rem);
  background-color: var(--timeBackgroundColor, #f0f0f0);

  font-size: var(--timeFontSize, 0.75rem);
  font-weight: var(--timeFontWeight, 700);
  text-transform: var(--timeTextTransform, uppercase);
  color: var(--timeColor, currentColor);
}


#progress_timeline .card__content {
  margin-top: var(--cardContentMarginTop, 0.5rem);
}

#progress_timeline .card {
  border-radius: var(--timelineCardBorderRadius, 2px);
  border-left: var(--timelineCardBorderLeftWidth, 3px) solid
    var(--timelineCardBorderLeftColor, var(--uiTimelineMainColor));
  box-shadow: var(
    --timelineCardBoxShadow,
    0 1px 3px 0 rgba(0, 0, 0, 0.12),
    0 1px 2px 0 rgba(0, 0, 0, 0.24)
  );
  background-color: var(--timelineCardBackgroundColor, --bg-color);
  padding: var(--timelineCardPadding, 1.5rem 1.5rem 1.25rem);
}

#progress_timeline .card__title {
  --rTitleMarginTop: var(--cardTitleMarginTop, 1rem);
  font-size: var(--cardTitleFontSize, 1.25rem);
}


#progress_timeline .timeline {
  display: var(--timelineDisplay, grid);
  grid-row-gap: var(--timelineGroupsGap, 2rem);
}

#progress_timeline .timeline__year {
  margin-bottom: 1.25rem; /* 1 */
}

#progress_timeline .timeline__cards {
  display: var(--timeloneCardsDisplay, grid);
  grid-row-gap: var(--timeloneCardsGap, 1.5rem);
}


#progress_timeline .timeline {
  --uiTimelineMainColor: var(--timelineMainColor, --primary-font-color);
  --uiTimelineSecondaryColor: var(--timelineSecondaryColor, --bg-color);

  border-left: var(--timelineLineWidth, 3px) solid
    var(--timelineLineBackgroundColor, var(--uiTimelineMainColor));
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}

#progress_timeline .timeline__year {
  --timePadding: var(--timelineYearPadding, 0.5rem 1.5rem);
  --timeColor: var(--uiTimelineSecondaryColor);
  --timeBackgroundColor: var(--uiTimelineMainColor);
  --timeFontWeight: var(--timelineYearFontWeight, 400);
}

#progress_timeline .timeline__card {
  position: relative;
  margin-left: var(--timelineCardLineGap, 1rem);
}


#progress_timeline .timeline__cards {
  overflow: hidden;
  padding-top: 0.25rem; /* 1 */
  padding-bottom: 0.25rem; /* 1 */
}

#progress_timeline .timeline__card::before {
  content: "";
  width: 100%;
  height: var(--timelineCardLineWidth, 2px);
  background-color: var(
    --timelineCardLineBackgroundColor,
    var(--uiTimelineMainColor)
  );

  position: absolute;
  top: var(--timelineCardLineTop, 1rem);
  left: -50%;
  z-index: -1;
}

#progress_timeline .timeline {
  --timelineMainColor: var(--theme-color);
}

.page {
  /* max-width: 47rem; */
  /* padding: 5rem 2rem 3rem; */
  margin-left: auto;
  margin-right: auto;
}

.substack {
  border: 1px solid #eee;
  background-color: var(--bg-color);
  width: 100%;
  max-width: 480px;
  height: 280px;
  margin: 1rem auto;
}

.linktr {
  display: flex;
  justify-content: center;
  background-color: rgb(209, 246, 255);
  padding: 2rem;
  text-align: var(--text-align-center);
}

.linktr__goal {
  border: 2px solid rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
  color: rgb(8, 49, 112);
  box-shadow: rgb(8 49 112 / 24%) 0px 2px 8px 0px;
  border-radius: 2rem;
  padding: 0.5rem 1.25rem;
}

.r-link {
  --uirLinkDisplay: var(--rLinkDisplay, inline-flex);
  --uirLinkTextColor: var(--rLinkTextColor);
  --uirLinkTextDecoration: var(--rLinkTextDecoration, none);

  display: var(--uirLinkDisplay) !important;
  color: var(--uirLinkTextColor) !important;
  text-decoration: var(--uirLinkTextDecoration) !important;
}
#progress_timeline{padding: 0 0 6rem 0;}
#management_team{padding: 0 0 6rem 0;}
.demo-gallery > ul {
  margin-bottom: 0;
  padding-left: 15px;
}

.demo-gallery > ul > li {
  margin-bottom: 15px;
  width: 180px;
  display: inline-block;
  margin-right: 15px;
  list-style: outside none none;
}

.demo-gallery > ul > li a {
  border: 3px solid var(--bg-color);border-radius: var(--border-radius);display: block;
  overflow: hidden;position: relative;float: left;
}

.demo-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery > ul > li a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.demo-gallery > ul > li a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery > ul > li a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.demo-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .video .demo-gallery-poster img {
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  opacity: 0.8;
  width: 48px;
}

.demo-gallery.dark > ul > li a {
  border: 3px solid #04070a;
}

.btn:hover {opacity: 0.75;}
.modal-header .btn-close{
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.modal-header .btn-close:hover  {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
 .modal {
      display: none; /* Hidden by default */
      position: fixed;
    
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }

    /* Modal content */
    .modal-content {
      background-color: #fefefe;
      margin:  auto;
      padding: 15px;
      border: 1px solid #888;
      width: 50%;
    }

    /* Modal content */
    .modal-content-1 {
      background-color: #fefefe;
      margin:  auto;
      padding: 15px;
      border: 1px solid #888;
      width: 30%;
    }

    /* Close button */
    .close {
      color: #aaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
    }

    .close:hover,
    .close:focus {
      color: black;
      text-decoration: none;
      cursor: pointer;
    }
    .modal-btn {
      color: #aaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
      background-color: transparent;
      border-color: transparent;
    }
    
    .modal-btn:hover {
      color: #aaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
      background-color: transparent;
      border-color: transparent;
    }
body.modal-open {
  position: fixed;
}
/* .modal-content{
  width: 60%;
  margin: auto;
} */
.modal-content h2{
 color: var(--primary-font-color);
}
.modal-dialog{max-width: 1200px;}
#loader-wrapper {position: fixed; top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;}
#loader {
  display: block; position: relative; left: 50%;top: 50%;
  width: 150px; height: 150px; margin: -75px 0 0 -75px;
  border-radius: 50%;border: 3px solid transparent; border-top-color: var(--theme-color);
  -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

  z-index: 1001;
}

  #loader:before {
      content: "";
      position: absolute;
      top: 5px;
      left: 5px;
      right: 5px;
      bottom: 5px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: var(--secondary-color);

      -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
  }

  #loader:after {
      content: "";
      position: absolute;
      top: 15px;
      left: 15px;
      right: 15px;
      bottom: 15px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: var(--secondary-bg);

      -webkit-animation: spin 1s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 1s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
  }

  @-webkit-keyframes spin {
      0%   { 
          -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
          -ms-transform: rotate(0deg);  /* IE 9 */
          transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
      }
      100% {
          -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
          -ms-transform: rotate(360deg);  /* IE 9 */
          transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
      }
  }
  @keyframes spin {
      0%   { 
          -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
          -ms-transform: rotate(0deg);  /* IE 9 */
          transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
      }
      100% {
          -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
          -ms-transform: rotate(360deg);  /* IE 9 */
          transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
      }
  }

  #loader-wrapper .loader-section {
      position: fixed;
      top: 0;
      width: 51%;
      height: 100%;
      background: #222222;
      z-index: 1000;
      -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: translateX(0);  /* IE 9 */
      transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
  }

  #loader-wrapper .loader-section.section-left {
      left: 0;
  }

  #loader-wrapper .loader-section.section-right {
      right: 0;
  }

  /* Loaded */
  .loaded #loader-wrapper .loader-section.section-left {
      -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
          -ms-transform: translateX(-100%);  /* IE 9 */
              transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

      -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
              transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  }

  .loaded #loader-wrapper .loader-section.section-right {
      -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
          -ms-transform: translateX(100%);  /* IE 9 */
              transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
      transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  }
  
  .loaded #loader {
      opacity: 0;
      -webkit-transition: all 0.2s ease-out;  
              transition: all 0.2s ease-out;
  }
  .loaded #loader-wrapper {
      visibility: hidden;

      -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
          -ms-transform: translateY(-100%);  /* IE 9 */
              transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

      -webkit-transition: all 0.3s 1s ease-out;  
              transition: all 0.3s 1s ease-out;
  }
  
  /* JavaScript Turned Off */
  .no-js #loader-wrapper {
      display: none;
  }
.hidden {
  display: none !important;
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print,
     (-o-min-device-pixel-ratio: 5/4),
     (-webkit-min-device-pixel-ratio: 1.25),
     (min-resolution: 120dpi) {
 
}


.clock {
  width: 650px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.overlay1 {
  position: relative;
  z-index: 1;
}
.overlay1::before {
  position: absolute;
    content: '';
    background: #09aa4e82;
    width: 100%;
    height: 100%;
    left: 0px;
    /* top: 32px; */
    background: -webkit-gradient(linear, left top, right top, from(#09aa4e ), to(#004f8a));
    /* background: -webkit-linear-gradient(top, #009efd, #2af598); */
    opacity: 0.7;
    z-index: -1;
}
.overlay1 h2.section-title{
  color: var(--bg-color) !important;
}
.flip-clock-divider .flip-clock-label{color: var(--bg-color) !important;}
.flip-clock-wrapper{margin: 7rem 0 0 0 !important;}
.flip-clock-wrapper ul li a div div.inn{background-color: #0d1629 !important  ; text-shadow: none !important; font-size: 60px !important;}
.flip-clock-wrapper ul li a div.up:after{background-color: transparent !important;}
.flip-clock-wrapper ul{width: 55px !important;}

.notification-drop {
  color: #444;
}
.notification-drop .item {
  padding: 10px;
  font-size: 18px;
  position: relative;
  border-bottom: 1px solid #ddd;
  height: 50px;
    width: 50px;
    background-color: #004f8a;
    color: #fff;
    border-radius: 4px;
}
.notification-drop .item:hover {
  cursor: pointer;
}
.notification-drop .item i {
  margin-left: 5px;
}
.notification-drop .item ul {
  display: none;
  position: absolute;
  top: 100%;
  background: var(--theme-color);
  color: var(--bg-color);
  left: -200px;
  right: 0;
  z-index: 1;
  border-top: 1px solid #ddd;
}
.notification-drop .item ul li {
  font-size: 16px;
  padding: 15px 0 15px 0;
}
.notification-drop .item ul li:hover {
  color: var(--secondary-color);
}

@media screen and (min-width: 500px) {
  .notification-drop {
    display: flex;
    justify-content: flex-end;
  }
  .notification-drop .item {
    border: none;
  }
}



.notification-bell{
  font-size: 20px;
}

.btn__badge {
  background: #FF5D5D;
  color: white;
  font-size: 12px;
  position: absolute;
  top: -14px;
  padding:  10px 10px;
  border-radius: 50%;
}

.pulse-button {
  box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.5);
  -webkit-animation: pulse 1.5s infinite;
  animation: pulse 1.5s infinite;
}

.pulse-button:hover {
  -webkit-animation: none;
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  70% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 0 50px rgba(255, 0, 0, 0);
  }
  100% {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
  }
}

.notification-text{
  font-size: 14px;
  font-weight: bold;
}

.notification-text span{
  float: right;
}

.company-table{
  border: 2px solid #004f8a;
  border-collapse: collapse;
  padding: 3px;
  width: 100%;
  background-color: rgb(252, 242, 239);
}

th, td{
  border: 2px solid #004f8a;
  border-collapse: collapse;
  padding: 0.7rem;
}

.table-title{
  font-weight: 600;   
  color: #ff7800;
}

.table-details, .table-details a{
  font-weight: 500;   
  color: #004f8a;
}

.chairman-message, .chairman_text p{
  color: #004f8a;
  font-size: 18px; 
  text-align: justify !important;
}

.chairman_message_text blockquote{
  color: #ff7800;
  font-size: 18px; 
}

.chairman-message strong{
  color: #ff7800;
  font-size: 17px; 
}

.chairman_text h2{
  color: #ff7800; 
}

.attraction-img{
  width: 100%;
  height: 500px;
  object-fit: cover;
}

.attraction-details{
  text-align: right;
  color: #004f8a;
}

.attraction-details p{
  text-align: justify;
  color: #004f8a;
  font-size: 18px;
}

.attraction-details hr{
  margin-left: auto;
  width: 50%;
  border: 5px solid #ff7800;
  /* background-color: #ff7800; */
}

.attraction-title{
  font-size: 24px;
  font-weight: 500;
}


.investment-table{
  border: 2px solid #004f8a;
  border-collapse: collapse;
  padding: 3px;
  width: 100%;
  background-color: rgb(252, 242, 239);
  margin-bottom:20px;
}

thead th{
  font-weight: 600;    
  color: #ff7800;
}

tbody tr td{
  font-weight: 500;   
  color: #004f8a;
}

tfoot{
  color: #004f8a;
  font-size: 16px;
  font-weight: 600;
}

.associate-img{
  width: 100%;
}

.associate-title{
  color: #ff7800;
  font-size: 24px;
}

.full_message h5{
  color: #ff7800;
  font-size: 24px;
  font-weight: 600;
}

.full_message p{
  color:#004f8a;
  font-size: 18px;
  text-align: justify !important;
}

.full_message p strong{
  font-weight: 600;
}

.img-card{
  margin-bottom: 25px;
}

.form-link {
  color: #ff7800;
  font-size: 18px;
  font-weight: 600;
}

.form-link:hover {
  color: #ff7800;
  font-size: 18px;
  font-weight: 500;
}