.no-padding
{
    padding: 0px;
}
.no-right
{
    padding-right: 0px;
}
.no-left
{
    padding-left: 0px;
}
/*-- header--*/
.menu-nav
{
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    background: none;
}
.navbar-brand
{
    padding: 0px 15px;
}
.navbar-brand>img
{
    width: 145px;
    height: auto;
}
.nav-right
{
    float: right;
    padding-top: 11px;
}
.navbar-inverse .navbar-nav>li>a
{
    font-family: 'PoppinsRegular';
    font-size: 17px;
    color: #000;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    font-family: 'Lato-Regular';
}
.navbar-inverse .navbar-nav>.active>a
{
   color: #000 !important;
   background: none!important;
   transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
}
.navbar-inverse .navbar-nav>.active>a:hover
{
   color: #3753a6 !important;
   background: none;
   transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
}
.navbar-inverse .navbar-nav>li>.wh-1
{
    position: relative;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.navbar-inverse .navbar-nav>li>.wh-1:hover::after
{
    color: #3753a6;
    content: "\f106";
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
ul.sub-menu li:hover a {
    color: #3753a6 !important;
        transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
ul.sub-menu{
    width: 180px;
}
.navbar-inverse .navbar-nav>li>.wh-1::after
{
    content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    color: #000;
    top: 13px;
    right: 3px;
    font-size: 25px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.navbar-fixed .menu-nav .nav-custom>li>a
{
    color: #000;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    font-family: 'Lato-Regular';
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus
{
    background: none;
    color: #3753a6;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.nav>li>a
{
    padding: 10px 25px;
}
.sub-menu { 
    visibility: hidden; 
    opacity: 0;
    background-color: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    transform: translateY(-2em);
    z-index: -1;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    border-radius: 10px;
    padding: 15px 22px;
  }
  .sub-menu li
  {
      list-style: none;
      padding-bottom: 10px;
  }
  .sub-menu li a
  {
    text-transform: capitalize;
    color: #000;
    text-decoration: none;
    font-family: 'Quicksand-Regular';
    font-weight: 600;
    font-family: 'Lato-Regular';
}
  
  .menu-parent:focus .sub-menu,
  .menu-parent:focus-within .sub-menu,
  .menu-parent:hover .sub-menu {
    visibility: visible; 
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
  }
/*-- fixed --*/
#nav_bar
{
    position: fixed;
    top: 0;
    left: 50%;
    height: auto;
    width: 100%;
    transform: translateX(-50%);
    z-index: 99999;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    padding: 10px 0 20px;
    transition: all 0.2s linear;
}
.navbar-fixed#nav_bar {
    background-color: rgba(255,255,255,1);
    z-index: 999999;
    padding: 0px 0 12px;
    box-shadow: 0 0 12px rgba(0,0,0,0.1);
    transition: all 0.2s linear;
}
/*--------------------------Cross-------------------*/
span .bar1, span .bar2, span .bar3 {
	width: 22px;
	height: 2px;
	background-color: #fff ;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
span .bar1, span .bar2, span .bar3
 {
	background-color: #fff;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
span .bar1:hover, span .bar2:hover, span .bar3:hover
 {
	background-color: #3753a6 ;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
span .bar2, span .bar3 {
	margin-top: 5px;
}
.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-6px, 4px);
	transform: rotate(-45deg) translate(-6px, 4px);
}
.change .bar2 {
	opacity: 0;
}
.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-5px, -4px);
	transform: rotate(45deg) translate(-5px, -4px);
}
.navbar-btn {
	padding: 0px;
}
/*-- header_end--*/
/*---------------owl-carousel-slide-------------*/
/* .home-slide
{
    background-image: url(../images/home-bg.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: auto;
} */
/* .cus-owl .item.i1{
    background-image: url(../images/new-ban-11.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
}
.cus-owl .item.i2{
    background-image: url(../images/new-ban-2.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
}
.cus-owl .item.i3{
    background-image: url(../images/new-ban-3.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
} */
.sli-text .item
{
    padding: 20% 0% 12%;
}
.sli-text .item h2
{
    text-align: center;
    color: #fff;
    line-height: 1.5;
    font-size: 30px;
    font-family: 'Lato-Bold';
}
.sli-km
{
    display: table;
    margin: 0px auto;
    padding-top: 25px;
}
.sli-km a
{
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    text-transform: capitalize;
    background-color: #3753a6 ;
    padding: 15px 35px;
    font-family: 'Lato-Light';
    font-weight: 600;
}
/* Ripple effect */
.ripple {
    background-position: center;
    transition: background 0.8s;
  }
  .ripple:hover {
    background: #2d4c9f radial-gradient(circle, transparent 1%, #3753a6  1%) center/15000%;
    transition: all 0.3s linear;
  }
  .ripple:active {
    background-color: #6eb9f7;
    background-size: 100%;
    transition: background 0s;
  }
  /* Ripple effect */
  .owl-theme .owl-dots
  {
      display: none;
  }
  .cus-owl .owl-nav .owl-prev
{
    color:  #fff !important;
    font-size: 45px;
    content: '';
    position: absolute;
    left: 2%;
    top: 50%;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transform: translate(0%,85%);
}
.cus-owl .owl-nav i
{
    background-color: rgba(0, 0, 0, 0.3) !important;
    border-radius: 50%;
    padding: 11px 13px !important;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.cus-owl .owl-nav i:hover
{
    background-color: rgba(60, 206, 188, 0.3) !important;
    border-radius: 50%;
    padding: 11px 13px !important;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.cus-owl .owl-nav .owl-next 
{
    color:  #fff !important;
    font-size: 45px;
    content: '';
    position: absolute;
    right: 2%;
    top: 50%;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transform: translate(0%,85%);
}
.owl-theme .owl-nav [class*=owl-]:hover, .owl-theme .owl-nav [class*=owl-]:focus, .owl-theme .owl-nav [class*=owl-]:active {
background: none !important;
border: none !important;
outline: none !important;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
/* bg-whit */
.bg-whit
{
    background-color: #fff;
    width: 100%;
    height: 200px;
    position: relative;
}
/* wh-we */
.who-para h2
{
    text-align: center;
    color: #000;
    font-size: 25px;
    padding-bottom: 25px;
    position: relative;
    font-family: 'Lato-Light';
    font-weight: 600;
}
.who-para h2::after{
    content: '';
    position: absolute;
    top: 33px;
    bottom: 0;
    left: 47%;
    background-color: #3753a6 ;
    width: 6%;
    height: 5px;
}
.who-para p{
    color: #000;
    font-size: 14px;
    text-align: center;
    line-height: 1.8;
    font-family: 'Lato-Regular';
}
/*.who-para p:nth-child(7){
    font-size: 20px;
    font-weight: bold;
}*/
.who-para ul li {
    /* list-style-type: none; */
    color: #000 !important;
    text-transform: capitalize;
    margin-bottom: 12px;
    font-family: 'Lato-Regular';
    line-height: 27px;
}
/* our-service */
.ou-para h2
{
    text-align: center;
    color: #3753a6 ;
    font-size: 22px;
    font-family: 'Lato-Light';
    font-weight: 600;
    padding-bottom: 25px;
    text-transform: uppercase;
    position: relative;
}
.ou-para h2::after
{
    content: '';
    position: absolute;
    top: 33px;
    bottom: 0;
    left: 47%;
    background-color: #303b72;
    width: 6%;
    height: 5px;
}
.ou-para p
{
font-size: 14px;
color: #000;
text-align: center;
padding: 0px 15%;
line-height: 1.8;
font-family: 'Lato-Regular';
}
.ou-img
{
    padding: 0px 12%;
}
.ou-img h4{
    font-size: 22px;
    margin-top: 20px;
}
.our
{
    overflow: hidden;
}
.ou-img img
{
    width: 280px;
    height: 285px;
    display: table;
    margin: 0px auto;
    object-fit: cover;
    object-position: center;
    transition: all 0.2s linear !important;
}
.more-ser{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	text-transform: capitalize;
    overflow: hidden;
    background-color: #303b73;
    margin-top: 2% !important;
    position: relative;
}
.more-ser a{
	color: #fff;
	text-decoration: none;
	z-index: 2;	
	display: block;
	position: absolute;
	width: 100%;
    height: 100%;	
    font-size: 18px;
    padding: 11px 35px;
    font-family: 'Lato-Light';
    font-weight: 600;
}
.more-ser::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: rgba(60,205,187,0.5);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.more-ser:hover::before{
	opacity: 1;
	-webkit-transform: skewX(-180deg)  scale(0.5,1);
    transform: skewX(-180deg)  scale(0.5,1);
    transition: all 0.5s linear;
}
.more-button{
	height: 50px;
	text-align: center;
    display: table;
    margin: 0px auto;
	width: 20%;
	cursor: pointer;
}
.ou-eff
{
    padding: 21px 0px 25px;
}
.ou-img img:hover{
    transform: translateX(25px) scale(1.2) !important;
    transition: all 0.2s linear !important;
}
  /* footer */
  .fot-bg
  {
    background-color: #080b1e;
    width: 100%;
    height: auto;
    background-image: url("../images/contactus.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
  }
  .fot-bg .footBg{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(8, 11, 30, .8);
  }
  .get-touch h2
  {
    text-align: center;
    color: #fff ;
    font-size: 22px;
    font-family: 'Lato-Light';
    font-weight: 600;
    padding-bottom: 25px;
    text-transform: uppercase;
    position: relative;
  }
  .get-touch h2::after
{
    content: '';
    position: absolute;
    top: 33px;
    bottom: 0;
    left: 49%;
    background-color: #fff;
    width: 6%;
    height: 5px;
}
.get-touch p
{
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: 'Lato-Regular';
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.get-touch p:hover .tute
{
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    color: #fff ;
    border: 1px solid #fff ;
    -webkit-animation-name: hvr-icon-buzz;
    animation-name: hvr-icon-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.get-touch p a
{
    font-size: 14px;
    font-family: 'Lato-Regular';
    color: #fff;
    padding-left: 10px;
    letter-spacing: 0.88px;
    transition: all 0.3s linear;
}
.get-touch p a:hover
{
    text-decoration: none;
    transition: all 0.3s linear;
}
.get-touch p i
{
    border-radius: 50%;
    font-size: 12px;
    border: 1px solid #fff;
    width: 3%;
    height: 12%;
    padding: 10px;
}
.get-touch hr
{
    border-top: 1px solid #636061 !important;
}
.get-touch .copy
{
    font-size: 14px;
    font-family: 'Lato-Regular';
    color: #fff;
}
.get-touch .copy i
{
border: none !important;
border-radius: 0px !important;
padding: 0px;
font-size: 13px;
}
.get-touch .copy:hover i
{
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    color: #fff;
    border: none;
}
.fot-get
{
    padding: 25px 0px;
}
/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
    50% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    100% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
  }
  @keyframes hvr-icon-buzz {
    50% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    100% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
  }
  /* Icon Buzz */
   /* form */
   .form-touch .form-group3 .form-control, .input-group-addon {
    background-color: transparent;
    color: #000;
    border: none;
    box-shadow: none;
    border-radius: 0;
   }
   .obt .input-group-addon i
   {
       color: #999798;
       font-size: 15px;
   }
   .input-group-addon
   {
       padding-right: 0px;
   }
   .obt input::placeholder
   {
    font-family: 'Lato-Regular';
   }
   .sec-form
   {
       position: relative;
   }
   .form-touch
   {
height: 360px;
background-color: #fff;
content: '';
position: absolute;
transform: translate(0,-77%);
padding: 5px 20px;
   }
.cont-form h2
{
    text-align: center;
    color: #000;
    font-size: 22px;
    padding-bottom: 25px;
    text-transform: uppercase;
    position: relative;
}
.cont-form h2::after
{
    content: '';
    position: absolute;
    top: 33px;
    bottom: 0;
    left: 47%;
    background-color: #303b72;
    width: 6%;
    height: 5px;
}
.form-touch .form-group
{
	padding-bottom: 20px;
}
html {
    scroll-behavior: smooth;
  }
.obt-clr .obt
{
	width: 31.333%;
    float: left;
    padding-bottom: 3%;
}
.obt textarea
{
    height: 35px !important;
}
.form-touch .obt+.obt
{
	margin-left: 3%;
}
.obt-clr:after
{
	content: '';
	display: table;
	clear: both;
}
.input-group
{
border-bottom: 1px solid #ccc;
}
.input-group:hover, .input-group:focus, .input-group:focus-within
{
    border-bottom: 1px solid #3753a6 ;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.obt .input-group:hover i, .obt .input-group:focus i, .obt .input-group:focus-within i
{
color:#3753a6 ;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.form-touch .btn-form
{
	
	background-color: #3753a6 ;
	color: #000;
	border-radius: 0;
	padding: 10px 45px;
	font-weight: bold;
	font-size: 18px;
    font-family: 'Lato-Light';
    font-weight: 600;
}
.bf-after:after
{
	content: '';
	display: table;
	clear: both;
}
.bf-after
{
    display: table;
    margin: 0px auto;
}
.bf-after .btn:focus
{
outline: none !important;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.form-group3 {
	position: relative;
}
label.error {
	position: absolute;
	right: 0px;
	top: 43px;
	display: inline-block;
	width: auto;
	color: rgb(250,0,0) !important;
	font-size: 13px;
	margin-bottom: 0px;
	font-weight: bold;
	z-index: 9;
}
/* Ripple effect */
.ripple2 {
    background-position: center;
    transition: background 0.8s;
  }
  .ripple2:hover {
    background: #3753a6  radial-gradient(circle, transparent 1%, #303b72 1%) center/15000%;
    transition: all 0.3s linear;
  }
  .ripple2:active {
    background-color: #6eb9f7;
    background-size: 100%;
    transition: background 0s;
  }
  /* Ripple effect */
    /* form */
 
/*-- tool-tip --*/
.logo-tool + .tooltip > .tooltip-inner {background-color: #2d4c9f; }
.logo-tool + .tooltip > .tooltip-arrow { border-bottom-color: #2d4c9f }
.copy-tool + .tooltip > .tooltip-inner {background-color: #deaa86;}
.copy-tool + .tooltip > .tooltip-arrow { border-top-color:#deaa86; }
.face-tool + .tooltip > .tooltip-inner {background-color: #4867aa;}
.face-tool + .tooltip > .tooltip-arrow { border-top-color:#4867aa; }
.twitter-tool + .tooltip > .tooltip-inner {background-color: #00aced;}
.twitter-tool + .tooltip > .tooltip-arrow { border-bottom-color:#00aced; }
.linked-tool + .tooltip > .tooltip-inner {background-color: #0274b3;}
.linked-tool + .tooltip > .tooltip-arrow { border-right-color:#0274b3; }
/*-- tool-tip --*/
/*=============site_custom=============*/

body::-webkit-scrollbar {
    width: 10px;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: #3753a6 ;
  outline: 0px solid slategrey;
}
::selection
{
	background-color: #3c4ecefa;
	color:rgb(255,255,255);
	}
/*=====================site_custom=============*/
/*-----------------------top-to-bottom-scroll-------*/
.scroll
{
	position: fixed;
	bottom: 10%;
	right:1%;
	z-index:999999;
	}
.scroll p
{
	margin-bottom: 0px;
}
.scroll p a
{
    background-color: #fff ;
    padding: 11px 11px;
    color: #2d4c9f;
    position: relative;
    border-radius: 5px;
    border: 2px solid #2d4c9f;
    box-shadow: 5px 4px 0px 0px #2d4c9f;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.scroll p a:hover
{
    background-color: #fff;
    padding: 11px 11px;
    color: #3652a5 ;
    position: relative;
    border-radius: 5px;
    border: 4px solid #3753a6 ;
    box-shadow: 5px 4px #3753a6 ;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.scroll p a i
{
   font-size: 20px;
}


/*-----------------------top-to-bottom-scroll-------*/
/*-- sector-page--*/
.sector-pag
{
    background-image: url(../images/sector-bg.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 300px;
    position: relative;
}
.navbar-inverse .navbar-nav>.active-1>.wh-1::after 
{
    color: #3753a6 ;
}
.section-1 h2
{
text-align: center;
font-size: 45px;
color: #fff;
font-family: 'Lato-Bold';
}
.page_link
{
	text-align: center;
}
.section-1
{
	padding-top: 13%;
}
.page_link a
{
	font-size: 15px;
	color: #fff;
	text-transform: capitalize;
	text-decoration: none;
    font-family: 'Lato-Light';
    font-weight: 600;
}
.page_link i
{
	font-size: 15px;
	color: #fff;
	margin-left: 5px;
	margin-right: 5px;
	
}
.sector-pag:before 
{
background-color: #080b1e;
content: '';
position: absolute;
width: 100%;
height: 300px;
opacity: 0.6;
}
.sect-main
{
	padding: 5px 0px 15px;
}
.sect-edu p
{
font-size: 14px;
font-family: 'Lato-Regular';
}
.sky_blue img
{
	width: 100%;
    /* height: 273px; */
    padding-top: 30px;
    object-fit: cover;
    object-position: center;
    transition: all 0.5s cubic-bezier(0.52, 1.64, 0.37);
    overflow: hidden;
}
.sky_blue img:hover 
{
    /* transform: translateX(10px) scale(-1); */
    transition: all 3s ease-in-out;
}
.sect-submain
{
	padding-bottom: 7%;
}
.sect-edu h4
{
    font-size: 16px;
    color: #2d4c9f;
	font-family: 'Lato-Bold';
}
.sect-main h1, .solu-main h1 , .sec-main h1
{
    text-transform: capitalize;
    font-size: 28px;
    color: #0e7df3;
    font-family: 'Lato-Bold';
    text-align: center;
    padding-bottom: 15px;
    position: relative;
}
.sect-main p{
    font-family: 'Lato-Regular';
    text-align: justify;
    margin-bottom: 15px;
    padding: 0px 10px;
}
.sect-main h1::after, .solu-main h1::after , .sec-main h1::after
{
    content: " ";
    position: absolute;
    bottom: 14%;
    left: 50%;
    transform: translate(-50%,10%);
    width: 50px;
    height: 4px;
    background-image: linear-gradient(to right,#2d4c9f,#3753a6 );
}
  
/*-- solution-page--*/
.solution-pag
{
    background-image: url(../images/solution-bg.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 300px;
    position: relative;
}
.solut-1 h2
{
text-align: center;
font-size: 45px;
color: #fff;
font-family: 'Lato-Bold';
}
.page_link
{
	text-align: center;
}
.solut-1
{
	padding-top: 13%;
}
.page_link a
{
	font-size: 15px;
	color: #fff;
	text-transform: capitalize;
	text-decoration: none;
    font-family: 'Lato-Light';
    font-weight: 600;
}
.page_link i
{
	font-size: 15px;
	color: #fff;
	margin-left: 5px;
	margin-right: 5px;
	
}
.solution-pag:before 
{
background-color: #080b1e;
content: '';
position: absolute;
width: 100%;
height: 300px;
opacity: 0.6;
}
.solu-1 img
{
    display: table;
    margin: 0px auto;
    width: 100%;
    height: 265px;
    object-fit: cover;
    object-position: center;
}
.solu-1 ul
{
padding-left: 0px !important;
}
.solu-1 ul li
{
list-style-type: none;
padding-left: 0px;
padding: 2px 0;
}

.sec-main .solu-1{
    height: 435px;
    padding: 10px 10px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.solu-main .solu-1 
{
    height: 525px;
    padding: 10px 10px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.solu-1:hover
{
    background-color: #fbfbfb ;
    padding: 10px 10px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    box-shadow: 0 0 8px -1px #00000042;
}
.solu-submain
{
    padding-top: 20px;
}
.solu-main, .sec-main{
    padding: 10px 0px 10px;
}
.solu-1  h3
{
font-size: 16px;
text-transform: uppercase;
color: #2d4c9f;
font-family: 'Lato-Bold';
text-align: center;
}
.solu-1 p
{
font-size: 14px;
text-align: center;
color: #000;
font-family: 'Lato-Regular';
}
.solu-1 ul li i
{
    font-size: 15px;
    color: #2d4c9f;
    padding-right: 5px;
}
  
/*-- about-page--*/
.abt-pag
{
    background-image: url(../images/abt-bg.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 300px;
    position: relative;
}
.abt-1 h2
{
text-align: center;
font-size: 45px;
color: #fff;
font-family: 'Lato-Bold';
}
.page_link
{
	text-align: center;
}
.abt-1
{
	padding-top: 13%;
}
.page_link a
{
	font-size: 15px;
	color: #fff;
	text-transform: capitalize;
	text-decoration: none;
    font-family: 'Lato-Light';
    font-weight: 600;
}
.page_link i
{
	font-size: 15px;
	color: #fff;
	margin-left: 5px;
	margin-right: 5px;
}
.abt-pag:before 
{
background-color: #080b1e;
content: '';
position: absolute;
width: 100%;
height: 300px;
opacity: 0.6;
}
.sect-edu ul li i
{
    font-size: 15px;
    color: #2d4c9f;
}
.sect-edu ul
{
padding-left: 0px !important;
}
.sect-edu ul li
{
list-style-type: none;
padding-left: 0px;
}
  .abt-main img
  {
      width: 500px;
      height: 500px;
      object-fit: cover;
      object-position: center;
  }
.charge{
    padding: 4% 2%;
    background: #f5f5f5;
}
.add-ch-con h1{
    text-transform: capitalize;
    text-align: center;
    font-family: 'Lato-Bold';
    margin-bottom: 4%;
    color: #324ea1;
}
.add-ch-con h1::after {
    content: '';
    position: absolute;
    top: 66px;
    bottom: 0;
    left: 44%;
    background-color: #3753a6 ;
    width: 10%;
    height: 3px;
}
.add-ch-con p{
    font-family: 'Lato-Regular';
}
.add-ch-con ul li{
    list-style-type: none;
    font-family: 'Lato-Regular';
    margin-bottom: 12px;
}
.add-ch-con ul li i{
    margin-right: 12px;
    color: #2d4c9f;
}
/* corrrectons */
.space{
    margin: 2% 0%;
}
.get-touch h2 a{
    text-decoration: none;
    color: #fff;
    transition: all 0.3s linear;
}
.get-touch h2 a:hover{
    text-decoration: none;
    color: #3753a6 ;
    transition: all 0.3s linear;
}
.get-touch h2 a i{
    padding-right: 12px;
}
header {
    /* position: relative; */
    z-index: 2;
}
.topsite {
    position: absolute;
    z-index: 99999;
    background-color: transparent;
    top: 0;
    left: 0%;
    height: auto;
    width: 100%;
}
.topsite .nv {
    padding: 10px 12px 22px;
    background: #ffffff;
}
.slider #myCarousel{
    position: relative;
}
.slider .carousel-indicators {
    position: absolute;
    bottom: 38%;
    right: 65px;
    left: 90%;
    /* transform: translateY(-46%); */
    transform: rotate(90deg);
}
.slider span.glyphicon.glyphicon-chevron-right, .slider span.glyphicon.glyphicon-chevron-left{
    display: none;
}
.slider .carousel-caption h2 {
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
}
.slider .carousel-caption{
    bottom: 22%;
    /* background: #000000a6; */
    padding: 8%;
    right: -1%;
    left: 0%;
}
#wh-we {
    padding: 4% 0%;
    background: #f5f5f5;
}
.service{
    font-family: 'Lato-Regular';
    background: #f5f5f5;
    margin: 6% 0px 0px;
}
.ser-sec1{
    text-align:center;
}
.ser-sec1 h1{
    text-transform: capitalize;
    color: #3753a6 ;
}
.ser-sec1 p{
    margin: 30px 0 40px;
    font-size: 16px;
}
.ser-sec1 table{
    margin: 0% auto;
}
.ser-sec1 table, .ser-sec1 th, .ser-sec1 td{
    text-align: center;
    padding: 12px;
    border: 1px solid #000;
}
.ser-sec2 h1{
    text-transform: capitalize;
    color: #3753a6 ;
    margin-bottom: 28px;
}
.ser-sec2 ul li{
    margin-bottom: 12px;
}
.nav-bar{
    margin: 12px 0px;
}
.tooltip{
    text-transform: capitalize;
}
.req-form{
    font-family: 'Lato-Regular';
}
.req-form h1{
    text-transform: capitalize;
}
/* .req-form form .form-group{
    display: inline-block;
} */
.req-form form textarea{
    margin: 10px 26px 20px 5px;
    resize: vertical;
}
.req-form form label {
    text-transform: capitalize;
}
/* .req-form form div+div{
    display: flex;
}
.req-form form div+div label{
   justify-content: center;
   align-content: space-between;
   width: 25%;
} */
.req-form form select{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-transform: capitalize;
}
.req-form .form-control:focus {
    border-color: #ccc;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.req-form form div:nth-child(9){
    text-align: center;
}
.req-form form label.error{
    right: 11px;
    top: 17px;

}
.req-form form .btn{
    background: #3652a5;
    color: #fff;
    transition: all 0.3s linear;
}
.req-form .btn:hover {
    background: #254ab5;
    color: #fff;
    transition: all 0.3s linear;
}
/* service page */
.main-ser-head {
    text-align: center;
}
.main-ser-head h1{
    font-family: 'Lato-Bold';
    font-size: 36px;
    color: #222222;
    margin-bottom: 12px;
}
.main-ser-head p{
    font-size: 16px;
    font-family: 'Lato-Light';
    font-weight: normal;
    line-height: 24px;
    color: #777777;
    margin-bottom: 20px;
}
.service-item a{
    text-decoration: none;
    color: #777;
}
.service-item h4{
    font-size: 20px;
    font-family: 'Lato-Bold';
    color: #222222;
    margin-bottom: 18px;
}
.service-item p{
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
}
.service-item{
    text-align: center;
    padding: 45px 55px;
    border-radius: 10px;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    margin-bottom: 30px;
    min-height: 520px;
}
.service-item:hover{
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s linear;
}
/* approach */
#approach{
    position: relative;
    background: #f7f7f7;
    padding: 7% 0%;
}
#approach:after {
    position: absolute;
    content: "";
    top: 70px;
    left: 0;
    width: 36%;
    bottom: 70px;
    background: url(../images/offer.jpg) no-repeat center center/cover;
    z-index: 1;
}
.app-title {
    margin-bottom: 5%;
}
.app-title h1{
    font-family: 'Lato-Bold';
    font-size: 42px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.appr-item {
    padding: 50px;
    background: #fff;
    margin-bottom: 30px;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.appr-item h4{
    font-size: 20px;
    font-family: 'Lato-Bold';
    color: #222222;
    margin-bottom: 20px;
}
.appr-item p{
    color: #777;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
}
.appr-item:hover {
    border: 1px solid #000;
    transition: all 0.3s linear;
}
.appr-right{
    padding-left: 35px;
}
/* industry */
.ind-title {
    text-align: center;
}
.ind-title h1 {
    font-family: 'Lato-Bold';
    color: #222222;
    margin-bottom: 20px;
}
.ind-title p{
    color: #777;
    font-size: 16px;
    margin: 12px 0px;
}
.ind-con{
    background: #f4f5fa;
    color: #000;
    margin: 3% 17%;
    padding: 4% 12%;
    border: 1px solid #ccc;
}
.ind-con p{
    font-size: 16px;
    margin-bottom: 22px;
}
.ind-con ul li{
    margin-bottom: 20px;
    transition: all 0.3s linear;
}
.ind-con ul li:hover{
  margin-left: 12px;
  transition: all 0.3s linear;
}

#hidscroll{
visibility: hidden;
}