html,
body {
	height: 100%;
	font-family: 'Playfair Display', serif;
	font-family:Century Gothic; 
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
@font-face {
  font-family:Century Gothic;
  src: url(fonts/911Fonts.com_CenturyGothicRegular__-_911fonts.com_fonts_mhpY.ttf);
}
@font-face {
  font-family:Century Gothic bold;
  src: url(fonts/911Fonts.com_CenturyGothicBold__-_911fonts.com_fonts_pMgo.ttf );
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family:Century Gothic;
}
.matrix_table .table > thead > tr > th{
     text-align: center;
}
.modal-header .close {
    margin-top: -2px;
    color: #000;
}
.complaint .modal-header {
    background: #fff;
    border-bottom: 5px solid#bb2b46;
}
.complaint label {
    text-align: left;
     color:#000;
}
.complaint .form-control {
    height: 45px;
    border: 1px solid#a9a9a9;
    border-radius: 0px;
    text-align: left;
}
.complaint .ta2 {
    padding: 6px 12px;
    outline: none;
    background: #fff!important;
    border: 1px solid#a9a9a9;
    resize: none;
}
.complaint .modal-footer {
    background: #0d3454;
    border-top: 5px solid#bb2b46;
}
.stock h4{
	 color:#fff;
}
.stock{
	margin:15px 0px;
}
.stock table{
	margin:15px 0px;
}
.stock .table-bordered > thead > tr > th {
    border: 1px solid #fff;
    color: #fff;

}
.stock  .table-bordered > tbody > tr > td{
    border: 1px solid #fff;
	 color: #fff;
}
.stock  .table-bordered > tbody > tr > td a{
	 color:#fff;
}
.dscr h3{font-family: 'Playfair Display', serif;
border-bottom:1px solid#ddd;
 padding-bottom:10px;}
 .dscr p{
	  font-size:17px;
	  line-height:25px;
	  padding:20px 0px;
 }
.services .tabs-left {
  border-bottom: none;
  
}

.services .tabs-left>li {
  float: none;
 margin:0px;
  
}

.services{
	margin:100px 0px;
}
.services .tabs-left>li.active>a{
	 border-right-color: transparent;
  background:#bb2b46;
  color:#fff;
  border-radius:0px;
}
.services .tabs-left>li.active>a:hover{
	 border-right-color: transparent;
  background:#bb2b46;
  color:#fff;
  border-radius:0px;
}
.services.tabs-left>li.active>a:focus {
  
  border-right-color: transparent;
  background:#bb2b46;
  color:#fff;
  border-radius:0px;

}
.services .nav-tabs>li>a:hover {
    /* margin-right: 2px; */
    line-height: 1.42857143;
    border: 1px solid transparent;
    /* border-radius: 4px 4px 0 0; */
}
.services .tabs-left>li.active>a::after{content: "";
    position: absolute;
    top: 32px;
    right: -10px;
    border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  
  border-left: 10px solid #bb2b46;
    display: block;
    width: 0;}
.services .nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #052859;
	color:#fff;
}
.services .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0px 0px 0 0;
    background: #052859;
	color:#fff;
	 font-size:18px;
	 margin-bottom:2px;
}
a:hover{
	 text-decoration:none;
}
.cont-section .nav-pills > li {
	background: #052859;
	width:25%; 
	
}
.cont-section .nav-pills > li a{
	color:#fff;
	 text-align:center
}
.cont-section  .nav-pills > li.active > a, 
.cont-section .nav-pills > li.active > a:hover, 
.cont-section .nav-pills > li.active > a:focus {
	background: #bb2b46;
}
.cont-section .nav-pills > li + li {
    margin-left: 0px;
}

#exTab1 .tab-content {
  margin:50px 0px;
  padding : 5px 15px;
}

#exTab2 h3 {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
  border-radius: 0;
   font-size:16px;
   border-right: 1px solid#fff;
}

/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}

#exTab3 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

