@font-face {
    font-family: 'Poppins-ExtraLight';
    src: url('../font/Poppins-ExtraLight.eot');
    src: url('../font/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../font/Poppins-ExtraLight.woff2') format('woff2'),
        url('../font/Poppins-ExtraLight.woff') format('woff'),
        url('../font/Poppins-ExtraLight.ttf') format('truetype'),
        url('../font/Poppins-ExtraLight.svg#Poppins-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
 }
 @font-face {
    font-family: 'Poppins-Light';
    src: url('../font/Poppins-Light.eot');
    src: url('../font/Poppins-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/Poppins-Light.woff2') format('woff2'),
        url('../font/Poppins-Light.woff') format('woff'),
        url('../font/Poppins-Light.ttf') format('truetype'),
        url('../font/Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-Regular';
    src: url('../font/Poppins-Regular.eot');
    src: url('../font/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/Poppins-Regular.woff2') format('woff2'),
        url('../font/Poppins-Regular.woff') format('woff'),
        url('../font/Poppins-Regular.ttf') format('truetype'),
        url('../font/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-Medium';
    src: url('../font/Poppins-Medium.eot');
    src: url('../font/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/Poppins-Medium.woff2') format('woff2'),
        url('../font/Poppins-Medium.woff') format('woff'),
        url('../font/Poppins-Medium.ttf') format('truetype'),
        url('../font/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../font/Poppins-SemiBold.eot');
    src: url('../font/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../font/Poppins-SemiBold.woff2') format('woff2'),
        url('../font/Poppins-SemiBold.woff') format('woff'),
        url('../font/Poppins-SemiBold.ttf') format('truetype'),
        url('../font/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
*{
  margin: 0px;
  padding: 0px;
}
body,p{
  font-family: 'Poppins-Light';  
  font-size: 1rem;
  line-height: 1.4;
  color:var(--primary-color);
}
:root{
  --primary-color:#000;
  --dark-blue:#458bf8;
  --navy-blue:#253c80;
  --deep-blue:#174a99;    
  --light-blue:#9cc0f9;
  --white:#fff; 
  --off-white:#e6e6e6;
  --darker-gray:#222;
  --dark-gray:#545454;
  --light-gray:#656565;
  --lighter-gray:#e9e9e9;
  --gray:#e6e6e6;

}
.desktop-only{
  display: block;
}
.mobile-only{
  display: none;
}
.home-sec1, 
.home-sec2, 
.home-sec4, 
.home-sec7, 
.home-sec6, 
.home-sec3, 
.home-sec5{
  overflow: hidden;
}
h1{
  font-family: 'Poppins-SemiBold';
  font-size:42px;
}
h2{
  font-family: 'Poppins-Medium';
  font-size:40px;
}
h3{
  font-size:32px;
  font-weight: bold;
}
h4{
  font-size:28px;
  font-weight: bold;
}
h5{
  font-size:24px;
  font-weight: bold;
}
h6{
  font-size: 16px;
  font-weight: bold;  
}
ul, li{
  margin: 0px;
  padding:0px;
}
header{  
  margin-bottom: 0px;
  box-shadow:none!important;
  -webkit-animation: 0s ease-in-out 0s normal none 1 running fadeInTop;
  animation: 0s ease-in-out 0s normal none 1 running fadeInTop;
}
header.sticky-top {
  background: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 5001;    
  transition: 0s;
  -webkit-animation: 0s ease-in-out 0s normal none 1 running fadeInTop;
  animation: 0s ease-in-out 0s normal none 1 running fadeInTop;    
}
.header-shadow{
  box-shadow: 0 16px 32px 0 rgb(7 28 31 / 10%) !important;
}
.fixed-top{
  background: #fff;
  position: sticky;
  width:100%;
  top: 0;
  z-index: 5001;
}
.navbar-brand img{
  width: 100%;
  max-width: 140px;
}
nav ul li a, footer p{
  font-size: .9rem !important;
}
.navbar-toggler,
.navbar-toggler:focus{
  border:0px;
  outline: none;
  box-shadow:none;
}
.sticky-top{
  background:#fff; 
}
.balance{
  clear: both;
}
/*------home banner area start-----*/
#home-banner-slider .owl-stage-outer{
  overflow: hidden !important;
}

#home-banner-slider .item{
  padding:16% 0;
}
#home-banner-slider .item1{
  background: url(../images/home-banner1.jpg) no-repeat 0 0;  
  background-size: cover;
  background-color:rgba(23,74,153,.8);
  background-blend-mode: darken;
}
#home-banner-slider .item2{
  background: url(../images/home-banner2.jpg) no-repeat 0 0;
  background-size: cover;
  background-color:rgba(23,74,153,.8);
  background-blend-mode: hard-light;
}
#home-banner-slider .item3{
  background: url(../images/home-banner3.jpg) no-repeat 0 0;
  background-size: cover;
  background-color:rgba(23,74,153,.8);
  background-blend-mode: hard-light;
}
#home-banner-slider h2 br{
  display: none;
}
#home-banner-slider h2{ 
  font-size: 3.2rem; 
  color: #fff;
}
#home-banner-slider p.white-big-text,
#smart-infra-banner p.white-big-text,
#smart-trans-banner p.white-big-text,
#provise-cyber-assure-banner p.white-big-text,
#volge-con-banner p.white-big-text,
#opti-banner p.white-big-text,
#kliqedge-banner p.white-big-text{  
  font-size: 20px;
  color: #fff;
}
#home-banner-slider .owl-dots{
  position: relative;
  margin: 0;
  top: -25px;
}
#home-banner-slider.owl-theme .owl-dots .owl-dot span {  
  margin: 5px 3px;
}
#home-banner-slider.owl-theme .owl-dots .owl-dot.active span, #home-banner-slider.owl-theme .owl-dots .owl-dot.active:hover span {
  background: transparent;
  border:1px solid #fff;
  width: 34px;
  height: 7px;
  transition: width .3s linear;
}
#home-banner-slider.owl-theme .owl-dots .owl-dot span, #home-banner-slider.owl-theme .owl-dots .owl-dot:hover span {
  background: #fff;
  border:1px solid #fff;
  width: 17px;
  height: 7px;
  transition: width .3s linear;
}
/*-------------*/
.gap1{
  margin: 30px 0 0;
}
.home-sec2{
  display: flex;
}
.home-sec2 .home-sec2-text-part{
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-right: 30px;
}
.home-sec2 img{
	float:right;
	width:100%;
	max-width: 700px;
	margin: 0 0 20px 20px;
}
.home-sec2 h1{
  font-family: 'Poppins-SemiBold';
  font-size:32px;
  color:var(--deep-blue);
  font-weight:600 !important;
}
.home-sec2 h3, .home-sec3 h3
{
  font-family: 'Poppins-SemiBold';
  color:var(--deep-blue);
  font-weight:600 !important;
}
.home-sec2 h5, .home-sec3 h5,
.vc-sec3 h5,
.pca-sec4 h5, .pca-sec9 h5, .pca-sec14 h5{
  color:var(--dark-blue);
 }
 .home-sec2 video{
  float: right;
  width:50%;
  height: 100%;  
 }
