header {
  
    background: #fff !important;
    overflow: visible;
    display: flex;
    align-items: center;
    border-bottom: 2px solid #efefef;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    background-color: #fff !important;
    padding: 0 20px;
}

.navbar-dark .navbar-nav .nav-link {
  color: #000 !important;
  font-size: 22px;
  margin-right: 10px;
}
.navbar-dark .navbar-brand {
    color: #000;
}
li.nav-item {
  position: relative;
}
.navbar a.nav-link:after {
  content: "";
  position: absolute;
  left: 0;
  display: inline-block;
  height: 1em;
  width: 100%;
  border-bottom: 1px solid #000A63 ;
  margin-top: 10px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}

a.nav-link:hover:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
a.nav-link.dropdown-toggle::after {
    display: inline-block !important;
    margin-left: .255em !important;
    vertical-align: .255em !important;
    content: "" !important;
    border-top: .3em solid !important;
    
    width: 15px !important;
    
    height: auto !important;
     opacity: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
   
}
.navbar a.active:after {
   content: "";
  position: absolute;
  left: 0;
  display: inline-block;
  height: 1em;
  width: 100%;
  border-bottom: 1px solid #000A63 ;
  margin-top: 10px;
  opacity:1;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
   opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.logob {
  width: 214px;
  height: auto;
  padding:5px 0;
}
.animated-button1 {
      background: linear-gradient(-30deg, #000A63  50%, #000A63  50%);
    padding: 14px 40px;
    margin: 12px 12px 12px 0;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #f7d4d4;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 76px;
    text-transform: capitalize;
}
.animated-button1:hover {
  color: #fff;
}

.banr h1 {
    font-weight: bold;
    font-size: 60px;
    margin-top: 70px;
    color: #000A63 ;
    word-wrap: break-word;
   
}
.banr h6 {
    font-size: 30px;
    margin-top:25px;
}



.ml1 .letter {
  display: inline-block;
  line-height: 1em;
}

.ml1 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.15em;
}

.ml1 .line {
  opacity: 0;
  position: absolute;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #000A63 ;
  transform-origin: 0 0;
}

.ml1 .line1 { top: 0; }
.ml1 .line2 { bottom: 0; }
.ml2 {
  font-weight: 900;
  font-size: 3.5em;
}

.ml2 .letter {
  display: inline-block;
  line-height: 1em;
}
.titlesec {
        margin-top: 80px;
        font-size: 45px;
}
.homeban p {
    font-size: 25px;
}
/*animation css*/

.circle
{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.6);
    width: 100%;
    height: 150px;
  
    box-shadow: 0 0 0 5px #4973ff;
    border-radius: 50%;
    overflow: hidden;
}

.wave
{
    position: relative;
    width: 100%;
    height: 100%;
    background: #4973ff;
    border-radius: 50%;
    box-shadow: inset 0 0 50px rgba(0,0,0.5);
}
.wave:before,
.wave:after
{
    content: '';
    position: absolute;
    width: 200%;
    height: 200%;
    top: 0;
    left: 50%;
    transform: translate(-50%,-75%);
    background: #000;
}
.wave:before
{
    border-radius: 45%;
    background: rgba(255,255,255,1);
    animation: animate 10s linear infinite;
}
.wave:after
{
    border-radius: 40%;
    background: rgba(255,255,255,.5);
    animation: animate 5s linear infinite;
}
@keyframes animate
{
    0%
    {
        transform: translate(-50%,-70%) rotate(0deg);
    }
    100%
    {
        transform: translate(-50%,-75%) rotate(360deg);
    }
}

.canrel {
    background: #006ab4;
    padding: 20px 10%;
}
.canrel h2 {
        color: #fff;
        font-weight: 500;
        font-size: 52px;
        line-height: 52px;
        margin-top: 50px;
}
.canrel .benefit_row {
    webkit-align-items: center;
    align-items: center;
    transition: all ease-in-out .2s;
    padding-top: 25px;
    padding-bottom: 25px;
    border-radius: 12px;
    cursor: pointer;
    }