.cont-section{
	 margin:50px 0px;
}
.products{
	background:#fbf5f5;
	padding:30px;
}
.plo{ padding-left:0px;
}
.pro{ padding-right:0px;}
.circle{
	width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 100%;
    text-align: center;
    padding: 15px 15px;
	 margin:auto;
}
.circle img{
	  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
.circle img:hover{
	  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.link-text a{
	color:#fff;
	text-align:center;
	 font-weight:600;
	 padding:10px 0px;
	  display:block;
	  font-size:18px;
}

.link-text:hover{
	text-decoration:none;
}
.sec-menu a{
	color:#fff;
	text-align:center;
	 font-weight:600;
	 padding:10px 0px;
	  display:block;
	  font-size:18px;
}

.sec-menu a:hover{
	text-decoration:none;
	
	
}
.hovicon{
	 position: relative;
    text-decoration: none;
    z-index: 1;
}
.hovicon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content:'';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.hovicon:before {
    speak: none;
    font-size: 48px;
    line-height: 90px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}
.hovicon.effect-3 {
    box-shadow: 0 0 0 4px #fff;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}
.hovicon.effect-3:after {
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: -1;
    background: #fff;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
    -moz-transition: -moz-transform 0.2s, opacity 0.3s;
    transition: transform 0.2s, opacity 0.3s;
}
/* Effect 3a */
 .hovicon.effect-3.sub-a, .hovicon.effect-3.sub-a i {
    color: #f06060;
}
.hovicon.effect-3.sub-a:hover, .hovicon.effect-3.sub-a:hover i {
    color: #fff;
}
.hovicon.effect-3.sub-a:hover:after {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
}
.link-text{
	padding:5px 0px;
}
.sec-menu :hover{
	
background:rgba(112,129,143,0.7)	;
text-decoration:none;
}

.all-news{ background:#efefef;
width:100%;
padding:0px 0px;}
.red2{ color:#fc5c5e; font-weight:600}
.stock-link ul li a{
color: #000;
    background: #ccc;
    
    display: block;
    padding: 2px 7px;
    font-size: 12px;	
}
.stock-link ul.list-inline>li {
	padding-left:0px;
	padding-right:0px
}
.stock-link ul li a:hover{
	text-decoration:none;
}
/***.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right:0%;
}
.icon-bar2 {
  position: fixed;
  top: 60%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right:0%;
}

.icon-bar3 {
  position: fixed;
  top: 70%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right:0%;
}
/* Style the icon bar links */
/**.icon-bar a {
  display: block;
  text-align: center;
  padding: 10px 18px;
  transition: all 0.3s ease;
  color: white;
  font-size: 24px;
 
width:50px;
height:50px;

 
}
.icon-bar2 a {
  display: block;
  text-align: center;
  padding: 10px 18px;
  transition: all 0.3s ease;
  color: white;
  font-size: 24px;
 
width:50px;
height:50px;

 
}
.icon-bar3 a {
  display: block;
  text-align: center;
  padding: 10px 18px;
   transition: width 2s;
  color: white;
  font-size: 24px;
 
width:50px;
height:50px;

 
}
***/
.navbar-inverse .navbar-nav > li.dropdown:hover > a, 
.navbar-inverse .navbar-nav > li.dropdown:hover > a:hover,
.navbar-inverse .navbar-nav > li.dropdown:hover > a:focus {
    background-color: rgb(231, 231, 231);
    color: rgb(85, 85, 85);
}
.navbar-inverse li.dropdown:hover > .dropdown-menu {
    display: block;
}
.navbar-inverse .navbar-toggle{
	 background:#0d3454
}
.sticky-container{
    padding:0px;
    margin:0px;
   position:fixed;
    right:-125px;
    top:230px;
    width:210px;
    /**z-index: 1100;**/
	border-top-left-radius:25px;
}
.sticky li{
       list-style-type: none;
    background-color: #fc5c5e;
    color: #fff;
    height: 43px;
    
    margin: 0px 0px 10px 0px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
    padding-left:15px;
	
    border-top-left-radius:25px;
	border-bottom-left-radius:25px;
   
}
.sticky li:hover{
    margin-left:-115px;
}
.sticky li img{
    float:left;
    margin: -7px -7px;
    margin-right:20px;
}
.sticky li p{
    padding-top:5px;
    margin:0px;
    line-height:16px;
    font-size:16px;
}
.sticky li p a{
    text-decoration: none;
    color: #fff;
    padding: 6px 11px 6px 11px;
    display: block;
}
.float2{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:2px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.sticky li p a:hover{
    text-decoration:none;
}
.tel h4{color:#333}
.tel-modal .modal-header{ background:#0d3454; color:#fff}
.tel-modal .modal-footer{ background:#0d3454; color:#fff}
.tel-modal .modal-header h4{ font-size:24px;}
.close{color:#fff; 
opacity:1.0}
.ta{ width:100%;border:0px none; border-bottom:1px solid#a9a9a9; }
.tel .form-control{border:0px none; border-bottom:1px solid#a9a9a9;
 border-radius:0px;
  height:45px;
   box-shadow:none;
   color: #000;
    font-weight: 500;}
   .submit{border: none;
    background: #bb2b46;
    padding: 10px 35px;
    text-align: center;
    border-radius: 35px;
    color: #fff;
    font-size: 16px; }
/* Style the social media icons with color, if you want */


.red {
  background: #fc5c5e;
  color: white;
   margin-bottom:10px
}

.login{text-align:right}
.login-modal  .modal-backdrop .in
{
    opacity:1.0!important;
}	
.login-modal .modal-dialog {
    width: 700px;
    margin: 168px auto;
}
.login-modal .modal-body {
    background:#fc5c5e;
}
.login-modal .modal-footer {
    padding: 15px;
    text-align: center;
 border-top: 0px none;
}
.login-modal .modal-footer a {
    background: #333;
    width: 50px;
    height:50px;
    display: block;
    color: #fff;
    text-align: center;
    margin: auto;
    padding: 15px 0px;
    border-radius: 100%;
    
    text-decoration: none;
}
.login-modal .modal-footer a  .fa{ font-size:20px;}
.login-modal .modal-backdrop{
	opacity: 0.9;
}
div.bhoechie-tab-container{
  
  background-color: #ffffff;
 
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
 
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #fc5c5e;
  background-image: #fc5c5e;
  color: #ffffff;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color:#fc5c5e;
    border-color:#fc5c5e;
}
a.list-group-item, button.list-group-item {
    color: #000 ;
	font-weight: 500;
}
.bhoechie-tab-content h4{
	color: #000;
    margin-bottom: 20px;
    margin-top: 0px;
    font-weight: 600;
}

div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #fc5c5e;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}
.newsletter .table-bordered>thead>tr>th {
background:#f5f5f5}
.newsletter .table-bordered>tbody>tr>td{
	 color:#000; font-weight:500;
}
.list-group-item {
	 color:#000;
	 
}
.back-text h4{ color:#fff; text-transform:uppercase;
 font-weight:600;
  margin-bottom:20px}
 .back-text p a{ color:#fff;  font-size:16px;font-family: 'Open Sans', sans-serif;}
  .back-text p a:hover{
	  text-decoration:none;
  }
.secondary-menu{
	background:url(../images/slider-bg.webp) no-repeat;
	width:100%;
	padding:200px 0px 200px;
	 background-size:cover;
	
}
.main-menu .navbar{
	border-radius:0px;
	 margin-bottom:0px;
}
.main-menu  .navbar-inverse {
    background-color: #fff;
    border-color: #fff;
}
.main-menu .navbar-inverse .navbar-nav>li>a {
   color: #000;
    text-transform: uppercase;
    
    font-size: 14px;
    letter-spacing: 1px;
}
.tel h4 span{font-family: 'Open Sans', sans-serif;}
.main-menu  .navbar-inverse .navbar-nav>li>a:focus, .main-menu  .navbar-inverse .navbar-nav>li>a:hover {
    color: #bb2b46;
    background-color: transparent;
}
.main-menu  .navbar-inverse .navbar-nav>.active>a, .main-menu .navbar-inverse .navbar-nav>.active>a:focus, .main-menu  .navbar-inverse .navbar-nav>.active>a:hover {
    color: #bb2b46;
    background-color: transparent;
}
.main-menu .navbar-brand{
	padding:0px 0px;
    color: #000;
}
.main-menu  .navbar-nav>li>a {
    padding-top: 25px;
    padding-bottom:25px;
}
.cool-link::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #fc5c5e;
    transition: width .3s;
}
	.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  z-index:2
}
.cool-link:hover::after {
    width: 100%;
    transition: width .3s;
}
.sensex ul li a{ color:#FFF; padding-right:10px;font-family: 'Open Sans', sans-serif;}
.sensex ul li:after{
	content: "|";
     float: right; 
    color: #fff;

	
    
  
	 
}
.call-info{
	background:#bb2b46;
	padding-left:150px;
	 height:45px;
	 color:#fff
	
}
.call-info p{
	 margin-bottom:0px;
	 padding:10px;
	  font-size:18px;
	
}
.slider .carousel-control.left {
  
    background-image:none!important;
}
.slider .carousel-control.right{
   
    background-image:none!important;
}
.icon-circle{
	background:#bb2b46;
	width:70px;
	height:70px;
	border-radius:100%;
	padding:15px;
	margin-right: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon-circle img{
	width:38px;
}
.inv-log{
	 display:flex
}
.link-text{
	 color:#fff;
	 text-align:left;
}
.link-text p{
	font-size:20px;
	    text-align: left;
		font-size: 18px;
    text-align: left;
    text-transform: capitalize;



}
.new-col{
	 width:20%;
	 float:left;
	 padding-left:15px;
	 padding-right:15px;
}
.other-link{
	 background:#052859;
	 padding:25px 15px;
}
.slider .carousel-control:hover, .slider.carousel-control:focus {
	 opacity:1.0!important;
}
.news{
	background:#052859;
	color:#fff;
	padding-right:0px;
	padding-left:0px;
	height:45px;
	 color:#fff
}
.news p{
	 margin-bottom:0px;
	 padding:10px;
	   font-size:16px;
	    font-weight:600;
}
.sensex ul li:last-child::after{
	content: "|";
     float: right; 
    color: #fff;
	display:none;

}
.expereinece{
	 position:absolute;
	  bottom:-20px;
	  left:15px;
	  background:#fff;
	  color:#000;
	  padding: 0px 15px;
	   border-left:10px solid#bb2b46;
	   font-size:20px;
	box-shadow: 0 0 5px #999;
}
.expereinece span{
	 font-size:40px;
	  font-weight:600;
	   color:#bb2b46;
	  
}
.about-snap{
	 position:relative;
}
.abt-text p{ padding:30px 50px; line-height:25px}
.abt-text2 p{ padding:0px 50px 10px; line-height:25px;

 font-weight:500;}
.plo{ padding-left:0px;}
.pro{ padding-right:0px;}
.product-box{
	margin:40px 0px;
	padding:10px 20px;
	-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
 height:360px;
 background:#fff;
  border: 4px solid transparent;

	
}
.product-area{
	margin-top:-100px;
}
.product-box h4{ margin-top:15px;font-weight: 600;font-family: 'Playfair Display', serif;
 text-transform:capitalize;
 font-size:20px;
 letter-spacing:1px}
 .number-box{
	  width:40px;
	  height:40px;
	  border-radius:100%;
	  background:#052859;
	   color:#fff;
	   padding:5px;
	   font-size: 18px;
	   
 }
.product-box p{
	padding: 10px 0px;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
}
.read2{ border:none;
 background:#bb2b46;
 padding:10px 35px;
 text-align:center;
  border-radius:35px;
   color:#fff;
  font-size:20px;
  outline:none;
  margin-top:15px;
	}
.read{ border:none;
 background:#bb2b46;
 padding:10px 35px;
 text-align:center;
  border-radius:35px;
   color:#ffffff;
  font-size:20px;
  outline:none;
	}
	.dropdown .read2{ 
 padding: 10px 15px!important;
    color: #fff!important;
    margin: 12px 1px;
	 background:#fc5c5e;
	 color:#fff;
	 border-radius:21px;
	}
	.read:hover{
		
	}
.caption h3{
	margin-bottom: 5px;
    font-family: 'Playfair Display', serif;
    font-size: 30px;
    color: #333;
    letter-spacing: 1px;
	 
}
.abt-text2 p{
	padding: 10px 0px!important;
    font-weight: 500 !important;
    font-size: 15px!important;
    line-height: 25px!important;
	 color:#333!important;
	text-transform:normal;

}
.about-us{
	 padding:50px 00px;
}
.caption1 h3{
	margin-bottom: 5px;
    font-family: 'Playfair Display', serif;
    font-size: 30px;
    color: #333;
    letter-spacing: 1px;
	 
}
.caption1 h6{
	font-size: 20px;
    color: #bb2b46;
    text-transform: uppercase;margin-bottom: 10px	
}
.icon-box{
	 background:#bb2b46;
	 padding:10px;
	 border-radius:5px;
	  width:75px;
	  height:75px;
	  text-align:center;
	  margin:auto;
}
.caption p{
	font-size:20px;
	color:#bb2b46;
	text-transform:uppercase;
	
}
.main-menu .navbar-inverse .navbar-nav > li.dropdown:hover > a, .main-menu .navbar-inverse .navbar-nav > li.dropdown:hover > a:hover, .main-menu .navbar-inverse .navbar-nav > li.dropdown:hover > a:focus {
    background-color: rgb(252, 92, 94);
    color: rgb(255, 255, 255);
}
.main-menu .navbar-nav>li>.dropdown-menu {
   border-bottom:3px solid#fc5c5e;
    border-top:3px solid#fc5c5e;
}
.dropdown-menu li{ border-bottom:1px solid#ddd}
.dropdown-menu>li>a {
    display: block;
    padding:10px 20px;
    clear: both;
    font-weight:700;
    line-height: 1.42857143;
    color: #000;
    white-space: nowrap;
	color: #000;
	 text-transform:uppercase
    
}
.back-icon img{ margin:auto}
.partner{
	background:url(../images/pattern-bg.png) no-repeat;
	width:100%;
	padding:75px 0px 100px;
	 background-size:cover;
}
.business-partner h5{ 
color:#bb2b46;
font-size:20px;
margin-bottom:0px;
}
.business-partner p{
	 color:#fff;
	 padding-right:50px;
}
.callback-btn{ margin-top:30px; text-align:center}
.call-back{ border:none;
 background:#bb2b46;
 padding:15px 25px;
 text-align:center;
  border-radius:35px;
   color:#fff;
   text-transform:uppercase;
    margin:20px 0px;
	 font-weight:bold;
	 font-size:16px;
	 outline:none;
	}
.business-partner h3{ 
font-family: 'Playfair Display', serif;
	
color:#fff;
font-size:36px;
margin-bottom:10px;
 margin-top:10px;
  font-weight:bold
}
.email{
	 background:#374e60;
	padding-top:15px;
	padding-bottom:15px;
	 color:#fff;
	 
	  border-radius:5px;
}
hr{ margin-top:5px; margin-bottom:5px;}
.email a{ color:#fff; }
.footer-left h4{ font-size:14px;
 font-weight:bold}
 .footer-left p{
	 color:#000;
	 line-height:25px;
	 font-weight:500;
 }
 .wd{ width:20%;}
 .info p span{font-family: 'Open Sans', sans-serif;}
 .company h4{ font-weight:bold;font-size: 14px;text-transform: uppercase;}
 .company ul li a{ color:#000;
 padding:5px 0px;
 display:block;
  font-weight:500}
 .company ul li a:hover{ 
 text-decoration:none;
 color:#fc5c5e
}
 .icon{ width:10%;
 float:left;
 padding:5px;}
 .contact-info{ 
 margin-bottom:0px;}
 .icon .fa{ font-size:18px;
 color:#fc5c5e}
 .info{
	  float:left;
	  width:90%;
	  padding:5px;
	  
 }
 .social-link ul li { width:35px;

 height:35px;
 border-radius:100%;
 background:#bb2b46;
  margin-right:10px}
 .social-link ul li a .fa{    
 color: #fff;
    font-size: 20px;
    text-align: center;
    padding: 6px 5px;
 }
 .quicklinks{
	  text-align:center;
	   width:100%;
	    margin:auto;
 }
 .qlinks a {
    display: inline-block;
    padding: 10px 12px; 
    margin-right: 8px;
    margin-bottom: 8px; 
    font-size: 14px;
    font-weight: 500;
    color: #052859;
    border: 1px solid #052859;
}
  .qlinks a:last-child{
	    border-right:0px none;
  }
  .qlinks{
	  margin:0px 0px 20px;
	  text-align:center;
  }
 .quicklinks a{ color:#fff;
font-size:14px;
 padding:0px 10px 0px 10px;
  
  border-right:1px solid#fff;
  line-height:30px;}
  .social-link{
	   margin:20px 0px 0px;
  }
 
.main-footer{
	padding:30px 0px;
	 background:#052859;
}
.footer2{
	background:#fbf5f5;
	padding:20px 0px;
}
.Other-links ul li a{
	color:#000;
	font-size: 14px;
	 font-weight:500;
		padding-right:16px;
	 
}
.registration p{
	color:#000;
	
	 font-weight:500;
	  font-family: 'Open Sans', sans-serif;
}
.Other-links ul li a:hover{
	color:#fc5c5e;
	 text-decoration:none;
		
	 
}
.Other-links ul li:after{
	content: "|";
     float: right; 
    color: #333;

	
    
  
	 
}
.Other-links ul li:last-child::after{
	display:none
	 
}
.useful-links p {
	color:#000;
	padding:0px 5px;
	font-weight:500;
	font-size: 14px;
}
.useful-links p a{
	color:#000;
	padding:0px 5px;
	 border-right:1px solid#333;
	 font-weight:500;
	 font-size: 14px;
}
.useful-links p a:hover{
	color:#fc5c5e;
	 text-decoration:none;
}
.useful-links p a:last-child{
	border-right:0px none
}
.copyright{
	  background:#052859;
	  color:#fff;
}
.copyright p{
	padding:8px 0px 0px;
	font-size: 14px;
	}
.copyright p a
{ 
color:#fff
}
.common-banner{
	 background:url(../images/common-bg.png);
	position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 150px;
    background-size: cover;
    background-attachment: fixed;
}
.sub-head {
    position: absolute;
    background: #bb2b46;
    bottom: 0px;
    padding: 15px 35px 15px 15px;
    bottom: -10%;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}
.common-banner h2{ color:#fff;  font-family: 'Playfair Display', serif;}
.about-content{ 
background:#fff;
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
padding:30px 20px;
 margin-top:50px;
 
  margin-bottom:40px;
}

.overview{ margin-top:100px;}
.about-content h3{ font-weight:600;}
.about-text p{
	padding: 0px 30px;
    line-height: 25px;
    text-align: left;
    font-size: 15px;
    color: 000;
    line-height: 25px;
    color: #000;
    font-weight: 500;
}
.management-team{
	background: #fbf5f5;
    padding: 50px 0px;
}
.hover-shadow {
    transition: .3s ease;
}
.img-responsive{
	 width:100%;
}
.team-box{
	 background:#fff;
	 padding:15px 15px 0px;
	  border:1px solid#ddd;
	    
    margin: 20px 0px;
}
.pdf{
	 width:50%;
}
.download-box{
	background: #fff;
    -moz-box-shadow: 0 0 5px #999;
    -webkit-box-shadow: 0 0 5px #999;
    box-shadow: 0 0 5px #999;
    padding: 15px;
   margin-bottom:40px;
}
.download-content{
	 display:flex;
}
.dwn-btn{
	 padding-top:15px;
	 justify-content:center
}
.pdf h4{
	padding-top:15px;
}
.dwnld{
	background:green;
	border: none;
    width:100%;
    padding: 10px 35px;
    text-align: center;
    border-radius: 35px;
    color: #fff;
    font-size: 14px;
    outline: none;
}
.dwnld:hover{
	 color:#fff;
}
.download-content img{ margin-right:15px;}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding:15px
}
.card-body h4{
	color:#052859;
	font-family: 'Playfair Display', serif;
	 text-align:center;
	 font-size:22px;
	
}
.card-body h5{
	color:#bb2b46;
	 font-size:20px;
	  font-weight:600;
	 text-align:center
	
}
.card-body p{
	 text-align:center;
	  font-size:16px;
	   color:#333;
	    padding:5px 0px
}
a, button, select {
    cursor: pointer;
    transition: .2s ease;
}
.card-title {
    margin-bottom: 0.75rem;
}
.hover-shadow:hover {
    box-shadow: 0px 4px 25px 0px rgb(27 39 71 / 15%);
}
.about-section{
	 padding:50px 0px;
}
.about-vision{
	background: #fbf5f5;
    padding: 30px;
}
.vertical-line{
	width:2px;
	 height:100px;
	 background:#c6cacd;
	  margin:40px auto;
}
.team{ margin:30px 0px; width:45%}
.team h4{
	text-transform:uppercase;
	font-weight:600;
}
.dw{ width:10%;}
 
.team h5{
	text-transform:uppercase;
	font-weight:600;
}
.team p{ padding:0px 0px;
 font-size:16px;
  text-align:center;}
.nav-tabs>li>a img {
  margin-right: 15px;
    border: 2px solid#fff;
    padding: 8px;
    border-radius: 100px;
}
.icon-contact{
 width:15%;
  float:left;
  padding:5px;
   text-align:center;
}
.icon-contact .fa{
	 color:#fc5c5e;
	 font-size:24px;
}
.icon-info{
	width:85%;
  float:left;
 
}
.icon-info p{ padding:0px;
 font-size:18px;
 margin-bottom:20px }
 .icon-info p a{color:#333}
  .icon-info p span{font-family: 'Open Sans', sans-serif; text-align:left}
 .email p{ padding:5px 0px; color:#fff; text-align:left}
  .officer {
    border-right: 2px solid#c6cacd;
    margin-bottom: 30px;
    height: 170px;
}
 .officer h3{
	  font-size:20px;
	   margin-bottom:15px;
 }
 .officer h5{
	  font-size:17px;
	  color:#fc5c5e
 }
 .map{
	 margin:30px 0px;
	  padding:0px 30px;
 }
 .no{
	  width:60px;
	  background:#efefef;
	  color:#fc5c5e;
	  height:60px;
	   border-radius:100%;
	   text-align:center;
	   padding:14px 0px;
	   font-size:24px;
	   margin:30px 0px;
	  
 }
 .number-info p{padding: 26px 0px;
    line-height: 25px;
    color: #000;
    line-height: 25px;
    font-weight: 600;}
	* {box-sizing: border-box;}

/* Style the input container */
.input-container {
  display: flex;
  width: 100%;
  margin-bottom: 25px;
  background:#efefef;
  border:1px solid#c1c9c9
}

/* Style the form icons */
.icons {
 
    color: #b9b0b0;
   
    text-align: center;
    font-size: 20px;
    padding: 15px 0px;
}
.input-field:focus {
    border:0px none!important;
}
/* Style the input fields */
.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
  background:#efefef;
   border:none;
}
.input-container select {
  width: 100%;
  padding: 15px;
  outline: none;
  background:#efefef;
   border:none;
   
}

.input-field:focus {
  border: 2px solid dodgerblue;
  
}
.call-back-form{ 
 background:#fff;
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
padding:30px 20px;
 margin-top:100px;
 
  margin-bottom:40px;
  
}
.contact-area .quick-contact {
    background-color: #fff;
    box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
    padding: 16px;
}
.contact-area .quick-contact ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.contact-area .quick-contact h3 {
   
    margin-bottom: 20px;
   
	font-family: 'Playfair Display', serif;
}
.contact-area .quick-contact ul li a {
    color: #333;
	 margin-bottom:10px;
}
.officer {
     background:#fff;
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
 height: 170px;
 padding:15px 15px;
}
.officer h3 {
    font-size: 20px;
    margin-bottom: 15px;
	color:#bb2b46;
	font-family: 'Playfair Display', serif;
	line-height:30px;
	 text-transform:capitalize;
}
.overview h3{
	margin-bottom: 15px;
    font-family: 'Playfair Display', serif;
    font-size: 30px;
    color: #333;
    letter-spacing: 1px;
}
.mteam h3{
	margin-bottom: 15px;
    font-family: 'Playfair Display', serif;
    font-size: 30px;
    color: #333;
    letter-spacing: 1px;
}
.overview p{padding: 10px 0px!important;
    font-weight: 500 !important;
    font-size: 15px!important;
    line-height: 25px!important;
    color: #333!important;}
.officer h5 {
    font-size: 17px;
   color:#bb2b46;
}
.contact-area .quick-contact ul li {
    font-size: 18px;
    position: relative;
    color: #052859;
    font-weight: 600;
    margin-bottom: 15px;
    background-color: #efefef;
    padding: 19px 20px 19px 65px;
}
.contact-area .quick-contact ul li i {
    position: absolute;
    left: 25px;
    /* top: 16px; */
    font-size: 25px;
}
.contact-area .quick-contact ul li a, .contact-area .quick-contact ul li span {
    display: block;
    font-weight: 400;
    font-size: 15px;
}s
.call-back-form h3{
font-family: 'Playfair Display', serif;
}
.form-area h3{
	font-family: 'Playfair Display', serif;
	 margin-bottom:30px;
}
.form-group{
	 margin-bottom:30px;
}
.form-area{
	
	 background-color: #fff;
    padding: 20px;
    text-align: center;
}
.ta{
	 
	  padding: 10px;
  outline: none;
  background:transparent;
  border-bottom: 1px solid#a9a9a9;
   
   resize:none;
}
.ta2{
	 width:100%;
	  padding: 10px;
  outline: none;
  background:#efefef;
 border:none;
   
   resize:none;
}
.icon-like-image{
	width: 24px;
    height: 24px;
    /* padding: 18px 0px; */
    margin-top: 10px;
}
.search input[type=text] {
  width: 130px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}
.search input[type=text] {
 
  box-sizing: border-box;
  border:none;
  
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  background: url("../images/searchicon.png");
  background-position: 10px 10px; 
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}
.mt20{ margin-top:20px}
/* When the input field gets focus, change its width to 100% */
.search input[type=text]:focus {
  width: 100%;
  border:none;
   border:1px solid#dce3e3;
  
}

.news-updates{
	-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
padding:20px 15px;
}	
.news{}
.news .nav{ background:#e3e3e3}
.news  .nav-pills>li>a {
     border-radius: 0px; 
	 color:#333;
	 text-transform:uppercase;
	 font-size:14px;
	  text-align:center
}
.news .nav-pills>li.active>a{
background:#062c4b;
color:#fff; 
}
.news .nav-pills>li {
    
    width: 33.33%;
}
.news .nav-pills>li+li {
    margin-left: 0px; 
}
/* Set a style for the submit button */

.tar{ text-align:right}
.reset{ border:none;
 background:#0d3454;
 padding:10px 35px;
 text-align:center;
  border-radius:35px;
   color:#fff;
  
    
	
	 font-size:16px;
	}
	.breadscrumb-menu{
		 width:100%;
		 background: #0d3454;
    padding: 15px 0px;
	}
	.breadcrumb {
   padding: 0px;
    margin-bottom:0px;
    list-style: none;
 background:transparent;
  border-radius: 0px; 
}
.breadcrumb  li a{
	 color:#fff;
}
.disclaimer{
	background:#efefef;
	padding:50px 0px
}
.disclaimer-text{ 
background:#fff;
padding:20px 15px 20px;
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
 margin:30px 0px 0px;

}
.disclaimer-text p{ 
    
    font-size:16px;
	 line-height:25px;
	 color:#000
}
.disclaimer-text ul li{ 
    
    font-size:16px;
	 line-height:25px;
	 color:#000
}
.downloads{
width: 100%;
    background: #efefef;
    padding:20px 15px;
	 -moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;height: 98px;
    margin-bottom: 20px;
}
.dwn{background: #efefef;}
.dwn:hover{
	 background:#c5c5e;
}
.pdf-sign{ 
width:10%;
 float:left}
 .pdf-name{
width: 90%;
    float: left;
    color: #000;
    padding-top: 3px;
	padding-left:5px;
}
 .pdf-sign img{
	  width:50px
 }
 .reg-doc .modal-header{
	background: #0d3454;
	 padding-top:20px;
 }
 .reg-doc .modal-footer{
	background: #0d3454;
	text-align:center;
	
 }
 .reg-doc .modal-footer a{
	 background: #fc5c5e;
    width: 50px;
    height: 50px;
    display: block;
    color: #fff;
    text-align: center;
    margin: auto;
    padding: 0px 0px;
    border-radius: 100%;
	 font-size:36px;
	  text-decoration:none
 }
 .reg-doc .modal-footer a:hover{
	  text-decoration:none;
 }
 .reg-doc-circle{
	
  width: 100%;
  
  background: #fff;
  padding:30px 0px;
  box-shadow: 0 0 5px #999;
   height:200px
  }
  .language-table .table-bordered>tbody>tr>td{
	  text-align:center;
  }
  .language-table .table-bordered>tbody>tr>td a{
	 color:#000;
	  font-size:14px;
  }
  .language-table .table-bordered>tbody>tr>td a:hover{
	    color:#fc5c5e;
		text-decoration:none;
  }
  .mod-left a  h4{
	  color:#000;
	   display:block;
	   
	  
	  
  }
  .mod-left a:hover {
	  text-decoration:none;
	   color:#fc5c5e
	   
	  
	  
  }
 .reg-doc .modal-header .modal-title{
	color:#fff;
	text-align:center;
	 font-size:24px;
 }
 .comp{height:215px;
 background:#fffbfb;
  box-shadow:0px 0px 5px#999;
   margin-bottom:30px;
   padding: 15px 15px
   
}
 .compliance{ background:#f5f5f5;
 padding:20px 0px;
 }
 .comp h3{ font-size:20px;
 color:#bb2b46;
  font-weight:bold;
  font-family: 'Playfair Display', serif;
  margin-bottom:10px;}
  .comp p span{color:#000;
   font-size:16px;
    font-weight:bold}
	.comp p{color:#000;
   font-size:16px;margin-bottom:5px;
    font-weight:500}
  .comp h4{ color:#000;
  margin-bottom:5px;}
 .marquee-text{ background:#0d3454;
 width:100%;
  padding:5px 0px;
 }
 .scores p{ color:#fff; font-size:16px;line-height:25px;}
 .scores {
	 padding:20px;
	 border:1px solid#fff;
	  margin-top:20px;
 }
  .scores2 p{ color:#fff; font-size:16px;line-height:25px;}
 .scores2 {
	 padding:20px;
	 border:1px solid#fff;
	  margin-top:20px;
	  background: #bb2b46;
 }
 .app {
	  margin-top:20px;
 }
 .app h4{color:#fff;}
 .merun{
	 background:#bb2b46;
	 padding:15px; margin:20px 0px;
	   height:195px;
	 
 }
  .merun2{
	 background:#bb2b46;
	 padding:15px; margin:20px 0px;
	   height:195px;
	 
 }
 .navy-blue{
	background:#052859;
	 padding:15px; margin:20px 0px;
	  height:195px;
 }
 .add-info{
	padding:15px 15px 30px;
	text-align:center;
	 color:#fff;
	 border:1px solid#fff;
	 
	
 }
  .add-info h3{
	  font-family: 'Playfair Display', serif;
	  color:#fff;
	   margin-bottom:15px;
	 
 }
 .add-info p{
	  color:#fff;
	  line-height:25px;
	   font-size:16px;
 }
  .marquee-text p{ color:#fff; margin-bottom:0px;}
  #div1 {
  display: inline-block;
  animation: marquee 10s linear infinite;
   color:#fff;
}

#div2 {
  display: inline-block;
  animation: marquee2 10s linear infinite;
  animation-delay: 5s;
  color:#fff;
}

@keyframes marquee {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes marquee2 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-200%);
  }
}

@media screen and (max-height: 575px){
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}

@media(max-width:768px){
	.navbar-brand>img {
    display: block;
    width: 66%;
}
.officer {
   
    height:auto;
}
.comp{ 
            height: 220px;
        width: 100%;
        max-height: 65vh;
}
.main-menu .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom:10px;
}
.sensex{ text-align:center;}
.sec-menu{ width:60%;
 margin:20px auto;}
 .product-box{ width:100%;
 margin:20px auto;
  height:auto;}
  .call-back{ width:300px;}
  .callback-btn {
  text-align:left;

}
.wd{ width:100%;}
.secondary-menu { padding:25px 0px;}
.email{ width:60%; padding:30px 15px;}
.business-partner h3{
	
	font-size:30px;
}
.about-text p{
	 text-align:center;
}
}
@media screen and (max-height: 575px){
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}
@media only screen and (max-width: 992px) and (min-width:768px) 
 {
	.comp p {
    
    font-size: 14px;
  
 
 }
 
 }
 
 @media(max-width:768px){
	 .new-col{
		 width:100%;
		 float:none;
		 margin-bottom:10px;
	 }
	 .call-info{
		  padding-left:15px;
		  padding-right:15px;
	 }
	 .call-info p{
		  text-align:center;
	 }
	 .news{
		  padding-right:0px;
	 }
	 .cont-section .nav-pills > li {
    background: #052859;
     width:auto;
}
.dscr{
	 margin-top:20px
}

 }
@media(max-width:480px){
	.nav-tabs>li>a img {
	width:50px;
}
.expereinece {
  
    left: 13px
}
.about-snap img{
	 margin-bottom:20px
}
.caption1 h6{
	 margin-top:50px;
}
	.product-box{
		 width:100%;
	}
	.product-box p{ padding:0px}
	.call-back{ width:80%;
	 font-size:14px;}
	 .email{ width:100%}
	 .nav-tabs>li{
		  width:100%;
		  border:1px solid#fff;
		  
	 }
	 .nav-tabs>li:last-child {
     border-right: 1px solid#fff;
}
}
@media(max-width:992px){
	.product-box {
    padding: 15px 0px!important; 
	}
	.no{width:30px !important; 
		 height:30px !important;
		 padding:0px!important;
		 font-size:18px!important; 
	}
	
}
/* Set a style for the submit button */



.investor-heading-ax92 {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 20px;
        color: #000000;
    }

    .investor-subtext-ax92 {
        margin-bottom: 20px;
            font-size: 16px;
    }

    .investor-list-ax92 {
        margin: 20px 0;
        padding-left: 20px;
    }

    .investor-list-ax92 li {
        margin-bottom: 12px;
            font-size: 16px;
    }

    .investor-section-title-ax92 {
        font-weight: 600;
        margin-top: 25px;
        margin-bottom: 10px;
    }

    .investor-app-block-ax92 {
        margin-top: 20px;
        padding: 15px;
        background: #f9f9f9;
        border-radius: 6px;
    }

    .investor-app-title-ax92 {
        font-weight: 600;
        margin-bottom: 8px;
    }

    .investor-link-ax92 {
        display: block;
        color: #0056b3;
        text-decoration: none;
        margin-bottom: 6px;
        word-break: break-all;
    }

    .investor-link-ax92:hover {
        text-decoration: underline;
    }

    .investor-footer-ax92 {
        margin-top: 30px;
        font-weight: 500;
    }


.caption1 h2{
        font-size: 20px;
    color: #bb2b46;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.product-box p{
    color: #000;
}


.vertical-scroll-box-unique {
    height: 320px; /* adjust height */
    overflow: hidden;
    position: relative;
}

.vertical-scroll-track-unique {
    display: inline-block;
    animation: scroll-up-unique 40s linear infinite;
}

.vertical-scroll-track-unique p {
    margin: 0;
    margin-bottom: 20px;
}

/* Animation */
@keyframes scroll-up-unique {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(-100%);
    }
} 

.vertical-scroll-box-unique:hover .vertical-scroll-track-unique {
    animation-play-state: paused;
}
.footer-content-unique p{
    color: #000;
}
.custom-track p a{
    color: #fff !important;
}


.custom-carousel-control {
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.7); 
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1; 
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-carousel-control .glyphicon {
    color: #ffffff; 
    font-size: 20px;
}

.custom-carousel-control:hover {
    background-color: rgba(0, 0, 0, 0.9);
}

.custom-carousel-control:focus {
    outline: 3px solid #ffffff;
    outline-offset: 2px;
}
.mar-top{
    margin-top: 20px;
}
@media(max-width:768px){
    .minihes{
        font-size: 20px;
    }
    .minihes-2{
         font-size: 18px;
    }
}
.bg-bluees{
    background-color: #000b2d;
}
.visually-hidden{
    display: none !important;
}
.callicon{
    margin-bottom: 0px;
    padding: 10px;
    font-size: 18px;
}
.pdf h3{
    font-size: 18px;
        color: #111111;
    font-weight: 400;
    font-family: Century Gothic;
}
.cont-cense{
    display: flex;
    align-items: center;
}
.form-group{
    text-align: left !important;
}
.asw-menu-btn {
    left: auto !important;
    right: 30px !important;
}
.asw-footer a{
    display: none !important;
}
.asw-footer{
    justify-content: center !important;
    gap: 5px !important;   
}
.dwn-btn a:focus{
    color:#fff;
}



/*===================================Dynamic Popup Css================================================ */


:root{

    --popup-width:1200px;   /* Change width here */
    --popup-top:70px;

}


.accPopupOverlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.55);
    display:flex;
    justify-content:center;
    align-items:flex-start;
    overflow:auto;
    z-index:99999;
    padding:var(--popup-top) 20px 40px;

}


.accPopupOverlay[hidden]{
    display:none;

}


.accPopupBox{
    width:100%;
    max-width:var(--popup-width);
    background:#fff;
    border-radius:10px;
    box-shadow:0 10px 35px rgba(0,0,0,.3);
    outline:none;

}


.accPopupHeader{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px 25px;
    border-bottom:1px solid #ddd;

}


.accPopupClose{
    border:none;
    background:none;
    font-size:26px;
    cursor:pointer;
}
.accPopupTabs{
    display:flex;
    flex-wrap:wrap;
}


.accPopupTab{
    padding:15px ;
    cursor:pointer;
    border:none;
    background:#f5f5f5;
    font-size: 14px;
}


.accPopupTab.active{
    background:#005fcc;
    color:#fff;
}
.accPopupContent{
    padding:25px;
}
.accTabPanel{
    display:none;
}
.accTabPanel.active{
    display:block;
}

@media(max-width:768px){
:root{
--popup-width:100%;
--popup-top:20px;
}
.accPopupHeader{
padding:15px;
}

.accPopupContent{
padding:20px;
}
}
.accPopupBox{
    position: relative;
}

/* Close Button */
.accPopupClose{
    position: absolute;
        top: -10px;
    right: -15px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: #000000;
    color: #ffffff;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    border-radius: 50%;
    transition: background-color .2s ease, color .2s ease;
    z-index: 10;

}


/* Keyboard Focus */
.accPopupClose:focus{
    outline: none;
}

.accPopupClose:focus-visible{
    outline: 3px solid #ffbf47;
    outline-offset: 3px;
border-radius: 50px;
}
    
/* ===========================
   Accessible Popup Button
=========================== */

.accPopupOpenBtn{
        position: fixed;
    right: 30px;
    bottom: 100px;
    z-index: 99999;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    min-height: 63px;
    padding: 10px;
    background: #005fcc;
    color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

.accPopupOpenBtn:hover{
    background: #0047a3;
    border-color: #0047a3;
}

.accPopupOpenBtn:active{
    transform: scale(.98);
}
.accPopupOpenBtn:focus{
    outline: none;
}

.accPopupOpenBtn:focus-visible{
    outline: 3px solid #000 ;
    outline-offset: 4px;
    box-shadow: 0 0 0 6px rgba(255,191,71,.25);
}


@media (max-width:768px){

    .accPopupOpenBtn{
        right: 20px;
        bottom: 75px;
    }
    .accPopupTab{
        width: 100%;
    }
    .accPopupBox {
    top: 50px;
}
.accPopupClose {
    top: -10px;
    right: -10px;
    width: 30px;
    height: 30px;
}
}


/*==========Content css================*/


.new-info-heading {
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 24px;
    color: #000;
    text-transform: uppercase;
}

.new-info-content {
    display: block;
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 16px;
}

.new-info-content:last-child {
    margin-bottom: 0;
}

.new-info-email {
    font-weight: 700;
}



.kyc-title {
    font-size: 32px;
    font-weight: 700;
}

.kyc-heading {
    font-size: 24px;
    font-weight: 700;
}

.kyc-text {
    font-size: 16px;
    line-height: 1.8;
}

.kyc-content ul {
    margin: 0 0 20px 20px;
    padding-left: 20px;
}

.kyc-content li {
    line-height: 1.8;
}

.kyc-content a {
    word-break: break-word;
}

.risk-title {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

.risk-source {
    font-size: 16px;
    line-height: 1.8;
    margin-top: 20px;
}
.options-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

.options-text {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 16px;
}
.investor-notice-title {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}

.investor-notice-list {
    margin: 0;
    padding-left: 20px;
}

.investor-notice-list li {
    font-size: 16px;
    line-height: 1.8;
}
.popup-niftynext{
    width: 100%;
}



/*===================================Dynamic Popup End================================================ */

.mb-4{
    margin-bottom: 10px;
}

/* ===== Unique Header Style ===== */

.asbl-header-wrap{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
}

.asbl-logo{
    flex:0 0 auto;
}

.asbl-logo img{
    display: block;
    max-width: 45px;
    width: 100%;
    background-color: #00000000;
    color: #000;
}

.asbl-header-content{
    flex:1;
}

.asbl-header-title{
    font-size:20px;
    font-weight:700;
    line-height:20px;
    color:#07295a;
}

.asbl-header-text{
        font-size: 16px;
    line-height: 1.8;
    color: #000000;
    font-style: italic;
    font-weight: 700;
}

/* Tablet */
@media (max-width:768px){

    .asbl-header-wrap{
        gap:5px;
    }

    .asbl-logo img{
        max-width:25px !important;
    }
    .asbl-header-text{
        font-size:10px;
    }
}

/* Mobile */
@media (max-width:576px){

    .asbl-header-wrap{
        flex-direction:unset;
        text-align:left;
        
    }

    .asbl-logo img{
        max-width:140px;
        margin:0 auto;
    }

    .asbl-header-title{
        font-size: 14px;
    line-height: 18px;
    }

    .asbl-header-text{
        font-size:10px;
    }
}


/* ==========================================================
   TPACC Accessible Search - Base Styles
   Unique Prefix: tpacc-
   ========================================================== */

*,
*::before,
*::after{
    box-sizing:border-box;
}

/* Screen Reader Only */
.tpacc-visually-hidden{
    position:absolute !important;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    clip-path:inset(50%);
    white-space:nowrap;
    border:0;
}

/* ==========================================================
   Search Wrapper
   ========================================================== */

.tpacc-search{
    position:relative;
    display:inline-flex;
    align-items:center;
    z-index:9999;
}

/* ==========================================================
   Search Toggle Button
   ========================================================== */

.tpacc-search-toggle{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #d5d5d5;
    background:#ffffff;
    color:#222;
    border-radius:6px;
    cursor:pointer;
    padding:0;
    transition:.25s ease;
}

.tpacc-search-toggle svg{
    width:20px;
    height:20px;
    pointer-events:none;
}

.tpacc-search-toggle:hover{
    background:#f5f5f5;
    border-color:#999;
}

.tpacc-search-toggle:focus-visible{
    outline:3px solid #005fcc;
    outline-offset:2px;
}

/* ==========================================================
   Popup
   ========================================================== */

.tpacc-search-popup{
    position:absolute;
    top:calc(100% + 10px);
    right:0;
    width:360px;
    max-width:calc(100vw - 20px);
    background:#ffffff;
    border:1px solid #d8d8d8;
    border-radius:8px;
    padding:12px;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
}

/* ==========================================================
   Search Form
   ========================================================== */

.tpacc-search-form{
    display:flex;
    align-items:center;
    gap:8px;
    width:100%;
}

/* ==========================================================
   Input Wrapper
   ========================================================== */

.tpacc-search-input-wrap{
    flex:1;
    min-width:0;
}

/* ==========================================================
   Search Input
   ========================================================== */

.tpacc-search-input{
    width:100%;
    height:42px;
    border:1px solid #9a9a9a;
    border-radius:5px;
    padding:0 12px;
    font-size:15px;
    color:#222;
    background:#fff;
    appearance:none;
}

.tpacc-search-input::placeholder{
    color:#666;
}

.tpacc-search-input:hover{
    border-color:#666;
}

.tpacc-search-input:focus{
    outline:3px solid #005fcc;
    outline-offset:2px;
    border-color:#005fcc;
}

/* Remove browser search icons */

.tpacc-search-input::-webkit-search-decoration,
.tpacc-search-input::-webkit-search-cancel-button,
.tpacc-search-input::-webkit-search-results-button,
.tpacc-search-input::-webkit-search-results-decoration{
    -webkit-appearance:none;
}

.tpacc-search-input::-ms-clear{
    display:none;
}

/* ==========================================================
   Buttons
   ========================================================== */

.tpacc-submit-btn,
.tpacc-close-btn{

    height:42px;

    border:none;

    border-radius:5px;

    cursor:pointer;

    font-size:14px;

    font-weight:600;

    transition:.25s;

    white-space:nowrap;

}

/* Search Button */

.tpacc-submit-btn{

    background:#005fcc;

    color:#fff;

    padding:0 14px;

}

.tpacc-submit-btn:hover{

    background:#0047b3;

}

/* Close Button */

.tpacc-close-btn{

    width:42px;

    padding:0;

    background:#666;

    color:#fff;

}

.tpacc-close-btn:hover{

    background:#444;

}

/* Keyboard Focus */

.tpacc-submit-btn:focus-visible,
.tpacc-close-btn:focus-visible{

    outline:3px solid #005fcc;

    outline-offset:2px;

}

/* Disabled */

.tpacc-submit-btn:disabled,
.tpacc-close-btn:disabled{

    opacity:.6;

    cursor:not-allowed;

}

/* ==========================================================
   TPACC Accessible Search
   Part 2B
   ========================================================== */


/* Search Suggestions */

.tpacc-suggestion-list{
    margin:10px 0 0;
    padding:0;
    list-style:none;
    border:1px solid #d8d8d8;
    border-radius:6px;
    background:#fff;
    max-height:220px;
    overflow-y:auto;
    overflow-x:hidden;
}

.tpacc-suggestion-list[hidden]{
    display:none !important;
}

/* Suggestion Item */

.tpacc-suggestion-list li{
    display:block;
    padding:10px 14px;
    font-size:14px;
    line-height:1.4;
    color:#222;
    cursor:pointer;
    border-bottom:1px solid #ececec;
    transition:background .2s,color .2s;
}

.tpacc-suggestion-list li:last-child{
    border-bottom:none;
}

/* Hover */

.tpacc-suggestion-list li:hover{
    background:#005fcc;
    color:#fff;
}

/* Keyboard Active */

.tpacc-suggestion-list li.tpacc-active{
    background:#005fcc;
    color:#fff;
}

/* Keyboard Focus */

.tpacc-suggestion-list li:focus{
    outline:3px solid #005fcc;
    outline-offset:-3px;
}

/* Scrollbar */

.tpacc-suggestion-list::-webkit-scrollbar{
    width:8px;
}

.tpacc-suggestion-list::-webkit-scrollbar-thumb{
    background:#bdbdbd;
    border-radius:20px;
}

.tpacc-suggestion-list::-webkit-scrollbar-track{
    background:#f5f5f5;
}

/* Popup Animation */

.tpacc-search-popup{
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
    transition:
        opacity .25s ease,
        transform .25s ease,
        visibility .25s;
}

/* Popup Open */

.tpacc-search-popup.tpacc-open{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* ==========================================================
   Tablet
   ========================================================== */

@media (max-width:768px){

.tpacc-search-popup{
    width:320px;
}

.tpacc-search-input{
    font-size:14px;
}

.tpacc-submit-btn{
    padding:0 12px;
}

}

/* ==========================================================
   Mobile
   ========================================================== */

@media (max-width:480px){

.tpacc-search-popup{

    width:260px;

    right:0;

    left:auto;

    padding:10px;

}

.tpacc-search-form{

    display:grid;

    grid-template-columns:1fr auto auto;

    gap:6px;

}

.tpacc-search-input-wrap{

    width:100%;

}

.tpacc-search-input{

    height:40px;

    font-size:14px;

}

.tpacc-submit-btn{

    height:40px;

    padding:0 10px;

    font-size:13px;

}

.tpacc-close-btn{

    width:40px;

    height:40px;

}

.tpacc-suggestion-list li{

    padding:9px 10px;

    font-size:13px;

}

}

/* ==========================================================
   Very Small Devices
   320px
   ========================================================== */

@media (max-width:320px){

.tpacc-search-popup{

    position:fixed;

    top:10px;

    left:10px;

    right:10px;

    width:auto;

    max-width:none;

}

.tpacc-search-form{

    grid-template-columns:1fr;

}

.tpacc-submit-btn,
.tpacc-close-btn{

    width:100%;

}

.tpacc-search-toggle{

    width:38px;

    height:38px;

}

}

/* ==========================================================
   300px Support
   ========================================================== */

@media (max-width:300px){

.tpacc-search-popup{

    top:5px;

    left:5px;

    right:5px;

    padding:8px;

}

.tpacc-search-input{

    height:38px;

    font-size:13px;

}

.tpacc-submit-btn,
.tpacc-close-btn{

    height:38px;

    font-size:12px;

}

.tpacc-suggestion-list{

    max-height:170px;

}

.tpacc-suggestion-list li{

    font-size:12px;

    padding:8px;

}

}

/* ==========================================================
   Reduced Motion
   ========================================================== */

@media (prefers-reduced-motion:reduce){

.tpacc-search-popup,
.tpacc-search-toggle,
.tpacc-submit-btn,
.tpacc-close-btn,
.tpacc-suggestion-list li{

    transition:none;

}

}

/* ==========================================================
   High Contrast Mode
   ========================================================== */

@media (forced-colors:active){

.tpacc-search-toggle,
.tpacc-submit-btn,
.tpacc-close-btn,
.tpacc-search-input{

    border:1px solid ButtonText;

}

}

/* ==========================================================
   Print
   ========================================================== */

@media print{

.tpacc-search{
    display:none !important;
}

}



.kej-sitemap-title{
    font-size:36px;
    font-weight:700;
    color:#0d3b66;
    text-align:center;
    margin-bottom:15px;
}

.kej-sitemap-desc{
    max-width:850px;
    margin:0 auto 35px;
    text-align:center;
    color:#666;
    font-size:16px;
    line-height:1.8;
}


.kej-tree-wrapper{
    border:1px solid #dfe6ee;
    border-radius:8px;
    overflow:hidden;
    background:#fff;
}

.kej-head{
    background:#0d3b66;
    color:#fff;
    padding:18px 22px;
    font-size:20px;
    font-weight:600;
}

.kej-count{
    float:right;
    font-size:15px;
    font-weight:400;
}

.kej-tree-list{
    list-style:none;
    margin:0;
    padding:20px 0 20px 45px;
    position:relative;
}

.kej-tree-list::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:20px;
    width:2px;
    background:#c7d3df;
}

.kej-tree-list li{
    position:relative;
    margin:0;
    padding:0 0 15px 25px;
}

.kej-tree-list li:last-child{
    padding-bottom:0;
}

.kej-tree-list li::before{
    content:"";
    position:absolute;
    top:13px;
    left:-25px;
    width:25px;
    height:2px;
    background:#c7d3df;
}

.kej-tree-list a{
    display:inline-block;
    color:#0056b3;
    text-decoration:none;
    font-size:16px;
    line-height:1.8;
    transition:.3s;
}

.kej-tree-list a:hover{
    color:#002f6c;
    text-decoration:underline;
}

.kej-tree-list a:focus{
    outline:3px solid #000;
    outline-offset:3px;
    border-radius:4px;
}

@media (max-width:576px){

    .kej-head{
        font-size:18px;
    }

    .kej-count{
        display:block;
        float:none;
        margin-top:5px;
    }

    .kej-tree-list{
        padding-left:35px;
    }

    .kej-tree-list::before{
        left:15px;
    }

    .kej-tree-list li{
        padding-left:20px;
    }

    .kej-tree-list li::before{
        left:-20px;
        width:20px;
    }
}


.mar-site{
    padding: 50px 0;
}

.skip-to-main {
    padding: 12px 20px !important;
    background: #bb2b46;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    transition: top 0.2s ease-in-out;
}

.skip-to-main:focus,
.skip-to-main:focus-visible {
    color: #fff !important;
    background: #bb2b46;
}

.skip-to-main:focus:not(:focus-visible) {
    outline: none;
}

#main-content:focus {
    outline: none;
}
.cent-cont-cont{
    display: flex;
    justify-content: center;
    align-items: center;
}

/* =========================================
   MARQUEE WRAPPER
========================================= */

.custom-marquee-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
}


/* =========================================
   SCROLLER
========================================= */

.custom-marquee {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.custom-track {
    display: inline-block;
    white-space: nowrap;
    animation: customScrollLeft 19s linear infinite;
    animation-play-state: running;
    will-change: transform;
}

.custom-track p {
    display: inline-block;
    margin: 0;
    padding: 0;
}


/* =========================================
   PAUSED STATE
========================================= */

.custom-track.is-paused {
    animation-play-state: paused !important;
}


/* =========================================
   HIDDEN SCROLLER
========================================= */

.custom-marquee.is-hidden {
    visibility: hidden;
    opacity: 0;
    width: 0;
    min-width: 0;
    flex: 0 0 0;
    overflow: hidden;
}


/* =========================================
   CONTROLS
========================================= */

.custom-marquee-controls {
    flex: 0 0 auto;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 8px;
}


/* =========================================
   BUTTONS
========================================= */

.marquee-control-btn {
    min-width: 40px;
    padding: 8px 12px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 6px;

    border: 1px solid #333;
    border-radius: 4px;

    background: #fff;
    color: #111;

    font-size: 14px;
    font-weight: 600;

    cursor: pointer;
}


/* Hover */

.marquee-control-btn:hover {
    background: #f1f1f1;
}


/* Keyboard focus */

.marquee-control-btn:focus,
.marquee-control-btn:focus-visible {
    outline: 3px solid #ffffff;
    outline-offset: 2px;
}


/* =========================================
   ANIMATION
========================================= */

@keyframes customScrollLeft {

    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .custom-marquee-wrapper {
        flex-wrap: wrap;
    }

    .custom-marquee {
        width: 100%;
        flex: 1 1 100%;
    }

    .custom-marquee-controls {
        width: 100%;
        justify-content: flex-end;
    }

    .custom-marquee.is-hidden {
        width: 0;
        flex: 0 0 0;
    }

}


/* =========================================
   REDUCED MOTION
========================================= */

@media (prefers-reduced-motion: reduce) {

    .custom-track {
        animation: none !important;
    }

}



.vertical-scroll-wrapper-unique {
    width: 100%;
    position: relative;
}


/* =========================================
   SCROLLER BOX
========================================= */

.vertical-scroll-box-unique {
    width: 100%;
    height: 250px;
    position: relative;
    overflow: hidden;
    padding: 15px;
}


/* =========================================
   TRACK
========================================= */

.vertical-scroll-track-unique {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;

    animation: verticalSmoothScrollUnique 20s linear infinite;

    will-change: transform;
}


/* =========================================
   CONTENT ITEMS
========================================= */

.vertical-scroll-item-unique {
    width: 100%;
    padding-bottom: 30px;
}


/* =========================================
   PAUSE
========================================= */

.vertical-scroll-track-unique.is-paused-unique {
    animation-play-state: paused !important;
}


/* =========================================
   SMOOTH CONTINUOUS ANIMATION
========================================= */

@keyframes verticalSmoothScrollUnique {

    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-50%);
    }

}


/* =========================================
   CONTROLS
========================================= */

.vertical-scroll-controls-unique {
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;

    gap: 10px;

    margin-top: 10px;
}


/* =========================================
   BUTTONS
========================================= */

.vertical-scroll-btn-unique {
    min-width: 90px;
    min-height: 44px;

    padding: 8px 14px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 6px;

    border: 1px solid #333;
    border-radius: 4px;

    background: #fff;
    color: #111;

    font-size: 14px;
    font-weight: 600;

    cursor: pointer;
}


.vertical-scroll-btn-unique:hover {
    background: #f1f1f1;
}


.vertical-scroll-btn-unique:focus,
.vertical-scroll-btn-unique:focus-visible {
    outline: 3px solid #005fcc;
    outline-offset: 2px;
}


/* =========================================
   HIDE SCROLLER
========================================= */

.vertical-scroll-box-unique.is-hidden-unique {
    display: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .vertical-scroll-box-unique {
        height: 220px;
    }

    .vertical-scroll-btn-unique {
        min-width: 85px;
        min-height: 44px;
        padding: 8px 10px;
    }

}


/* =========================================
   REDUCED MOTION
========================================= */

@media (prefers-reduced-motion: reduce) {

    .vertical-scroll-track-unique {
        animation: none !important;
    }

}



@media (min-width: 992px) {

    .main-menu .container {
        display: flex;
        align-items: center;
    }

    .main-menu .navbar-header {
        flex: 0 0 auto;
    }

    .main-menu .navbar-collapse {
        display: flex !important;
        flex: 1 1 auto;
        align-items: center;
        justify-content: flex-end;
        width: auto !important;
        padding: 0;
    }

    .main-menu .navbar-nav {
        float: none !important;
        display: flex;
        align-items: center;
        margin: 0;
    }

    .main-menu .tpacc-search {
        flex: 0 0 auto;
        margin-left: 15px;
    }

}

.icon-circle img{
    color: #fff;
}

.icon-box {
    width: 70px;
    height: 70px;
    background: #e3e3e3;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-box img {
    max-width: 45px;
    max-height: 45px;
    width: auto;
    height: auto;
    display: block;
}
.color-plays{
    color: #fff; 
}
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0;
    display: flex;
    justify-content: right;
}

.breadcrumb-item {
    display: flex;
    align-items: center;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    padding: 0 10px;
    color: #000000;
}

.breadcrumb-item.active {
    font-weight: 600;
}
.main-bcr{
    padding-top: 60px ;
}
.breadcrumb > .active {
    color: #000000;
}
/* Accessible form controls */
.input-field {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;

    background-color: #ffffff;
    color: #222222;

    border: 2px solid #555555;
    border-radius: 4px;

    outline: none;
}

/* Textarea */
textarea.input-field {
    min-height: 120px;
    resize: vertical;
}


/* Keyboard focus */
.input-field:focus {
    border-color: #000000;
    outline: 3px solid #005fcc;
    outline-offset: 2px;
}


/* Invalid field */
.input-field[aria-invalid="true"] {
    border: 2px solid #b00020;
}


/* Error message */
.form-error {
    color: #b00020;
    font-size: 14px;
    margin-top: 5px;
}
.accessible-table caption{
    color:#000;
}
.blk-mnank{
    color: #000 !important;
}


@media screen and (max-width: 300px), screen and (max-height: 256px){
#myCarousel .item img {
    height: 180px !important;
}
         .comp {
        height: 360px;
        width: 100%;
        max-height: 100vh;
    }
    .inv-log{
    margin-bottom: 30px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px){
    .call-info{
        display: none;
    }
    .custom-marquee-wrapper {
        margin-top: 0px;
    }
    .custom-track p{
        font-size: 12px;
    }
    .custom-marquee-controls {
        justify-content: flex-end;
        position: absolute;
        top: -10px;
    }
    .skip-to-main {
    padding: 5px 20px !important;
    }
    .news{
            height: 40px;
    }
      /* Keep Bootstrap navbar header behavior */
    .main-menu .navbar-header {
        position: relative;
        width: 100%;
        float: none;
    }

    /* Keep logo/header area */
    .main-menu .asbl-header-wrap {
        display: flex;
        align-items: center;
    }

    /* Mobile menu toggle */
    .main-menu .navbar-toggle {
        display: block;
        float: right;
        margin-right: 55px;
        position: relative;
        z-index: 1002;
        margin-top: 15px;
    }

    /* Search beside menu button */
    .main-menu .tpacc-search {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1003;
        margin: 0;
    }

    /* Search button */
    .main-menu .tpacc-search-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /* Allow Bootstrap navigation to open normally */
    .main-menu .navbar-collapse {
        clear: both;
        width: 100%;
    }

    /*
     * Search popup should be wide on mobile.
     * It overrides only the popup width/position.
     */
    .main-menu .tpacc-search-popup {
        position: absolute;
        top: 100%;
        right: 0;
        left: auto;
        width: 90vw;
        max-width: 400px;
        min-width: 280px;
        z-index: 9999;
    }

    /* Search form uses available popup width */
    .main-menu .tpacc-search-form {
        width: 100%;
    }

    .main-menu .tpacc-search-input {
        width: 100%;
        min-width: 0;
    }

.carousel-indicators {
    z-index: 1;
}
.about-snap {
    margin-bottom: 50px;
}
.products {
   padding: 30px 0px;
}
.partner{
    padding: 0px;
}
.overview {
    margin-top: 20px;
}
.services{
    margin: 30px 0;
}
.call-back-form{
    padding: 30px 0px;
    box-shadow:none;
    margin-top: 30px;
}
.esc li a{
    word-break: break-all;
}
#exTab1 .tab-content {
    margin: 0;
    padding: 10px 0;
}
.form-area{
    padding: 20px 0px;
}
.folder-root a{
    word-break: break-all;
}
.download-content {
    display:block; 
}
.pdf{
    width: 100%;
}
.pdf h3{
    font-size: 14px;
    margin: 8px 0;
}
.overview ul li{
    word-break: break-all;
}
#myCarousel .item img {
    height: 185px !important;
}
.inv-log{
    margin-bottom: 30px;
}
}

@media only screen and (min-width: 767px) and (max-width: 1200px){
.callicon {
    padding: 0px;
    font-size: 16px;
}
.asbl-header-title{
    font-size: 18px !important;
}
.main-menu .navbar-nav>li>a{
    padding: 10px 8px;
    font-size: 12px !important;
}
    .custom-marquee-wrapper {
        margin-top: 0px;
    }
    .custom-track p{
        font-size: 12px;
    }
    .custom-marquee-controls {
        justify-content: flex-end;
        position: absolute;
        background-color: #052859;
    }
    .skip-to-main {
    padding: 5px !important;
    font-size: 11px;
    }
    .news{
            height: 40px;
    }
    .main-menu .navbar-header {
        position: relative;
        width: 100%;
        float: none;
    }

    .main-menu .asbl-header-wrap {
        display: flex;
        align-items: center;
        padding: 0;
    }


    .main-menu .tpacc-search {
        position: absolute;
        right: 10px;
        top: 35%;
        transform: translateY(-50%);
        z-index: 1003;
        margin: 0;
    }

    .main-menu .tpacc-search-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .main-menu .navbar-collapse {
        clear: both;
        width: 100%;
        display: flex !important;
        justify-content: center;
    }

    .main-menu .tpacc-search-popup {
        position: absolute;
        top: 100%;
        right: 0;
        left: auto;
        width: 90vw;
        max-width: 400px;
        min-width: 280px;
        z-index: 9999;
    }

    .main-menu .tpacc-search-form {
        width: 100%;
    }

    .main-menu .tpacc-search-input {
        width: 100%;
        min-width: 0;
    }

.carousel-indicators {
    z-index: 1;
}
.about-snap {
    margin-bottom: 50px;
}
.products {
   padding: 30px 0px;
}
.partner{
    padding: 50px 0;
}
.overview {
    margin-top: 20px;
}
.services{
    margin: 30px 0;
}
.call-back-form{
    padding: 30px 0px;
    box-shadow:none;
    margin-top: 30px;
}
.esc li a{
    word-break: break-all;
}
#exTab1 .tab-content {
    margin: 0;
    padding: 10px 0;
}
.form-area{
    padding: 20px 0px;
}
.folder-root a{
    word-break: break-all;
}
.download-content {
    display:block; 
}
.pdf{
    width: 100%;
}
.pdf h3{
    font-size: 14px;
    margin: 8px 0;
}
.overview ul li{
    word-break: break-all;
}
.call-info {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#myCarousel .item img {
    height: 550px !important;
}
.inv-log{
    margin-bottom: 30px;
}
.link-text p{
font-size: 12px !important;
}
.icon-circle svg{
    width: 40px;
}
.marquee-control-btn {
    min-width: 26px;
    padding: 7px 12px;
}
.add-info h3{
    font-size: 14px;
}
.add-info p {
    font-size: 14px ;
    line-height: 20px;
}
.contact-area .quick-contact {
    padding: 16px 5px;
}
}

/* Global vertical scroll only */
html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

/* Prevent elements from exceeding viewport */
*,
*::before,
*::after {
    box-sizing: border-box;
    max-width: 100%;
}

/* Responsive media */
img,
svg,
video,
iframe {
    max-width: 100%;
    height: auto;
}

/* Break long text/URLs */
body {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Prevent horizontal overflow from common layout elements */
.container,
.container-fluid,
.row,
section,
header,
footer,
main {
    max-width: 100%;
}
.slider,
#myCarousel,
#myCarousel .carousel-inner,
#myCarousel .item {
    width: 100%;
}

#myCarousel .item img {
    width: 100%;
    height: 850px;
    object-fit: cover;
    display: block;
}

.responsive-map {
    display: block;
    width: 100%;
    height: 450px;
    border: 0;
}

@media (max-width: 767px) {
    .responsive-map {
        width: 100%;
        height: 300px;
    }
}

/* Global minimum 24x24px target size for interactive elements */
a,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="checkbox"],
input[type="radio"],
select,
textarea {
    min-width: 24px;
    min-height: 24px;
}

/* Ensure inline elements can receive the minimum dimensions */
a,
button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}