html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
  }
  body {
    background: #fff;
    color: #4a4a4a;
    line-height: 1.5rem;
    font-family: sans-serif;
    min-width: 315px;
    overflow-x: hidden;
    font-stretch: always;
    -webkit-font-smoothing: antialiased
  }
  
  .container{
      width: 90%;
      margin: 0 auto;
      max-width: 1200px;
  }
  article,
  aside,
  footer,
  header,
  nav,
  section {
    display: block;
    overflow:hidden;
  }

  h1 {
    font-size: 2em;
    margin: .67em 0
  }

  figcaption,
  figure,
  main {
    display: block
  }

  figure {
    margin: 1em 40px
  }

  hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
  }

  pre {
    font-family: monospace, monospace;
    font-size: 1em
  }

  a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-transition: all 1s ease-in-out; 
      -moz-transition: all 1s ease-in-out; 
      -o-transition: all 1s ease-in-out; 
  }

  a:active,
  a:hover {
    outline-width: 0
  }

  abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
  }

  b,
  strong {
    font-weight: inherit;
    font-weight: bolder
  }

  code,kbd,
  samp {
    font-family: monospace, monospace;
    font-size: 1em
  }

  dfn {
    font-style: italic
  }

  mark {
    background-color: #ff0;
    color: #000
  }

  small {
    font-size: 80%
  }

  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
  }

  sub {
    bottom: -.25em
  }

  sup {
    top: -.5em
  }

  audio,
  video {
    display: inline-block
  }

  audio:not([controls]) {
    display: none;
    height: 0
  }

  img {
    border-style: none
  }

  svg:not(:root) {
    overflow: hidden
  }

  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
  }

  button,
  input {
    overflow: visible
  }

  button,
  select {
    text-transform: none
  }

  [type=reset],
  [type=submit],
  button,
  html [type=button] {
    -webkit-appearance: button
  }

  [type=button]::-moz-focus-inner,
  [type=reset]::-moz-focus-inner,
  [type=submit]::-moz-focus-inner,
  button::-moz-focus-inner {
    border-style: none;
    padding: 0
  }

  [type=button]:-moz-focusring,
  [type=reset]:-moz-focusring,
  [type=submit]:-moz-focusring,
  button:-moz-focusring {
    outline: 1px dotted ButtonText
  }

  fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
  }

  legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
  }

  progress {
    display: inline-block;
    vertical-align: baseline
  }

  textarea {
    overflow: auto
  }

  [type=checkbox],
  [type=radio] {
    box-sizing: border-box;
    padding: 0
  }

  [type=number]::-webkit-inner-spin-button,
  [type=number]::-webkit-outer-spin-button {
    height: auto
  }

  [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
  }

  [type=search]::-webkit-search-cancel-button,
  [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
  }

  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
  }

  details,
  menu {
    display: block
  }

  summary {
    display: list-item
  }

  canvas {
    display: inline-block
  }

  [hidden],
  template {
    display: none
  }

  .h1 {
    font-size: 3rem
  }

  .h2 {
    font-size: 2rem
  }

  .h3 {
    font-size: 1.5rem
  }

  .h4 {
    font-size: 1.125rem
  }

  .h5 {
    font-size: .875rem
  }

  .h6 {
    font-size: .75rem
  }

  .font-family-inherit {
    font-family: inherit
  }

  .font-size-inherit {
    font-size: inherit
  }

  .text-decoration-none {
    text-decoration: none
  }

  .bold {
    font-weight: 700
  }

  .regular {
    font-weight: 400
  }

  .italic {
    font-style: italic
  }

  .caps {
    text-transform: uppercase;
    letter-spacing: .2em
  }

  .left-align {
    text-align: left
  }

  .center {
    text-align: center
  }

  .right-align {
    text-align: right
  }

  .justify {
    text-align: justify
  }

  .nowrap {
    white-space: nowrap
  }

  .break-word {
    word-wrap: break-word
  }

  .line-height-1 {
    line-height: 1rem
  }

  .line-height-2 {
    line-height: 1.125rem
  }

  .line-height-3 {
    line-height: 1.5rem
  }

  .line-height-4 {
    line-height: 2rem
  }

  .list-style-none {
    list-style: none
  }

  .underline {
    text-decoration: underline
  }

  .truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .list-reset {
    list-style: none;
    padding-left: 0
  }

  .inline {
    display: inline
  }

  .block {
    display: block
  }

  .inline-block {
    display: inline-block
  }

  .table {
    display: table
  }

  .table-cell {
    display: table-cell
  }

  .overflow-hidden {
    overflow: hidden
  }

  .overflow-scroll {
    overflow: scroll
  }

  .overflow-auto {
    overflow: auto
  }

  .clearfix:after,
  .clearfix:before {
    content: " ";
    display: table
  }

  .clearfix::after {
    visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  }

  .left {
    float: left
  }

  .right {
    float: right
  }

  .fit {
    max-width: 100%
  }

  .max-width-1 {
    max-width: 24rem
  }

  .max-width-2 {
    max-width: 32rem
  }

  .max-width-3 {
    max-width: 48rem
  }

  .max-width-4 {
    max-width: 64rem
  }

  .border-box {
    box-sizing: border-box
  }

  .align-baseline {
    vertical-align: baseline
  }

  .align-top {
    vertical-align: top
  }

  .align-middle {
    vertical-align: middle
  }

  .align-bottom {
    vertical-align: bottom
  }

  .m0 {
    margin: 0
  }

  .mt0 {
    margin-top: 0
  }

  .mr0 {
    margin-right: 0
  }

  .mb0 {
    margin-bottom: 0
  }

  .ml0,
  .mx0 {
    margin-left: 0
  }

  .mx0 {
    margin-right: 0
  }

  .my0 {
    margin-top: 0;
    margin-bottom: 0
  }

  .m1 {
    margin: .5rem
  }

  .mt1 {
    margin-top: .5rem
  }

  .mr1 {
    margin-right: .5rem
  }

  .mb1 {
    margin-bottom: .5rem
  }

  .ml1,
  .mx1 {
    margin-left: .5rem
  }

  .mx1 {
    margin-right: .5rem
  }

  .my1 {
    margin-top: .5rem;
    margin-bottom: .5rem
  }

  .m2 {
    margin: 1rem
  }

  .mt2 {
    margin-top: 1rem
  }

  .mr2 {
    margin-right: 1rem
  }

  .mb2 {
    margin-bottom: 1rem
  }

  .ml2,
  .mx2 {
    margin-left: 1rem
  }

  .mx2 {
    margin-right: 1rem
  }

  .my2 {
    margin-top: 1rem;
    margin-bottom: 1rem
  }

  .m3 {
    margin: 1.5rem
  }

  .mt3 {
    margin-top: 1.5rem
  }

  .mr3 {
    margin-right: 1.5rem
  }

  .mb3 {
    margin-bottom: 1.5rem
  }

  .ml3,
  .mx3 {
    margin-left: 1.5rem
  }

  .mx3 {
    margin-right: 1.5rem
  }

  .my3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
  }

  .m4 {
    margin: 2rem
  }

  .mt4 {
    margin-top: 2rem
  }

  .mr4 {
    margin-right: 2rem
  }

  .mb4 {
    margin-bottom: 2rem
  }

  .ml4,
  .mx4 {
    margin-left: 2rem
  }

  .mx4 {
    margin-right: 2rem
  }

  .my4 {
    margin-top: 2rem;
    margin-bottom: 2rem
  }

  .mxn1 {
    margin-left: -.5rem;
    margin-right: -.5rem
  }

  .mxn2 {
    margin-left: -1rem;
    margin-right: -1rem
  }

  .mxn3 {
    margin-left: -1.5rem;
    margin-right: -1.5rem
  }

  .mxn4 {
    margin-left: -2rem;
    margin-right: -2rem
  }

  .ml-auto {
    margin-left: auto
  }

  .mr-auto,
  .mx-auto {
    margin-right: auto
  }

  .mx-auto {
    margin-left: auto
  }

  .p0 {
    padding: 0
  }

  .pt0 {
    padding-top: 0
  }

  .pr0 {
    padding-right: 0
  }

  .pb0 {
    padding-bottom: 0
  }

  .pl0,
  .px0 {
    padding-left: 0
  }

  .px0 {
    padding-right: 0
  }

  .py0 {
    padding-top: 0;
    padding-bottom: 0
  }

  .p1 {
    padding: .5rem
  }

  .pt1 {
    padding-top: .5rem
  }

  .pr1 {
    padding-right: .5rem
  }

  .pb1 {
    padding-bottom: .5rem
  }

  .pl1 {
    padding-left: .5rem
  }

  .py1 {
    padding-top: .5rem;
    padding-bottom: .5rem
  }

  .px1 {
    padding-left: .5rem;
    padding-right: .5rem
  }

  .p2 {
    padding: 1rem
  }

  .pt2 {
    padding-top: 1rem
  }

  .pr2 {
    padding-right: 1rem
  }

  .pb2 {
    padding-bottom: 1rem
  }

  .pl2 {
    padding-left: 1rem
  }

  .py2 {
    padding-top: 1rem;
    padding-bottom: 1rem
  }

  .px2 {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .p3 {
    padding: 1.5rem
  }

  .pt3 {
    padding-top: 1.5rem
  }

  .pr3 {
    padding-right: 1.5rem
  }

  .pb3 {
    padding-bottom: 1.5rem
  }

  .pl3 {
    padding-left: 1.5rem
  }

  .py3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
  }

  .px3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .p4 {
    padding: 2rem
  }

  .pt4 {
    padding-top: 2rem
  }

  .pr4 {
    padding-right: 2rem
  }

  .pb4 {
    padding-bottom: 2rem
  }

  .pl4 {
    padding-left: 2rem
  }

  .py4 {
    padding-top: 2rem;
    padding-bottom: 2rem
  }

  .px4 {
    padding-left: 2rem;
    padding-right: 2rem
  }

  .col {
    float: left
  }

  .col,
  .col-right {
    box-sizing: border-box
  }

  .col-right {
    float: right
  }

  .col-1 {
    width: 8.33333%
  }

  .col-2 {
    width: 16.66667%
  }

  .col-3 {
    width: 25%
  }

  .col-4 {
    width: 33.33333%
  }

  .col-5 {
    width: 41.66667%
  }

  .col-6 {
    width: 50%
  }

  .col-7 {
    width: 58.33333%
  }

  .col-8 {
    width: 66.66667%
  }

  .col-9 {
    width: 75%
  }

  .col-10 {
    width: 83.33333%
  }

  .col-11 {
    width: 91.66667%
  }

  .col-12 {
    width: 100%
  }
  .col-lg-3{
    width:25%;
  }

  /*@media (min-width:40.06rem) {
    .col-sm {
      float: left;
      box-sizing: border-box
    }

    .col-sm-right {
      float: right;
      box-sizing: border-box
    }

    .col-sm-1 {
      width: 8.33333%
    }

    .col-sm-2 {
      width: 16.66667%
    }

    .col-sm-3 {
      width: 25%
    }

    .col-sm-4 {
      width: 33.33333%
    }

    .col-sm-5 {
      width: 41.66667%
    }

    .col-sm-6 {
      width: 50%
    }

    .col-sm-7 {
      width: 58.33333%
    }

    .col-sm-8 {
      width: 66.66667%
    }

    .col-sm-9 {
      width: 75%
    }

    .col-sm-10 {
      width: 83.33333%
    }

    .col-sm-11 {
      width: 91.66667%
    }

    .col-sm-12 {
      width: 100%
    }
  }*/