.canrel .mobile_cont .number {
    color: #cfcccc;
    font-size: 140px;
    position: absolute;
    top: 15px;
    line-height: 60px;
    left: 12px;
    z-index: 0;
    opacity: .1;
    pointer-events: none;
}
.canrel .benefit_row:hover {
    background: #006ab4;
    box-shadow: 10px 4px 30px #0089cb;
}
.canrel .benefit_row:hover .mobile_cont {
    border-left-color: #ff7834;
}
.mobile_cont {
    position: relative;
    border-left: 6px solid transparent;
    padding-left: 15px;
    transition: all ease-in-out .2s;
}
.mobile_cont .number {
    font-family: Montserrat,sans-serif;
    color: #fff;
    font-size: 140px;
    position: absolute;
    top: 15px;
    line-height: 60px;
    left: 12px;
    z-index: 0;
    opacity: .1;
    pointer-events: none;
}
.benefit_row h3 {
    font-weight: bold;
    color: #fff
}
.mobile_cont  p {
    
    font-size: 24px;
    line-height: 26px;
    color: #fff;
}
.mobile_cont p {
    margin: 0;
}
/*testimonialslider*/
.carousel-inner .carousel-item .img-box{
    width: 135px;
    height: 135px;
}
.carousel-control-prev{
    left: -100px;
}
.carousel-control-next{
    right: -100px;
}
.carousel-indicators{
    top: 320px;
}
.testititle {
        font-size: 50px;
    font-weight: bold;
    /*text-align: center;*/
    margin-top: 15px;
    margin-bottom:15px;
}
.testicont {
    padding: 20px 10%;
}
.testipara {
    color: #a0a0a0 !important;
    font-size: 31px !important;
}
h2{
  text-align:center;
  padding: 20px;
}
/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.text-warning {

}
.carousel-indicators li {
    color: #000 !important;
    background: #000;
    width: 15px;
border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
}
.br-1 {
    border-top:solid 1px #3e7dbb;
}
.carousel-indicators .active {
    color: #006ab2 !important;
     background: #006ab2;
}
.testicont p {
    font-size: 22px;
    color: #353535;
    text-align: justify;
    line-height: 30px;
    margin-top: 50px;
}
.abou p {
  margin-top: 0;
}
.container-fluid.testicont.web img {
    margin-top: 50px;
}
.navbar-dark .navbar-toggler {
    color: rgba(28, 18, 18, 0.5);
}