.home-sec3{ 
	background: #e6e6e6;
}
.home-sec3-heading{
  display: flex;
  flex-direction: column;
  justify-content: center;  
  height:100%;
}
.home-sec3-col1{
	justify-content: space-between;
	width: 58%;
	flex-basis: 1;
	flex-direction: column;
}
.home-sec3-col2{
	flex-basis: 1;
}
.home-sec4{	
  position: relative;
  z-index: 1;
}
.circle-odd{
	background:var(--dark-blue);
	padding: 20px 0;
	border-radius: 50%;
}
.circle-even{
	background:var(--light-blue);
	padding: 20px 0;
	border-radius: 50%;
}
/*-------counter style start--------*/
.col-cir-area{
  width:100%;
}
.col-cir{
  width:20%;
}
.counter {    
    padding: 20px 0;
    width:200px;
    height:200px;
    box-sizing: border-box; 
    color:#fff;
    display: flex;    
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;   
}
.circle-text{ 	
    text-align: center;     
}     
.count-title, .count-title2{
	  position: relative;
    font-size: 40px;
    font-weight: bold;    
    margin-bottom: 0; 
    color:#fff;
    line-height: .8;    
}
.count-title{
  left:-8px;
}
.count-title:after{
	content: '+';
	position: absolute;
	font-size: 40px;
	color:#fff;  
}
.count-title2:after{
  content: '';
}
.count-text {
    font-size: 18px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    color:#fff;    
}

.fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
    color: #4ad1e5;
}
/*-------counter style end--------*/