/**  @media (min-width:52.06rem) {
    .col-md {
      float: left;
      box-sizing: border-box
    }

    .col-md-right {
      float: right;
      box-sizing: border-box
    }

    .col-md-1 {
      width: 8.33333%
    }

    .col-md-2 {
      width: 16.66667%
    }

    .col-md-3 {
      width: 25%
    }

    .col-md-4 {
      width: 33.33333%
    }

    .col-md-5 {
      width: 41.66667%
    }

    .col-md-6 {
      width: 50%
    }

    .col-md-7 {
      width: 58.33333%
    }

    .col-md-8 {
      width: 66.66667%
    }

    .col-md-9 {
      width: 75%
    }

    .col-md-10 {
      width: 83.33333%
    }

    .col-md-11 {
      width: 91.66667%
    }

    .col-md-12 {
      width: 100%
    }
  }
*/
/*  @media (min-width:64.06rem) {
    .col-lg {
      float: left;
      box-sizing: border-box
    }

    .col-lg-right {
      float: right;
      box-sizing: border-box
    }

    .col-lg-1 {
      width: 8.33333%
    }

    .col-lg-2 {
      width: 16.66667%
    }

    .col-lg-3 {
      width: 25%
    }

    .col-lg-4 {
      width: 33.33333%
    }

    .col-lg-5 {
      width: 41.66667%
    }

    .col-lg-6 {
      width: 50%
    }

    .col-lg-7 {
      width: 58.33333%
    }

    .col-lg-8 {
      width: 66.66667%
    }

    .col-lg-9 {
      width: 75%
    }

    .col-lg-10 {
      width: 83.33333%
    }

    .col-lg-11 {
      width: 91.66667%
    }

    .col-lg-12 {
      width: 100%
    }
  }
*/
  .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  

  @media (max-width:1024px) and (min-width: 300px) {  
      .col-lg-1 {
      width: 8.33333%
    }

    .col-lg-2 {
      width: 16.66667%
    }

    .col-lg-3 {
      width: 25%
    }

    .col-lg-4 {
      width: 33.33333%
    }

    .col-lg-5 {
      width: 41.66667%
    }

    .col-lg-6 {
      width: 50%
    }

    .col-lg-7 {
      width: 58.33333%
    }

    .col-lg-8 {
      width: 66.66667%
    }

    .col-lg-9 {
      width: 75%
    }

    .col-lg-10 {
      width: 83.33333%
    }

    .col-lg-11 {
      width: 91.66667%
    }

    .col-lg-12 {
      width: 100%
    }
    .projectstext>ul>li{
      width:33.3% !important;
    }
    .headertop{
      height:17vh !important;
    }
    .worklast{
      float:left;
    }
    .visionicon p::before{
      display:none !important;
    }
    .visionicon p::after{
      display:none !important;
    }
    .services{
      padding: 56px 0px !important;
    }
    .carouse{
      bottom:0px ! important;
      right:0px !important;
    }
    .bannertext{
     top: 20% !important;
     right: 0 !important;
     left: 0 !important;
     padding: 4px 50px !important;
    }
    .i-amphtml-layout-size-defined .i-amphtml-fill-content{
      s
    }


  }

  @media (max-width:940px) and (min-width: 300px) {
    .headerphone{
      display:none;
    }
    .logoz{
      text-align:center;
      width:100%;
    }
    .bannertext{
      top: 11%;
      padding: 5px 40px;
    }
    .whatleft{
      width:100%;
      height:auto !important;
    }
    .whatright{
      display:none;
    }
    .clientcar{
      width:100%;
    }
    .clientcarleft{
      width: 100%;
      padding: 22px 50px !important;
    }
    .worklast{
      float:left;
    }
    .carouse{
      right:0px !important;
      bottom:0px !important;
      width:100% !important;
    }
    .services{
      padding:60px 0px;
    }
    .whatslidex{
      width:100% !important;
    }
  }

