body{font-size: 16px;
  font-family: "Mulish", sans-serif;
}
.btn{border-radius: 3px;}
.btn.btn-primary{
  background: #233682;
    border-color: #102372;
    box-shadow: 0 0 5px #1424be;
    transition: all 0.5s;
}
.btn.btn-primary:hover{
  transform: translateY(-10px) !important;
  box-shadow: 0 5px 10px #1424be;
}
.logo img {
  float: left;
  margin-right: 8px;
  height: 50px;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 0;
}
.logo h1 {
  font-size: 18px;
  font-weight: bold;
  padding-top: 0;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0px;
}

.logo h1 span {
  display: block;
  font-weight:bold;
  color:#fff;
  font-size: 21px;
}

.logo P {
  font-size: 14px;
  color: #db36ff;
  float: none;
  font-weight: 500;
      margin: 0;
}
header{
	position:relative;
  background: #233682;
}
.intro_sec{
   position: relative;
    height: 400px;
    overflow: hidden;
}
.caption_wrap{position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  background: rgb(0 16 81 / 74%);
color: #fff;}
/* .intro_sec::before{
position: absolute;
content:"";
width: 100%;
height: 100%;
top:0;
left: 0;
background: red;
} */
.menubar {
         position: relative;
    z-index: 9;padding: 10px 0;
}
.main-nav{box-shadow:unset !important;border:none}
.main-nav .sm-blue a{        padding: 0 0 0 15px !important;}
.main-nav .sm-blue > li {
        border-left: 0px solid #f5f5f541;
    }
.main-nav  .sm-blue a .sub-arrow{top:10px;right:0;border-color: #ffffff transparent transparent transparent;}
.main-nav  .sm-blue .has-submenu{padding-right:12px !important}
.main-nav  .sm-blue a:hover,
.main-nav  .sm-blue a:focus,
.main-nav  .sm-blue .has-submenu.highlighted
{background:transparent}
.sm-blue .sm-nowrap > li > a, 
.sm-blue .sm-nowrap > li > :not(ul) a
 {
  white-space: nowrap;
  padding: 8px 15px !important;
  background: #1f2732;
  color: #fff;
  border: 0;
}
.sm-blue .sm-nowrap > li > a:hover{    background: #db36ff;}
.sm-blue .sm-nowrap > li{border-bottom:0}
 
.sm-blue ul {
  border: 1px solid #727272;
}
.sm-blue ul li {
  border-top: 1px solid rgb(153 148 148);
}
.page_header {
    background: aliceblue;
    position: relative;
    border-bottom: solid 2px #ecf6ff;
}
.page_header h2 {
    margin: 0;
    padding: 15px 0;
    color: #00498c;
    font-size: 22px;
}
.section_title{   font-weight: 500;
  color: #505050;
   
  margin-bottom: 20px;
  line-height: 1.3;}
.section_title span{color: #0030db;}
.little-title{
  text-transform: uppercase;
  position: relative;
  display: table;
  font-size: 18px;
  font-weight: bold;
  color: #ff7a00;
  margin-bottom: 25px;
}
.little-title::before{
  position:absolute;
  content:"";
  width: 100%;
  height: 2px;
  bottom:-4px;
  left: 0;
  background-color: rgb(189 195 219);
  
}
.little-title::after{
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  bottom: -7px;
  left: -15px;
  background-color: #233682;
  border-radius: 5px;
  -webkit-animation: linear infinite;
  -webkit-animation-name: left-right;
  -webkit-animation-duration: 8s;
  -webkit-animation: linear infinite;
-webkit-animation-name: light-up,left-right;
-webkit-animation-duration: 2s,8s;
}
@-webkit-keyframes left-right {
  0% {
    left: -15px;
  }
  50% {
    left: 100%;
  }
  100% {
    left: -15px;    
  }
}
.bigg-title{font-weight: 800;
  font-family: 'Mulish', sans-serif;
  color: #1f2732;
  letter-spacing: -0.02em;font-size: 2.5rem;
  margin-bottom: 25px;}
.welcome-wrap{position: relative;overflow: hidden;}
.welcome-wrap .container{position: relative;
z-index: 9;}
.welcome-wrap img{border-radius: 5px;
  border: solid 1px #fafafa;
  box-shadow: 0 0px 6px #00000036;
  transition: all 0.5s;
position: relative;

/* -webkit-animation: linear infinite;
-webkit-animation-name: light-up;
-webkit-animation-duration: 4s; */
}

.welcome-wrap .image_1:hover{
  background: rgb(255, 231, 183);
  transform: translateY(-15px) !important;
   box-shadow: 0 18px 26px -10px #0025a6;;
}
.welcome-wrap .image_2:hover{
  background: rgb(255, 231, 183);
  transform: translateY(-15px) !important;
   box-shadow: 0 18px 26px -10px #5b0963;
}


@-webkit-keyframes light-up{
  0% {
    box-shadow :  0px 0px 0px #0025a6;;
  }
  50% {
    box-shadow:  0px 0px 10px #0025a6;;
  }
  100% {
    box-shadow:  0px 0px 2px #0025a6;;
  }
}

.welcome-wrap ul{
  padding: 0;
  list-style: none;
}
.welcome-wrap ul li{
  position: relative;
  margin-bottom: 10px;
  display: flex;
}
.welcome-wrap ul li .fa{
  margin-right:10px;color: #db36ff;
  line-height: 2;
}
.welcome-wrap .cont_num{background: #1f2732;
  width: 60px;
  height: 60px;
  text-align: center;
  font-size: 30px;
  line-height: 2;
  color: #fff;
  border-radius: 4px;
  margin-right: 10px;}
#numbers-spin h4{text-align: center;
font-size: 40px;}
#numbers-spin h4 small{font-size: 20px;}
#numbers-spin{
  /* background: #fff9f3; */
  /* padding: 20px 0; */
  }
#services {padding: 30px 0;}
#services .item{
  position: relative;
  padding: 15px;
  background: #e1e1e16e;
  margin-bottom: 25px;
  transition: all 0.5s;
  box-shadow: 0 2px 6px #00000030;
  border: solid 1px #dfdfdf;
}
#services .item img{width: 58px;}
#services .item h3{font-size: 20px;
  margin-top: 15px;
  margin-bottom: 15px;}
