html { height: 100%; }
body {
    font-family: 'IBM Plex Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #222;
    background-color: #f0f0f0;
    -webkit-font-smoothing: antialiased;
}
.material-symbols-sharp {
  font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 0,
  'opsz' 48
}
a {}
body.singlep {background-color: #fff}
h1,h2,h3,h4,h5,h6 {
    color: #3d405c;
    margin: 0px 0px 15px 0px;
    font-family: 'IBM Plex Sans', sans-serif; font-weight: 500;
}
h1 {font-size: 28px;}
h2 {font-size: 24px;}
header {background-color:#000  !important;}
.bg-white {}
.dropdown-menu .nav-item .nav-link {color:#00a698 !important}
/* .dropdown-menu {
    --bs-dropdown-min-width: 0rem !important;
    --bs-dropdown-padding-y: 0rem !important;
} */
.navbar-right-top .nav-item { border:none}
.navbar-brand { font-weight: 300; font-size: 20px;
    padding: 0;
    color: #fff;
}
.navbar {padding-left:0 !important; padding-right: 0 !important;}

.user-avatar-md {
    height: 24px;
    width: 24px;
}
.navbar-right-top .nav-item .nav-link {
    padding: 5px 10px;
    font-size: 16px;
    line-height: 2;
    color: #fff;
}
header .navbar {
    padding-top: 4px;
}
.page-breadcrumb {margin-top:15px}

.footer {
    border-top: none;
    padding: 14px 30px 14px;
    color: #71748d;
    background-color: #ddd;
    width: 100%;
    /*position: absolute; bottom: 0;*/
}
.navbar-brand {font-weight: 600;letter-spacing: -0.5px;}

.itmbox { margin-bottom: 20px;}
.pttitle {font-weight: 600; font-size: 18px;}

.content img {max-width: 100%; height: auto;}
.content a {text-decoration: underline;}
.content a:hover {text-decoration: none;}

.moodbox .modal-content {background-color: #000082 !important; border-radius: 0; border-width: 0;}
.moodbox .owl-carousel .owl-item img { padding:10px}

.moodbox .modal-header {border-bottom: none; padding-bottom: 0;}
.moodbox .modal-header h5 { color:#fff}
.frmitm, .senticomment {color:#fff; line-height: 22px;}
.moodbox  .modal-footer {border-top: none; padding-top: 0;}
.mdbxt {padding:10px 10px; cursor:grab;}
.mdbxt a:hover {opacity: 0.8;}
.itmbox:hover, .itmcl:hover {opacity: 0.6;}

.semmto {border-top: rgba(0,0,0,0.1) 1px solid; padding-top:20px; margin-top: 20px; }
.feedbk {}
.sntrmt {padding: 0 10px}
.divit {text-align: center;}
.snttt {font-size: 13px; padding-bottom:6px; color:#333}
.opcity {opacity:0.5}

.rmtsbg {background: #000082;border: none;border-radius: 0; color:#fff}

.btgrnm { background-color: #000099; border:none; border-radius: 0;}

.conscnt {width:800px; margin: 0 auto;}
.imghead { margin-bottom: 20px;}

.grid-sizer, .grid-item, .grid-itemb { width: 33.3%;  }
.grid-item .card, .grid-itemb .card {margin-bottom: 15px; margin-right: 15px;}

.owl-item { opacity: 0.6; padding-top: 25px !important; height:290px}
.owl-item img {width: 70% !important; float: left !important; transition: all 0.25s ease-in-out;}
.owl-item.sprev img { float: right !important;}
.owl-item.sprev, .owl-item.nprev  {cursor:grab;}
.owl-item.active { opacity: 1; padding-top: 0 !important;}
.owl-item.active img {width:100% !important; float: none !important;}

.stopclick {position: absolute;background: #000;height: 100%;width: 100%;opacity: 0.3;z-index: 999;}
p.datepub {margin-bottom: 0; color:#666; font-size: 11px;}

.firweb {}
.firweb .alert-prts {border:none; background-color: #10ac84; color:#fff; border-radius: 0; }
.firweb .alert-wrnt {border:none; background-color: #ee5253; color:#fff; border-radius: 0;}
.alert-danger {border:none; background-color: #ee5253; color:#fff; border-radius: 0;}
.alert-success {border:none; background-color: #10ac84; color:#fff; border-radius: 0;}
.alrtgoz {margin-bottom: 0 !important;}
.moodmsg {margin-top:20px}
button.close {font-size: 14px;line-height: 20px;}

@media (max-width: 1260px) {
.conscnt {width:800px}
}
@media (min-width: 1470px) {
.conscnt {width:800px}
}

@media (max-width: 996px) {
.conscnt {width:100%}
.grid-sizer, .grid-item, .grid-itemb { width: 50%;  }
.tabtxt {display: none;}
.navbar-expand-lg {-ms-flex-flow: row nowrap !important;flex-flow: row nowrap !important;-ms-flex-pack: start !important;justify-content: flex-start !important;}
.navbar-nav {-ms-flex-direction: row;flex-direction: row;}
.navbar-expand-lg .navbar-nav .dropdown-menu {position: absolute !important;}
.rpbm {margin-bottom: 10px;}
}

@media (min-width: 768px) {

}

@media (max-width: 767px) {
    .grid-sizer, .grid-item, .grid-itemb { width: 100%;  }
    .grid-item .card, .grid-itemb .card {margin-right: 0;}
    .msgptn {width:100%}
    .mobchkwd {display:block !important}
    .msgptn {width:100% !important}
}
.youtube-embed {
    overflow: hidden;
    position: relative;
    width:100%; margin-bottom: 20px;
}

.youtube-embed::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.youtube-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.maintt { background-color: #173ede;}
.maintt h1 {color:#fff; margin-bottom:0; font-size:22px}
.maincontz{ width:100%; position: relative;}
.maincontz iframe { height: calc(100vh - 130px); width:100%; overflow-x: auto;}
.intreld {color:#ffb800}

body.singlep {overflow:hidden;}

/* ESG-MODS */
.dropdown-menu.show {
    display: block;
    margin-left: -130px !important;
    margin-top: 8px;
}
.tab-content {
    background-color: #fff;
    padding: 0 20px;
    border: none;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 0rem;
}

.nav-pills .nav-link {
    border-radius: 0 !important;
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius);
    width: 90px;
    /* padding-right: 5px;
    padding-left: 5px; */
}

.nav-link {
    color:#000;
}

.tag-active{
    background-color : #ffcd39; 
    border-color : #ffcd39; 
    color: #000; 
    font-size: 0.8rem;
}
.tag-inactive{
    background-color : #333; 
    border-color : #333;
    color:#fff;
    font-size: 0.8rem;

}

a.navbar-brand {color:#fff !important;}
/* eof: ESG-MODS */
.btn-warning { background-color: #ffb800;}

.tabfrm {filter: invert(0%) sepia(100%) saturate(21%) hue-rotate(242deg) brightness(98%) contrast(102%);}
.nav-link.active .tabfrm, .nav-link:hover .tabfrm {filter: invert(99%) sepia(39%) saturate(108%) hue-rotate(174deg) brightness(113%) contrast(100%);}
.tabxtm {font-size: 13px;}
.nav-pills .nav-link:hover {background-color: #666; color:#fff}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color: #173ede; color:#fff}
.tbcont h2 {font-size: 30px; font-weight: 600;}

.dropdown-menu.show {margin-top: 0;border-radius: 0 !important;background-color: #000;color: #fff;border: 0;margin-bottom: 0px;padding-bottom: 0px;}
.dropdown-menu.show li a.dropdown-item {padding-bottom: 10px;padding-top: 6px; color:#fff}
.dropdown-menu.show li a.dropdown-item:hover {background-color: #173ede; }

.card {border:none}
.card-body {border:none}
.clrm  { }
.gradient-custom-2 {background: #000;}

.card {border:none}
@media (min-width: 768px) {
.gradient-form {height: 100vh !important;}

}
@media (min-width: 769px) {
.gradient-custom-2 {
border-top-right-radius: .3rem;
border-bottom-right-radius: .3rem;
}
}

@media (max-width: 767px) {
.ptmz {font-size: 12px; }
.btnpsm {font-size:10px; }
.ntms {font-size:11px }
.badge {font-size:.75em; line-height: 1;}
.tblx {font-size:11px;}
}