@media (max-width:800px) and (min-width: 300px) {
  .col-md-1 {
      width: 8.33333%
    }

    .col-md-2 {
      width: 16.66667%
    }

    .col-md-3 {
      width: 25%
    }

    .col-md-4 {
      width: 33.33333%
    }

    .col-md-5 {
      width: 41.66667%
    }

    .col-md-6 {
      width: 50%
    }

    .col-md-7 {
      width: 58.33333%
    }

    .col-md-8 {
      width: 66.66667%
    }

    .col-md-9 {
      width: 75%
    }

    .col-md-10 {
      width: 83.33333%
    }

    .col-md-11 {
      width: 91.66667%
    }

    .col-md-12 {
      width: 100%
    }
    .partnerlogo>ul>li{
      width:45% !important;
    }
    .projectstext>ul>li{
      width:50% !important;
    }
    .worklast{
      float:left;
    }
    .workflow{
      padding:28px !important;
    }
    .box-triangle, .workbox {
      text-align:center;
    }
    .iconwork{
      left:0px !important;
    }
    .corporate{
      padding:30px;
    }
    .visionicon p::before{
      display:none !important;
    }
    .visionicon p::after{
      display:none !important;
    }
    .whatright{
      display: none;
    }
    .leftcorp, .rightcorp{
      width:100%;
    }
    .leftcorp h2::before{
      display:none !important;
    }
    .leftcorp >h2>br{
      display: none;  
    }
    .rightcorp{
      float:left;
    }
    .rightcorp >p{
      margin:10px 0px;
    }
    .corporate{
      padding:23px !important;
    }
    .visiontitle p{
      padding:20px 16px !important;
    }
    .need h2{
      font-size:25px !important;
    }
    .activtytxt>h5{
      line-height: 1.6
    }
    .ampstart-image-heading h3{
      font-size:17px !important;
    }
    .bannertext{
      padding: 4px 19px;
    }


} 

 @media (max-width:580px) and (min-width: 300px) {
.col-sm-1 {
      width: 8.33333%
    }

    .col-sm-2 {
      width: 16.66667%
    }

    .col-sm-3 {
      width: 25%
    }

    .col-sm-4 {
      width: 33.33333%
    }

    .col-sm-5 {
      width: 41.66667%
    }

    .col-sm-6 {
      width: 50%
    }

    .col-sm-7 {
      width: 58.33333%
    }

    .col-sm-8 {
      width: 66.66667%
    }

    .col-sm-9 {
      width: 75%
    }

    .col-sm-10 {
      width: 83.33333%
    }

    .col-sm-11 {
      width: 91.66667%
    }

    .col-sm-12 {
      width: 100%
    }
    .partnerlogo>ul>li{
      width:100% !important;
      text-align: center;
    }
    .projectstext>ul>li{
      width:100% !important;
      height:100%;
    }
    .whatleft{
      padding: 0px 22px !important;
    }
    .whatlist{
      width:100% !important;
    }
    .leftcorp, .rightcorp {
      width:100%;
    }
    .leftcorp>h2>br{
      display:none  !important;
    }
    .leftcorp h2::before{
      display:none !important;
    }
    .leftcorp h2{
      font-size:22px !important;
    }
    .rightcorp p{
      margin:10px 0px !important;
      font-size:15px !important;
    }
    .corporate{
      padding: 20px !important;
    }
    .servicestext{
      padding:5px !important;
      width:100% !important;
    }
    .carouse{
      padding: 25px 21px !important;
    }
    .contad>li>p{
      font-size:15px !important;
    }
    .formzs label input, .formzs label textarea, .formzs label select {
        width: 98% !important;
        float: left;
        line-height: 45px;
        padding: 0px 12px !important;
        
    }
    .formzs{
      padding:10px !important;
    }
    .getinparent{
      padding:15px !important;
    }
    .ampstart-image-heading h3{
      font-size:14px !important;
    }
    .servicestext h3{
      font-size:15px !important;
    }


 }
 @media(max-width:440px) and (min-width: 300px){
   .banpara{
     display:none;
   }
   .bannertext{
     padding:27px 50px !important;
   }

 }


  @media (min-width:40.06rem) {
    .sm-flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
    }
  }

  @media (min-width:52.06rem) {
    .md-flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
    }
  }

  @media (min-width:64.06rem) {
    .lg-flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
    }
  }

  .flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }

  .items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .items-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
  }

  .items-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }

  .self-start {
    -ms-flex-item-align: start;
    align-self: flex-start
  }

  .self-end {
    -ms-flex-item-align: end;
    align-self: flex-end
  }

  .self-center {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
  }

  .self-baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline
  }

  .self-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
  }

  .justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  .justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .justify-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
  }

  .content-start {
    -ms-flex-line-pack: start;
    align-content: flex-start
  }

  .content-end {
    -ms-flex-line-pack: end;
    align-content: flex-end
  }

  .content-center {
    -ms-flex-line-pack: center;
    align-content: center
  }

  .content-between {
    -ms-flex-line-pack: justify;
    align-content: space-between
  }

  .content-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around
  }

  .content-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch
  }

  .flex-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0
  }

  .flex-none {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
  }

  .order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .order-last {
    -webkit-box-ordinal-group: 100000;
    -ms-flex-order: 99999;
    order: 99999
  }

  .relative {
    position: relative
  }

  .absolute {
    position: absolute
  }

  .fixed {
    position: fixed
  }

  .top-0 {
    top: 0
  }

  .right-0 {
    right: 0
  }

  .bottom-0 {
    bottom: 0
  }

  .left-0 {
    left: 0
  }

  .z1 {
    z-index: 1
  }

  .z2 {
    z-index: 2
  }

  .z3 {
    z-index: 3
  }

  .z4 {
    z-index: 4
  }

  .border {
    border-style: solid;
    border-width: 1px
  }

  .border-top {
    border-top-style: solid;
    border-top-width: 1px
  }

  .border-right {
    border-right-style: solid;
    border-right-width: 1px
  }

  .border-bottom {
    border-bottom-style: solid;
    border-bottom-width: 1px
  }

  .border-left {
    border-left-style: solid;
    border-left-width: 1px
  }

  .border-none {
    border: 0
  }

  .rounded {
    border-radius: 3px
  }

  .circle {
    border-radius: 50%
  }

  .rounded-top {
    border-radius: 3px 3px 0 0
  }

  .rounded-right {
    border-radius: 0 3px 3px 0
  }

  .rounded-bottom {
    border-radius: 0 0 3px 3px
  }

  .rounded-left {
    border-radius: 3px 0 0 3px
  }

  .not-rounded {
    border-radius: 0
  }

  .hide {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
  }

  @media (max-width:40rem) {
    .xs-hide {
      display: none
    }
  }

  @media (min-width:40.06rem) and (max-width:52rem) {
    .sm-hide {
      display: none
    }
  }

  @media (min-width:52.06rem) and (max-width:64rem) {
    .md-hide {
      display: none
    }
  }

  @media (min-width:64.06rem) {
    .lg-hide {
      display: none
    }
  }

  .display-none {
    display: none
  }

  * {
    box-sizing: border-box
  }


  main {
    max-width: 700px;
    margin: 0 auto
  }

  p {
    padding: 0;
    margin: 0
  }

  .ampstart-subtitle {
    color: #4f4f4f;
    font-size: .875rem
  }

  .ampstart-accent {
    color: #003f93
  }

  .ampstart-card {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 1px -1px rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
  }

  .h1,
  h1 {
    font-size: 3rem;
    line-height: 3.5rem
  }

  .h2,
  h2 {
    font-size: 2rem;
    line-height: 2.5rem
  }

  .h3,
  h3 {
    font-size: 1.5rem;
    line-height: 2rem
  }

  .h4,
  h4 {
    font-size: 1.125rem;
    line-height: 1.5rem
  }

  .h5,
  h5 {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .h6,
  h6 {
    font-size: .75rem;
    line-height: 1rem
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0;
    padding: 0;
    font-weight: 400;
  }

  a,
  a:active,
  a:visited {
    color: inherit
  }

  .ampstart-btn {
    font-size: 1rem;
    padding: .7em .8em;
    text-decoration: none;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle;
    cursor: pointer;
    background-color: #000;
    color: #fff;
    border: 1px solid #fff
  }

  .ampstart-btn-secondary {
    background-color: #fff;
    color: #000;
    border: 1px solid #000
  }

  .ampstart-btn:active .ampstart-btn:focus {
    opacity: .8
  }

  .ampstart-btn[disabled],
  .ampstart-btn[disabled]:active,
  .ampstart-btn[disabled]:focus,
  .ampstart-btn[disabled]:hover {
    opacity: .5;
    outline: 0;
    cursor: default
  }

  .ampstart-dropcap {
    padding-top: 1rem;
    margin-top: 1.5rem
  }

  .ampstart-dropcap:first-letter {
    color: #000;
    font-size: 3rem;
    font-weight: 700;
    margin-left: -2px
  }

  .ampstart-pullquote {
    border: none;
    border-left: 4px solid #000;
    font-size: 1.5rem;
    padding-left: 1.5rem
  }

  .ampstart-byline {
    color: #4a4a4a
  }

  .ampstart-byline time {
    font-style: normal;
    white-space: nowrap
  }

  /*.amp-carousel-button-next {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg width="18" height="18" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg"><title>Shape</title><path d="M25.557 14.7L13.818 2.961 16.8 0l16.8 16.8-16.8 16.8-2.961-2.961L25.557 18.9H0v-4.2z" fill="#FFF" fill-rule="evenodd"/></svg>')
  }

  .amp-carousel-button-prev {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg width="18" height="18" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg"><title>Shape</title><path d="M33.6 14.7H8.043L19.782 2.961 16.8 0 0 16.8l16.8 16.8 2.961-2.961L8.043 18.9H33.6z" fill="#FFF" fill-rule="evenodd"/></svg>')2471
  }*/

  .ampstart-dropdown {
    min-width: 200px
  }

  .ampstart-dropdown.absolute {
    z-index: 100
  }

  .ampstart-dropdown.absolute>section,
  .ampstart-dropdown.absolute>section>header {
    height: 100%
  }

  .ampstart-dropdown>section>header {
    background-color: #000;
    border: 0;
    color: #fff
  }

  .ampstart-dropdown>section>header:after {
    display: inline-block;
    content: "+";
    padding: 0 0 0 1.5rem;
    color: #003f93
  }

  .ampstart-dropdown>[expanded]>header:after {
    content: "-"
  }

  .absolute .ampstart-dropdown-items {
    z-index: 200
  }

  .ampstart-dropdown-item {
    background-color: #000;
    color: #003f93;
    opacity: .9
  }

  .ampstart-dropdown-item:active,
  .ampstart-dropdown-item:hover {
    opacity: 1
  }

  .ampstart-footer {
    background-color: #fff;
    color: #000;
    font-size: .75rem;
    padding-top: 5rem;
    padding-bottom: 5rem
  }

  .ampstart-footer .ampstart-icon {
    fill: #000
  }

  .ampstart-footer .ampstart-social-follow li:last-child {
    margin-right: 0
  }

  .ampstart-image-fullpage-hero {
    color: #fff
  }

  .ampstart-fullpage-hero-heading-text,
  .ampstart-image-fullpage-hero .ampstart-image-credit {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background: #000;
    padding: 0 1rem .2rem
  }

  .ampstart-image-fullpage-hero>amp-img {
    max-height: calc(100vh - 3.5rem)
  }

  .ampstart-image-fullpage-hero>amp-img img {
    -o-object-fit: cover;
    object-fit: cover
  }

  .ampstart-fullpage-hero-heading {
    line-height: 3.5rem
  }

  .ampstart-fullpage-hero-cta {
    background: transparent
  }

  .ampstart-readmore {
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .65), transparent);
    background: linear-gradient(0deg, rgba(0, 0, 0, .65) 0, transparent);
    color: #fff;
    margin-top: 5rem;
    padding-bottom: 3.5rem
  }

  .ampstart-readmore:after {
    display: block;
    content: "v"
  }

  @media (min-width:52.06rem) {
    .ampstart-image-fullpage-hero>amp-img {
      height: 60vh
    }
  }

  .ampstart-image-heading {
    color: #fff;
  }

  .ampstart-image-heading>* {
    margin: 0
  }

  amp-carousel .ampstart-image-with-heading {
    margin-bottom: 0
  }

  .ampstart-image-with-caption figcaption {
    color: #4f4f4f;
    line-height: 1.125rem
  }

  amp-carousel .ampstart-image-with-caption {
    margin-bottom: 0
  }

  .ampstart-input {
    max-width: 100%;
    width: 300px;
    min-width: 100px;
    font-size: 1rem;
    line-height: 1.5rem
  }

  .ampstart-input [disabled],
  .ampstart-input [disabled]+label {
    opacity: .5
  }

  .ampstart-input [disabled]:focus {
    outline: 0
  }

  .ampstart-input>input,
  .ampstart-input>select,
  .ampstart-input>textarea {
    width: 100%;
    margin-top: 1rem;
    line-height: 1.5rem;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #4a4a4a;
    background: none;
    color: #4a4a4a;
    outline: 0
  }

  .ampstart-input>label {
    color: #003f93;
    pointer-events: none;
    font-size: .875rem;
    line-height: 1rem;
    opacity: 0;
    -webkit-animation: .2s;
    animation: .2s;
    -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .ampstart-input>input:focus,
  .ampstart-input>select:focus,
  .ampstart-input>textarea:focus {
    outline: 0
  }

  .ampstart-input>input:focus::-webkit-input-placeholder,
  .ampstart-input>select:focus::-webkit-input-placeholder,
  .ampstart-input>textarea:focus::-webkit-input-placeholder {
    color: transparent
  }

  .ampstart-input>input:focus::-moz-placeholder,
  .ampstart-input>select:focus::-moz-placeholder,
  .ampstart-input>textarea:focus::-moz-placeholder {
    color: transparent
  }

  .ampstart-input>input:focus:-ms-input-placeholder,
  .ampstart-input>select:focus:-ms-input-placeholder,
  .ampstart-input>textarea:focus:-ms-input-placeholder {
    color: transparent
  }

  .ampstart-input>input:focus::placeholder,
  .ampstart-input>select:focus::placeholder,
  .ampstart-input>textarea:focus::placeholder {
    color: transparent
  }

  .ampstart-input>input:not(:placeholder-shown):not([disabled])+label,
  .ampstart-input>select:not(:placeholder-shown):not([disabled])+label,
  .ampstart-input>textarea:not(:placeholder-shown):not([disabled])+label {
    opacity: 1
  }

  .ampstart-input>input:focus+label,
  .ampstart-input>select:focus+label,
  .ampstart-input>textarea:focus+label {
    -webkit-animation-name: a;
    animation-name: a
  }

  @-webkit-keyframes a {
    to {
      opacity: 1
    }
  }

  @keyframes a {
    to {
      opacity: 1
    }
  }

  .ampstart-input>label:after {
    content: "";
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 45%;
    background: #003f93;
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    visibility: hidden;
    width: 10px
  }

  .ampstart-input>input:focus+label:after,
  .ampstart-input>select:focus+label:after,
  .ampstart-input>textarea:focus+label:after {
    left: 0;
    width: 100%;
    visibility: visible
  }

  .ampstart-input>input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
  }

  .ampstart-input>input[type=range] {
    border-bottom: 0
  }

  .ampstart-input>input[type=range]+label:after {
    display: none
  }

  .ampstart-input>select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
  }

  .ampstart-input>select+label:before {
    content: "⌄";
    line-height: 1.5rem;
    position: absolute;
    right: 5px;
    zoom: 2;
    top: 0;
    bottom: 0;
    color: #003f93
  }

  .ampstart-input-chk,
  .ampstart-input-radio {
    width: auto;
    color: #4a4a4a
  }

  .ampstart-input input[type=checkbox],
  .ampstart-input input[type=radio] {
    margin-top: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid #003f93;
    vertical-align: middle;
    margin-right: .5rem;
    text-align: center
  }

  .ampstart-input input[type=radio] {
    border-radius: 20px
  }

  .ampstart-input input[type=checkbox]:not([disabled])+label,
  .ampstart-input input[type=radio]:not([disabled])+label {
    pointer-events: auto;
    -webkit-animation: none;
    animation: none;
    vertical-align: middle;
    opacity: 1
  }

  .ampstart-input input[type=checkbox]+label:after,
  .ampstart-input input[type=radio]+label:after {
    display: none
  }

  .ampstart-input input[type=checkbox]:after,
  .ampstart-input input[type=radio]:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: " ";
    line-height: 1.4rem;
    vertical-align: middle;
    text-align: center;
    background-color: #fff
  }

  .ampstart-input input[type=checkbox]:checked:after {
    background-color: #003f93;
    color: #fff;
    content: "✓"
  }

  .ampstart-input input[type=radio]:checked {
    background-color: #fff
  }

  .ampstart-input input[type=radio]:after {
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px;
    border-radius: 12px
  }

  .ampstart-input input[type=radio]:checked:after {
    content: "";
    font-size: 3rem;
    background-color: #003f93
  }

  .ampstart-input>label,
  _:-ms-lang(x) {
    opacity: 1
  }

  .ampstart-input>input:-ms-input-placeholder,
  _:-ms-lang(x) {
    color: transparent
  }

  .ampstart-input>input::placeholder,
  _:-ms-lang(x) {
    color: transparent
  }

  .ampstart-input>input::-ms-input-placeholder,
  _:-ms-lang(x) {
    color: transparent
  }

  .ampstart-input>select::-ms-expand {
    display: none
  }

  .ampstart-headerbar {
    background-color: #002e5b;
    color: #ffff;
    z-index: 999;
    height: auto;
    box-shadow: 0 0 5px 2px rgba(73, 73, 73, 0.1);
  }
  .ampstart-headerbar-nav .ampstart-nav-item {
    background: transparent;
  }

  .ampstart-headerbar-nav {
    line-height: 3.5rem
  }

  .ampstart-nav-item:active,
  .ampstart-nav-item:focus,
  .ampstart-nav-item:hover {
    opacity: 1
  }

  .ampstart-navbar-trigger:focus {
    outline: none
  }

  .ampstart-nav a,
  .ampstart-navbar-trigger,
  .ampstart-sidebar-faq a {
    cursor: pointer;
    text-decoration: none
  }

  .ampstart-navbar-trigger {
    line-height: 3.5rem;
    font-size: 2rem
  }

  .ampstart-headerbar-nav {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }

  .ampstart-nav-search {
    -webkit-box-flex: 0.5;
    -ms-flex-positive: 0.5;
    flex-grow: 0.5
  }

  .ampstart-headerbar .ampstart-nav-search:active,
  .ampstart-headerbar .ampstart-nav-search:focus,
  .ampstart-headerbar .ampstart-nav-search:hover {
    box-shadow: none
  }

  .ampstart-nav-search>input {
    border: none;
    border-radius: 3px;
    line-height: normal
  }

  .ampstart-nav-dropdown {
    min-width: 200px
  }

  .ampstart-nav-dropdown amp-accordion header {
    background-color: #fff;
    border: none
  }

  .ampstart-nav-dropdown amp-accordion ul {
    background-color: #fff
  }

  .ampstart-nav-dropdown .ampstart-dropdown-item,
  .ampstart-nav-dropdown .ampstart-dropdown>section>header {
    background-color: #fff;
    color: #000
  }

  .ampstart-nav-dropdown .ampstart-dropdown-item {
    color: #003f93
  }

  .ampstart-sidebar {
    background-color: #fff;
    color: #000;
    min-width: 300px;
    width: 300px
  }

  .ampstart-sidebar .ampstart-icon {
    fill: #003f93
  }

  .ampstart-sidebar-header {
    line-height: 3.5rem;
    min-height: 3.5rem
  }

  .ampstart-sidebar .ampstart-dropdown-item,
  .ampstart-sidebar .ampstart-dropdown header,
  .ampstart-sidebar .ampstart-faq-item,
  .ampstart-sidebar .ampstart-nav-item,
  .ampstart-sidebar .ampstart-social-follow {
    margin: 0 0 2rem
  }

  .ampstart-sidebar .ampstart-nav-dropdown {
    margin: 0
  }

  .ampstart-sidebar .ampstart-navbar-trigger {
    line-height: inherit
  }

  .ampstart-related-article-section {
    border-color: #4a4a4a
  }

  .ampstart-related-article-section .ampstart-heading {
    color: #4a4a4a;
    font-weight: 400
  }

  .ampstart-related-article-readmore {
    color: #000;
    letter-spacing: 0
  }

  .ampstart-related-section-items>li {
    border-bottom: 1px solid #4a4a4a
  }

  .ampstart-related-section-items>li:last-child {
    border: none
  }

  .ampstart-related-section-items .ampstart-image-with-caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0
  }

  .ampstart-related-section-items .ampstart-image-with-caption>amp-img,
  .ampstart-related-section-items .ampstart-image-with-caption>figcaption {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }

  .ampstart-related-section-items .ampstart-image-with-caption>figcaption {
    padding-left: 1rem
  }

  @media (min-width:40.06rem) {
    .ampstart-related-section-items>li {
      border: none
    }

    .ampstart-related-section-items .ampstart-image-with-caption>figcaption {
      padding: 1rem 0
    }

    .ampstart-related-section-items .ampstart-image-with-caption>amp-img,
    .ampstart-related-section-items .ampstart-image-with-caption>figcaption {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%
    }
  }

  .ampstart-social-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .ampstart-social-box>amp-social-share {
    background-color: #000
  }

  .ampstart-icon {
    fill: #003f93
  }

  /*amp custom css*/
  .headertop{
    background: #ffffff;
    height: 90px;
    padding: 10px;
    box-shadow: 0 0 5px 2px rgba(73, 73, 73, 0.1);
  }
  .ampstart-nav a{
      font-size: 15px;
      color: #fff;
      font-weight: bold;
      padding: 0px 20px;
  }
  .ampstart-nav a:hover, .ampstart-nav a.active{
  color: #fd8f26;
  transition:all 0.3s ease;
  transition: all 0.5s linear 0s;
}
  .downbanner>.amp-carousel-button-next{
    position: absolute;
    box-sizing: border-box;
    top: 50%;
    height: 70px;
    width: 70px;
    border-radius: 50px;
    cursor: pointer;
    pointer-events: all;
    background-color: #002e5b8e;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;charset=utf-8,<svg width="18" height="18" viewBox="0 0 3…8-2.961-2.961L25.557 18.9H0v-4.2z" fill="#FFF" fill-rule="evenodd"/></svg>);
  }
  .downbanner>.amp-carousel-button-prev {
    position: absolute;
    box-sizing: border-box;
    top: 50%;
    height: 70px;
    width: 70px;
    border-radius: 50px;
    cursor: pointer;
    pointer-events: all;
    background-color: #002e5b8e;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;charset=utf-8,<svg width="18" height="18" viewBox="0 0 3…16.8 2.961-2.961L8.043 18.9H33.6z" fill="#FFF" fill-rule="evenodd"/></svg>);
}
  .ampstart-nav a::after{
    position: relative;
    content: "";
    display: block;
    width: 0%;
    background: #ddd;
    height: 3px;
    margin: 0 auto;
    text-align: center;
    transition: all 0.5s linear 0s;
  }
  .ampstart-nav a:hover:after, .ampstart-nav a.active:after{
    color: #fd8f26;
    width: 100%;
    background-color: #fd8f26;
  }
  .headerphone{
    padding-left: 20px;
  }
  .borderR{
    border-right: 1px solid #ddd;
  }
  .icon i{
    font-size: 20px;
    color: #002e5b;
    padding: 10px 0;
  }
  .mailtext{
    padding-left: 10px;
  }
  .mailtext a, p{
    font-size: 15px;
    color: #3b3b3b;
    font-weight: normal;
  }

  .mailtext span{
    font-size: 14px;
    font-weight: bold;
    color: #fd8f26;
    border-bottom: 1px dashed #fd8f26;
  }
  .sociallink a{
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    padding: 0 15px;
  }
  .sociallink a:hover{
    color: #fd8f26;
  }
  .bannertext{
    position: absolute;
    content: "";
    display: block;
    top: 25%;
    right: 0;
    left: 0;
    padding: 5px 300px;
    text-align: center;
  }
  .bannertext a{
    display:inline-block;
    padding: 15px 20px;
    background-color: #002e5b;
    text-align: right;
    border-radius: 50px;
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;  
  }
  .bannertext a:hover{
    background-color: #002e5b00;
    border: 2px solid #002e5b;
    color: #000;
  }
 
  .ampstart-image-heading h3{
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    line-height: 1.7;
  }
  .ampstart-image-heading span{
    color: #fe9114;
  }
  
  .ampstart-image-heading p{
    white-space: normal;
    font-size: 18px;
    line-height: 1.7;
    padding: 20px 0;
    color: #fff;
    text-align: center;
  }

  .ourvision{
    padding-top: 25px;
  }
  .visiontitle h2{
    color: #002e5b;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
  }
  .visiontitle p{
    padding: 20px 40px;
    font-size: 16px;
    color: #3b3b3b;
    text-align: center;
    line-height: 1.7;
    font-weight: normal;
  }
