

body {
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  font-family: sans-serif;
}

.border-blue {
  border-color: #1f90bd;
}
.border-red
{
  border-color: #ff252b;
}
.border-darkblue {
  border-color: #0b384a;
}

@media (min-width: 768px) {
  .border-darkblue-sm {
    border-color: #0b384a;
  }
}

.bg-blue {
  background: #1f90bd;
}
.bg-red
{
  background: #ff252b;
}
.btn {
  border-radius: 0;
  margin-right: 10px;
  padding: .5em 1em;
}

@media (min-width: 768px) {
  .btn {
    padding: .5em 2em;
  }
}

.bg-darkblue {
  background: #2f538a;
}

h1 {
  font-size: 36px;
  line-height: 46px;
  font-family: "Poppins-Bold";
  margin: 0 0 5px 0;
}

h2 {
  font-size: 28px;
  line-height: 32px;
  margin: 0 0 5px 0;
  font-family: "Poppins-Bold";
}

h2.font-light {
  font-family: "Poppins-Light";
}

h3 {
  font-size: 22px;
  line-height: 32px;
  margin: 0 0 5px 0;
  font-family: "Poppins-Bold";
}

h3.font-light {
  font-family: "Poppins-Light";
}

h4 {
  font-size: 18px;
  line-height: 28px;
  margin: 0 0 5px 0;
  font-family: "Poppins-Bold";
}

h4.font-light {
  font-family: "Poppins-Light";
}

h4 p {
  display: inline-block;
}

p {
  font-size: 14px;
  line-height: 24px;
  margin: 0 0 10px 0;
}

a {
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

.text-darkblue {
  color: #0b384a;
}

.text-darkblue h2, .text-darkblue h3, .text-darkblue h4, .text-darkblue p, .text-darkblue a, .text-darkblue span {
  color: #0b384a;
}

.text-white {
  color: #fff;
}

.text-white h2, .text-white h3, .text-white h4, .text-white p, .text-white a, .text-white span {
  color: #fff;
}

.bg-none {
  background: transparent;
}

.border-left-only {
  padding: 0px 10px;
  border-left: 5px solid #59ba46;
}

.search-form {
  display: none;
}

.navbar-brand img {
  height: 45px;
}

.w-65x {
  width: 65px;
}

.text-white .form-control {
  border-radius: 0%;
  border-color: #fff;
  max-height: 100px;
  background: transparent;
  color: #fff;
}

.text-white .form-control:focus {
  box-shadow: none;
  background: transparent;
}

.icon svg {
  color: #ffc600;
}

header {
  position: fixed;
  background: #fff;
  z-index: 99;
  top: 0;
}

header .navbar-expand-lg {
  padding: 5px 0;
}

header .navbar-expand-lg .navbar-collapse {
  position: absolute;
  top: 100%;
  background: white;
  z-index: 2;
}

@media (min-width: 1024px) {
  header .navbar-expand-lg .navbar-collapse {
    position: relative;
  }
}

header .navbar-expand-lg .navbar-nav {
  justify-content: flex-end;
}

header .navbar-expand-lg .navbar-nav .nav-link {
  padding-left: .5em;
  padding-right: .5em;
  color: #000;
}

@media (min-width: 1200px) {
  header .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 1em;
    padding-right: 1em;
  }
  header .navbar-expand-lg .navbar-nav .nav-item:first-child .nav-link
  {
    padding-left: 0;
  }
}

header .navbar-expand-lg .navbar-toggler:focus {
  outline: none;
}

header .navbar-expand-lg .navbar-toggler .navbar-toggler-icon {
  color: #0b384a;
}

header .search .search-icon {
  position: fixed;
  top: 20px;
  right: 75px;
}

main {
  margin-top: 150px;
}

.slider .carousel-caption {
  top: 5%;
  left: 9%;
  right: 5%;
  text-align: left;
}
.slider .carousel-caption h1, .slider .carousel-caption h2, .slider .carousel-caption p 
{
  margin-bottom: 15px;
}
.slider .carousel-caption .caption-desc
{
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .slider .carousel-caption {
    top: 15%;
  }
}

.slider .carousel-caption .caption-desc {
  display: block;
}

@media (min-width: 768px) {
  .slider .carousel-caption .caption-desc {
    width: 75%;
  }
}

@media (min-width: 1024px) {
  .slider .carousel-caption .caption-desc {
    width: 37%;
	text-align:center;
  }
  p.slider-description
{
	text-align:center;
}
a.btn.bg-red.border-red.text-white
{
	text-align:center;
}
}