/*------ imghvr-push-up-------- */
[class^="imghvr-"],
[class*=" imghvr-"] {
    position: relative;
    display: inline-block;
    margin: 0;
    width: 100%;    
    color: #fff;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
}

[class^="imghvr-"] > img,
[class*=" imghvr-"] > img {
    vertical-align: top;
    max-width: 100%;
}

[class^="imghvr-"] figcaption,
[class*=" imghvr-"] figcaption {
    background-color:var(--dark-blue);   
    padding: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: var(--white);
}

[class^="imghvr-"] figcaption h1,
[class^="imghvr-"] figcaption h2,
[class^="imghvr-"] figcaption h3,
[class^="imghvr-"] figcaption h4,
[class^="imghvr-"] figcaption h5,
[class^="imghvr-"] figcaption h6,
[class*=" imghvr-"] figcaption h1,
[class*=" imghvr-"] figcaption h2,
[class*=" imghvr-"] figcaption h3,
[class*=" imghvr-"] figcaption h4,
[class*=" imghvr-"] figcaption h5,
[class*=" imghvr-"] figcaption h6 {
    color: #ffffff;
}

[class^="imghvr-"] a,
[class*=" imghvr-"] a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

[class^="imghvr-"],
[class*=" imghvr-"],
[class^="imghvr-"]:before,
[class^="imghvr-"]:after,
[class*=" imghvr-"]:before,
[class*=" imghvr-"]:after,
[class^="imghvr-"] *,
[class*=" imghvr-"] *,
[class^="imghvr-"] *:before,
[class^="imghvr-"] *:after,
[class*=" imghvr-"] *:before,
[class*=" imghvr-"] *:after {
    box-sizing: border-box;
    transition: all 0.35s ease;
}



/* imghvr-push-*
   ----------------------------- */
[class^="imghvr-push-"]:hover figcaption,
[class*=" imghvr-push-"]:hover figcaption {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
}

.imghvr-push-up figcaption  {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
}

