body{  margin: 0;  padding: 0;  font-family: 'Poppins', sans-serif;  box-sizing: border-box; font-size:15px; line-height:25px;  }

a:hover{  text-decoration: none;  }

ul{  margin: 0px;  padding: 0px;  }

ul li{  list-style: none; text-align: justify }

header{ box-shadow: 0px 3px 6px #e1e1e16b;  background-color: #fff;  }

.menu-header{  padding: 6px 0px;  z-index: 999;  background-color: #fff;  }

.navbar-toggler{  box-shadow: none;  border:none;  transition: 0.5s;  } 

.navbar-collapse {  z-index: 1;  }

.icon-one, .icon-two, .icon-three{  width: 35px;  height: 3px;  background-color: #022848;  margin: 6px 0;  display: block;  transition: 0.4s;  }

.change .icon-one{  -webkit-transform:rotate(-45deg) translate(-4px, 5px);  transform: rotate(-45deg) translate(-4px, 5px);  }

.change .icon-two{  opacity: 0;  }

.change .icon-three{  -webkit-transform: rotate(45deg) translate(-8px, -8px);  transform: rotate(45deg) translate(-8px, -8px);  }

.menu-header a{  color: #022848;  font-size: 13px;  padding-left: 3px !important; padding-right: 4px !important;   text-transform: uppercase;  letter-spacing: .5px;  }



.menu-header .dropdown-menu .dropdown a, .menu-header .dropdown-menu .sub-menu a{ padding-left: 10px !important; padding-right: 10px !important;  }



.menu-header a:hover{ color: #022848;

    text-decoration: underline;  }

.navbar-brand img{  width: 70%;  }

.nav-item.hide { display:none; }

.nav-item{  padding: 10px 1px;  }

.menu-box{  background-color: #083150;  display: block;margin-left:10px;  }

.menu-box:hover{  background-color: #1c3142;  color: #fff !important;  }

.linkdin-icon{  display: none;  }

.menu-box a{  color: #fff !important;  } 

.navbar-nav > li > .dropdown-menu {  margin-top: 0px;  border-top-left-radius: 0;  border-top-right-radius: 0;  display: block;  opacity: 1;  transition: ease-out 0.3s;  }

.drop-menu{  border:none;  display: block;  opacity:1;  height: 0px;  overflow: hidden;  padding: 0px;  top: 50px;  transition: all .3s;  }

.about,.why-us,.why-us,.outlook,footer,.inner-about,.vision-mission{  overflow-x: hidden;  } 

.sub-menu{  display: inline-block;  width: 160px;  }

.dropdown:hover .drop-menu{  display: block;  top: 100%;  border-radius: 0px;  height: inherit;  overflow: visible;}

.dropdown.show .drop-menu{  display: block;  top: 100%;  border-radius: 0px;  height: inherit;  overflow: visible;}

.dropdown img{  transform: rotate(90deg);  }

.inner-about, .product-box{ padding-top: 50px !important;}


.dropdown span.ml-2:hover img{ /* display: none; */}

.sub-menu-ic {

    display: inline-block;

    width: 268px;

}

.listing {padding-left: 15px;}

.listing li{ list-style: disc; }



.dropdown-menu[hidden] { display: none !important; }



.dropdown:hover img{  text-decoration: none;  transform: rotate(270deg);  -webkit-transition: ease-out 0.3s;  -moz-transition: ease-out 0.3s;  -o-transition: ease-out 0.3s;  transition: ease-out 0.3s;  }

.dropdown-item.active, .dropdown-item:active,  .dropdown-item:focus,  .dropdown-item:hover {  color: #fff;  text-decoration: none;  background-color: #022848;  }

.drop-menu li a{  display: block;  font-size: 15px;  color: #fff;  background: #022848;  padding: 5px 10px;  border-bottom: 1px solid #918e8e;  }

.drop-menu li a:hover{  background-color: #1c3142;  color: #fff;text-decoration: none; }

/*--------------*/

.slider{  margin-top: 105px;  } 

.carousel-item img{  width: 100%;  }

.carousel-item {  height: 435px;  width: 100%; transition:none;   } 

.slide01 { background: url(../images/head-slide01.jpg) no-repeat center; background-size:cover; }

.slide02 { background: url(../images/head-slide02.jpg) no-repeat center; background-size:cover; }

.slide03 { background: url(../images/head-slide03.jpg) no-repeat center; background-size:cover; }

.slide04 { background: url(../images/head-slide04.jpg) no-repeat center; background-size:cover; }

.slide05 { background: url(../images/head-slide05.jpg) no-repeat center; background-size:cover; }

.slide06 { background: url(../images/head-slide06.jpg) no-repeat center; background-size:cover; }

.slide07 { background: url(../images/head-slide07.jpg) no-repeat center; background-size:cover; }

.slide08 { background: url(../images/head-slide08.jpg) no-repeat center; background-size:cover; }

.slide09 { background: url(../images/head-slide09.jpg) no-repeat center; background-size:cover; }

.carousel-caption{  border-top-right-radius: 15px; border-bottom-right-radius: 15px; background: #083150;  width: 32%;    left: 0;  transform: translate(0%, 0%);  bottom: 10%;  border-right: 5px solid #BCBDC0;  text-align: left;  padding: 15px 20px;  }

/* .content-slider{  padding-left: 14%;  } */

.carousel-caption p{  font-size: 15px;  color: #000;  margin-bottom: 0px;  color: #E1E6E9;  text-transform: capitalize;  line-height: 18px;  }

.carousel-caption h3{  font-size: 13px;  color: #E1E6E9;  margin-bottom: 0px;  letter-spacing: 1px;  font-weight: 300;  }

.cut-btn{  display: block;  padding: 20px 50px;  text-align: center;  font-size: 16px;  color: #fff;  letter-spacing: 2px;  border-radius: 0px;  }

.blue-color{  color: #022848 !important;  }

.arrow-btn{  background: #0096D4;  border-radius: 0px;  color: #fff;  padding: 20px 20px;  font-size: 16px;  }

.carousel-control-prev{  left: unset;  }

.carousel-indicators{   left: unset;  padding: 0px 20px;  margin-right: 8%;  }

.display-text{  display: contents;  }

.carousel:hover .next-btn { display:block; }

.next-btn {  margin:0 20px;  display:block;  position: absolute; top:40%; z-index: 99;   padding: 16px 5px; display:block; width: 98%; }

.carousel-control-next, .carousel-control-prev i{  color: #083150 !important;  font-size: 22px;  }

.carousel-control-next, .carousel-control-prev{  position: absolute;  display: inline-block;  height: 40px;  align-items: center;  background: #fff;

 justify-content: center;  width: 40px;  color: #083150 !important;  opacity: 1;  margin-right: 10px;  border: 2px solid #083150;  border-radius: 50%;  }

.carousel-control-next { right:0; }

.carousel-control-prev { left:0; }

.carousel-control-next:hover, .carousel-control-prev:hover{  border: 2px solid #083150;background: #fff;  }

.carousel-control-next:hover i, .carousel-control-prev:hover i{  color: #083150;  }

.carousel-toggle {

  position: absolute;

  bottom: 20px;

  right: 0%;

  transform: translateX(-50%);

  z-index: 10;

  background: rgba(255, 255, 255, 0.9);

  border: 2px solid #083150;

  border-radius: 50%;

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  font-size: 18px;

  color: #083150;

  transition: all 0.3s ease;

  padding: 0;

}

.carousel-toggle:hover,

.carousel-toggle:focus {

  background: #fff;

  border-color: #083150;

  color: #083150;

  outline: 3px solid rgba(8, 49, 80, 0.3);

  outline-offset: 2px;

}

.carousel-toggle .sr-only {

  position: absolute;

  width: 1px;

  height: 1px;

  padding: 0;

  margin: -1px;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  white-space: nowrap;

  border-width: 0;

}

.carousel-indicators li{  text-indent: unset;  height: 100%;  display: contents;  font-size: 0px;  color: #022848;  width: 100%;  text-align: center;  margin: 0px;  }

.carousel-indicators .active{  font-size: 0px;  color: #C8D3DD;  } 

.next-btn li{  background-color: gray !important;  border-right: 50%;  height: 30px;  }



.why-box ul{ display: flex;    

    grid-column: 3;

    flex-wrap: wrap;}

.inner-why{ width: 33%;}



/*----------------*/

.mobile-show{  display: none;  }

.why-us,.about{  padding: 50px 0px;  }

.about-img {  width: 100%;  height: 100%;  padding: 0px;  } 

.about-img img {  height: auto;  width:auto;  }

.heading{  font-size: 28px;  letter-spacing: 2.24px;  font-weight: 700;  margin-bottom: 50px;  line-height: 33.6px;  text-transform: uppercase;  }

.cust-heading{  margin-bottom: 20px !important;  }

.about-content{  padding-left: 108px;  }

.about-content p{  font-size: 15px;  line-height: 25px;text-align: justify; }

.about-content p span{  font-weight: 600;  }.about .read-btn { background:#001f38; }.about .read-btn:hover { background-color: #1c3142; }

.read-btn{  display: inline-block;  padding: 10px 25px;  background: #022848;  font-size: 13px;  color: #fff; text-transform: uppercase;  }

.read-btn:hover{  background-color: #aeb0b3;  color: #fff;  }

.why-heading{  display: block;  text-align: center;  }

.why-box{  background: #fff 0% 0% no-repeat padding-box;  box-shadow: 0px 0px 12px #00000014;  opacity: 1;  margin: 20px 0px 0px 0px;  padding:30px 0px;  }

.inner-why{  padding: 30px 15px;  text-align: center;  } 

.inner-why:hover img{  -ms-transform: scale(1.2);  -webkit-transform: scale(1.2);  transform: scale(1.2);  }

.inner-why img{  height: 81px;  transition: transform .2s;  }

.product-heading{  font-size: 16px;  font-weight: 700;  line-height: 21.6px;  letter-spacing: .9px;  margin-bottom: 0px;   margin-top: 40px;  margin-bottom: 12px;}

.paragraph{  font-size: 13px;  letter-spacing: 0.78px;  line-height: 24px;width: 100% !important; }

.inner-why h3{  margin-top: 40px;  margin-bottom: 12px;  }

.inner-why p{  margin-bottom: 0px;  width: 90%;  }

.color-gray{  color: #918e8e;  }

.cust-product-box { padding: 50px 0px;  }

.product-box .read-btn{  /* background-color: #fff; */ background-color: transparent;  /* color: #aeb0b3; */  margin-top: 18px; border: 1px solid #fff;  }

.product-box .read-btn:hover {  background-color: #1c3142;  color: #fff; border: 1px solid #fff;  }

.product-box{  position: relative;  }

.bg-color{  background-color: #ebedef;  }

/* .product{  height: 100%; background-position: center;  background-image: url(../images/product-img.jpg);  -webkit-box-shadow: 0px 30px 50px -21px #000000; box-shadow: 0px 30px 50px -21px #000000;  margin: 0px;  padding-top: 145px;  } */

.product{  height: 100%; background-position: center;  background-image: url(../images/product-img.jpg);  box-shadow: 0px 20px 40px -21px #000000;  margin: 0px;  padding-top: 145px;  }

.img-des{  display: none;  }

.product-content{  height: auto;  width: 100%;  color: #fff;  padding: 30px 52px 30px 48px ;  background-color:#001f38;  }

.product-content h2{  font-size: 28px;  letter-spacing: 2.24px;  line-height: 33.6px;  font-weight: 700;  margin-bottom: 0px;  }

.product-content p{  font-size: 15px;  line-height: 25px; text-align: justify;  font-weight: 400;  margin-bottom: 0px;  padding: 7px 0px;  border-bottom: 1px solid #ffffff4f;  }.product-content p.pro-bullet { background: transparent url("../images/bullet.svg") no-repeat scroll left 18px; padding-left: 25px; }

.product-content p:last-child{  border-bottom: 0px;  }

.product-content p img{  padding-right: 13px;  }

.product-content .cut-btn{  background-color: #fff;  color: #022848;  }

.cust-outlook{  margin-top: 0px !important;  padding: 0px 0px 50px 0px !important;  }

.outlook{  background-color: #022848;  padding: 180px 0px 94px 0px;  margin-top: -130px;  }

.outlook .why-heading h2{  padding-top: 50px;  }

.card{  padding: 24px 20px;  background-color: #064166;  border-radius: 0px;  border:0px;  }

.card img{  transition: transform .2s;  }

.card:hover img{  -webkit-transform: scale(1.05);  transform: scale(1.05);  }

.card-body p:first-child, #accordion .card-body p{  font-size: 16px;  margin-bottom: 10px;  line-height: 21.6px;  letter-spacing: 0.96px;  } 

/*.card-box{  margin: 100px 0px 50px 0px;  }*/

.card-body{  padding: 30px 20px;  text-align: center;  color: #fff;  }

.small-size{  font-size: 16px;  letter-spacing: .96px;    }

.card-title{  font-size: 22px;  font-weight: 600;  margin-bottom: 0px;  }

.card a:hover{  background-color: #fff;  color: #022848;  }

footer{ border-top:1px solid #eee; height: 100%;  width: 100%;  }

.des-res{  display: none;  }

.footer-deatils{  padding: 25px 0px 10px 0px;  }

.footer-deatils p a { color:#022848; text-decoration:underline; }

.footer-deatils p a:hover { color:#022848; text-decoration:none; }

/*.footer-services,.footer-menu{  margin-top: 47px;  }*/

.footer-deatils ul li:first-child{  padding-top: 0px;  }

.footer-services li a img{  height: 10px;  }

.footer-deatils h6{  font-size: 16px;  font-weight: 600;  }

.foot-logo { margin:0 0 10px;  }

.foot-logo img { width:35% }

.footer-deatils p{  font-size: 13px; text-align: justify;  /* padding: 26px 0px 10px 0px; */ padding: 5px 0px 10px 0px;  line-height: 20px;  }

.follow p{  padding: 0px;	  margin-bottom: 0px;  } /*.follow a{  color: #918e8e;  }

.follow a:hover{  color: #022848;  }*/

.footer-deatils ul li{  font-size: 14px;  padding:7px 0px 7px 0px;line-height: 1.3; text-transform:uppercase; font-weight:600;  }.footer-deatils ul li.sub-level { text-transform:capitalize; font-weight:400; }

.footer-deatils ul li a{  color: #022848;  transition: 0.2s;  }

.footer-deatils ul li a:hover{  text-decoration: underline;  padding-left: 8px;  }

.footer{  border-top: 1px solid #d0d0d0;  }

.footer-bottom{  display: block;  float: right;  width: 100%;  font-size: 14px;  color: #212529;  padding: 20px 0px;  }

.footer-bottom a{  color: #022848;  text-decoration: underline;  }

.footer-bottom a:hover{  color: #aeb0b3;  }

.animation-element {  opacity: 0;  position: relative;  }

.animation-element.slide-left {  -webkit-transition: all 500ms ease;  -moz-transition: all 500ms ease;  -o-transition: all 500ms ease;  transition: all 500ms ease;  opacity: 0;  -moz-transform: translateX(-100px);  -webkit-transform: translateX(-100px);  -o-transform: translateX(-100px);  transform: translateX(-100px);  }

.animation-element.slide-right {  -webkit-transition: all 500ms ease;  -moz-transition: all 500ms ease;  -o-transition: all 500ms ease;  transition: all 500ms ease;  opacity: 0;  overflow-x: hidden !important;  -moz-transform: translateX(100px);  -webkit-transform: translateX(100px);  -o-transform: translateX(100px);  transform: translateX(100px);  }

.animation-element.slide-top {  -webkit-transition: all 500ms ease;  -moz-transition: all 500ms ease;  -o-transition: all 500ms ease;  transition: all 500ms ease;  opacity: 0;  -moz-transform: translateY(100px);  -webkit-transform: translateY(100px);  -o-transform: translateY(100px);  transform: translateY(100px);  }

.animation-element.slide-top.in-view{  opacity: 1;  -moz-transform: translateY(0px);  -webkit-transform: translateY(0px);  -o-transform: translate(0px);  -ms-transform: translate(0px);  transform: translateY(0px);  }

.animation-element.slide-left.in-view,

.animation-element.slide-right.in-view {  opacity: 1;  -moz-transform: translateX(0px);  -webkit-transform: translateX(0px);  -o-transform: translate(0px);  -ms-transform: translate(0px);  transform: translateX(0px);  }

.in-view p strong a{ color: #255faa;}



/*--------------------------------------------

----------------------------------------------*/

.inside-banner { margin-bottom: 0px;margin: 0px 0px 0px; height:220px; width:100%; position:relative; padding:80px 0;  }

.inside-banner::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5)  } 

.white-text { color:#fff; position:relative; z-index:9;  }

.about-banner  { background:url(../images/about-header.jpg) no-repeat center; background-size:cover; }

.product-banner  { background:url(../images/products-header.jpg) no-repeat center; background-size:cover; }

.investment-banner  { background:url(../images/investment-philosophy-header.jpg) no-repeat center; background-size:cover; }

.research-process-banner { background:url(../images/research-process-header.jpg) no-repeat center; background-size:cover; }

.investment-communication{background:url(../images/investment-communication.jpg) no-repeat center; background-size:cover;}

.market-banner  { background:url(../images/market-outlook-header.jpg) no-repeat center; background-size:cover; }

.contact-banner  { background:url(../images/contact-header.jpg) no-repeat center; background-size:cover; }

.sitemap-banner  { background:url(../images/sitemap-header.jpg) no-repeat center; background-size:cover; }

.privacy-banner  { background:url(../images/privacy-policy-header.jpg) no-repeat center; background-size:cover; }

.disclaimer-banner { background:url(../images/disclaimer-header.jpg) no-repeat center; background-size:cover; }

.disclosure-banner { background:url(../images/disclosure-header.jpg) no-repeat center; background-size:cover; }

.terms-banner { background:url(../images/terms-condition-header.jpg) no-repeat center; background-size:cover; }

.invest-banner { background:url(../images/invest-with-header.jpg) no-repeat center; background-size:cover; }



.breadcrumb{  margin-bottom: 0px;  background-color: transparent;  border-radius: 0px;  padding-left: 0px;  }

.breadcrumb li a,.breadcrumb-item.active,.breadcrumb-item+.breadcrumb-item::before{  color: #fff;  }

.underline .breadcrumb li {  font-size: 13px;  color: #fff;  }

.about-images{  height: 100%;  /* margin-left: -5%; */  }

.about-images img{  /* height: 100%; */ height: auto;  width: auto;  }.team-images img {  /* height: 100%; */ height: auto;  max-width: 100%;  }

.about-cont{  display: block;  width: 100%;  background-color: #fff;  padding: 0px 0px 0px 30px;  margin: 0px;  }

.about-cont2 p{ color: #fff;}

.about-cont2{  display: block;  width: 100%;  padding: 0px 0px 0px 30px;  margin: 0px;  }

.about-cont2 .about-list li{color: #fff; border-bottom: 1px solid #ffffff69;}

.about-cont2 .about-list li::before{ background-color: #fff;}

.about-list h6{ font-size: 17px; margin-bottom: 10px;}

.light-blue{  color: #022848;  } 

.about-counter{  display: block;  padding: 50px 0px;  text-align: center;  }

.inner-counter h2{  font-size: 48px;  letter-spacing: 1px;  font-weight: 600;  }

.about-cont p{  font-size: 15px;  line-height: 25px; text-align: justify }

.inner-counter p{  letter-spacing: 1px;  font-size: 18px;  font-weight: 600;  }

.vision-mission{  padding: 60px 0px 60px;  }

.mission{  width: 100%;  padding: 80px 55px 90px 50px;  background-color: #022848;  }

.vision{  background-color: #aeb0b3;  }

.mission-content{  height: auto;  width: 100%;  }

.mission-content h2{  font-size: 25px;  letter-spacing: 1.5px;  color: #fff;  font-weight: 700;  margin-bottom: 35px;  }

.mission-content p{  font-size: 13px;  letter-spacing: 0.78px;  color: #fff;  margin-bottom: 0px;  line-height: 24px;  }

.mission-img{  margin-left: 50px;  }/*--2022 03 22--*/

.about-list { width: 100%; padding: 0; margin: 0; }

.about-list li, .about-list p { margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #ddd; font-size: 15px; position: relative; line-height: 25px; }.about-list li::before, .about-list p::before {content:""; position:absolute; bottom:-2px; left:0; height:3px; width:70px; background:#022848;}.about-list li:last-child, .about-list p:last-child {/* border-bottom:0; margin-bottom:0; */}.liquid-milestone { display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 2em; text-align: justify}

.about-list li a{color: #212529;display: block; }

.about-list.about-listnew li{background: url(../images/pdf.svg) top right no-repeat; background-size: 30px; 

  /* width: 48% !important; float: left;  */

  margin-right: 2%;}

.about-list.about-listnew.about-listnew2 li{ width: 100% !important;}

.about-list.about-listnew-youtube li{background: url(../images/youtube.svg) top right no-repeat; background-size: 30px; 

  /* width: 48% !important; float: left;  */

      margin-right: 2%;}

.about-list li a span{ display: contents;}

.about-list .left-side{ width: 90%; float: left; }

.about-list .right-side{ width: 10%; float: right;}

.about-list li a span img{

  float: right;

  display: inline-block;}

  .investor-communicationsa{ padding-bottom: 40px;}

.liquid-milestone p { color:#ffff; text-align: justify}

.liquid-milestone-time { /* color: #022848; */ }

.liquid-milestone .liquid-milestone-time { margin-inline-end: .85em; flex: 0 auto; font-size: 28px; line-height: 1.4em; font-weight: 700; border-bottom: 4px solid; }

.liquid-milestone .liquid-milestone-time span { color: inherit; }.liquid-milestone-content { flex: 1 auto; overflow: hidden; }

.liquid-milestone-content h5 { margin-top: 0; font-size: 16px; font-weight: 700; letter-spacing: .05em; }.liquid-milestone-content p { margin: 0; }.principle-icon { width: 80px; margin: auto; }.principle-about { padding: 50px 0px 30px; }.principle-about .card-body {padding:15px 0 0 }.principle-about .card {margin-bottom:30px; background: #fff; box-shadow: 0 25px 70px rgba(0,0,0,.07); min-height: 295px; }.principle-about .card-body p { font-weight: 700; font-size: 20px; letter-spacing: 0; min-height: 50px; line-height: 25px; color: #000; }.products-list { width: 100%; padding: 0; margin: 0; }.products-list li { margin: 0 0 15px; padding: 0 0 0 25px; font-size: 15px; background: transparent url("../images/list-icon.svg") no-repeat scroll -7px -5px; background-size: 30px;  color:#000; text-align:justify }.products-list li:last-child {border-bottom:0; margin-bottom:0;}.investment-section { background: #022848; padding: 80px 0; }.investment-part { text-align: center; color: #fff; }.investment-part .heading { margin-bottom: 20px; }.investment-part p { margin-bottom: 0; font-size: 20px; }

#accordion .card-body {color: #000; padding-top: 15px; background: #fff; }

#accordion .card-body p, #accordion .card-body h6{ text-align: left;}

#accordion .btn-link .fa {color: #022848;}#accordion .btn-link[aria-expanded="true"] .fa { transform: rotate(180deg); }#accordion .btn-link.focus, #accordion .btn-link:focus { text-decoration: none;  }#accordion .card .card-header {background:#ebedef; margin-bottom: 0px; border: 0; border-radius: 0;}#accordion .card { background:transparent; padding: 0; color:#000; margin:0 0 10px; }#accordion .card button {    align-items: flex-start !important;; padding: 15px !important; height: auto !important; margin: 0 0 0 !important; width: 100%; text-align: left; border-radius: 0 !important; text-decoration: none; }.acc-heading, .acc-heading h3, .acc-heading h2{ color: #022848; font-size: 16px; font-weight: 700; width: 100%; }

#accordion .card button:focus{ outline: 2px solid #022848 !important; outline-offset: 2px !important; }

.standard-warning{font-family: 'Poppins', sans-serif;

    font-size: 15px; margin: 0px; font-weight: 700;

    line-height: 25px;}

    .error-message {

  color: #d00000;

  font-size: 14px;

  margin-top: 5px;

  display: block;

}

.acc-heading h3 span{word-break: break-all;

    white-space: break-spaces;}.principle-about .card-body p.research-para { font-weight: 400; font-size: 15px; line-height: 25px; margin-bottom: 0; min-height: 105px; color: #000 }.principle-about .card-body p.text-market { font-weight: 400; font-size: 15px; line-height: 21px; margin-bottom: 0; color: #000 }.contact-cont { display: block; width: 100%; background-color: #fff; padding: 0px 0px 50px; margin: 0px; }.contact-part { float: left; width: 100%; }.contact-div { float: left; width: 32%; background:#001f38; padding: 25px; margin-right: 2%; min-height: 255px; color: #fff; }

.contact-div2 { float: left; width: 48%; background:#001f38; padding: 25px; margin-top: 4%; margin-right: 2%; min-height: 200px; color: #fff; margin-bottom: 4%; }

.contact-div2 .contact-col1-1{ width: 44%;}

.contact-div2 .contact-col2-1{ width: 46%;}



.skip-link {

    position: absolute;

    top: 5px;

    right: 10.5%;

    color: #083150;

    z-index: 9999; text-decoration: underline;

    text-decoration: none;

    font-weight: 600;

    border-radius: 0 0 4px 0;

    transition: top 0.3s ease;

}



.contact-frm .form-control:focus{box-shadow: 0 0 0 .2rem #001f38bf;}

.contact-div:last-child {margin-right:0;}.contact-div * {color:#fff}.contact-ttl { float: left; width: 100%; font-size: 20px; color: #fff; font-weight: 600; margin-bottom: 10px; }.contact-con { float: left; width: 100%; font-size: 15px; }.inside-banner.bottom-banner-0 { margin-bottom: 0; }.principle-about .card-body.markrt-body {min-height: 190px; padding-top: 0;}.contact-frm { padding: 30px;  font-size: 13px; /* margin-top: -128px; */ background: #fff 0% 0% no-repeat padding-box;box-shadow: 0px 0px 12px #00000014; }.contact-frm .form-control {font-size: 13px; border-radius:0; }.contact-frm label {font-weight: 600;}.submit-btn {border:0; box-shadow:none;}.outlook .card-body {padding: 0;min-height: auto;}.outlook-btn { margin-top: 30px; }.outlook-btn .read-btn { color: #fff; border: 1px solid #fff; }.inner-breadcrumb { padding: 15px 0; text-align: center; background:#e9ecef; margin-bottom:25px; }

.contact-div.gr-div {

    width: 36%;

}

.contact-div.gr-div2{

    width: 62%;

        background-color: #fff;

        color: #000;

            display: flex;

    align-content: center;

    align-items: center;

}

.gr-div2 .about-content p{

    color: #000!important;

    padding:0px;

}

.gr-div2 .about-content p a{

    color: #000;

}

.gr-div2 .about-content p a:hover {

    color: #000;

    text-decoration: underline;

}

.gr-div2 .about-content {

    padding: 0px;

}

a.linkunderline {

    text-decoration: underline;

}

.breadcrumb {justify-content: center; padding:0; background:transparent; margin:0; position: relative; z-index: 9;  }

.inner-about-2 { padding: 50px 0; }

.inner-about-3 { padding: 0 0 50px; }

.about-cont.slide-left {  padding: 0px 30px 0px 0px; margin: 0px;background:transparent; position: relative; z-index: 9; }

.white-color.heading { color: #022848; }

.heading.team-name {margin-bottom:10px !important;}

.founder-sub-heading { font-size: 16px; font-weight: 600; color: #000; }

.inner-team { padding: 50px 0 20px; background: #022848; margin-top: 0px }

.inner-team .about-cont { background: none; color:#fff }

.contact-div a:hover { color: #fff; text-decoration: underline; }

.product-main-box .product { box-shadow: none; margin-bottom: 50px; padding-top: 106px; }

.sitemap-cotent { display: inline-block; }.sitemap-cotent ul { width: 100%; float: left; }

.sitemap-cotent ul li { width: 100%; float: left; border-bottom: 1px solid #e3e3e3; padding:10px 0; }

.sitemap-cotent ul li a {  text-transform: uppercase; font-weight:600;}

.sitemap-cotent ul li li { width: 25%; border-bottom:0; width: 50%;}

.sitemap-cotent ul li a { color: #022848; transition: 0.2s; font-size:15px;  }

.sitemap-cotent ul li a:hover { color: #aeb0b3; padding-left: 0px; }

.sitemap-cotent ul li a span img {width:6px;}

.sitemap-cotent ul li ul li a { text-transform: capitalize; font-weight:400; }.mob-menu { display:none; }.footer-deatils .follow { display:none; }.blue-bg { background: #022848; }.blue-bg .light-blue { color: #fff; }

.carousel-caption{ visibility: hidden; }

.carousel-item.active .carousel-caption{ visibility: visible; }

.carousel-item.active .carousel-caption{

-webkit-animation-duration: .8s;

animation-duration: .8s;

-webkit-animation-fill-mode: both;

animation-fill-mode: both;

animation-name: fade-left;

animation-delay: 1.0s;

}

#main-content {margin-top: 115px;}





@media only screen and (max-width: 767px) {.about-list li a{display: flex; width: 90%;}

#main-content {margin-top: 95px;}

}







@keyframes fade-left {

0% {

  transform: translateX(-150px);

  opacity: 0;

}

100% {

  transform: translateY(0);

  opacity: 1;

}

}

.nippon-section{

  display: block;

  width: 100%;

  color: #fff;

  margin-bottom: 32px;

}

.nippon-section h2{

  font-size: 16px;

  font-weight: 600;

}

.about-list li{

  text-align: justify; width: 100%;

}

.hide { display:none; }



/* OPTION 1 */

.option1 .inside-banner { margin:0px 0 0; }

.option1 header { box-shadow: none; background-color:transparent; }

.option1 .menu-header { background-color:transparent;}

.option1 .menu-header a { color: #fff; }

.option1 .nav-item.dropdown a.nav-link { position:relative; -webkit-transition: ease-out 0.3s; 

-moz-transition: ease-out 0.3s;

-o-transition: ease-out 0.3s;

transition: ease-out 0.3s; }

.option1 .nav-item.dropdown a.nav-link::after { content:''; position:absolute; right:-8px; top:5px; 

background: url(../images/menu-arrow-white.svg) no-repeat right center; transform: rotate(90deg);

width:8px; height:14px;  }

.option1 .navbar-brand { width: 9%; }

.option1 .navbar-brand img { width: auto; }

.option1 .darkHeader { background:#022848; box-shadow: 0px 3px 6px #e1e1e16b; } 

.option1 .icon-one, .option1 .icon-two, .option1 .icon-three { background-color: #fff; }

.option1 .navbar-collapse { margin:-30px 0 0; }

.option1 .darkHeader .menu-header .drop-menu li a {

  color: #fff;

}

.option1 .darkHeader .navbar-brand {

  width: 7%;

}

.contact-wrap {display: block;}

.contact-row {display:block;margin-top: 5px;}

.contact-col1 {display:inline-block;vertical-align: top;position:relative;width:34%;font-weight: 600;}

.contact-col2 {display:inline-block;vertical-align: top;width:64%;}

.contact-col1:after{content:':';position: absolute;right: 5px;}

.contact-col1-1 {display:inline-block;vertical-align: top;position:relative;width:27%;font-weight: 600;}

.contact-col2-1 {display:inline-block;vertical-align: top;width:70%;}

.note {background: #f7f7f7;padding: 20px 25px;margin-bottom: 33px; text-align: justify}

.note a{color:#000;text-decoration:underline;}

.footer-home{margin-top:50px;}

.contact-part{display: flex;display: -webkit-flex;flex-wrap: wrap;}





.bottom_footer ul {

    margin-bottom: 5px;



   text-align: center;

    padding-top: 5px;

}

.bottom_footer ul li { position: relative; padding: 0 5px;

    display: inline-block; 

    margin-right: 10px;

}

.bottom_footer ul li:last-child::after{ display: none;}

.bottom_footer ul li::after{ position: absolute; right: -8px;

    top: 7px;

    background: #000;

    width: 1px;

    height: 14px;

    content: "";}

.bottom_footer ul li .regi-span {color: #000; font-size: 12px; position: relative; cursor: context-menu;}

.bottom_footer ul li a {

    color: #000;

    font-size: 12px; position: relative;

        cursor: context-menu;

}

.border-top-f{

	        border-top: 1px solid #d0d0d0;

}







section.product-box.animation-element.slide-top.in-view {

    padding-bottom: 30px;

}





@media screen and (max-width: 640px){

.bottom_footer ul li {

    display: block;

    margin-bottom: 5px;

    margin-right: 0;



    line-height: 17px;



}



.bottom_footer ul {

    padding-left: 0!important;

}

/* .bottom_footer ul li:nth-child(2n+2) {

    display: none!important;

} */



}





.product.pms{  height: 100%; background-position:top center;  background-image: url(../images/sohum-india-oppurtunities.jpg); background-size: cover; background-repeat: no-repeat; }







.slider .carousel-indicators {

  gap: 5px;

  bottom: 32px;

  margin-right: 60px;

}

.slider .carousel-indicators li {

  display: inline-flex;

  width: 15px;

  height: 15px;

  background: #fff;

  border-radius: 100%;

  border: 2px solid #083150;

}

.slider .carousel-indicators li.active {

  background: #083150;

  border-color: #fff;

}





@media (min-width: 992px) {

  .navbar-expand-lg .navbar-nav .dropdown-menu3{

      position: absolute; left: 160px; overflow: visible; height: auto; width: 300px;

  }

  .navbar-expand-lg .navbar-nav .dropdown-menu4 {

    position: absolute; left: 160px; overflow: visible; height: auto; width: 300px;

}

}

.navbar-nav > li > .dropdown-menu3, .navbar-nav > li > .dropdown-menu4{

  margin-top: 0px;

  border-top-left-radius: 0;

  border-top-right-radius: 0;

  display: block;

  opacity: 1;

  transition: ease-out 0.3s;

}

.dropdown-menu.drop-menu .dropdown .drop-menu3 , .dropdown-menu.drop-menu .dropdown .drop-menu4{display: none;}

.dropdown-menu.drop-menu .dropdown:hover .drop-menu3{

  display: block;

  top: -3%;

  border-radius: 0px ;

  height: inherit;

  overflow: unset;

}






.dropdown-menu.drop-menu .dropdown:hover .drop-menu4 {

  display: block;

  top: -3%;

  border-radius: 0px ;

  height: inherit;

  overflow: unset;

}






.wrapper{

  width:80%; margin: 0 auto;

}

@media(max-width:992px){

  .wrapper{

   width:100%;

 } 

 }

 .panel-heading {

   padding: 0;

   border:0;

 }

 .panel-default { box-shadow: 0px 0px 12px #00000014;

}

.panel-default>.panel-heading h4{ margin-bottom: 0px;}



.panel-group .panel+.panel {

  margin-top: 10px;  box-shadow: 0px 0px 12px #00000014;

}

.panel-default>.panel-heading+.panel-collapse>.panel-body {

  border-top-color:0px solid #ddd; padding: 20px;

}

 .panel-default>.panel-heading {

  color: #333;

  background-color: #fff;

  border-color: #ddd;

}

 .panel-title>a, .panel-title>a:active{

   display:block;

   padding:15px;

   color:#022848;

   font-size: 18px;

   font-weight: 600;

   text-transform:uppercase;

   letter-spacing:1px;

   word-spacing:3px;

   text-decoration:none;

 }

 .panel-heading  a:before {

    background: url(../images/faq-arrow.svg) center right no-repeat;

    content: ""; width: 25px; height: 25px; background-size: 25px;

    float: right;

    transition: all 0.5s;

 }

 .panel-heading.active a:before {

   -webkit-transform: rotate(180deg);

   -moz-transform: rotate(180deg);

   transform: rotate(180deg);

 } 









 .accordion{

  margin: 40px 0; width: 80%; margin: 0 auto;

}

.accordion .item {

    border: none;

    margin-bottom: 15px; box-shadow: 0px 0px 12px #00000014; outline: 1px solid #001f38;

    background: none;

}

.t-p{

  color: rgb(193 206 216);

  padding: 40px 30px 40px 30px;

}

.accordion .item .item-header h2 button.btn.btn-link {

    background: #fff;

    color: #022848; 

    border-radius: 0px;

    font-family: 'Poppins';

    font-size: 18px;

    font-weight: 600;

    line-height: 2.5;

    text-decoration: none;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.accordion .item .item-header {

    border-bottom: none;

    background: transparent;

    padding: 0px;

    margin: 2px;

}



.accordion .item .item-header h2 button {

    color: white;

    font-size: 20px;

    padding:10px 15px;

    display: block;

    width: 100%;

    text-align: left;

}



.accordion .item .item-header h2 i {

    float: right;

    font-size: 0px;

    background: url(../images/faq-arrow.svg) center right no-repeat;

    content: ""; width: 25px; height: 25px; background-size: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 5px;

}



button.btn.btn-link.collapsed i {

    transform: rotate(0deg);

}



button.btn.btn-link i {

    transform: rotate(180deg);

    transition: 0.5s;

}



.p-50{ padding-bottom: 50px;}



@media only screen and (max-width: 767px) {





.accordion, .about-list.about-listnew li, .about-list.about-listnew li{ width: 100% !important; float: none;}

.p-50{ padding-bottom: 20px;}



.slider .carousel-indicators {margin-right: 0; bottom: -28px;}

.slider .carousel-indicators li.active { border-color: #083150; }





}





.popup-overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,0.6);

    display: none; /* Hidden by default */

    align-items: center;

    justify-content: center;

    z-index: 9999;

  }



  .popup-content {

    background: #083150;

    padding: 50px 40px;

    border-radius: 8px;

    max-width: 600px; color: #fff;

    width: 90%;

    text-align: center;

    box-shadow: 0 4px 10px rgba(0,0,0,0.3);

    position: relative;

    animation: fadeIn 0.4s ease;

  }

    .popup-content p{line-height: 26px; font-size: 18px;}

.popup-content p a{ text-decoration: underline; color: #fff;}

  .close-btn {

    position: absolute;

        right: 0px;

    top: -40px;

    font-size: 25px;

    cursor: pointer;

    background: #00324f;

    cursor: pointer;

    padding: 10px;

  }



  @keyframes fadeIn {

    from {opacity: 0; transform: scale(0.9);}

    to {opacity: 1; transform: scale(1);}

  }



/* ============================================

   Focus Indicators for Accessibility (WCAG 2.1)

   Ensures visible focus indicators with 3:1 contrast ratio

   ============================================ */



/* Base focus styles for all interactive elements */

a:focus,

button:focus,

input:focus,

select:focus,

textarea:focus,

[tabindex]:focus {

  outline: 2px solid #022848;

  outline-offset: 2px;

}



/* Focus styles for links on dark backgrounds */

.blue-bg a:focus,

footer a:focus,

.drop-menu a:focus,

.menu-box a:focus,

.investment-section a:focus {

  outline: 2px solid #FFFFFF;

  outline-offset: 2px;

}



/* Focus styles for buttons on dark backgrounds */

.blue-bg button:focus,

footer button:focus,

.menu-box button:focus,

.investment-section button:focus {

  outline: 2px solid #FFFFFF;

  outline-offset: 2px;

}



/* Focus styles for form inputs - ensure visibility */

input[type="text"]:focus,

input[type="email"]:focus,

input[type="tel"]:focus,

input[type="password"]:focus,

input[type="number"]:focus,

input[type="search"]:focus,

input[type="url"]:focus,

input[type="date"]:focus,

input[type="time"]:focus,

input[type="datetime-local"]:focus,

input[type="month"]:focus,

input[type="week"]:focus,

select:focus,

textarea:focus {

  outline: 2px solid #022848;

  outline-offset: 2px;

}



/* Focus styles for submit and button inputs */

input[type="submit"]:focus,

input[type="button"]:focus,

input[type="reset"]:focus {

  outline: 2px solid #022848;

  outline-offset: 2px;

}



/* Accordion buttons - ensure high visibility */

#accordion .card button:focus,

#accordion .card .btn-link:focus {

  outline: 2px solid #fff !important;

  outline-offset: 2px !important;

  box-shadow: 0 0 0 2px rgba(2, 40, 72, 0.2);

}



/* Navbar toggler focus */

.navbar-toggler:focus {

  outline: 2px solid #022848;

  outline-offset: 2px;

}

#accordion .collapse.show{outline: 2px solid #fff;}

/* Carousel controls focus */

.carousel-control-prev:focus,

.carousel-control-next:focus {

  outline: 2px solid #022848;

  outline-offset: 2px;

}



/* Carousel indicators focus */

.carousel-indicators li:focus {

  outline: 2px solid #022848;

  outline-offset: 2px;

}



/* Carousel toggle button focus (already has styles, ensure consistency) */

.carousel-toggle:focus {

  outline: 2px solid #022848;

  outline-offset: 2px;

}



/* Modern browsers: focus-visible for keyboard navigation only */

@supports selector(:focus-visible) {

  /* Remove outline for mouse clicks */

  *:focus:not(:focus-visible), .read-btn:focus-within, .contact-col2 a:focus-within, .view-map:focus-within, .view-map:focus {

    /* outline: none; */ outline: 2px solid #fff;

  }

 

 @supports selector(:focus-visible) { 

 *.product-box .read-btn:focus:not(:focus-visible), .product-box .read-btn:focus-within {background-color: #FFF; color: #001f38;} 

  

  

  /* Ensure focus-visible works for keyboard navigation */

  *:focus-visible, .footer-deatils p a:focus-within, .footer-deatils ul li a:focus-within, .mid_footer a:focus-within, .footer-bottom a:focus-within, .accordion .item .item-header h2 button.btn.btn-link:focus-within {

    outline: 2px solid #022848;

    outline-offset: 2px;

  }

  

  /* Dark background focus adjustments for focus-visible */

  .blue-bg *:focus-visible,

  footer *:focus-visible,

  .drop-menu *:focus-visible,

  .menu-box *:focus-visible,

  .investment-section *:focus-visible {

    outline-color: #FFFFFF;

  }

}







 button:focus {

    outline: 2px solid #000000; /* Visible focus outline */

    outline-offset: 2px;

} 

/* Base */
        .a11y-nav ul {
          list-style: none;
          margin: 0;
          padding: 0;
        }
        
        .a11y-link,
        .a11y-nav a {
          display: block;
          padding: 15px 7px;
          color: #022848;
          border: none;
          text-decoration: none;
          cursor: pointer;
          width: 100%;
          text-align: left;
          font-size: 13px;
          text-transform: uppercase;
          background: transparent;
        }
        
        .a11y-submenu .a11y-link ,.a11y-nav .a11y-submenu a {
          display: block;
          padding: 6px 7px;
          color: #fff;
          border: none;
          text-decoration: none;
          cursor: pointer;
          width: 100%;
          text-align: left;
          font-size: 13px;
          text-transform: uppercase;
          background: transparent;
          border-bottom: 1px solid #918e8e;
        }
        button.a11y-link::after {
            display: inline-block;
            width: 0;
            height: 0;
            margin-left: .255em;
            vertical-align: .255em;
            content: "";
            border-top: .3em solid;
            border-right: .3em solid transparent;
            border-bottom: 0;
            border-left: .3em solid transparent;
            float: right;
            margin-top: 10px;
        }
        
        
        /* Desktop layout */
        .a11y-menu {
          display: flex;
        }
        
        .a11y-item {
          position: relative;
        }
        
        /* Submenu hidden */
        .a11y-submenu {
          display: none;
          position: absolute;
          background: #083150;
          min-width: 200px;
          z-index: 999;
        }
        
        /* Show submenu (JS controlled) */
        .a11y-item.open > .a11y-submenu {
          display: block;
        }
        
        .a11y-item.open > .a11y-submenu li.open > .a11y-submenu {
            display: block;
        }
        
        .a11y-item > .a11y-submenu li{position:relative;}
        
        /* 3rd level */
        .a11y-submenu .a11y-submenu {
          left: 100%;
          top: 0;
        }
        
        /* Apply hover to ALL levels */
        @media (hover: hover) {
          .a11y-nav li:hover > .a11y-submenu {
            display: block;
          }
        }
        
        /* Mobile */
        .a11y-toggle {
          display: none;
        }
        
        @media (max-width: 768px) {
          .a11y-toggle {
            display: block;
            background: #222;
            color: #fff;
            padding: 10px;
          }
        
          .a11y-menu {
            
            flex-direction: column;
          }
        
          .a11y-menu.active {
            display: flex;
          }
        
          .a11y-submenu {
            position: static;
          }
          .a11y-menu li {
        
          border-bottom: 1px solid #918e8e;
        }
        .a11y-link, .a11y-nav a{padding:5px 7px;}
        }