.slider .carousel-caption img {
 width:15%;
 border-radius:70px;
}
img.dell-banner
{
	width:100%;
	margin-top:-12px;
}
img.img-fluid.mx-auto.d-block {
    width: 95%;
}



.slider .carousel-indicators {
  margin-left: 5%;
  margin-right: 5%;
  justify-content: left;
}

.slider .carousel-indicators li {
  width: 10px;
  height: 10px;
  margin-right: 8px;
  border-radius: 50%;
}

.our-blog .carousel-item-inner {
  box-shadow: 0 0 10px #1f90bd26;
  margin: 10px 0;
}

.our-blog .carousel-item-inner .carousel-caption {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
}

.our-blog .carousel-item-inner .carousel-caption .date-author {
  font-style: italic;
}

.our-blog .carousel-item-inner .carousel-caption .date-author .author {
  color: #1f90bd;
}

.our-blog .carousel-item-inner .carousel-caption .border-left-only {
  padding: 0px 10px;
  border-left: 5px solid #59ba46;
}

.achievement {
  background-image: url("image/achieve-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.achievement .achievement-content .achievement-icon img {
  width: 100px;
}

.upcomming-event .carousel-item-inner {
  box-shadow: 0 0 10px #1f90bd26;
  margin: 10px 0;
}

.upcomming-event .carousel-item-inner .carousel-caption {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
}

.static-banner {
  background-image: url("../images/team-dedication.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.testimonial .carousel-caption {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
}

.testimonial .carousel-indicators {
  position: relative;
}

.testimonial .carousel-indicators li {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #0b384a;
  margin: 5px;
}

.testimonial .carousel-indicators li.active {
  border: 1px solid #0b384a;
  padding: 5px;
}

.testimonial .view-all {
  position: absolute;
  top: 0;
  right: 0;
}

.multi-item h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  -webkit-line-clamp: 2;
  height: 56px;
}

.multi-item .blog-discription, .multi-item .event-discription {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  -webkit-line-clamp: 3;
  height: 72px;
}

.design-develop {
  background-image: url("../images/design-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow-x: hidden;
}

.design-develop .contact-form {
  background: #59ba46;
}

.design-develop .contact-form::after {
  content: "";
  position: absolute;
  background: #59ba46;
  top: 0;
  bottom: 0;
  width: 9999px;
  left: 99%;
}

.our-client .client-img {
  margin: 15px;
}

.our-client .client-img img {
  box-shadow: 0 0 10px #1f90bd26;
}

footer ul {
  list-style-type: disc;
}

footer ul li::marker {
  color: #1f90bd;
}

footer .nav-link {
  padding: 3px 0;
}

footer a {
  font-size: 14px;
  line-height: 24px;
}

footer a:hover {
  text-decoration: none;
}

footer h4 {
  font-family: "Poppins-Medium";
}

footer .social-links .social-icon {
  display: inline-block;
  background-image: url("../images/social-sprite.png");
  position: relative;
  width: 38px;
  height: 38px;
}

footer .social-links .social-icon.facebook {
  background-position: -8px 0;
}

footer .social-links .social-icon.twitter {
  background-position: -83px 0;
}

footer .social-links .social-icon.instagram {
  background-position: -45px 0;
}

footer .social-links .social-icon.youtube {
  background-position: -120px 0;
}




footer .floating-social-links {
  position: fixed;
  top: 25%;
  right: 0;
  z-index: 2;
}

footer .floating-social-links a {
  width: 40px;
  height: 40px;
  border-radius: 50% 0 0 50%;
  background: #0b384a;
  display: flex;
  margin-bottom: 5px;
  background-image: url("../images/floating-social-sprite.png");
  background-repeat: no-repeat;
}

footer .floating-social-links a.facebook {
  background-position: -40px 3px;
}

footer .floating-social-links a.twitter {
  background-position: -124px 2px;
}

footer .floating-social-links a.insta {
  background-position: -168px 2px;
}

footer .floating-social-links a.linkedin {
  background-position: -258px 3px;
}

footer .floating-social-links a.google-plus {
  background-position: 1px 2px;
}

footer .floating-social-links a.behance {
  background-position: -82px 2px;
}

footer .floating-social-links a.pinterest {
  background-position: -213px 3px;
}

footer .footer-bottom {
  background: #04161d;
}

.carousel-control {
  position: absolute;
  top: -45px;
  right: 0px;
  display: inline-block;
}

.carousel-control .carousel-control-next, .carousel-control .carousel-control-prev {
  position: relative;
  display: inline-block;
  color: #0b384a;
  opacity: 1;
}

@media (min-width: 768px) {
  /* Show 4th slide on md  if col-md-4*/
  .multi-item .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;
    /*change this with javascript in the future*/
    z-index: -1;
    display: block;
    visibility: visible;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  /* Show 3rd slide on sm  if col-sm-6*/
  .multi-item .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -50%;
    /*change this with javascript in the future*/
    z-index: -1;
    display: block;
    visibility: visible;
  }
}

@media (min-width: 576px) {
  .multi-item .carousel-item {
    margin-right: 0;
  }
  /* show 2 items */
  .multi-item .carousel-inner .active + .carousel-item {
    display: block;
  }
  .multi-item .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .multi-item .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
    transition: none;
  }
  .multi-item .carousel-inner .carousel-item-next {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  /* left or forward direction */
  .multi-item .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .multi-item .carousel-item-next.carousel-item-left + .carousel-item,
  .multi-item .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  /* farthest right hidden item must be abso position for animations */
  .multi-item .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }
  /* right or prev direction */
  .multi-item .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .multi-item .carousel-item-prev.carousel-item-right + .carousel-item,
  .multi-item .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}