.visionicon{
  margin-bottom: 10px;
  text-align: center;
}
.visionicon p::after{
  position: relative;
  display: block;
  content: "";
  background-color: #cdd8e2;
  width: 500px;
  bottom: 22px;
  left: 54%;
  height: 2px;
}
.visionicon p::before{
  position: relative;
  display: block;
  content: "";
  background-color: #cdd8e2;
  width: 531px;
  top: 17px;
  left: -20px;
  height: 2px;
}
.visionicon i{
  font-size: 30px;
  color: #fd8f26;
}

.whatwe{
  padding-top: 35px;
}
.whatleft{
  background: #e7ebf1 ;
  height: 650px;
  padding-left: 75px;
}
.need{
  padding: 30px 0;
}
.need>span{
  font-size: 14px;
  color: #002e5b;
}
.need h2{
  font-size: 30px;
  color: #002e5b;
  font-weight: bold;
  text-transform: uppercase;
}
.need p{
  font-size: 16px;
  color: #094d91;
  padding: 10px 0;
}
.chardown{
  color: #fd8f26;
}
.need ul li{
  padding: 5px 0;
}
.whatlist{
  width: 85%;
}
.whatlist span{
  width:calc(100% - 28px);
  float: left; 
}
.whatlist li::before{
  position: relative;
  content: "";
  display: block;
  background: #002e5b;
  height: 8px;
  width: 8px;
  margin: 10px;
  float: left;
  border-radius: 50px;
}
.down-img img {
  -o-object-fit: cover;
  object-fit: cover
}
.whatright{
  background-color: #002e5b;
  height: 650px;
}
.downlistr{
  position: relative;
    display: block;
    content: "";
    left: -121px;
    top: 50px;
}
.downbor{
  position: absolute;
  display: block;
  border: 2px solid #287ee8;
  width: 328px;
  height: 565px;
  margin-top: 23px;
  right: 70px;
}
.reddown a{
    position: relative;
    background-color: #002e5b;
    text-align: center;
    overflow: hidden;
    padding: 15px 25px;
    margin: 0 auto;
    color: #fff;
    width: 100%;
    left: 50%;
    transition: all 0.5s linear 0s;
}
.reddown a:hover{
  background-color: #002e5b00;
  padding: 15px 25px;
  color: #4a4a4a;
  border: 1px solid #002e5b;
  box-shadow: 0 0.4rem 1.1rem rgba(50,58,67,.12);
}
 .corporate{
   padding: 70px;
 }
 .leftcorp{
   text-align: center;
   padding-top: 30px;
 }
 .leftcorp h2{
   font-size: 30px;
   font-weight: bold;
   color: #002e5b;
   text-transform: uppercase;
   line-height: 1.5;
 }
 .leftcorp h2::before{
  position: relative;
  display: block;
  content: "";
  background: #002e5b;
  left: -35px;
  width: 80px;
  height: 2px;
  top: 30px;
 }
 .rightcorp p{
   font-size: 20px;
   line-height: 1.7;
   font-weight: normal;
   text-align: justify;
   letter-spacing: 2px;
 }
 .services{
   padding: 110px 0;
 }
 .carouse h2{
  text-align: left;
   color: #002e5b;
   text-transform: uppercase;
   font-size: 30px;
   font-weight: bold;
   padding: 10px 0;
 }
 .carouse h2::after{
  position: relative;
  display: block;
  content: "";
  background-color: #002e5b;
  width: 150px;
  height: 2px;
  right: 0;
  left: 0;

 }
 .carouse p{
   font-size: 16px;
   line-height: 1.7;
   text-align: left;
 }
 .carouse{
  cursor: pointer;
  position: relative;
  overflow: hidden;
  right: 70px;
  bottom: -125px;
  content: "";
  z-index: 2;
  padding: 100px 80px;
   background-color: #fff;
   transition: all 0.5s linear 0s;
   box-shadow: 0 5px 22px rgba(50,58,67,.12);
   -webkit-box-shadow: 0 5px 22px rgba(50,58,67,.12);  
   -moz-box-shadow:    0 5px 22px rgba(50,58,67,.12); 
 }
 .carouse:focus, .carouse:hover {
  transform: scale(1.02) translateY(-2%);
  box-shadow: 0 0.4rem 2rem rgba(50,58,67,.4);
 }
 .servicestext{
  position: absolute;
  content: "";
  display: block;
  bottom: 0;
  right:0;
  left: 0;
  text-align: left;
  background-color: #002e5b86;
  padding: 50px;
  width: 500px;
  transition: all 0.5s linear 0s;
}
.servicestext h3{
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
}
.servicestext:hover{
  background-color: #002e5b;
}
.serlan{
  float:right;
  padding-top: 10px;
}
.carouse a{
  text-align: right;
  color: #002e5b;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px solid #002e5b;
  overflow: hidden;
}
.carouse a:hover{
  color: #287ee8;
  border-bottom: 1px solid #287ee8;
}