#services .item .fas{font-size: 22px;}
#services .item a{position: absolute;
content: "";
width:100%;
height: 100%;
top:0;
left:0}
#services .item:hover{background: rgb(255, 231, 183);
  transform: translateY(-15px);
  box-shadow: 0 18px 26px -10px;}

#clients{padding: 30px 0;background: #f4f4f478;}
#clients .item{position: relative;
  margin-bottom: 25px;
  border: solid 1px #ccc;
  border-radius: 0;
  overflow: hidden;
  padding: 2px;}
#clients .item img{}
#clients .item a{

}
#testimonials{padding: 40px 0;}
#testimonials .item {margin-bottom: 20px;}
#testimonials .item  img{
  box-shadow: 0 0 6px #00000070;
    border: solid 1px #dddddd;
    border-radius: 2px;
}
#testimonials .item h5{font-weight: 600;
    margin-bottom: 0;
    margin-top: 15px;
}
#testimonials .item span{
  font-weight: 500;
  color: #949292;
  font-style: italic;
  font-size: 14px;
}
#testimonials .item .content{margin-left: 50px;
  margin-top: -50px;
  background: #fff;
  padding: 15px;
  font-size: 15px;
  z-index: 9;
  position: relative;
  box-shadow: 0 0 10px #0000003d;
  border-radius: 4px;
 border-bottom:  solid 3px #e08600}
#testimonials .item .content::before{
  position: absolute;
  content: "";
  top: -25px;
  left: 0;
  width: 0px;
  height: 0px;
  border-left: 0px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #ffffff;
}
#blogs{ 
  padding: 50px 0;
    background: #000 url(../img/product_bg.jpg);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
}
#blogs:before{
  position: absolute;
  content:"";
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  /* background: #00000096; */
  z-index: 1;
}
#blogs::after{
  position: absolute;
  content:"";
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  background: #00000096;
}
#blogs .container-fluid,#blogs h4,#blogs h2{
  position: relative;
  z-index: 2;
}
#blogs .section_title {
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 20px;
  line-height: 1.3;
  position: relative;
}
#blogs .section_title span {
  color: #6283fc;
}
#blogs .little-title::after{background: #fff;}
.video_wrap{    position: relative;
  /* top: -70px;
  height: 100vh; */
  overflow: hidden;}