.imghvr-push-up:hover > div {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
/*------------------*/
/* imghvr-shutter-in-*
   ----------------------------- */
[class^="imghvr-shutter-in-"]:after, [class^="imghvr-shutter-in-"]:before,
[class*=" imghvr-shutter-in-"]:after,
[class*=" imghvr-shutter-in-"]:before {
    background: #135796;
    position: absolute;
    content: "";
}

[class^="imghvr-shutter-in-"]:after,
[class*=" imghvr-shutter-in-"]:after {
    top: 0;
    left: 0;
}

[class^="imghvr-shutter-in-"]:before,
[class*=" imghvr-shutter-in-"]:before {
    right: 0;
    bottom: 0;
}

[class^="imghvr-shutter-in-"] figcaption,
[class*=" imghvr-shutter-in-"] figcaption {
    opacity: 0;
    z-index: 1;
}

[class^="imghvr-shutter-in-"]:hover figcaption,
[class*=" imghvr-shutter-in-"]:hover figcaption {
    opacity: 1;
    transition-delay: 0.21s;
}
/* imghvr-shutter-in-horiz
   ----------------------------- */

.imghvr-shutter-in-horiz:after, .imghvr-shutter-in-horiz:before {
    width: 0;
    height: 100%;
}

.imghvr-shutter-in-horiz:hover:after, .imghvr-shutter-in-horiz:hover:before {
    width: 50%;
}


/* imghvr-flip-vert
   ----------------------------- */
.imghvr-flip-vert figcaption {
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
}

.imghvr-flip-vert:hover > img {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
}

.imghvr-flip-vert:hover figcaption {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
}
/*------------------*/
.home-sec5 .gray-cir,
.home-sec5 .blue-cir{
  display: flex;
  justify-content: center;
  align-items: center;
  background:var(--off-white);
  width: 124px;
  height:124px;
  margin: 0 auto;
  -webkit-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
  border-radius:50%;
}
.home-sec5 .gray-cir img,
.home-sec5 .blue-cir img{
  width:100%;
  max-width: 72px;
}
.home-sec5 h6{
  margin: 20px 0 0;
  color:var(--dark-blue);
  text-align: center; 
  /*min-height: 50px; */
  min-height: 42px; 
}
.home-sec5 figcaption{
  width: 68%;
  margin: 0 auto;
}
.home-sec5 figcaption h6,
.home-sec6 figcaption h6{
  margin: 0px 0 10px;
  text-align: left;
  min-height: auto; 
}
.home-sec5 figcaption p{
  color:var(--white);
  font-size: .8rem;
}
.home-sec6{
  background:url(../images/map.png) no-repeat center 58%;  
  background-size: 80%;
  /*background-color: var(--light-blue); */  
  background-color:#a6c8fc; 
}
.our-solutions-box-area{
  display: block;
  width:75%;
  margin: 0 auto;
}
.home-sec6 .solution-text-height{
  display: block;
  min-height:50px;
}
.home-sec6 h3, .home-sec6 h5, .home-sec6 p{
  color:var(--darker-gray);
}
.home-sec6 figcaption{
  padding:15px;
}
.home-sec6 figcaption p{
  color:var(--white);
  font-size: .8rem;
  overflow-y: auto;
  height:100%;
}

.home-sec6 figcaption p::-webkit-scrollbar,
.home-sec6 figcaption p::scrollbar{
  width: 20px;
}

/* Track */
.home-sec6 figcaption p::-webkit-scrollbar-track,
.home-sec6 figcaption p::scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.home-sec6 figcaption p::-webkit-scrollbar-thumb,
.home-sec6 figcaption p::scrollbar-thumb {
  background: red; 
  border-radius: 10px;
}

/* Handle on hover */
.home-sec6 figcaption p::-webkit-scrollbar-thumb:hover,
.home-sec6 figcaption p::scrollbar-thumb:hover {
  background: #b30000; 
}

.btn1{
  display: inline-block;
  background:var(--dark-blue);
  border:2px solid var(--dark-blue);
  color:var(--white);
  padding:6px 20px;
  -webkit-border-radius:20px;
  -ms-border-radius:20px;
  -o-border-radius:20px;
  border-radius:20px;
  transition: all .3s ease; 
}

.btn1:hover{
  display: inline-block;
  border:2px solid var(--dark-blue);
  background:var(--white);
  color:var(--deep-blue);
  padding:6px 20px;
  transition: all .3s ease; 
}
.our-solutions-box-area .btn1{
  background:var(--deep-blue);
  border:2px solid var(--deep-blue);
}
.our-solutions-box-area .btn1:hover{
  background:var(--white);
  border:2px solid var(--deep-blue);
}
 
/*----------home-sec8 slider arrow start------------*/
#slider2.owl-carousel .owl-nav button.owl-next,
#slider2.owl-carousel .owl-nav button.owl-next:hover, 
#slider2.owl-carousel .owl-nav button.owl-prev,
#slider2.owl-carousel .owl-nav button.owl-prev:hover,
#slider3.owl-carousel .owl-nav button.owl-next,
#slider3.owl-carousel .owl-nav button.owl-next:hover,
#slider3.owl-carousel .owl-nav button.owl-prev,
#slider3.owl-carousel .owl-nav button.owl-prev:hover,
#slider4.owl-carousel .owl-nav button.owl-next,
#slider4.owl-carousel .owl-nav button.owl-next:hover,
#slider4.owl-carousel .owl-nav button.owl-prev,
#slider4.owl-carousel .owl-nav button.owl-prev:hover{
  display: block;
  position: absolute;
  top:20%;        
  width: 19px;
  height:32px;
  z-index:10;
  background: url(../images/slide2-arrow.png) no-repeat 0 0;
  font-size:0px;
}
#slider2.owl-carousel .owl-nav button.owl-prev,
#slider2.owl-carousel .owl-nav button.owl-prev:hover,
#slider3.owl-carousel .owl-nav button.owl-prev,
#slider3.owl-carousel .owl-nav button.owl-prev:hover,
#slider4.owl-carousel .owl-nav button.owl-prev,
#slider4.owl-carousel .owl-nav button.owl-prev:hover{
  left:-50px;
}
#slider2.owl-carousel .owl-nav button.owl-next,
#slider2.owl-carousel .owl-nav button.owl-next:hover,
#slider3.owl-carousel .owl-nav button.owl-next,
#slider3.owl-carousel .owl-nav button.owl-next:hover,
#slider4.owl-carousel .owl-nav button.owl-next,
#slider4.owl-carousel .owl-nav button.owl-next:hover{
   right:-50px; 
   transform: scaleX(-1); 
} 
/*----------home-sec8 slider arrow end------------*/
.home-sec7 {
  background:var(--off-white); 
  overflow-x: hidden; 
}
.home-sec7 h3,
.st-sec2 h3, .st-sec3 h3, .st-sec4 h3,
.se-sec2 h3, .se-sec3 h3, .se-sec4 h3,
.sc-sec2 h3, .sc-sec3 h3, .sc-sec4 h3,
.swm-sec2 h3, .swm-sec3 h3, .swm-sec4 h3,
.sb-sec2 h3, .sb-sec3 h3, .sb-sec4 h3,
.srdm-sec2 h3, .srdm-sec3 h3, .srdm-sec4 h3,
.vc-sec3 h3,.vc-sec4 h3, .vc-sec5 h3, .vc-sec6 h3,
.pca-sec4 h3, .pca-sec5 h3, .pca-sec6 h3,
.pca-sec9 h3, .pca-sec10 h3, .pca-sec11 h3,
.pca-sec14 h3, .pca-sec15 h3, .pca-sec16 h3,
.opti-sec2 h3, .opti-sec3 h3, .opti-sec4 h3,
.kliq-sec2 h3, .kliq-sec4 h3, .kliq-sec5 h3{
  font-family: 'Poppins-SemiBold';
  color:var(--deep-blue);
}
.home-sec8 h3{
  font-family: 'Poppins-SemiBold';
  color:var(--dark-blue);
}
.home-sec7 .item img{
  width: 100%;
  max-width: 100px;
  border: 1px solid #d3d3d3;
}
.home-sec8{ 
  background:var(--light-gray);
  overflow-y: hidden;
}
.home-sec8 h4{
  color:#448bf7;
}
.home-sec8 p{
  font-size: 20px;
  font-style: italic;
  color:var(--white);
}
.testi-image-area img{  
  float:left;
  margin-right:20px;
  max-width: 80px;
}
.testi-image-area p.blue-big-text{
  position: relative;
  top:20px;
  margin: 20px 0;
  font-size: 18px;
  color:var(--light-blue);
  font-style: italic;
}
.testi-image-area small{
  font-size: 14px;
  font-style: italic;
}
footer{
  background:var(--dark-gray);
}
footer h5{  
  color:var(--dark-blue);
}
footer h6{
  color:var(--light-blue);
}
footer p{
  color: var(--white);
}
footer ul{
  list-style: none;
}
footer a{
  color:var(--white);
  text-decoration: none;
}
.footer-bottom{
  padding: 20px 0;
  background:var(--white);
}
.footer-bottom span{
  font-size: 14px;
  color:var(--primary-color);
}
.footer-bottom img{
  float: left;
  margin-right: 10px;
  max-width: 110px;
}
.footer-bottom a{
  color:var(--primary-color);
  text-decoration: none;
}
.footer-bottom .social-area{
  margin:3px 0 0;   
  float:right;
}
.footer-bottom .social-area img{
  margin-left:6px;
  text-align: right;
}
.footer-bottom .copyright-area span{
  display: inline-block;
  margin: 14px 0 0;
}
/*------go to top start-------*/
#toTop {
  position: fixed;
  right: 13px;
  bottom: 20px;
  z-index: 998;
  cursor: pointer;
  box-sizing: border-box;
}
#toTop img {
  background: #458bf8;
  border-radius: 10px;
}
/*------go to top end-------*/