/*MD*/
@media (min-width: 768px) {
  /* show 3rd of 3 item slide */
  .multi-item .carousel-inner .active + .carousel-item + .carousel-item {
    display: block;
  }
  .multi-item .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
    transition: none;
  }
  .multi-item .carousel-inner .carousel-item-next {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  /* left or forward direction */
  .multi-item .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  /* right or prev direction */
  .multi-item .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}

@media (min-width: 1024px) {
  /* Show 4th slide on md if col-md-4*/
  .our-client .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -20%;
    /*change this with javascript in the future*/
    z-index: -1;
    display: block;
    visibility: visible;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* Show 4th slide on md if col-md-4*/
  .our-client .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -25%;
    /*change this with javascript in the future*/
    z-index: -1;
    display: block;
    visibility: visible;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  /* Show 4th slide on md if col-md-4*/
  .our-client .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;
    /*change this with javascript in the future*/
    z-index: -1;
    display: block;
    visibility: visible;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  /* Show 3rd slide on sm if col-sm-6*/
  .our-client .carousel-inner .active.carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -50%;
    /*change this with javascript in the future*/
    z-index: -1;
    display: block;
    visibility: visible;
  }
}

@media (min-width: 300px) {
  .our-client .carousel-item {
    margin-right: 0;
    width: 50%;
  }
  /* show 2 items */
  .our-client .carousel-inner .active + .carousel-item {
    display: block;
  }
  .our-client .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .our-client .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
    transition: none;
  }
  .our-client .carousel-inner .carousel-item-next {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  /* left or forward direction */
  .our-client .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .our-client .carousel-item-next.carousel-item-left + .carousel-item,
  .our-client .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  /* farthest right hidden item must be also positioned for animations */
  .our-client .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }
  /* right or prev direction */
  .our-client .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .our-client .carousel-item-prev.carousel-item-right + .carousel-item,
  .our-client .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}

/* MD */
@media (min-width: 576px) {
  .our-client .carousel-item {
    width: 33.3333%;
  }
  /* show 3rd of 3 item slide */
  .our-client .carousel-inner .active + .carousel-item + .carousel-item {
    display: block;
  }
  .our-client .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
    transition: none;
  }
  .our-client .carousel-inner .carousel-item-next {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  /* left or forward direction */
  .our-client .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  /* right or prev direction */
  .our-client .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}

/* LG */
@media (min-width: 768px) {
  .our-client .carousel-item {
    width: 25%;
  }
  /* show 4th item */
  .our-client .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
    display: block;
  }
  .our-client .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
    transition: none;
  }
  /* left or forward direction */
  .our-client .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  /* right or prev direction //t - previous slide direction last item animation fix */
  .our-client .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}

@media (min-width: 1024px) {
  .our-client .carousel-item {
    width: 20%;
  }
  .our-client .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    display: block;
  }
  .our-client .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    transition: none;
  }
  .our-client .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -20%;
    /*change this with javascript in the future*/
    z-index: -1;
    display: block;
    visibility: visible;
  }
  .our-client .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  .our-client .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}







/*new*/
.logo-cls
{
	width:100%;
}
.top-header
{
  background-color: #347ab8;
  color: #fff;
  padding: 10px 0;
}
.top-header p
{
  margin: 0;
  color:#c7cedb;
}
.top-right-border
{
  border-right: 1px solid rgba(250,250,250,.1);
}
.top-header a
{
  color: #fff;
  font-weight: 600;
  font-size: 15px;
}
.top-header a.btn
{
  background-color: #ff252b;
  border: 2px solid #ff252b;
}
.top-header a.btn:hover
{
  background: transparent;
  border: 2px solid #fff;
}
.px-30
{
  padding: 0 30px;
}
header .social-links .social-icon {
  display: inline-block;
  background-image: url("../images/social-sprite.png");
  position: relative;
  width: 38px;
  height: 30px;
}