.collapsible-captions>.amp-carousel-button-next{
  position: absolute;
  display: block;
  cursor: pointer;
  width: 75px;
  height: 75px;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 0px;
  background-color: #002e5b;
  background-image: url(../images/rightser.png);
  background-position: center;
  webkit-transform: translateY(0); 
    transform: translateY(0);
    transition: all 0.5s linear 0s;
  }
.collapsible-captions>.amp-carousel-button-prev{
  position: absolute;
  display: block;
  overflow: hidden;
  cursor: pointer;
  width: 75px;
  height: 75px;
  top: 0;
  bottom: 0;
  left: 81%;
  right: 0;
  border-radius: 0px;
  background-color: #0f5ca7;
  background-image: url(../images/leftser.png);
  background-position: center;
  webkit-transform: translateY(0); 
  transform: translateY(0);
  transition: all 0.5s linear 0s;
}
.collapsible-captions>.amp-carousel-button-next:hover{
  background-color: #0f5ca7;
}
.collapsible-captions>.amp-carousel-button-prev:hover{
  background-color: #002e5b;
}
.hero-bkg-animated {
  background: gray url(../images/geometry2.png) repeat 0 0;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  -webkit-animation: slide 20s linear infinite;
}

@-webkit-keyframes slide {
    from { background-position: 0 0; }
    to { background-position: -400px 0; }
}
.seri-img{
  transition: all .2s ease-in-out;
}
.seri-img:hover{
  transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
}