/*----common for inside pages page-------*/
#smart-infra-banner,
#smart-trans-banner,
#smart-energy-banner,
#smart-cities-banner,
#smart-water-management-banner,
#smart-buildings-banner,
#resilience-dm-banner,
#provise-cyber-assure-banner,
#volge-con-banner,
#opti-banner,
#kliqedge-banner{
  background-size: cover;
  padding:10% 0;
}
/*----smart infrastructure page-------*/
#smart-infra-banner{
  background: url(../images/smart-infra/si-banner-bg.jpg) no-repeat 0 0;  
}
#smart-infra-banner h1,
#smart-trans-banner h1,
#smart-energy-banner h1,
#smart-cities-banner h1,
#smart-water-management-banner h1,
#smart-buildings-banner h1,
#resilience-dm-banner h1,
#provise-cyber-assure-banner h1,
#volge-con-banner h1,
#opti-banner h1,
#kliqedge-banner h1
{
  font-size: 40px;  
  color: var(--white);
}
.si-sec3 figcaption h5, .si-sec3 figcaption p{
  color:var(--white);  
}
#smart-infra-banner{
  background: url(../images/smart-infra/si-banner-bg.jpg) no-repeat 0 0;
  background-size: cover;
  padding:10% 0;
}
.si-sec3 p strong,
.si-sec3 p strong a,
.vc-sec5 p strong,
.vc-sec5 p strong a,
.pca-sec4 p strong,
.pca-sec4 p strong a,
.pca-sec9 p strong,
.pca-sec9 p strong a,
.pca-sec14 p strong,
.pca-sec14 p strong a,
.kliq-sec4 p strong{
  color:var(--dark-blue);
  text-decoration: none;
}
/*----smart transportation page-------*/
#smart-trans-banner{
  background: url(../images/smart-trans/st-banner-bg.jpg) no-repeat 0 bottom;  
}
.st-sec2,
.se-sec2,
.sc-sec2,
.swm-sec2,
.sb-sec2,
.srdm-sec2{
  background:var(--gray); 
}
.st-sec4,
.se-sec4,
.sc-sec4,
.swm-sec4,
.sb-sec4,
.srdm-sec4,
.vc-sec4,
.footer-bottom{
  overflow-y: hidden;
} 
.st-sec6 a,
.se-sec6 a,
.sc-sec6 a,
.swm-sec6 a,
.sb-sec6 a,
.srdm-sec6 a,
.vc-sec7 a,
.pca-sec8 a,
.pca-sec13 a,
.pca-sec18 a,
.kliq-sec7 a{
  color:var(--primary-color);
  text-decoration: none;
  transition: all .3s ease;
}
.st-sec6 a:hover,
.se-sec6 a:hover,
.sc-sec6 a:hover,
.swm-sec6 a:hover,
.sb-sec6 a:hover,
.srdm-sec6 a:hover,
.vc-sec7 a:hover,
.pca-sec8 a:hover,
.pca-sec13 a:hover,
.pca-sec18 a:hover,
.kliq-sec7 a:hover{
  color: var(--deep-blue);
  text-decoration: none;
  transition: all .3s ease;
}
.st-sec3.home-sec5 .blue-cir,
.se-sec3.home-sec5 .blue-cir,
.sc-sec3.home-sec5 .blue-cir,
.swm-sec3.home-sec5 .blue-cir{
  background:var(--light-blue); 
}
/*----smart energy grid page-------*/
#smart-energy-banner{
  background: url(../images/smart-energy/se-banner-bg.jpg) no-repeat 0 0;  
}
/*----smart cities page-------*/
#smart-cities-banner{
  background: url(../images/smart-cities/sc-banner-bg.jpg) no-repeat 0 bottom;  
}  
/*----smart water management page-------*/
#smart-water-management-banner{
  background: url(../images/smart-water/swm-banner-bg.jpg) no-repeat 0 0;  
} 
/*----smart buildings page-------*/
#smart-buildings-banner{
  background: url(../images/smart-buildings/sb-banner-bg.jpg) no-repeat 0 bottom;  
} 
/*----resilience & dm page-------*/
#resilience-dm-banner{
  background: url(../images/resilience-dm/srdm-banner-bg.jpg) no-repeat right center;  
}   
/*----volge consulting page-------*/
#volge-con-banner{
  background: url(../images/volge-con/vc-banner-bg.jpg) no-repeat  center top;  
}
.vc-sec3{ 
  background: rgb(230,230,230);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(230,230,230,1) 25%, rgba(230,230,230,1) 100%);
}
.home-sec5 .blue-cir{  
  background:var(--light-blue);
}
.vc-sec3 .blue-cir{
  display: flex;
  justify-content: center;
  align-items: center;
  background:var(--light-blue);
  width: 124px;
  height:124px;
  -webkit-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
  border-radius:50%;
}
.vc-sec3 h6{
  margin: 20px 0 0;
  color:var(--dark-blue);
}
.vc-sec3 figcaption h6{
  margin: 0px 0 10px;
}
.vc-sec3 figcaption p{
  color:var(--white);
  font-size: .8rem;
}
/*----Provise Cyber Assure  page-------*/
#provise-cyber-assure-banner{
  background: #458bf8;  
} 
.pca-sec3{ 
  background: rgb(230,230,230);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(230,230,230,1) 20%, rgba(230,230,230,1) 100%);
}
.hv-center{
  display: flex;
  justify-content: center;
  align-items: center;
}
p.big-text2{
  font-size: 1.2rem;
}
.our-project-bg-color{
  background:var(--navy-blue);
  padding: 7% 5%;   
}
.our-project-bg-color p{
  color:var(--white);
}
.our-project-bg-img1{
  background:url(../images/provise-cyber-assure/pca-sec5-img1.jpg) center center;
  background-size: cover;
}
.our-project-bg-img2{
  background:url(../images/provise-cyber-assure/pca-sec11-img1.jpg) center center;
  background-size: cover;
}
.our-project-bg-img3{
  background:url(../images/provise-cyber-assure/pca-sec16-img1.jpg) center center;
  background-size: cover;
}

