@import url('theme.css');
/* @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Rajdhani:wght@300;400;500;600&family=Poppins:wght@300;400;500;600;700&family=Livvic:wght@300;400;500;&family=Roboto:wght@400;500&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Livvic:wght@300;400;500&family=Poppins:wght@300;400;500;600;700&family=Rajdhani:wght@300;400;500;600&family=Roboto:wght@400;500&display=swap'); */
body{
  font-family: 'Montserrat', serif !important;
  color: #000;
}
p{text-align: justify;}
.list-style-none{
  list-style-type: none;
}
.text-ellipsis-3line {
  overflow: hidden;
  position: relative;
  max-height: 6rem;
  visibility:visible;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.usrPrimaryBtn {
  border: none;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  outline: none;
  overflow: hidden;
  position: relative;
  color: #00376d;
  font-weight: 700;
  font-size: 15px;
  background-color: #fff;
  padding: 0px 50px;
  margin: 0 auto;
  box-shadow: 0 5px 15px rgb(0 0 0 / 20%);
  height: 60px;
  line-height: 60px;
  width: auto;
  z-index: 0;
  transition: all ease .4s;
  border-radius: 50px;
}
.usrPrimaryBtn:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 350px;
  width: 400px;
  background: var(--usr-primary-color);
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-103%) translateY(-32%) rotate(41deg);
  transform: translateX(-103%) translateY(-32%) rotate(41deg);
  z-index: -1;
}
.usrPrimaryBtn:hover {
  color: #ffffff;
  background: #00376d;
}
.usrPrimaryBtn:hover:before, .usrPrimaryBtn.small:hover:before {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}
.border-left {
  background: var(--Branding-color5);
  display: inline-block;
  width: 4px;
  height: 30px;
  top: 7px;
  border: none !important;
  position: relative;
  margin-right: 10px;
}
.block_icon{
  position: relative;
  width: 35px;
  height: 6px;
  display: inline-block;
  margin-right: 10px;
  top: -7px;
}
.block_icon:after, .block_icon:before {
  content: "";
  height: 2px;
  width: 25px;
  position: absolute;
  background-color: var(--Branding-color5);
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: lineAnim;
  animation-name: lineAnim;
}
.block_icon:after {
  bottom: 0;
  -webkit-animation-name: lineAnimReverse;
  animation-name: lineAnimReverse;
  right: 0;
}
.block_icon:before {
  top: 0;
  left: 0;
  margin-bottom: 1px;
}
.border-right-cust{
  border-right: 1px solid #fff !important;
}
.border-bottom-cust{
  border-bottom: 1px solid #fff !important;
}
.border-top-cust{
  border-top: 1px solid #fff !important;
}
.usr-primary-text {
  color: var(--usr-primary-color);
}
span.fa-check {
  color: #00366b;
  margin-right: 12px;
  border: 1px solid #00366b;
  font-size: 10px;
  padding: 8px;
  border-radius: 50%;
  display: inline-block;
}
/* Preloader css */
.preloader {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 99999999999;
  text-align: center;
  overflow: hidden;
  background: #189786;
  background: -webkit-linear-gradient(to right, #00366b 0%, #4487f2 100%);
  background: -moz-linear-gradient(to right, #41a1ca 0%, #4487f2 100%);
  background: linear-gradient(to right, #00366b 0%, #4487f2 100%);
}
.preloader .box {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: inline-block;
}
.preloader .box:after {
  content: '';
  width: 50px;
  height: 50px;
  background: #790aa5;
  -moz-animation: preloader 500ms linear infinite;
  -webkit-animation: preloader 500ms linear infinite;
  animation: preloader 500ms linear infinite;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 40px;
}
.preloader .box:before {
  content: '';
  width: 50px;
  height: 5px;
  background: #000;
  -moz-animation: preloader-shadow 500ms linear infinite;
  -webkit-animation: preloader-shadow 500ms linear infinite;
  animation: preloader-shadow 500ms linear infinite;
  opacity: 0.1;
  position: absolute;
  top: 59px;
  left: 0;
  border-radius: 50%;
}
/* Preloader css END*/

/* Banner section */
.banner_bg{
	position: relative;
    height: 87vh;
	  background-image: url(../images/main_banner_white_bg-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
/* .banner_bg::before{
  content: '';
  position: absolute;
  top: 0;
  background: url(../images/2.png);
} */
.banner_bg.inner_pages{
  height: 40vh;
  background-image: url(../images/inner_pages_bg.jpg);
  /* background-color: #6a58da; */
  background-position: top;
  background-size: cover;
}
.banner-content{
  position: relative;
  top:5%;
}
.banner-text{
  font-family: 'Montserrat', sans-serif;
  margin-top: 3em;
}

.banner-text .usrPrimaryBtn{
  margin-left: 5px;
}

.banner-text h3, .banner-text h4{
  color: var(--title-text-color);
  letter-spacing: 1px;
  line-height: 1.2em;
}
.banner-text .sub_heading{
  font-size: 1.2em;
  /* font-style: italic; */
}
.main-banner-para{
  margin-top: 20px;
  font-size: 1.1em;
  color: #fff;
  letter-spacing: 1px;
  line-height: 1.4em;
  text-align: left;
}

.banner-img {animation: MoveUpDown 2s linear infinite;}
@keyframes MoveUpDown{0%{position: relative; top:0;}50%{position: relative; top:10px;} 100%{position: relative; top:0;}}

.banner-img img{
  /* width: 1000px; */
  max-width: 100%;
}

/* wave css */
.waves {
	position: absolute;
	left:0px;
	bottom:-24px;
	width: 100%;
	height: 15vh;
	z-index:1;
	margin-bottom: -8px;
	min-height: 100px;
	max-height: 150px; 
}
.waves-top {
	position: absolute;
	left:0px;
  top: 46px;
	/* bottom:-24px; */
	width: 100%;
	height: 15vh;
	z-index:1;
	margin-bottom: -8px;
	min-height: 100px;
	max-height: 150px; 
  transform: rotate(180deg);
}
  
.waves .content {
	position: relative;
	height: 20vh;
	text-align: center;
	background-color: white; 
}

/* Animation */
.parallax > use {
  -webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
          animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; }

.parallax > use:nth-child(1) {
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s; }

.parallax > use:nth-child(2) {
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s; }

.parallax > use:nth-child(3) {
  -webkit-animation-delay: -4s;
          animation-delay: -4s;
  -webkit-animation-duration: 13s;
          animation-duration: 13s; }

.parallax > use:nth-child(4) {
  -webkit-animation-delay: -5s;
          animation-delay: -5s;
  -webkit-animation-duration: 20s;
          animation-duration: 20s; }
        

/* wave css end */

/* Navigation */
.auto-container {
  position: static;
  max-width: 960px;
  padding: 0px 15px;
  margin: 0 auto;
}
.main-header {
  position: relative;
  z-index: 999;
  top: 0;
  width: 100%;
  /* padding-top: 60px; */
}
.main-header .header-upper {
  position: relative;
}
.main-header .header-upper .logo-box {
  position: relative;
  padding: 0px 0px;
  z-index: 1;
  float: left;
  height: 31px;
}
.main-header .header-upper .logo-box .logo {
  position: relative;
  top: 20px;
}
.main-header .header-upper .logo-box .logo img{
  width: 100%;
  height: 90px;
}
.main-header .nav-outer {
  position: relative;
  top: 13px;
  border-radius: 50px;
  /* margin-top: 10px;
  padding: 0px 10px 0 10px; */
  background-color: rgb(238 239 241);
  left: 46px;
}
.nav-item .dropdown-menu{
  opacity: 0;
  visibility: hidden;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}
.nav-item:hover .dropdown-menu{
  visibility: visible;
  opacity: 1;
  left: 30px;
  -moz-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
  left: 30px;
  -moz-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.nav-outer .navbar-nav .nav-item {
  padding-left: 20px;
  padding-right: 20px;
}
.nav-outer .navbar-nav .nav-item .nav-link{
  color: #091216;
  font-size: 1.2em;
}

.nav-outer .navbar-nav .nav-item .nav-link.dropdown-toggle::after{
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.1em;
  content: "";
  border-top: 0.4em solid;
  border-right: 0.4em solid #22202000;
  border-bottom: 0;
  border-left: 0.4em solid transparent;
}

.nav-outer .navbar-nav .nav-item.active .nav-link{
  color: #00366b;
  font-weight: 600;
}

/* Sticky header */
.sticky-header {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  left: 0px;
  top: 0px;
  width: 100%;
  padding: 0px 0px;
  background: #ffffff;
  z-index: 0;
  border-bottom: 1px solid #e8f1f7;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  box-shadow: 1px 0 1px 0 #00366b;
}
.fixed-header .sticky-header {
  z-index: 999;
  opacity: 1;
  visibility: visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sticky-header .nav-item{
  padding-left: 10px;
  padding-right: 10px;
}
.sticky-header .nav-item .nav-link{
  font-size: 20px;
}

/* services section css */
.service_section{
  background: url(../images/wave.png);
  background-position: center 200px;
  background-repeat: no-repeat; 
}
.work-box-bg {
  background: url(../images/work-petern.png);
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: ripple 5s infinite;
  transition: all 400ms ease;
}
.work-box img{position: relative;}
.rotation-img{-webkit-animation: rotation 15s infinite linear;}
@keyframes ripple {0%{transform: scale(0.8);}50%{transform: scale(1.2);}100%{transform: scale(0.8);}}
@keyframes rotation {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);}}

/* About us section */
.about-us-section{
  position: relative;
  padding: 50px 0 50px;
  background: url(../images/about-bg-img.svg)no-repeat;
  background-size: auto 76%;
  /* font-family: 'Poppins',sans-serif; */
  background-position: center bottom;
  overflow: hidden;
  z-index: 1;
}
.page-img-mainpart {
  position: relative;
  display: inline-block;
}
.page-img {
  z-index: 20;
  position: relative;
  padding-top: 16px;
}
.about-bg {
  /* width: 460px; */
  transform: scaleX(-1);
}
.blue-shape {
  position: absolute;
  top: 0px;
  width: 360px;
  height: 403px;
  max-width: 77%;
  left: 0;
  z-index: -1;
}
.blue-shape > svg {
  max-width: 100%;
}
.section-title .section-span {
  font-size: 15px;
  color: #fb4567;
}
.section-title .head-two {
  font-size: 35px;
  font-weight: 600;
  color: #121619;
  margin-top: 5px;
}
.about-us-section .aboutus-detail p {
  color: var(--usr-dark-text);
  line-height: 25px;
  margin-bottom: 60px;
}
.about-us-section .aboutus-detail ul {
    list-style: none;
}
.aboutus-detail p{
  font-size: 18px;
}

.usr-shape-one{top:10%;left: -8%;right:0;margin:0 auto;width: 25px;height: 25px;}
.usr-shape-two{left:1%;top: 3%;margin:0 auto;width: 50px;height: 50px;}
.usr-shape-three{left: 20%;bottom: 56%;width: 15px;height: 15px;}
.usr-shape-four{left:34%;bottom: 10%;margin:0 auto;width: 50px;height: 50px;}
.usr-shape-five{left: 11%;bottom: -22%;width: 337px;height: 569px;z-index: 88;width: 100%;}
.usr-shape-six{right: 14%;bottom: 6%;width: 55px;height: 55px;display: inline-block;}
.usr-shape-seven{right: 3%;bottom: 38%;width: 15px;height: 15px;}

.rotate3d {
  -webkit-animation: rotate3d 4s linear infinite;
  animation: rotate3d 4s linear infinite;
  opacity: .4;
}
.abt-section-title .section-span {
  font-size: 19px;
  color: var(--Branding-color1);
  font-weight: 500;
}
.abt-section-title .head-two {
  font-size: 35px;
  font-weight: 600;
  color: #121619;
  margin-top: 5px;
}
.about-us-section .service-detail-grp {
  margin: 0 auto;
  max-width: 93%;
}
.service-detail-grp .about-detail:hover {
    /* transform: translateY(-20px); */
    background: #e7e9fd;
}
.about-detail {
  text-align: center;
  background-color: #fff;
  padding: 23px 20px;
  box-shadow: 0px 0px 22px -4px rgb(0 0 0 / 15%);
  z-index: 99;
  min-height: 141px;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  height: 100%;
}
.about-us-section .about-detail .head-three {
  color: #121619;
  font-size: 26px;
  font-weight: 600;
  margin: 18px 0 15px;
}
.about-us-section .about-detail p {
  color: var(--usr-dark-text);
  margin-bottom: 0;
  text-align: center;
}


/* Cyber Security Section  */

.cyber_security_section{
  position: relative;
  padding: 50px 0 50px;
  /*background: linear-gradient(90deg,#18c4e2,#4950cf);
  background: -webkit-linear-gradient(90deg, #00376c, #3F51B5);
*/
  background: #f3f3f3;
}
.bg_pattern{
  background: url(../images/wave.png);
  background-position: center 200px;
  background-repeat: no-repeat;
  /* opacity: .9; */
  position: absolute;
  height: 100%;
  width: 100%;
  filter: hue-rotate(306deg);
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
}
.section_title {
  font-size: 35px;
  line-height: 1.2;
  color: #031026;
  font-weight: 700;
  text-transform: uppercase;
}
.sectionSub_title {
  font-size: 35px;
  line-height: 1.2;
  color: #00366b;
  font-weight: 700;
  text-transform: capitalize;
}
.service-box {
  position: relative;
  margin-bottom: 30px;
  z-index: 1;
  /* border-radius: 0 50px 0 50px; */
  /* background-color: #f7f9fc; */
  background-color: #00376d;
  overflow: hidden;
  -webkit-transition: .5s;
  transition: .5s;
  padding: 20px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* .service-box:hover {
  padding-left: 64px;
} */
.service-box:before, .service-box i {
  position: absolute;
  -webkit-transition: .5s;
  transition: .5s;
}
.service-box:hover:before {
  width: 100%;
}
.service-box:before {
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  /* background: -webkit-gradient(linear,left bottom,right top,from(#fdb084),color-stop(#ff9870),color-stop(#ff7e62),color-stop(#ff5f59),to(#ff3656)); */
  background: -webkit-linear-gradient(to right top,#a0dcff,#7ccaf8,#56bffc,#35b1f9,#0ca2f9);
  background: linear-gradient(to right top,#a0dcff,#7ccaf8,#56bffc,#35b1f9,#0ca2f9);
  z-index: -1;
  content: "";
}
.service-box i {
  right: 10px;
  top: 50%;
  color: #00366b;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 40px;
}
.service-box:hover i {
  left: 25px;
  color: #fff;
  font-size: 35px;
}
.service-box i:before {
  -webkit-transition: .5s;
  transition: .5s;
  font-size: 37px;
}
.single-industries-box:hover i:before {
  font-size: 25px;
}
.service-box h3 {
  margin-bottom: 0;
  -webkit-transition: .5s;
  transition: .5s;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
}
.service-box a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
}
.shape-animation .shape-process {
  position: absolute;
  right: 33px;
  top: -240px;
}
.bg-pattern-effect {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: rotate(180deg);
}
.bg-pattern-effect img {
  max-width: 100%;
}

/* Digital Transformation Section  */
.digital_transformation_section{
  position: relative;
  overflow: hidden;
}
.digi_main_bg{
  position:absolute;
  display: inline-block;
  left: 0;
  top: 0;
  width: 570px;
  height: 600px;
}
/* .services-icon img{
  height: 55px;
} */
.services-text{
  margin-bottom: 20px;
}
.services-text .title{
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 0;
}
.services-txt{
  margin: 0;
 }
 .dot-bg {
  position: absolute;
  top: 40px;
  left: 15%;
  z-index: -1;
}

.digi_btn{
  display: flex;
  justify-content: center;
  margin-top: 0;
  /* background-color: #c23939; */
}
.digi_btn_wrap{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5%;
  
}
.whatwe-shape .inner-shape5 {
  width: 40px;
  height: 40px;
  left: 62%;
  bottom: 121px;
}
.shape-rotate {
  animation-name: rotateme;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: rotateme;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotateme;
  -moz-animation-duration: 10s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: rotateme;
  -ms-animation-duration: 10s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: rotateme;
  -o-animation-duration: 10s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}
.whatwe-shape .inner-shape6 {
  width: 40px;
  height: 20px;
  left: 37%;
  bottom: 10%;
}
.whatwe-shape .inner-shape12 {
  width: 40px;
  height: 40px;
  right: 38%;
  top: 33%;
}
.digital_transformation_section .shape-part {
  margin-bottom: 80px;
}
.digital_transformation_section .shape-part .left-side {
  position: absolute;
  bottom: 0;
}
.digital_transformation_section .shape-part .right-side {
  position: absolute;
  bottom: 0;
  right: 0;
}


/* Clientele */
.usr_clientele{
  /* background: url(../images/wave.png); */
  background: url(../images/clientele-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #00366b;
  /* background: linear-gradient(to right, #0077cd 0%, #0060b8 100%); */
  padding: 50px 0 22px 0;
}
.clients_top_bg{
  background: url(../images/bottom_bg.png) no-repeat bottom;
  height: 40px;
  transform: rotate(0deg);
}
 .clients_bot_bg{
  background: url(../images/bottom_bg.png) no-repeat bottom;
  height: 40px;
  transform: rotate(180deg);
}
.usr_clientele .about-detail{
  display: flex;
  align-items: center;
  padding: 5px;
  background: transparent;
  justify-content: center;
  box-shadow: none;
}
.usr_clientele .about-detail img{
  display: block;
  max-width: 150px;
  /* height: 60px; */
  filter: grayscale(100%);
  transition: all .3s ease-in-out;
}
.usr_clientele .about-detail img:hover{
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  filter: grayscale(0%);
}

/* .9USRcraft_counter // Fun facts //Analytics */
.counter_wrapper{
  position: relative;
}
.usr-counter {
  /* margin-top: -78px; */
  /* position: absolute; */
  min-width: 860px;
  /* right: 100px; */
}
.usr-counter .counter-top-area .counter-list .counter-text .count-number {
  margin-bottom: 7px;
}
.usr-counter .counter-top-area .counter-list .counter-text .count-number .rs-count.k {
  padding-right: 30px!important;
}
.usr-counter .counter-top-area .counter-list .counter-text .count-number .rs-count {
  color: #00366b;
  font-size: 48px;
  font-weight: 900;
  position: relative;
}
.usr-counter .counter-top-area .counter-list .counter-text .title {
  font-size: 19px;
  line-height: 29px;
  color: #333;
  font-weight: 600;
  margin: 0;
}

.single-fun-fact-box {
  margin-bottom: 7px;
  background-color: #fff;
  border: 1px solid #9184f5;
  padding: 25px 10px;
  border-radius: 10px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: center;
}
.single-fun-fact-box:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  /* background: -webkit-gradient(linear,left bottom,right top,from(#fdb084),color-stop(#ff9870),color-stop(#ff7e62),color-stop(#ff5f59),to(#ff3656));
  background: -webkit-linear-gradient(left bottom,#fdb084,#ff9870,#ff7e62,#ff5f59,#ff3656); */
  background: linear-gradient(to top, #00366b 0%, #2384b1 100%);
  z-index: -1;
  -webkit-transition: .5s;
  transition: .5s;
}
.single-fun-fact-box:hover:before {
  height: 100%;
}
.single-fun-fact-box .icon {
  margin-bottom: 20px;
}
.single-fun-fact-box .icon i {
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  background-color: #00366b;
  color: #299ace;
  font-size: 30px;
  border-radius: 50px;
  -webkit-transition: .5s;
  transition: .5s;
}
.single-fun-fact-box:hover .icon i {
  background-color: #fff;
  color: #00366b;
}
.single-fun-fact-box h3 {
  margin-bottom: 5px;
  line-height: 1;
  /* color: #1b71c0; */
  font-size: 40px;
  font-weight: 900;
  position: relative;
  -webkit-transition: .5s;
  transition: .5s;
}
.single-fun-fact-box p {
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: .5s;
  transition: .5s;
  margin-bottom: -6px;
  min-height: 48px;
}
.single-fun-fact-box:hover h3, .single-fun-fact-box:hover p, .single-fun-fact-box:hover h4 {
  color: #fff;
}

/* Analytics */
.company_analytics{
  position: relative;
  top: -17px;
  border-radius: 106px;
  background-color: #fff;
}
.company_analytics .counter {
  font-size: 50px;
  font-weight: 600;
  color: var(--usr-primary-color);
  margin: 30px0;
  display: inline-block;
  opacity: 1;
}
.company_analytics span.plus {
  font-size: 45px;
  font-weight: 600;
  color: var(--usr-primary-color);
  margin-left: 6px;
}
.company_analytics .stats_info {
  font-size: 17px;
  line-height: 30px;
  margin-bottom: 15px;
  font-weight: 600;
  color: var(--usr-dark-text);
  display: inline-block;
  text-transform: capitalize;
}


/* Footer */
.usr_footer {
  /* background-color: #f8f8ff; */
  /* background: linear-gradient(to top, #4C21A9 0%, #6959DA 100%); */
  /* border-radius: 100% / 27%; */
  /* border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; */
  /* padding-bottom: 100px; */
  height: 100%;
}
.footer_overlay{
  background: #00376b ;
  height:100%;
  width: 100%;
}
/* .foo_contact  {
  border-right: 2px solid var(--Branding-color4);
} */
.f-contact {
  /* display: flex; */
  padding-bottom: 40px;
  padding-top: 120px;
  padding-right: 10px;
  padding-left: 10px;
}
.contact_para{
  height: 87px;
}
.f-contact .icon {
  margin-right: 20px;
}
.f-contact .icon img{
  max-width: 100%;
  transition: all 0.3s ease-out 0s;
  /* background: #fff; */
  padding: 5px;
  border-radius: 5px;
}
.f-contact span {
  color: #fcfcfc;
  display: block;
  font-size: 1.5em;
  font-weight: 500;
}
.f-contact h2{
  color: #fff;
}

/* Temporary */
.main-footer-9 .footer-9 {
  background: url(../images/footer_bg-3.jpg) no-repeat center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  padding: 30px 0 0 0;
  position: relative;
  z-index: 0;
}

.footer-9:before {
  content: "";
  background: var(--usr-secondary-color);
  position: absolute;
  top: 0;
  min-height: 100%;
  left: 0;
  right: 0;
  opacity: 0.9;
  z-index: -1;
}

.main-footer-9 .footer-top-9 {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 2fr 1fr 1fr 2fr;
}

.main-footer-9 .bottom-copies {
  border-top: 1px solid #454545;
  padding-top: 2em;
  margin-top: 2em;
}

.main-footer-9 .grid-col-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.main-footer-9 h6.footer-title-9 {
  color: #fff;
  font-size: 17px;
  line-height: 25px;
  /* text-transform: capitalize; */
  margin-bottom: 25px;
  font-weight: 600;
}

.main-footer-9 .footer-list-9 ul li span.fa {
  color: var(--usr-primary-color);
  width: 20px;
}

.main-footer-9 .footer-list-9 ul li a,
.main-footer-9 .footer-list-9 ul li p {
  font-weight: normal;
  font-size: 14px;
  line-height: 25px;
  color: #fff;
}

.main-footer-9 .main-social-footer-9 a {
  margin-right: 10px;
  color: #fff;
  background: #4CAF50;
  width: 35px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  border-radius: 50%;
  transition: 0.3s;
}

.main-footer-9 .main-social-footer-9 a.facebook:hover {
  background: #00366b;
  color: #fff;
}

.main-footer-9 .main-social-footer-9 a.twitter:hover {
  background: #00366b;
  color: #fff;
}

.main-footer-9 .main-social-footer-9 a.instagram:hover {
  background: #c13584;
  color: #fff;
}

.main-footer-9 .main-social-footer-9 a.google-plus:hover {
  background: #dd4b39;
  color: #fff;
}

.main-footer-9 .main-social-footer-9 a.linkedin:hover {
  background: #00366b;
  color: #fff;
}

.main-footer-9 .main-social-footer-9 a span.fa {
  line-height: 35px;
  color: var(--usr-primary-color);
}

.main-footer-9 .footer-list-9 ul li,
.main-footer-9 .midd-footer-9:nth-child(1) .footer-list-9 ul li:last-child {
  list-style: none;
  margin-bottom: 10px;
}

.main-footer-9 .copy-footer-9,
.main-footer-9 p.sub-paragraph {
  font-weight: normal;
  font-size: 16px;
  line-height: 25px;
  color: #fff;
}

.main-footer-9 .list-btm-9 li {
  list-style-type: none;
  display: inline-block;
}

.main-footer-9 .list-btm-9 li a,
.main-footer-9 .list-btm-9 li select {
  font-weight: normal;
  font-size: 16px;
  line-height: 25px;
  color: #fff;
}

.main-footer-9 .copy-footer-9 a:hover {
  color: var(--usr-primary-color);
}

/* INNER PAGE CSS */
.inner_bg{
  background:url(../images/wave.png);
  background-size: cover;
  height: 10vh;
  background-repeat: no-repeat;
  z-index: 11;
}
.inner_pages .usr-shape-one{left:21%;bottom: 15%;right:0;margin:0 auto;width: 25px;height: 25px;}
.inner_pages .usr-shape-two{left:4%;top: -356%;margin:0 auto;width: 50px;height: 50px;}
.inner_pages .usr-shape-three{left: 1%;top: 3%;width: 15px;height: 15px;}
.inner_pages .usr-shape-four{left:34%;bottom: 10%;margin:0 auto;width: 50px;height: 50px;}
.inner_pages .usr-shape-five{left: 11%;bottom: -22%;width: 337px;height: 569px;z-index: 88;width: 100%;}
.inner_pages .usr-shape-six{right: 14%;bottom: 6%;width: 55px;height: 55px;display: inline-block;}
.inner_pages .usr-shape-seven{right: 3%;top: -290%;width: 15px;height: 15px;}
.inner_pages .inner-shape12 { width: 40px; height: 40px; right: 5%; top: -333%;}


/* Contact page */
.contact-form {
  padding: 45px;
  border-radius: 10px;
  background-color: #fff;
  /* max-width: 900px; */
  margin: auto;
  border: 1px solid #9184f5;
}
.contact-form .form-group .form-control {
  display: block;
  width: 100%;
  height: 55px;
  outline: 0;
  background-color: #e8eaf0;
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 5px 15px;
  -webkit-transition: .5s;
  transition: .5s;
}
.contact-form .form-group textarea.form-control {
  height: auto;
  padding: 8px 12px;
  line-height: 1.5rem;
}

/* Gallery page */
.gallery_section{
  position: relative;
    padding: 50px  0 50px;
    background: url(../images/about-bg-img.svg)no-repeat;
    background-size: cover;
    background-position: center bottom;
    overflow: hidden;
    z-index: 1;
}
.gallery-filters {
  margin-bottom: 40px;
}
.gallery-filters ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.gallery-filters ul li {
  margin: 0px 20px;
  font-size: 18px;
  font-weight: 500;
  color: #7b8391;
  text-transform: uppercase;
  cursor: pointer;
}
.gallery-filters .mixitup-control-active, .gallery-filters ul li:hover {
  color: #031026;
}
.gallery-item{
  background: #031026;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.portfolio-gallary .gallery-item {
  margin-bottom: 30px;
}
.gallery-item img{
  mix-blend-mode: luminosity;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.gallery-block-title {
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.gallery-block-category{
  text-align: center;
}
.gallery-block-category a, .gallery-block-category a:visited {
  color: #d7e6fd;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
.gallery-item::after {
  content: '';
  position: absolute;
  height: 0px;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #00366b;
  opacity: 0.9;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  z-index: 1;
}
.portfolio-header-details {
  position: relative;
  padding-bottom: 60px;
}
.portfolio-header-details::after {
  content: '';
  position: absolute;
  height: 1px;
  width: calc(100% - 60px);
  background: #00366b;
  left: 0;
  bottom: 0;
}
.ph-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 30px;
  color: #fff;
  text-transform: uppercase;
}
.ph-icon {
  font-size: 65px;
  line-height: 1;
  color: #538de4;
  margin-right: 20px;
}
.portfolio-carousel-block {
  position: relative;
  overflow: hidden;
}
.gallery-item-overlay {
  position: absolute;
  left: 25px;
  right: 25px;
  top: 50px;
  color: #ffffff;
  opacity: 0;
  -webkit-transform: translateY(200px);
  -ms-transform: translateY(200px);
  transform: translateY(200px);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.gallery-item:hover .gallery-item-overlay {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  z-index: 3;
}
.gallery-item {
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.gallery-item::after {
  content: '';
  position: absolute;
  height: 0px;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #538de4;
  opacity: 0.9;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  z-index: 1;
}
.gallery-item:hover::after {
  height: 100%;
}
.portfolio-carousel-block {
  margin-left: -webkit-calc((100% - 1180px)/2);
  margin-left: calc((100% - 1180px)/2);
}
.portfolio-carousel-block {
  margin-top: -60px;
}
.portfolio-carousel-block img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.gallery-block-category a,
.gallery-block-category a:visited {
  color: #d7e6fd;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
.gallery-block-title {
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.gallery-more {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  color: #031026;
  line-height: 60px;
  text-align: center;
  display: inline-block;
  position: absolute;
  right: 50px;
  bottom: 50px;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.gallery-item:hover .gallery-more {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  z-index: 3;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.portfolio-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 100%;
  background: #031026;
  opacity: .2;
  margin: 0px 3px;
}
[role=button]:focus {
  outline: -webkit-focus-ring-color auto 0px;
}
.portfolio-pagination .swiper-pagination-bullet-active {
  background: #538de4;
  opacity: 1;
}
.portfolio-carousel-footer {
  padding: 40px 0;
  border-bottom: 1px solid #d9dfe9;
}
.expand-btn {
  position: relative;
}

.expand-btn a {
  width: 68px;
  height: 68px;
  line-height: 68px;
  text-align: center;
  background-color: #fff;
  display: inline-block;
  font-size: 20px;
  margin-right: 6px;
}

.gallery-more:hover {
  background: #bbdefb;
}

.gallery-more i{
  position: relative;
  display: inline-block;
  transition: .5s;
}

.gallery-item a:hover i {
  transform: rotate(360deg);
}

.gallery-item .theme-btn {
  background: #00366b;
  padding: 17px 40px;
}

.projects-section-four .theme-btn:hover i {
  color: #fff;
}


/* About us page */
.innerBanner_heading{
  /* margin-top: -65px; */
  position: absolute;
  top: -55px;
  left: 45%;
}
.innerBanner_heading.longtext{
  left: 25%;
}
.statement-section {
  position: relative;
  padding: 100px 0 80px;
  background: url(../images/pattern-13.png) center top repeat-x;
}
/* .statement-section::before{
  position: absolute;
  content: '';
  right: 0px;
  top: 5%;
  width: 61%;
  height: 100%;
  background: url(../images/pattern-7.png) top left no-repeat;
} */
/* .statement-section:before{
  content: '';
  position: absolute;
  background: url(../images/half-circle.png) no-repeat;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
} */  
.img-wrap img {
  max-width: 100%;
  height: auto;
}
.angle-top{
  position: absolute;
  left: -12px;
  top: 0;
  width: 0;
  z-index: 1;
  height: 0;
  border-style: solid;
  border-width: 92px 92px 0 0;
    border-color: #14212b transparent transparent transparent;
}
.angle-bottom{
  position: absolute;
  right: -27px;
  bottom: -27px;
  width: 0;
  z-index: 1;
  height: 0;
  border-style: solid;
  border-width: 0 0 92px 92px;
  border-color: transparent transparent #ff4a17 transparent;
}
.statement-section .content {
  position: relative;
  margin: 105px 0 0;
  margin-left: -200px;
  background: rgb(228 236 255 / 85%);
  padding: 10px 0 60px 0;
  padding-left: 60px;
  border: 1px solid #b8b9bb;
}
.values-heading{
  position: absolute;
  left: 36%;
  right: 0;
  top: -37px;
  background: #e4ecff;
  width: 26%;
}
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.statement-section .badge {
  position: absolute;
  left: -67px;
  top: 60px;
}
.statement-section .text {
  position: relative;
  margin-bottom: 35px;
  padding-right: 90px;
  min-height: 72px;
}
.statement-section .nav-tabs.tab-btn-style-one {
  position: relative;
  border: none;
}
.statement-section .nav-tabs.tab-btn-style-one li.nav-item {
  position: relative;
}
.statement-section .nav-tabs.tab-btn-style-one li.nav-item:before {
  position: absolute;
  content: '';
  right: 0;
  top: 23px;
  width: 40px;
  height: 2px;
  background-color: #dedbd5;
}
.statement-section .nav-tabs.tab-btn-style-one h4 {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  transition: .5s;
  margin-bottom: 0;
  color: #0a0a0a;
}
.statement-section .nav-tabs.tab-btn-style-one .nav-item .nav-link.active h4, .statement-section .nav-tabs.tab-btn-style-one .nav-item .nav-link:hover h4{
  color: #00366b;
}
.statement-section .nav-tabs.tab-btn-style-one .nav-item .nav-link {
  border: 2px solid #9c9da0;
  border-radius: 0;
  margin-right: 40px;
  padding: 15.5px 26px;
  transition: .5s;
  min-width: 206px;
  text-align: center;
}
.statement-section .nav-tabs.tab-btn-style-one li.nav-item:before {
  position: absolute;
  content: '';
  right: 0;
  top: 23px;
  width: 40px;
  height: 2px;
  background-color: #c6c6c6;
}
.statement-section .nav-tabs.tab-btn-style-one .nav-item .nav-link i {
  margin-right: 8px;
  display: inline-block;
  transform: rotate(135deg);
  color: #9c9da0;
  transition: .5s;
}
.statement-section .nav-tabs.tab-btn-style-one .nav-item .nav-link.active, .statement-section .nav-tabs.tab-btn-style-one .nav-item .nav-link:hover {
  color: #0060b8;
  border-color: #0060b8;
}
.statement-section .nav-tabs.tab-btn-style-one .nav-item .nav-link.active i, .statement-section .nav-tabs.tab-btn-style-one .nav-item .nav-link:hover i {
  color: #0060b8;
}
.statement-section .nav-tabs.tab-btn-style-one .nav-item .nav-link.active i, .statement-section .nav-tabs.tab-btn-style-one .nav-item .nav-link:hover i {
  transform: rotate(90deg);
}
.statement-section .nav-tabs.tab-btn-style-one li.nav-item:last-child:before {
  display: none;
}
.statement-section ul{
  list-style-type: none;
}
.statement-section .list-icon{
    /* color: #fff; */
  background: #909397;
  height: 50px;
  width: 50px;
  min-width: 50px;
  text-align: center;
  line-height: 50px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  margin-right: 10px; 
}
.statement-section ul li {
  /* font-size: 20px; */
  line-height: 46px;
  color: #031026;
  text-transform: capitalize;
  font-weight: 600;
}
/* Timeline CSS */
#timeline{
  display: flex;
  background:#1779cf;
}
#timeline:hover .tl-item {
  width: 23.3333%;
}

.tl-item {
  transform: translate3d(0, 0, 0);
  position: relative;
  width: 25%;
  height: 100vh;
  min-height: 600px;
  color: #fff;
  overflow: hidden;
  transition: width 0.5s ease;
}
.tl-item:before, .tl-item:after {
  transform: translate3d(0, 0, 0);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tl-item:after {
  background: rgba(23, 121, 207, 0.50);
  opacity: 1;
  transition: opacity 0.5s ease;
}
.tl-item:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 75%);
  z-index: 1;
  opacity: 0;
  transform: translate3d(0, 0, 0) translateY(50%);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.tl-item:hover {
  width: 30% !important;
  transition: width 0.5s ease;
}
.tl-item:hover:after {
  opacity: 0;
}
.tl-item:hover:before {
  opacity: 1;
  transform: translate3d(0, 0, 0) translateY(0);
  transition: opacity 1s ease, transform 1s ease 0.25s;
}
.tl-item:hover .tl-content {
  position: absolute;
  opacity: 1;
  /* transform: translateY(0); */
  /* transition: all 0.75s ease 0.5s; */
  transition: all 0.4s;
  /* display: block; */
  bottom: 5%;
}
.tl-item:hover .tl-bg {
  filter: grayscale(0);
}

.tl-content {
  /* transform: translate3d(0, 0, 0) translateY(-185px); */
  position: absolute;
  z-index: 1;
  text-align: center;
  margin: 0 1.618em;
  bottom: -20%;
  opacity: 0;
  /* display: none; */
}
.tl-heading h1 {
  text-transform: uppercase;
  color: #fff;
  font-size: 1.44rem;
  font-weight: normal;
  min-height: 83px;
}
.tl-heading{
  opacity: 0;
  position: absolute;
  top: 40%;
  text-align: center;
}
.tl-item:hover .tl-heading{
  opacity: 1;
  top: 50%;
  transition: all 0.4s;
}
.tl-content p{
  padding: 10px;
  min-height: 116px;
}

.tl-year {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.tl-wrapper{
  display: flex;
  height: 100%;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.tl-item:hover .tl-wrapper{
  justify-content: space-around;
  transition: 0.8s all;
}
.tl-item:hover .tl-year{
  top: 10%;
  transition: 0.8s all;
}
.tl-year p {
  font-size: 1.728rem;
  margin-bottom: 0;
}

.tl-bg {
  transform: translate3d(0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  transition: filter 0.5s ease;
  filter: grayscale(100%);
}
.industries-section{
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 50px 0 80px;
    background: url(../images/pattern-14.png) center top repeat-x;
}
.industries-section .head-three{
  padding-top: 10px;
  font-size: 1.2rem;  
}
.industry-box{
  position: relative;
  width: 172px;
  height: 176px;
  text-align: center;
  line-height: 175px;
  margin: 0 auto;
}
.industry-box:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: url(../images/indus_step-2.png) no-repeat;
}
.industry-box .number {
  position: relative;
  /* color: #ffffff;
  font-weight: 600;
  font-size: 36px; */
}
.industry-box .number img{
  width: 50%;
  filter: hue-rotate(319deg);
}

.factuality{
  background: url(../images/cyber5.jpg);
  background-size: cover;
  background-position: center center;
  min-height: 300px;
}
.facts-text{
  display: flex;
  flex-direction: column;
  background:rgb(255 255 255 / 50%);
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  margin-top: 50px;
  padding: 20px 0;
}
.facts-list{
  list-style-type:none;
  /* padding-left: 10px; */
}
.facts-list li{
  margin-bottom: 10px;
}
.industry-box.rotate-clockwise::before
{
  filter: drop-shadow(2px 4px 6px black);
}
/* Cyber Security page */
.service_page_bg{
  height: 49vh;
  background-position: center center;
  background-size: cover;
}
.service_page_bg.cyber{
  background-image: url(../images/dots_bg.png);
  background-color: #410ca3;
}
.service_page_bg.digital{
  background-image: url(../images/wave.png);
  background-color:#391d79;
}
.service_page_bg::after{
  content: '';
  background-position: bottom;
  width: 100%;
  background-image: url(../images/bottom_bg.png);
  position: absolute;
  bottom: 0;
}
#particles-js {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60%;
  transition: background-color 1s ease;
  z-index: 0;
}
/* .cyber_page_title{
  
} */
.s-banner-part{
  position: relative;
  height: 84vh;
}
.s-banner-bg-left{
  position: absolute;
  left: 0;
  top: 0;
  width: 615px;
  height: 370px;
}

.s-banner-bg-right{
  position: absolute;
  right: -270px;
  bottom: 0;
  width: 930px;
}
.s-banner-part .bl{
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #f4faff;
}
.cyber_icons{
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.cyber_icons .inner-shape12 {
  width: 40px;
  height: 40px;
  right: 5%;
  top: 46%;
}
.cyber_icons .usr-shape-one{
  top: 26%;
  left: 8%;
}
.cyber_icons .usr-shape-three {
  left: 48%;
  bottom: 33%;
  width: 15px;
  height: 15px;
}
.section-approach {
  background-color: #00366b;
  background-image: url(../images/bg-particle1.png);
  background-position: 0px 70px ;
  background-repeat: no-repeat;
  padding: 60px 0px 60px 0px;
}
.tech-box {
  display: flex;
  position: relative;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 15px 20px;
  margin-bottom: 30px;
  overflow: hidden;
  min-height: 83px;
}
.tech-box:hover {
  background: #43baff;
  border-color: #43baff;
  color: #fff;
  text-decoration: none;
}
.tech-box .icon-main {
  line-height: 1;
  margin-bottom: 18px;
}
.tech-box i{
  color: #43BAFF;
  font-size: 55px;
}
.tech-box:hover i{
  color:#fff
}
.tech-box h5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 0;
  text-transform: uppercase;
  color: #fff;
  z-index: 1;
  padding-left: 11px;
  text-align: left;
  display: flex;
  align-self: center;
}
.tech-box:hover .service-action{
  background: #79c9f7;
}
.tech-box .service-action{
  position: absolute;
  bottom: -24px;
  right: -24px;
  width: 65px;
  height: 65px;
  color: #fff;
  /* background-color: #a0dcff; */
  /* background-image: -moz-linear-gradient(125deg, #00deff, #502a71);
  background-image: -webkit-linear-gradient(125deg, #00deff, #502a71); */
  background-image: linear-gradient(125deg, #7e6bdf, #3f2aaf);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  z-index: 0;
  cursor: pointer;
}
.tech-box .service-action img{
  width: 25px;
  position: absolute;
  bottom: 32px;
  left: 12px;
  z-index: 1;
}
.tech-box .service-action span{
  position: absolute;
  bottom: 32px;
  left: 12px;
  z-index: 1;
  background: url(../images/service-action-icon.gif);
  width: 25px;
  height: 15px;
  background-size: contain;
}
.tech-box:hover .service-action span{
  position: absolute;
  bottom: 32px;
  left: 12px;
  z-index: 1;
  background: url(../images/service-action-icon1.gif);
  width: 25px;
  height: 15px;
  background-size: contain;
}
.service2-v4 {
  background-image: url(../images/bg-art2-home4.png);
  background-repeat: no-repeat;
  padding: 60px 0 60px 0;
}
.overlay-image-2 {
  background-image: url(../images/bg-art3-home4.png);
  background-position: bottom right;
  background-repeat: no-repeat;
}
.overlay {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.service2-v4 .carousel-indicators{
  bottom: -30px;
}
.service2-v4 .carousel-indicators li{
  background-color: #1f1e1e;
}
.service-partners{
  background: -webkit-linear-gradient(90deg,#391d79,#4950cf);
  padding: 20px 0 80px 0;
  margin-bottom: 40px;
}
ul.services-list{
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
ul.services-list li a {
  display: block;
  border: 2px solid #e8e8e8;
  padding: 16px 18px ;
  transition: all .5s ease;
  border-radius: 5px;
  position: relative;
  font-size: 16px;
  font-weight: 700;
  color: #101010;
  margin-bottom: 15px;
}
ul.services-list li a:before {
  content: "\f054";
  position: absolute;
  right: 12px;
  top: 16px;
  font-family: 'FontAwesome';
  color: #1c1b1b;
}
ul.services-list li a:hover, ul.services-list li a.active {
  background-image: linear-gradient(250deg,#1273eb 19%,#03228f 100%);
  color: #fff;
  border-radius: 5px;
  border-color: #1273eb;
}
ul.services-list li a:hover:before, ul.services-list li a.active:before {
  color: #fff;
}
.services-contact {
  background: url(../images/contact-phone.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  border-radius: 5px;
  padding: 50px 35px 53px;
}
.services-contact .address-icon {
  display: inline-block;
  position: relative;
  height: 70px ;
  width: 70px;
  line-height: 70px;
  border-radius: 100%;
  text-align: center;
  background: #fff;
}
.services-contact .address-icon:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
  background: #fff;
}
.services-contact .title {
  font-size: 24px;
  line-height: 42px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 30px;
}
.services-contact .contact a {
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  color: #fff;
}
.about-detail{
  position: relative;
  overflow: hidden;
}
.about-detail .service-action {
  position: absolute;
  bottom: -21px;
  right: -22px;
  width: 65px;
  height: 65px;
  color: #fff;
  background-color: #e7e9fd;
  /* background-image: linear-gradient(125deg, #7e6bdf, #3f2aaf); */
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  z-index: 0;
  cursor: pointer;
  border: 1px solid #d8d8dc;
}
.about-detail:hover .service-action{
  background-image: linear-gradient(125deg, #7e6bdf, #3f2aaf);
}
.about-detail .service-action span {
  position: absolute;
  bottom: 32px;
  left: 12px;
  z-index: 1;
  background: url(../images/service-action-icon1.gif);
  width: 25px;
  height: 15px;
  background-size: cover;
}
.about-detail:hover .service-action span{
  background: url(../images/service-action-icon.gif);
  background-size: contain;
}
.service2-v4 .about-detail, .service-partners .about-detail {
  display: flex;
  align-items: center;
  padding: 5px;
  background: transparent;
  justify-content: center;
  box-shadow: none;
}
.service2-v4 .about-detail img, .service-partners .about-detail img {
  display: block;
  max-width: 150px;  
  filter: grayscale(100%);
  transition: all .3s ease-in-out;
}
.service2-v4 .about-detail img:hover , .service-partners .about-detail img:hover{
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  filter: grayscale(0%);
}
.service-section-heading {
  font-size: 1.3rem;
  color: #1273eb;
}
/* .service-section-heading span {
  border-bottom: 1px solid #1273eb;
  border-top: 1px solid #052896;
} */
.icons_wrapper {
  width: 70px;
  height: 70px;
  border: solid;
  border-width: 3px;
  border-top-color: #042794;
  border-bottom-color: #116be1;
  border-left-color: #1273eb;
  border-right-color: #0b4bbe;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.icons_wrapper .icon_img {
  width: 40px;
}
.service-sub-head {
  font-size: 1.5rem;
}



/* Digital Transformation Page */
.d-head_bg{
  padding-top: 70px;
  padding-bottom: 10px;
  background-image: url(../images/service-banner-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.dt-product .dt-prd-row{
  margin-top: -120px;
}
.digi_top_bg{
  /* background-color:#f7f7fd; */
  background: linear-gradient(90deg,#f7f7fd,rgb(255 255 255 / 0%));
  /* padding: 30px 20px 10px 20px; */
}
.digi-top-para{
  line-height: 2rem;
  /* letter-spacing: 1px; */
}
.approach-subhead{
  font-size: 17px;
  font-weight: 500;
}
.letter-caps:first-letter{
  font-size: 30px;
  padding: 5px 10px;
  background-color: #4487f2;
  border-radius: 7px;
  color: #fff;
  font-weight: 800;
  line-height: 1;
  margin-right: 5px;
}
.serv-box {
  overflow: hidden;
  position: relative;
  padding: 40px 40px 35px;
  background: #fff;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  border: 1px solid #e7e7e7;
}
.dt-product .serv-box.bg-s1 {
  background-image: linear-gradient(110deg,#2B236E 0%,#7141B1 100%);
}
.dt-product .serv-box.bg-s2 {
  background-image: linear-gradient(110deg,#5F3A8F 0%,#00DEFF 100%);
}
.dt-product .serv-box.bg-s3 {
  background-image: linear-gradient(110deg,#00DEFF 0%,#43BAFF 100%);
}
.serv-box.v5 {
  padding: 30px 40px 30px 40px;
  border-style: solid;
  border-width: 0 0 0 0;
  background-color: transparent;
  background-image: linear-gradient(110deg,#2B236E 0%,#7141B1 100%);
  box-shadow: 15px 15px 38px 0 rgb(0 0 0 / 20%);
}
.serv-box.v5:active, .serv-box.v5:focus, .serv-box.v5:hover {
  transform: translateY(-8px);
}
.serv-box .overlay {
  z-index: 2;
  background: transparent;
}
.serv-box.v5 .icon-main {
  background: rgba(255,255,255,.2);
}
.serv-box .icon-main {
  position: absolute;
  top: -88px ;
  right: -88px;
  width: 188px;
  height: 188px;
  color: #fff;
  background-color: #00deff;
  background-image: -moz-linear-gradient(125deg, #00deff, #502a71);
  background-image: -webkit-linear-gradient(125deg, #00deff, #502a71);
  background-image: linear-gradient(125deg, #00deff, #502a71);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.serv-box.v5 h5 {
  color: #fff;
  margin-bottom: 0;
}
.serv-box .icon-main i {
  position: absolute;
  bottom: 42px;
  left: 40px;
  font-size: 35px;
  line-height: 1;
}
.serv-box .content-box h5 {
  font-size: 22px;
  line-height: 36px;
  font-weight: bold;
  padding-right: 60px;
  margin-bottom: 10px;
}
.digital-factor{
  background-color: #00366b;
  background-image: url(../images/bg-art-5.png);
  background-repeat: no-repeat;
  padding: 50px  0 30px  0;
  margin-bottom: 30px;
}
.overlay-image-s-factor {
  background-image: url(../images/bg-art-6.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-color: transparent;
  z-index: 0;
  position: relative;
}

/* Cognitive technologies page */
.bg2 {
  background: url(../images/counter-bg.png);
  background-color: #f6f6f6;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: -1px 21px 25px 0 rgb(0 0 0 / 12%);
  border-radius: 10px 10px 10px 10px;
  padding: 40px 40px 40px 40px;
  z-index: 10;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  margin-bottom: 50px;
}
.bc_accelerator{
  background-color: #00366b;
  padding: 20px;
  margin-bottom: 30px;
}
.serv-box-2 {
  overflow: hidden;
  position: relative;
  padding: 43px 50px 65px;
  margin-bottom: 30px;
  /* border: 1px solid #9a98ab; */
  background: #2073c0;
  color: #fff;
  min-height: 346px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.serv-box-2:hover {
  background: #43baff;
  border-color: #392a86;
  color: #000;
  text-decoration:none;
  box-shadow: 15px 15px 38px 0 rgb(0 0 0 / 10%);
  -webkit-box-shadow: 15px 15px 38px 0 rgb(0 0 0 / 10%);
  -moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
}
.serv-box-2 .big-number {
  position: absolute;
  right: -10px;
  bottom: 0;
  font-size: 100px;
  font-weight: 800;
  font-family: "Montserrat", sans-serif;
  line-height: 72px;
  color: #463699;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.serv-box-2:hover .big-number {
  color: #35aef4;
}
.serv-box-2 .icon-main {
  position: absolute;
  bottom: -88px;
  right: -88px;
  width: 188px;
  height: 188px;
  color: #fff;
  background: #463699;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.serv-box-2 .icon-main span{
  position: absolute;
  top: 42px;
  left: 40px;
  font-size: 35px;
  line-height: 1;
}
.serv-box-2 .content-box {
  position: relative;
  z-index: 1;
}
.serv-box-2 .content-box h5 {
  line-height: 30px;
  color: #fff;
  margin-bottom: 10px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.serv-box-2:hover .content-box h5 {
  color: #000;
}
.section-ml{
  padding: 20px;
  background-color: #F2F2F2;
}
.ml-examp-content .serv-box-2{
  min-height: 332px;
}
.ml-examp-content .serv-box-2 .icon-main{
  top: -88px;
}
.ml-examp-content .serv-box-2 .icon-main span{
  top: 109px;
}
.ml-examp{
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  background-color: #5546a7;
  color: #fff;
  margin: 10px 0;
  padding: 10px;
  min-height: 68px;
  display: flex;
  align-items: center;
}
.ml-examp-content .serv-box-2:hover{
  background: #392a86;
  color: #fff;
}
.ml-examp-content .serv-box-2:hover h5{
  color: #fff;
}
.ml-examp-content .serv-box-2:hover .ml-examp{
  background: #43baff;
  color: #000;
}

/* Cyber Security services pages css */
.cta-h2 {
  background-image: url(../images/indeustries1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
}
.cta-h2-overlay{
  width: 100%;
  height: 100%;
  background-color:#4d71cfd9;
  padding: 20px;
}


#image-gallery .modal-body img {
  max-height: 80vh;
}

/* Defense Engineering Support - Consultancy page */
.bg3 {
  background: url(../images/dt-services-bg.png);
  background-color: #f6f6f6;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: -1px 21px 25px 0 rgb(0 0 0 / 12%);
  border-radius: 10px 10px 10px 10px;
  padding: 40px 40px 40px 40px;
  z-index: 10;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  margin-bottom: 50px;
}
.defense_section{
  position: relative;
  padding: 50px 0 80px;
  background: url(../images/service-banner-bg.png) center top repeat-x;
}

.fixed-header .sticky-header img
{
  height: 70px;
}

.about-detail img
{
  filter: hue-rotate(328deg);
}
.fooimgio 
{
  display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.fooimgio .isoci
{
  height: 100px;
}
.truspart
{
  padding: 30px 0px;
}
.trubox img
{
  width: 100%;
}
.floating-buttons {
    position: fixed;
    bottom: 50px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 9999;
}
.floating-buttons a {
    color: #fff;
    padding: 15px 15px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, background-color 0.3s ease;
    animation: bounce 2s infinite;
}
.whatsapp-float
{
  background: green;
}
.call-btn
{
  background: red;
}

@media (max-width:768px)
{
  .navbar-brand img
  {
    height: 70px;
  }
}