.workflow{
  padding: 70px;
}

.iconwork{
    position: relative;
    display: block;
    content: "";
    bottom: 50px;
    left: 25px;
}
.iconwork i{
  color: #002e5b;
  font-size: 30px;
}
.workhover{
  cursor: pointer;
  padding: 5px 5px;
transition: all 0.5s linear 0s;
}
.workhover:hover{
  transform: scale(1.02) translateY(-2%);
  box-shadow: 0 5px 30px rgba(50,58,67,.4);
}
.workbox h4{
  color: #002e5b;
  font-size: 18px;
  padding: 10px 0;
}
.clientcar {
  background-color: #e7ebf1;
}
.partners{
  padding: 70px 0;
}
.clientcarleft{
  padding: 96px 50px;
  color: #fff;
  background-color: #002e5b;
}
.clientcarleft h2{
  font-size: 30px;
  text-transform: uppercase;
  padding: 10px 0;
}
.clientcarleft p{
  color: #fff;
}
.clientid{
  padding: 30px 30px;
}

.downfooter{
  padding: 70px 0;
  background-color: #030d26;
}
.downfooter h4{
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 20px 0;
}
.downfooter p, .downfooter a{
  color: #818693;
  line-height: 1.7;
}
 .footul li a{
   padding: 4px 0;
   transition: all 0.8s linear 0s;
 }
 .footnum{
   padding: 10px 0;
 }
 .footnum a{
    color: #fff;
    transition: all 0.5s linear 0s;
 }
 .footnum span{
   color: #2aa9e0;
   font-weight: bold;
   font-size: 14px;
 }
 .footnum a:hover{
   color: #2aa9e0;
 }
 .footul li a:hover{
   color: #fff;
   padding: 4px 3px;
 }
 .footul li a::after{
   position: relative;
   display: block;
   content: "";
   width: 0px;
   bottom: 13px;
   height: 2px;
   background-color: #fff;
   transition: all 0.5s linear 0s;
 }
 .footul li a:hover::after, .footul li a.active::after{
  bottom: 13px;
  height: 2px;
  background-color: #fff;
  width: 50px;
 }