footer {
    background: #000A63 ;
    margin-top:130px;   
}
.navbar-dark .navbar-toggler-icon {
  background-image: url(../images/logosite.png);
  height: 25px;
  width: 25px;
}
footer .footercou {
    padding: 20px 10%;
}
.contactimg {
    width: 20px;
    margin-right: 5px
}
.contacttext {
   color: #fff;
    font-size: 20px;
    margin-right: 5px;
    margin-bottom: 0;
}
.dropdown:hover>.dropdown-menu {
  display: block !important;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
/*timesec*/
.yotime {
  background: url(../images/one-1--min.png);
  background-size: cover;
  width: 100%;
  padding-bottom: 50px;
}
.yotime h2 {
  font-size: 50px;
  text-align: center;
  padding-top: 30px;
}
.yotime p {
  font-size: 25px;
  color: #fff;
  text-align: center;
}
.preparing {
  padding: 20px 10%;
}
.preparing h2 {
  font-size: 52px;
  color: #000;
  text-align: center;
}
.preparing .icnbox {
     -webkit-box-shadow: 0 18px 40px rgba(51, 51, 51, 0.1);
    box-shadow: 0 18px 40px rgba(51, 51, 51, 0.1);
    background: #fff;
    border-radius: 5px;
    padding: 50px 10px 50px 10px;
    -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    text-align: center;
    margin-top: 60px;
    text-align: center;
}
/*.height409 {
  height: 409px;
}*/
.preparing .boximg img {
  width: 90px;
  height: 90px;
  display: block;
  margin: 0 auto;
}
.preparing .heading {
  text-align: center;
  font-size: 20px;
  margin-top: 15px;
}
/*contact*/


/*logoslider*/
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
 .reacttop {
  margin-top:70px !important;
}   
/*roundanimation */
.circle1 {
  width: 10px;
    height: 10px;
    background: #006ab2;
    border: 0;
    border-radius: 50%;
    position: absolute;
    top: 171px;
    bottom: 0;
    left: -79px;
    right: 0;
    overflow: hidden;
    margin: auto;
    animation: circle 6s infinite;
    animation-direction: alternate;
}
.circle2 {
  width: 10px;
    height: 10px;
    background: #006ab2;
    border: 0;
    border-radius: 50%;
    position: absolute;
    top: -264px;
    bottom: 0;
    left: 211px;
    right: 0;
    overflow: hidden;
    margin: auto;
     animation: circle2 6s infinite;
    animation-direction: alternate;
}
.circle3 {
  width: 10px;
    height: 10px;
    background: #006ab2;
    border: 0;
    border-radius: 50%;
    position: absolute;
   
    bottom: 0;
    left: 135px; top: -36px;
    right: 0;
    overflow: hidden;
    margin: auto;
    animation: circle3 6s infinite;
    animation-direction: alternate;

}
.circle4 {
  width: 10px;
    height: 10px;
    background: #006ab2;
    border: 0;
    border-radius: 50%;
    position: absolute;
    top: -298px;
    bottom: 0;
    left: 510px;
    right: 0;
    overflow: hidden;
    margin: auto;
    animation: circle4 8s infinite;
    animation-direction: alternate;
}

@keyframes circle {
 0%   {background: #006ab2; left: -89px; top: 175px;}
  25%   {background: #006ab2; left: -34px; top: 145px;}
  75%   {background: #006ab2; left: -34px; top: -211px;}
   100%   {background: #006ab2; left: 30px; top: -247px;}
   
}
@keyframes circle2 {
  0%   {background: #006ab2; left: 232px; top: -260px;}
  100%   {background: #006ab2;  left: 309px; top: -310px;}
}
@keyframes circle3 {
  0%   {background: #006ab2;  left: 135px; top: -36px;}
  20%   {background: #006ab2; left: 141px; top: -15px;}  
  40%   {background: #006ab2; left: 296px; top: -103px;}
   60%   {background: #006ab2; left: 297px; top: -27px;}
   70%   {background: #006ab2; left: 317px; top: -11px;}
   80%   {background: #006ab2; left: 349px; top: -25px;}
   90%   {background: #006ab2; left: 349px; top: 93px;}
   100%   {background: #006ab2; left: 378px;  top: 87px;}
}
@keyframes circle4 {
  0%   {background: #006ab2;  left: 510px; top: -298px;}
  5%   {background: #006ab2; left: 542px; top: -318px;}
  10%   {background: #006ab2; left: 542px; top: -370px;}
  20%   {background: #006ab2; left: 579px; top: -389px;}
  30%   {background: #006ab2; left: 542px; top: -370px;}
  40%   {background: #006ab2; left: 542px; top: -435px;}
   50%   {background: #006ab2; left: 581px; top: -452px;}
   60%   {background: #006ab2; left: 542px; top: -435px;}
   70%   {background: #006ab2; left: 542px; top: -496px;}
   80%   {background: #006ab2; left: 581px; top: -515px;}
   90%   {background: #006ab2; left: 542px; top: -496px;}
   95%   {background: #006ab2; left: 542px; top: -552px;}
   100%   {background: #006ab2; left: 580px; top: -581px}
  }

.slimages {
    position: relative;
}
.banner-side-image {
    background-image: url(images/mobileapp.png);
    height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*service page*/

ul.list-ban {
    border-left: 2px solid #ff7834;
    padding-left: 20px;
}
ul.p-list {
    
    font-size: 26px;
    font-weight: 200;
    color: #353535;
    line-height: 32px;
}

ul.list-ban li {
    margin-bottom: .8rem;
    list-style: none;
    text-align: left;
}
.tab-list li a {
 
  width: 86px;
    height: 83px;
    background-image: url(../images/step-1.png);
    padding: 10px 10px 10px 10px;
    
    position: relative;
    margin:15px 76px 15px 0;
}
.tab-list li a.active {
  background-image: url(../images/step-1_1.png);
}
.list-tabul {
  background: #006ab4;
  border: none
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
     background-color: #006ab4 !important;
    border: solid 1px #006ab4;

}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    padding: 17px 0px 10px 5px;
    text-align: center;
}
.tab-list li a:before {
 content: "";
    top: 32px;
    left: 102px;
    width: 49px;
    height: 16px;
    background-image: url(../images/step-arrow.png);
    opacity: 1;
    position: absolute;
    
}
.tab-list li:last-child a:before {
  display: none;
}

.card.tab-list {
  border: none;
  background: #006ab4;
  color: #fff;
  margin: 0 auto;
}
.tab-pane img {
  background: 0 0;
    zoom: 1;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    -webkit-transform: scale(.7,.7);
    transform: scale(.7,.7);
    margin-top:-60px;
}
.tab-pane p {
  font-size: 22px;
}
.subt {
  text-decoration: underline;
  font-weight: bold;
  padding-top:15px;
}
.pmd-tabs {
  margin: 0 auto;
  display: table;
}


/*mobileappdevelopment*/
.buzz-holder {
    text-align: center;
    padding: 70px 40px 20px 40px;
    border-radius: 30px;
    box-shadow: 5px 0 81px rgba(90,115,187,.2);
    margin: 20px 0;
    transition: all eease-in-out .3s;
    height: 80%;
}
.buzz-holder {
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    position: relative;
}
.buzz-holder:hover {
    box-shadow: 0 0 20px rgba(90,115,187,.2);
    margin-top: -0.5px;
}
.buzz-holder:hover .roundci {
    animation: shake .82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0,0,0);
    backface-visibility: hidden;
    perspective: 1000px;
}
.roundci {
    width: 80px;
    height: 80px;
    background: #006ab4;
    border-radius: 50%;
    position: absolute;
    top: -29px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
    transition: opacity 400ms;
    transition-delay: 0ms;
    transition: all ease-in-out .3s;
}


figure p {
  font-size: 17px !important;
    line-height: 20px !important;
    text-align: center !important;
}
.buzz-icon-holder img {
    vertical-align: middle;
    text-align: center;
    /* display: table; */
    margin-top: 13px;
    margin-left: -6px;
}
/*aboutus*/
.abouttitle {
  margin-top:141px !important;
}
.md-box {
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
    transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
    margin: 0 0 0 0;
    padding: 18px 10px 17px 10px;
    background-color: #fff;
    border-radius: 05px 05px 05px 05px;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.md-box img {
  width: 71px;
  height: 71px;
}
.md-box .textside {
  float: left;
  width: 70%;
  font-size: 16px;
  line-height: 70px;
}
.md-box .img-box {
  float: right;
  width: 30%;
  text-align: right;
}
.md-box .img-box img:hover, .order1 img:hover, .boximg img:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.fn25 {
  font-size: 25px;
}
@media (max-width: 1534px) {
 
.circle4 {
    top: -291px;
    left: 492px;
}
.circle3 {
    left: 135px; 
    top: -36px;
}
.circle2 {
   top: -250px;
left: 218px;
}
 .circle1 {
    top: 161px;
    left: -68px;
}
@keyframes circle {
 0%   {background: #006ab2; left: -68px; top: 161px;}
  25%   {background: #006ab2; left: -32px; top: 137px;}
  75%   {background: #006ab2; left: -32px; top: -204px;}
   100%   {background: #006ab2; left: 23px; top: -238px;}
   
}
@keyframes circle4 {
  0%   {background: #006ab2;  left: 510px; top: -298px;}
  5%   {background: #006ab2; left: 523px; top: -311px;}
  10%   {background: #006ab2; left: 522px; top: -358px;}
  20%   {background: #006ab2; left: 557px; top: -378px; }
  30%   {background: #006ab2; left: 522px; top: -358px;}
  40%   {background: #006ab2; left: 522px; top: -420px;}
   50%   {background: #006ab2; left: 556px; top: -435px;}
   60%   {background: #006ab2; left: 522px; top: -420px;}
   70%   {background: #006ab2; left: 522px; top: -480px;}
   80%   {background: #006ab2; left: 556px; top: -495px;}
   90%   {background: #006ab2; left: 522px; top: -480px;}
   95%   {background: #006ab2; left: 522px; top: -533px;}
   100%   {background: #006ab2;left: 557px; top: -558px;}
  }
  @keyframes circle3 {
  0%   {background: #006ab2;   left: 135px; top: -36px;}
  20%   {background: #006ab2;  left: 132px;top: -13px;}
  40%   {background: #006ab2;  left: 283px;top: -96px;}
   60%   {background: #006ab2; left: 283px;top: -27px; }
   70%   {background: #006ab2; left: 301px;top: -10px;}
   80%   {background: #006ab2; left: 339px;top: -26px;}
   90%   {background: #006ab2; left: 339px;top: 84px;}
   100%   {background: #006ab2; left: 355px;top: 79px;}
}
@keyframes circle2 {
  0%   {background: #006ab2; left: 232px; top: -260px;}
  100%   {background: #006ab2;  top: -298px; left: 294px;}
}
}
@media (max-width: 1464px) {
.circle4 {
    top: -273px;
    left: 461px;
}
.circle2 {
    top: -247px;
    left: 209px;
}
@keyframes circle2 {
  0%   {background: #006ab2; left: 209px; top: -247px;}
  100%   {background: #006ab2;  left: 286px; top: -287px;}
}
@keyframes circle4 {
  0%   {background: #006ab2;  left: 461px; top: -273px;}
  5%   {background: #006ab2; left: 488px; top: -290px;}
  10%   {background: #006ab2; left: 488px; top: -337px;}
  20%   {background: #006ab2; left: 528px; top: -354px; }
  30%   {background: #006ab2; left: 488px; top: -337px;}
  40%   {background: #006ab2; left: 488px; top: -394px;}
   50%   {background: #006ab2; left: 525px; top: -409px;}
   60%   {background: #006ab2; left: 488px; top: -394px;}
   70%   {background: #006ab2; left: 488px; top: -448px;}
   80%   {background: #006ab2; left: 525px; top: -464px;}
   90%   {background: #006ab2; left: 488px; top: -448px;}
   95%   {background: #006ab2; left: 488px; top: -501px;}
   100%   {background: #006ab2;left: 524px; top: -526px;}
}
.circle3 {
   left: 125px;
top: -33px;
}
 @keyframes circle3 {
  0%   {background: #006ab2;   left: 125px; top: -33px;}
  20%   {background: #006ab2;  left: 128px;top: -14px;}
  40%   {background: #006ab2;  left: 279px;top: -95px;}
   60%   {background: #006ab2; left: 279px;top: -27px; }
   70%   {background: #006ab2; left: 294px;top: -13px;}
   80%   {background: #006ab2; left: 328px;top: -22px;}
   90%   {background: #006ab2; left: 328px;top: 82px;}
   100%   {background: #006ab2; left: 345px;top: 78px;}
}
}
@media (max-width: 1390px) {
.circle4 {
    top: -266px;
    left: 451px;
}
.circle2 {
    top: -231px;
    left: 198px;
}
.circle1 {
    top: 145px;
    left: -60px;
}
@keyframes circle {
 0%   {background: #006ab2; left: -60px; top: 145px;}
  25%   {background: #006ab2; left: -28px; top: 124px;}
  75%   {background: #006ab2; left: -28px; top: -185px;}
   100%   {background: #006ab2; left: 20px; top: -215px;}
   
}
@keyframes circle2 {
  0%   {background: #006ab2; left: 198px; top: -231px;}
  100%   {background: #006ab2;  left: 271px; top: -272px;}
}
@keyframes circle4 {
  0%   {background: #006ab2;  left: 451px; top: -266px;}
  5%   {background: #006ab2; left: 478px; top: -283px;}
  10%   {background: #006ab2; left: 478px; top: -330px;}
  20%   {background: #006ab2; left: 518px; top: -347px; }
  30%   {background: #006ab2; left: 478px; top: -330px;}
  40%   {background: #006ab2; left: 478px; top: -387px;}
   50%   {background: #006ab2; left: 515px; top: -402px;}
   60%   {background: #006ab2; left: 478px; top: -387px;}
   70%   {background: #006ab2; left: 478px; top: -441px;}
   80%   {background: #006ab2; left: 515px; top: -457px;}
   90%   {background: #006ab2; left: 478px; top: -441px;}
   95%   {background: #006ab2; left: 478px; top: -494px;}
   100%   {background: #006ab2;left: 514px; top: -519px;}
}
.circle3 {
   left: 118px;
top: -33px;
}
 @keyframes circle3 {
  0%   {background: #006ab2;   left: 118px; top: -33px;}
  20%   {background: #006ab2;  left: 118px;top: -11px;}
  40%   {background: #006ab2;  left: 264px;top: -88px;}
   60%   {background: #006ab2; left: 264px;top: -26px; }
   70%   {background: #006ab2; left: 279px;top: -11px;}
   80%   {background: #006ab2; left: 307px;top: -22px;}
   90%   {background: #006ab2; left: 309px;top:  79px;}
   100%   {background: #006ab2; left: 328px;top: 72px;}
}
}
@media (max-width: 1360px) {
.circle4 {
    top: -259px;
    left: 439px;
}
.circle2 {
    top: -224px;
    left: 196px;
}
@keyframes circle2 {
  0%   {background: #006ab2; left: 196px; top: -224px;}
  100%   {background: #006ab2;  left: 264px; top: -267px;}
}
@keyframes circle4 {
  0%   {background: #006ab2;  left: 439px; top: -259px;}
  5%   {background: #006ab2; left: 466px; top: -276px;}
  10%   {background: #006ab2; left: 466px; top: -323px;}
  20%   {background: #006ab2; left: 506px; top: -340px; }
  30%   {background: #006ab2; left: 466px; top: -323px;}
  40%   {background: #006ab2; left: 466px; top: -380px;}
   50%   {background: #006ab2; left: 503px; top: -395px;}
   60%   {background: #006ab2; left: 466px; top: -380px;}
   70%   {background: #006ab2; left: 466px; top: -434px;}
   80%   {background: #006ab2; left: 503px; top: -450px;}
   90%   {background: #006ab2; left: 466px; top: -434px;}
   95%   {background: #006ab2; left: 466px; top: -487px;}
   100%   {background: #006ab2;left: 502px; top: -512px;}
}
}
@media (max-width: 1330px) {
.circle4 {
    top: -252px;
    left: 427px;
}
.circle2 {
    top: -224px;
    left: 196px;
}
@keyframes circle2 {
  0%   {background: #006ab2; left: 196px; top: -224px;}
  100%   {background: #006ab2;  left: 264px; top: -267px;}
}
@keyframes circle4 {
  0%   {background: #006ab2;  left: 427px; top: -252px;}
  5%   {background: #006ab2; left: 454px; top: -269px;}
  10%   {background: #006ab2; left: 454px; top: -316px;}
  20%   {background: #006ab2; left: 494px; top: -333px; }
  30%   {background: #006ab2; left: 454px; top: -316px;}
  40%   {background: #006ab2; left: 454px; top: -373px;}
   50%   {background: #006ab2; left: 491px; top: -388px;}
   60%   {background: #006ab2; left: 454px; top: -373px;}
   70%   {background: #006ab2; left: 454px; top: -427px;}
   80%   {background: #006ab2; left: 491px; top: -443px;}
   90%   {background: #006ab2; left: 454px; top: -427px;}
   95%   {background: #006ab2; left: 454px; top: -480px;}
   100%   {background: #006ab2;left: 490px; top: -505px;}
}
.circle3 {
   left: 113px;
top: -30px;
}
 @keyframes circle3 {
  0%   {background: #006ab2;   left: 113px; top: -30px;}
  20%   {background: #006ab2;  left: 113px;top: -10px;}
  40%   {background: #006ab2;  left: 249px;top: -85px;}
   60%   {background: #006ab2; left: 249px;top: -23px; }
   70%   {background: #006ab2; left: 266px;top: -6px;}
   80%   {background: #006ab2; left: 296px;top: -20px;}
   90%   {background: #006ab2; left: 296px;top:  79px;}
   100%   {background: #006ab2; left: 313px;top: 72px;}
}
}
@media (max-width: 1290px)  {
.circle4 {
    top: -242px;
    left: 403px;
}
.circle2 {
    top: -221px;
    left: 187px;
}
.circle1 {
    top: 131px;
    left: -53px;
}
@keyframes circle {
 0%   {background: #006ab2; left: -53px; top: 131px;}
  25%   {background: #006ab2; left: -26px; top: 119px;}
  75%   {background: #006ab2; left: -26px; top: -173px;}
   100%   {background: #006ab2; left: 20px; top: -202px;}
   
}
@keyframes circle2 {
  0%   {background: #006ab2; left: 187px; top: -221px;}
  100%   {background: #006ab2;  left: 250px; top: -253px;}
}
@keyframes circle4 {
  0%   {background: #006ab2;  left: 403px; top: -242px;}
  5%   {background: #006ab2; left: 431px; top: -256px;}
  10%   {background: #006ab2; left: 431px; top: -298px;}
  20%   {background: #006ab2; left: 463px; top: -313px;}
  30%   {background: #006ab2; left: 431px; top: -298px;}
  40%   {background: #006ab2; left: 431px; top: -345px;}
   50%   {background: #006ab2; left: 462px; top: -361px;}
   60%   {background: #006ab2; left: 431px; top: -345px;}
   70%   {background: #006ab2; left: 431px; top: -395px;}
   80%   {background: #006ab2; left: 466px; top: -411px;}
   90%   {background: #006ab2; left: 431px; top: -395px;}
   95%   {background: #006ab2; left: 431px; top: -444px;}
   100%   {background: #006ab2;left: 464px; top: -462px;}
   .circle3 {
   left: 113px;
top: -30px;
}
 @keyframes circle3 {
  0%   {background: #006ab2;   left: 113px; top: -30px;}
  20%   {background: #006ab2;  left: 113px;top: -10px;}
  40%   {background: #006ab2;  left: 249px;top: -85px;}
   60%   {background: #006ab2; left: 249px;top: -23px; }
   70%   {background: #006ab2; left: 266px;top: -6px;}
   80%   {background: #006ab2; left: 296px;top: -20px;}
   90%   {background: #006ab2; left: 296px;top:  79px;}
   100%   {background: #006ab2; left: 313px;top: 72px;}
}

}
@media (max-width: 1230px)  {
.circle4 {
    top: -234px;
    left: 395px;
}
.circle2 {
    top: -207px;
    left: 176px;
}
@keyframes circle2 {
  0%   {background: #006ab2; left: 176px; top: -207px;}
  100%   {background: #006ab2;  left: 242px; top: -240px;}
}
@keyframes circle4 {
  0%   {background: #006ab2;  left: 395px; top: -234px;}
  5%   {background: #006ab2; left: 423px; top: -248px;}
  10%   {background: #006ab2; left: 424px; top: -290px;}
  20%   {background: #006ab2; left: 455px; top: -305px;}
  30%   {background: #006ab2; left: 423px; top: -290px;}
  40%   {background: #006ab2; left: 423px; top: -337px;}
   50%   {background: #006ab2; left: 454px; top: -353px;}
   60%   {background: #006ab2; left: 423px; top: -337px;}
   70%   {background: #006ab2; left: 423px; top: -387px;}
   80%   {background: #006ab2; left: 458px; top: -403px;}
   90%   {background: #006ab2; left: 423px; top: -387px;}
   95%   {background: #006ab2; left: 423px; top: -436px;}
   100%   {background: #006ab2;left: 458px; top: -454px;}
}
.circle3 {
   left: 104px;
top: -31px;
}
 @keyframes circle3 {
  0%   {background: #006ab2;   left: 104px; top: -31px;}
  20%   {background: #006ab2;  left: 108px;top: -11px;}
  40%   {background: #006ab2;  left: 234px;top: -76px;}
   60%   {background: #006ab2; left: 231px;top: -20px; }
   70%   {background: #006ab2; left: 248px;top: -8px;}
   80%   {background: #006ab2; left: 272px;top: -22px;}
   90%   {background: #006ab2; left: 272px;top:  73px;}
   100%   {background: #006ab2; left: 290px;top: 68px;}
}
}
@media (max-width: 1200px)  {
.circle4 {
    top: -226px;
    left: 385px;
}
.circle1 {
    top: 120px;
    left: -49px;
}
@keyframes circle {
 0%   {background: #006ab2; left: -49px; top: 120px;}
  25%   {background: #006ab2; left: -25px; top: 110px;}
  75%   {background: #006ab2; left: -25px; top: -159px;}
   100%   {background: #006ab2; left: 19px; top: -189px;}
   
}
@keyframes circle4 {
  0%   {background: #006ab2;  left: 385px; top: -226px;}
  5%   {background: #006ab2; left: 413px; top: -240px;}
  10%   {background: #006ab2; left: 414px; top: -282px;}
  20%   {background: #006ab2; left: 445px; top: -297px;}
  30%   {background: #006ab2; left: 413px; top: -282px;}
  40%   {background: #006ab2; left: 413px; top: -329px;}
   50%   {background: #006ab2; left: 444px; top: -345px;}
   60%   {background: #006ab2; left: 413px; top: -329px;}
   70%   {background: #006ab2; left: 413px; top: -379px;}
   80%   {background: #006ab2; left: 448px; top: -395px;}
   90%   {background: #006ab2; left: 413px; top: -379px;}
   95%   {background: #006ab2; left: 413px; top: -428px;}
   100%   {background: #006ab2;left: 448px; top: -446px;}
}
}
@media (max-width: 1170px)  {
.circle4 {
    top: -219px;
    left: 369px;
}
.circle2 {
    top: -196px;
    left: 169px;
}
@keyframes circle2 {
  0%   {background: #006ab2; left: 169px; top: -196px;}
  100%   {background: #006ab2;  left: 232px; top: -229px;}
}
@keyframes circle4 {
  0%   {background: #006ab2;  left: 369px; top: -219px;}
  5%   {background: #006ab2; left: 397px; top: -233px;}
  10%   {background: #006ab2; left: 398px; top: -275px;}
  20%   {background: #006ab2; left: 429px; top: -290px;}
  30%   {background: #006ab2; left: 397px; top: -275px;}
  40%   {background: #006ab2; left: 397px; top: -322px;}
   50%   {background: #006ab2; left: 428px; top: -338px;}
   60%   {background: #006ab2; left: 397px; top: -322px;}
   70%   {background: #006ab2; left: 397px; top: -372px;}
   80%   {background: #006ab2; left: 432px; top: -388px;}
   90%   {background: #006ab2; left: 397px; top: -372px;}
   95%   {background: #006ab2; left: 397px; top: -421px;}
   100%   {background: #006ab2;left: 432px; top: -439px;}
}


}
@media (max-width: 1130px) {
.circle4 {
    top: -213px;
    left: 363px;
}
@keyframes circle4 {
  0%   {background: #006ab2;  left: 363px; top: -213px;}
  5%   {background: #006ab2; left: 391px; top: -227px;}
  10%   {background: #006ab2; left: 392px; top: -269px;}
  20%   {background: #006ab2; left: 422px; top: -284px;}
  30%   {background: #006ab2; left: 391px; top: -269px;}
  40%   {background: #006ab2; left: 391px; top: -316px;}
   50%   {background: #006ab2; left: 422px; top: -332px;}
   60%   {background: #006ab2; left: 391px; top: -316px;}
   70%   {background: #006ab2; left: 391px; top: -366px;}
   80%   {background: #006ab2; left: 426px; top: -382px;}
   90%   {background: #006ab2; left: 391px; top: -366px;}
   95%   {background: #006ab2; left: 391px; top: -415px;}
   100%   {background: #006ab2;left: 426px; top: -433px;}
}
.circle3 {
   left: 93px;
top: -27px;
}
 @keyframes circle3 {
  0%   {background: #006ab2;   left: 93px; top: -27px;}
  20%   {background: #006ab2;  left: 98px;top: -10px;}
  40%   {background: #006ab2;  left: 210px;top: -69px;}
   60%   {background: #006ab2; left: 210px;top: -15px; }
   70%   {background: #006ab2; left: 224px;top: -5px;}
   80%   {background: #006ab2; left: 252px;top: -17px;}
   90%   {background: #006ab2; left: 252px;top:  69px;}
   100%   {background: #006ab2; left: 265px;top: 61px;}
}
}
@media (max-width: 1100px) {
 .circle4 {
    top: -210px;
    left: 355px;
}
.circle2 {
    top: -187px;
    left: 160px;
}
.circle1 {
    top: 110px;
    left: -41px;
}
@keyframes circle {
 0%   {background: #006ab2; left: -41px; top: 110px;}
  25%   {background: #006ab2; left: -20px; top: 96px;}
  75%   {background: #006ab2; left: -20px; top: -146px;}
   100%   {background: #006ab2; left: 20px; top: -168px;}
   
}
@keyframes circle2 {
  0%   {background: #006ab2; left: 160px; top: -187px;}
  100%   {background: #006ab2;  left: 214px; top: -215px;}
}
@keyframes circle4 {
  0%   {background: #006ab2;  left: 355px; top: -210px;}
  5%   {background: #006ab2; left: 372px; top: -221px;}
  10%   {background: #006ab2; left: 372px; top: -257px;}
  20%   {background: #006ab2; left: 401px; top: -268px;}
  30%   {background: #006ab2; left: 372px; top: -257px;}
  40%   {background: #006ab2; left: 372px; top: -302px;}
   50%   {background: #006ab2; left: 402px; top: -312px;}
   60%   {background: #006ab2; left: 372px; top: -302px;}
   70%   {background: #006ab2; left: 372px; top: -345px;}
   80%   {background: #006ab2; left: 402px; top: -356px;}
   90%   {background: #006ab2; left: 372px; top: -345px;}
   95%   {background: #006ab2; left: 372px; top: -385px;}
   100%   {background: #006ab2;left: 404px; top: -398px;}
}

}

@media (max-width: 1024px) {
.circle1, .circle2, .circle3, .circle4 {
    display: none !important;
}

}
@media (max-width: 1023px) {
.contact p {
  text-align: left !important;
  font-size: 15px;  
}
footer .social {
  text-align: left !important;
}
}
@media (max-width: 991px) {
.animated-button1 {
      margin: 26px 12px 12px 0;
padding: 5px 16px;
}
footer .contact, footer .social {
  margin-top: 5px !important;
}
.contacttext {
    font-size: 16px;
    margin-right: 2px;
}
.navbar-dark .navbar-nav .nav-link {
  font-size: 19px;
}
}
@media (max-width: 768px) {
footer .contact, footer .social {
  margin-top: 20px !important;
}

}
@media (max-width: 767px) {
  .abouttitle {
    margin-top: 0 !important;
  }
  .testicont p {
    text-align: left;
  }
  .reacttop {
    margin-top: 0 !important;
}
.websiten {
  display: flex;
  flex-wrap: wrap;
}
.order2 {
  order: 1;
}
.order2 {
  order: 2;
}
#collapsibleNavbar {
    position: absolute;
    width: 100vh;
    top: 86px;
    background: #e6e6e6;
    padding-left: 10px;
    box-sizing: border-box;
}
.site-header.fixed-top {
  padding: 0;
}
.dropdown-menu {
   background-color: #eae8e8;
border: 0px solid rgba(0,0,0,.15);
}
.tab-list li a {
    margin: 15px 68px 15px 0;
}
.titlel {
  margin-top:0 !important;
}
.benefit_row img {
 
  margin-bottom: 15px;
}
.abou .order1 {
  margin: 0 auto;
  text-align: center !important;
}
.slimages .circle4, .slimages .circle3, .slimages .circle2, .slimages .circle1 {
  display: none !important;
}
.canrel h2 {
  margin-top: 0;
}
}
@media (max-width: 640px) {
  .testititle {
    word-wrap: break-word;
  }
    .carousel-inner .carousel-item p{
        font-size: 14px;
    }
    .carousel-control-prev{
        left: -40px;
    }
    .carousel-control-next{
        right: -40px;
    }
    .carousel-indicators{
        top: 400px;
    }
   .tab-list li a::before { 
    display: none;
   }
   .tab-list li a {
    margin:15px 8px 15px 0;
   }


.animated-button1 {
    background: linear-gradient(-30deg, #000A63  50%, #000A63  50%);
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #f7d4d4;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 76px;
    text-transform: capitalize;
}
footer .contact, footer .social {
  margin-top: 15px !important;
}
.navbar {
  padding:0;
}
.canrel h2 {
    font-size: 31px;

}
.banr h1 {
  font-size: 49px;
}
.md-box .textside {
  font-size: 16px;
}
.md-box {
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
    transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
    margin: 0 0 0 0;
    padding: 18px 21px 17px 15px;
    background-color: #fff;
    border-radius: 05px 05px 05px 05px;
    display: inline-block;
    width: 100%;
}
.titlesec {
  font-size: 30px;
}
.container-fluid.testicont.web img {
  margin-top: 0;
}
.titlesec.text-left.pl-5 {
  padding-left: 0 !important;
}
.order2 .text-left.fn25.pl-5  {
  padding-left: 0 !important
}
.banr h1 {
  margin-top: 10px;
}
}
@media (max-width: 420px) {
.logob {
  width: 100%;
}
.animated-button1 {
  font-size: 13px;
}
#collapsibleNavbar {
    top: 74px;
}
.md-box .textside {
    font-size: 14px;
}

}