.video_overlay{
position: absolute;
  top: 0;
  left: 0;
  background: #373737c4;
  width: 100%;
  height: 100%;
 display: flex;
  align-items: center;
}
.video_overlay h1{color: #fff;
  line-height: 1.8;
  font-size: 55px;}
.video_overlay h1 span{
    color: #d88100;
  background: #fff;
  padding: 0 24px;
  text-transform: uppercase;
}
#blogs .item{
  position: relative;
  margin-bottom: 20px;
}
#blogs .item img{
  border-radius: 6px;
  border: solid 2px #fff;
}
#blogs .item .date{position: absolute;
  background: #db36ff;
  top: 10px;
  left: 10px;
  padding: 2px 5px;
  color: #fff;
  border-radius: 4px;
  border: solid 1px #ffffff94;}
#blogs .item .content{width: 94%;
  margin: 0 auto;
  background: #fff;
  margin-top: -50px;
  position: relative;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 0 5px #00000033;
  padding-bottom: 0;
  overflow: hidden;
  border: solid 1px #dbdbdb;}
#blogs .item .auth_info{
  display: flex;
    gap: 10px;
    margin-bottom: 5px;
    color: #d07e04;
}
#blogs .item h6{font-weight: bold;
  font-size: 17px;
  margin: 10px 0;
  color: #414141;}
#blogs .item a{color: #ff7a00;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  margin: 0 -15px;
  background: #f0f0f0; 
  border-radius: 0;
  display: block;
  border-top: solid 1px #e5e5e5;
  margin-top: 10px;}
.accordion-item:last-of-type .accordion-button.collapsed,
.accordion-item:first-of-type .accordion-button{ background: #edf1ff;
color: #233682;}
.accordion-button:not(.collapsed),
.accordion-item:first-of-type .accordion-button{
  color: #fff;
  background: #233682;
}
#applications{background: #fffaf5;}
#applications .nav-pills{}
#applications .nav-pills .nav-link{ 
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  margin-bottom: 50px;
  border-radius: 0;
  padding: 30px;
  border: solid 1px rgb(212 210 210);
  margin-right: 2px;
  color: #505050;
  background: #efefef7a;
  transition: all ease;
  transition: transform .2s;
}
#applications .nav-pills .nav-link.active, 
#applications .nav-pills .show > .nav-link
{
  background: #eaefff;
    border-color: #b0b0b0;
    transform: scale(1.1);
    box-shadow: 0 3px 7px #00000052;
}
#applications .nav-pills .nav-link h5{
  color:#000
}
#applications .nav-pills .nav-link  i{
      font-size: 55px;
    margin-bottom: 10px;
}
#applications .nav-pills .nav-link img {width: 60px;    margin-bottom: 10px;
    filter: grayscale(1);}
#applications .nav-pills .nav-link.active img{filter: grayscale(0);}
.govt-works{background: #f1f6ff;
    padding: 50px 0;}
.govt-works .item{background: #fff;
    padding: 10px;
    height: 100%;
    border: solid 1px #dfdfdf;
    box-shadow: 0 0px 6px #0000001f;}
/* #gettouch {position:relative}
#locations:before{
position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../img/map.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 72%;
    opacity: 0.4;
} */
#gettouch ul{
	padding:0;
	list-style:none;
}
#gettouch ul li{list-style: none;
    position: relative;
    border-bottom: dashed 1px #dfdfdf;
    padding: 5px 0;
    padding-left: 25px;} 
#gettouch ul li .fas{position: absolute;
    left: 0;
    top: 10px;}