.footlist{
 padding: 10px 30px;
}
.footerbottom{
  background-color: #030d26;
  border-top: 1px solid #0f214e;
  padding: 20px 0;
}
.copyright p{
  text-align: center;
  color: #fff;
}




/*contactuspage start*/
.contactusparent{
    width:100%;
}
.getinparent{
     /* top:381px;
    position: relative;
    margin-bottom:20px; */
    padding: 20px;
}
.getintouch{
  /* width: 50%;*/ 
   box-shadow: 10px 5px 5px #e2e2e2;
   display: inline-block;
    float:left;
       
}
.formzs{
  width: 100%;
  padding: 20px;
    background-color:#fff;
}
.formzs>form{
  width: 100%;
  margin:14px 0px;
  display: block;
}
.formzs>label{
  width: 100%;
  display: block;
  margin-top: 15px;
}
.formzs>label:first-child{
  margin-top: 0;
}
.formzs label input, .formzs label textarea, .formzs label select{
  width: 80%;
    float:left;
  line-height: 45px;
  padding: 0 20px;
  border-top: 0px solid #fffcfc;
  border-left: 0px solid #fff;
  border-right: 0px solid #fff;
  border-bottom: 1px solid #ddd;
  
  color: #333;
  font-size: 16px;
}
.formzs label input:hover{
    border-bottom:1px solid #000;
}
.formzs label input:active{
    border-bottom:1px solid red;
}
.formzs label textarea:hover{
    border-bottom:1px solid #000;
}