header .social-links .social-icon.facebook {
  background-position: -8px 33px;
}

header .social-links .social-icon.twitter {
  background-position: -83px 33px;
}

header .social-links .social-icon.instagram {
  background-position: -45px 33px;
}

header .social-links .social-icon.youtube {
  background-position: -120px 33px;
}
.four-column-icons {
    background-image: linear-gradient(
45deg, #156ba3, #071042);
    padding: 50px 0;
    color: #fff;
}
h6
{
  font-weight: 600;
  margin-bottom: 0px;
  margin-top: 3px;;
}
.four-column-icons span
{
  line-height: 20px;
  font-size: 14px;
}
#service-four
{
  background: #ff252b;
}
/*# sourceMappingURL=style.css.map */



h1.dell-cls {
    font-size: 42px;
    font-weight: 900;
    line-height: 54px;
    font-family: "Muli", sans-serif;
    margin: 0 0 5px 0;
	color:#156ba3;
}
p.dell-para {
    text-align: justify;
    font-size: 16px;
    line-height: 1.7em;
}
section#service-cls {
    background-color: #eee;
	padding-top: 50px;
    padding-bottom: 50px;
}
p.step__content {
    margin-left: 76px;
    text-align: justify;
    font-size: 15px;
	margin-right:40px;
}
.step-ttl
{
 font-weight:600;
 margin-left:22px;
 color:#333;
 font-family:"Muli", sans-serif;
 font-size:19px;
}
img.img-fluid
{
	width:15%;s
}


p.slider-description {
    font-size: 16px;
    line-height: 1.7em;
    text-align: justify;
}
.title {
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    color: #156ba3;
}
hr.hr-cls {
    width: 10%;
    border: 2px solid #ff252b;
}

section#abt
{
	padding-top:50px;
	padding-bottom:50px;
}
img.dell-img
{
	margin-left:20px;
	width:100%;
}
.step__title {
    margin-bottom: 7px;
    
}
p.step__contents {
    text-align: justify;
    /* padding: 0px; */
}
.service-row
{
	padding:10px;
}
h3.re-cls {
    font-family: "Muli", sans-serif;
}
h2.blocks-title.font-light
{
	font-family: "Muli", sans-serif;
	font-weight:700;
}
h4.achievement-name.font-light
{
	font-size:22px;
}
p.block-description
{
	text-align:center;
	padding-top:10px;
	font-size:17px;
}
section#clients
{
	background-image:linear-gradient(45deg, #071042, #156ba3);
	padding-bottom:40px;
	padding-top:40px;
}
h2.gallery-cls {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
	font-family:"Muli", sans-serif;
}
img.logo-cls1
{
	
    width: 100%;
}


.icon-box.why1 {
    background-image: linear-gradient(
45deg, #156ba3, #071042);
    color: #fff;
    padding: 35px;
    text-align: center;
	border-radius:30px;
	box-shadow:0px 0px 10px 0px #333;
}
.icon-box.why2 {
    background-color:#eee;
    padding: 35px;
    text-align: center;
	border-radius:30px;
	box-shadow:0px 0px 10px 0px #156ba3;
}
i#why{
	font-size:35px;
}
h6.why-title {
    font-size: 21px;
	padding-bottom:15px;
}
.menu-bar
{
	box-shadow:0px 0px 3px 0px #333;
}
section#how
{
	background-image:linear-gradient(45deg, #071042, #156ba3);
}
img.laptop-img
{
	width:50%;
}
p{
	text-align:justify;
}


.card-header
{
	background-image:linear-gradient(45deg, #071042, #156ba3);
	padding:3px;
}

button.btn.btn-link
{
	color:#fff;
}
h2.block-title {
    font-size: 29px;
    padding-bottom: 8px;
    font-weight: 600;
    /* line-height: 54px; */
    font-family: "Muli", sans-serif;
    margin: 0 0 5px 0;
    color: #156ba3;
}

div.service
{
	text-align:center;
}
img.service
{
	width:95%;
	box-shadow:0px 0px 2px 0px #333;
}
h6.service-title {
    box-shadow: 0px 0px 10px 0px;
    padding: 15px;
    margin: 0px 5px 11px 5px;
}