/*----Optimas page-------*/
#opti-banner{
  background: url(../images/optimas/opti-banner-bg.jpg) no-repeat  center top;
}
.opti-sec2, .opti-sec3, .opti-sec4{
  overflow: hidden;
}
.opti-sec2 h5{
  color: var(--deep-blue);
}
.optimas-gray-box{
  position: relative;
  display: block;
  min-height:222px;
  margin:0 20px;
  padding: 20px 20px 20px 30px;
  background: var(--lighter-gray);
  -webkit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
}
.optimas-gray-box .num{
  position: absolute;
  left: -71px;
  top: 23%;
}
.optimas-gray-box .num img{
  max-width: 80px;
}
.optimas-gray-box .cir{
  position: absolute;
  right:-25px;
  top:-50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--dark-blue);
  width: 90px;
  height: 90px;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.optimas-gray-box p,
.optimas-gray-box p small{
  color:var(--primary-color);
}
.optimas-gray-box p{
  font-family: 'Poppins-Regular';
}
/*----kliqedge page-------*/
#kliqedge-banner{
  background: url(../images/kliqedge/kliqedge-banner-bg.jpg) no-repeat  center top;
}
.circle-area{
  display: block;
  width: 110px;
}
.kliq-sec2 .blue-circle{
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--dark-blue);
  width: 90px;
  height: 90px;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin-right:20px;
} 
.kliq-col1 {
  display: flex;  
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  float:left;
}
.kliq-col1 p{
  margin-bottom: 0px;
}
.kliq-col2{
  display: flex;  
  justify-content: center;
  align-items: center;  
}
.right-gap{
  margin-right: 5%;
}
p.left-bar{
  position: relative;
  margin: 30px 0;
  padding-left: 30px;
}
p.left-bar:before{
  position: absolute;
  content: '';
  width:7px;
  height:83%;
  left:0px;
  top:9%;  
  background:var(--dark-gray); 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.kliq-sec3{
  background:var(--gray);
}
.img-area-center{
  text-align: center;
}
.kliq-sec5 h6.text-lft{
  text-align: left;  
  color:var(--deep-blue);
}
/*----start for dummy banner -------*/
#smart-cities-banner.dummy-banner{
  background:url(../images/dummy-banner.jpg) center center; 
  background-repeat: no-repeat; 
  background-color:rgba(23,74,153,.8);
  background-blend-mode: color;
}
#smart-cities-banner.dummy-banner h5,
#smart-cities-banner.dummy-banner h6{  
  font-family: 'Poppins-Light';  
  color:#fff;
  font-size: 1.2rem;
  font-weight: 400;
}
#smart-cities-banner.dummy-banner h6{
  font-size: 1rem;  
  padding:0 0 2%;   
}
#smart-cities-banner.dummy-banner h1{
  font-size:5rem;
  padding: 2% 0;
} 
#smart-cities-banner.dummy-banner .dummy-social-icon-area{
  text-align: center;  
}
#smart-cities-banner.dummy-banner .dummy-social-icon-area a{
  margin: 0 5px;
  text-decoration: none;
}
#smart-cities-banner.dummy-banner .dummy-social-icon-area a img{
  width: 100%;
  max-width: 70px;
}
/*----end for dummy banner -------*/
/*footer alignment start*/
.addr1{
  min-height: 184px;
}
.addr2{
  min-height: 84px;
}
/*footer alignment end*/
/*----smooth scroll-------*/

.marquee {
    width: 100%;
    overflow: hidden;  
    scroll-behavior: smooth;      
}
.marquee > div{
  position: relative;
  left:-100%;
}
.marquee img{  
  margin: 0 10px;
  border: 1px solid #d3d3d3;
}