.error{
  font-size: 14px;
  color: red;
  text-align: right;
  padding-top: 5px;
}
.formzs label textarea{
  line-height: 1.5;
  padding: 10px 20px;
  height: 150px; 
  border-top: 0px solid #fffcfc;
  border-left: 0px solid #fff;
  border-right: 0px solid #fff;
  border-bottom: 1px solid #ddd;
}
.fr{
    float:left;
    /*width:48%;*/
    margin:14px 0px;
}
.contactusmap iframe{
  width:100%;
}
.btn{
    padding: 0px 40px;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    background-color: #1a79bf;
    display: inline-block;
    line-height: 50px;
    letter-spacing: 0.5px;
    margin-top: 25px;
    transform: perspective(0px) translate(0);
    -webkit-transform: perspective(0px) translate(0);
    -moz-transform: perspective(0px) translate(0);
    overflow: hidden;
}
.btn::before {
    content: "";
    display: block;
    position: absolute;
    top: 0%;
    left: 100%;
    width: 100%;
    height: 100%;
    background-color: #4cc1ea;
    z-index: -1;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}
.btn:hover::before{
    left:0;
}
.reachus{
    float:right;
    /*width:48%;*/
    box-shadow: 3px 3px 13px #ffffff;
    display: inline-block;
    background-color:#002E5B;
    color:#fff;
}
.getinparent{
    width:100%;
}
.contad{
    padding:40px 0px;
    width:100%;
}
.reachuscont{
    padding:20px;
    height:76vh;
}
.contad>li{
    width:100%;
    margin:10px 0px;
    display:inline-block;
}
.contad>li>i{
    width: 30px;
    text-align: center;
    float: left;
    position: relative;
    top: 5px;
}
.contad>li>p{
    width: calc(100% - 47px);
    padding-left: 10px;
    float: left;
    margin-top: 1px;
    font-size: 18px;
    color: #fff;
    display: block;
}
.followus{
  padding:17px 0px; 
}
.followus>li{
    float:left;
    display:inline-block;
    padding:0px 10px;
}
.formzs>h5:after{
    content: "";
    height: 1px;
    width: 66px;
    top: 18%;
    left:8%;
    position: absolute;
    display: block;
    
    
}
.formzs>h5:hover:after{
    background-color:#FE9114;
    width:140px;
    top:19%;
    cursor:pointer;
    transition:0.4s ease-out;
}
.followus>li>a>i:hover{
    color:#FE9114;
    cursor:pointer;
    transition:0.4s ease-in;
}
/*contactuspage end*/





/*projects start*/
.projectsparent{
    width:100%;
}
.projectstext>ul{
    display:flex;
    justify-content: space-evenly;
    flex-wrap:wrap;
}
.projectstext>ul>li{
    padding: 14px 10px;
    width:349px;
    list-style-type: none;
}
.projectli>li>div>a>img{
    max-width: 100%;
    height: 371px;
     filter: gray; /* IE5+ */
      -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
      -webkit-transition: all .8s ease-in-out;
    object-fit: cover;
}
.projectzcont:hover{
    transform:translate3d(0px, -5.75889px, 0px);
    transition: 1.2s ease-out;
    color:#fff;
}
.projectli>li>div>a>img:hover{
       filter: none;
      -webkit-filter: grayscale(0);
      -webkit-transform: scale(1.01);
}
.projectli>li>div>a:hover{
    transform: scale(1.01);
    transition: 1.2s cubic-bezier(0, 0.21, 0.58, 1);
    cursor:pointer;
  
}
.projectstext{
    animation:projectListingItemReverse .625s ease-out forwards running;
}
.projectzconts{
    padding: 10px 10px;
    background-color: #FE9114;
}
.projectzconts>p{
    color:#fff;
    text-align:center;
}
.projectstext{
  padding:40px 0px;
}
.projectstext>h5{
  margin:10px 0px;
  font-size:25px;
  color:#000;
}
/*projects end*/




/*partner start*/
.partner>h5{
    text-align:center;
    color:#002e5b;
}
.partnerlogo>ul{
    display:flex;
    flex-wrap: wrap;
    justify-content:space-evenly;
}
.partnerlogo>ul>li{
    width:287px;
    box-shadow: 11px 7px 5px 7px #fdfdfd;
    margin: 10px 0px;
    list-style-type: none;
}
.partnersli>a>img{
  max-width:100%;
}


/*partner end*/







/*Activites start*/
.activityz>ul>li{
    list-style: none;
    line-height:1.9;
}
.activityz>ul>li::before{
    content: "\2022";
    color: orange;
    font-weight:bold;
}
.activtytxt>h5{
    margin:11px 0px;
    font-size:24px;
    color:#000;
}
.activtytxt>p{
    margin:6px 0px;
}
.activityz{
  padding:20px 0px;
}
.activtytxt>p{
  line-height:2.1;
}

/*Activites end*/

.formzs>h5{
  font-size:25px;
  color:#030d26;
}
.reachuscont>h5{
  font-size:25px;
}
.downimgz{
  display:none;
}
.phonebarzs{
   float: left !important;
    flex-wrap: wrap !important;
}
.phonebarzs>li{
      float: left !important;
    width: 100% !important;
    margin: 18px 0px !important;
}
.phonebarzs>li>a{
      color: #0288ba  !important;
}