footer{background: #1f2732;    }
footer p{
	color:#fff;
	font-size:12px;
	margin:0;
	padding:15px 0
}

.footer-logo {
  width: 160px;
}
.social_icons{    display: flex;
  gap: 5px;
  margin: 30px 0;}
.social_icons a{
  background: #000c1b;
  width: 32px;
  height: 32px;
  display: block;
  text-align: center;
  line-height: 2;
  color: #fff;
}
footer h5{color: #fff;}
.border-top {
  border-top:solid 1px #000000 !important;
}






.pinkBg {
  background-color: #0234ed!important;
  background-image: linear-gradient(90deg, #f562eb, 0 0 5px #6c7aff);
}
.intro-banner-vdo-play-btn{
  height: 100px;
  width: 100px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
  z-index: -1;
  opacity: 0.2;
}
.intro-banner-vdo-play-btn2{bottom: 0;
  left: 0;
  top: auto;}
.intro-banner-vdo-play-btn i{
  line-height:56px;
  font-size:30px
}
.intro-banner-vdo-play-btn .ripple{
  position:absolute;
  width:900px;
  height:900px;
  z-index:-1;
  left:50%;
  top:50%;
  opacity:0;
  margin:-450px 0 0 -450px;
  border-radius:50%;
  -webkit-animation:ripple 3.8s infinite;
  animation:ripple 3.8s infinite
}

@-webkit-keyframes ripple{
  0%{
      opacity:1;
      -webkit-transform:scale(0);
      transform:scale(0)
  }
  100%{
      opacity:0;
      -webkit-transform:scale(1);
      transform:scale(1)
  }
}
@keyframes ripple{
  0%{
      opacity:1;
      -webkit-transform:scale(0);
      transform:scale(0)
  }
  100%{
      opacity:0;
      -webkit-transform:scale(1);
      transform:scale(1)
  }
}
.intro-banner-vdo-play-btn .ripple:nth-child(2){
  animation-delay:.3s;
  -webkit-animation-delay:.3s
}
.intro-banner-vdo-play-btn .ripple:nth-child(3){
  animation-delay:.6s;
  -webkit-animation-delay:.6s
}

/* Mobile Navigation */

.mobile-nav {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9999;
  overflow-y: auto;
  left: -260px;
  width: 260px;
  padding-top: 18px;
  background: rgba(40, 38, 70, 0.8);
  transition: 0.4s;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #fff;
  padding: 10px 20px;
  font-weight: 500;
      text-transform: uppercase;
}

.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {
  color: #8dc2fa;
  text-decoration: none;
}
.mobile-nav .menu-item-has-children:hover ul{display:block}
.mobile-nav .menu-item-has-children > a:after {
  content: "\f078";
  font-family: FontAwesome;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.menu-item-has-children > a:after {
  content: "\f077";
}

.mobile-nav .menu-item-has-children > a {
  padding-right: 35px;
}

.mobile-nav .menu-item-has-children ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .menu-item-has-children li {
  padding-left: 20px;
}
.mobile-nav #main-menu-state:not(:checked) ~ #main-menu{display:block}
.mobile-nav-toggle {
  /* position: fixed; */
  right: 0;
  top: 0;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
  float: right;
}

.mobile-nav-toggle i {
   
  color: #fff;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(40, 38, 70, 0.8);
  overflow: hidden;
  display: none;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  left: 0;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}
.back-to-top {
    position: fixed;
    display: none;
    background: #1f2732;
    color: #ffffff;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 2.5;
    font-size: 16px;
    border-radius: 50%;
    right: 15px;
    bottom: 15px;
    transition: background 0.5s;
    z-index: 11;
}
.back-to-top.whats-app{
  bottom: 65px;
    background: #09770d;
    color: #fff;
}
.back-to-top.whats-app i{
  font-size: 23px;
    margin-top: 11px;
}
.close_me{
    width: 100%;
    margin-bottom: 1px;
    border-radius: 0;
    padding: 6px 0;
    border: solid 1px rgb(212 210 210);
    margin-right: 2px;
    color: #505050;
    background: #efefef7a;
    transition: all ease;
    transition: transform .2s;
    display: none;
}
.close_me.active{background: #ffebfe;
    color: #ff7a00;
    border-color: #df6ae0;
    transform: scale(1.02);
    box-shadow: 0 3px 7px #00000052;}
#applications .flipster__button{    opacity: 1;
    padding: 8px;
    background: #900688;
}
#applications .flipster__button svg {
    width: 1em;
    stroke: rgb(255 255 255);
    fill: transparent;
    stroke-width: 3;
    stroke-linecap: round;
}
@media (max-width: 480px) {
 .close_me{
display:block;}
#v-pills-tab{
	display:none;
}
}