* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}
html{
    min-height: 100%;
    scroll-behavior: smooth;
}
a {
    color:#1b3486;
}
a, a:hover, a:focus {
    text-decoration: none;
}
body {
    font-family: 'Mulish', sans-serif;
    font-weight:400;
    font-size: 1.125rem;
    line-height:1.75rem;
    color: #393939 !important;
    overflow-x: hidden;
}
h2{
    color: #393939;
    font-size:3rem;
    line-height:3rem;
    text-transform: capitalize;
    font-weight: 900;
    margin-bottom:25px;
}


  ul{
      margin: 0;
  }
  li{
      list-style-type: none;
  }
  .p140{
      padding:140px 0;
  }
  .p100{
      padding:100px 0;
  }
  .p60{
    padding:60px 0;
}
  .p70{
      padding:70px 0;
  }
  .p30{
    padding:30px 0;
}
 
  /** button set **/
 .btn-odyssey{
     display: inline-block !important;
     color:#002e63 !important;
     background: transparent !important;
     font-size: 1.0625rem !important;
     line-height: 60px !important;
     font-weight: 400 !important;
     text-transform: capitalize !important;
     text-align: center !important;
     padding:0 30px !important;
     border:none;
     border-right:2px solid #002e63;
     border-bottom: 2px solid #002e63;
     border-radius: 0px !important;
     white-space: nowrap;
     transition: all 0.5s ease !important;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }
 
 .btn-odyssey:hover,  .btn-odyssey:focus{
     color:#fff;
 }
 .btn-crs-flat{
background: #29abe2 !important;
color:#fff !important;
font-family: 'proxima_novabold';
 }
 .btn-crs-flat:hover,  .btn-crs-flat:focus{
     background: transparent !important;
     color:#29abe2 !important;
 }
  /** end button set **/


 /****************
  @
  @   Animation
  @
  ****************/
  @keyframes mymove {
    50% {background-position: center;}
  }
  /* type */
  
@keyframes type{ 
    from { width: 0; } 
  } 
  
  @keyframes type2{
    0%{width: 0;}
    50%{width: 0;}
    100%{ width: 100; } 
  } 
  
  @keyframes blink{
    to{opacity: .0;}
  }
  
  /** right-left **/
  .right-left {
    -webkit-animation: right-left 6s cubic-bezier(.39, .575, .565, 1) both;
    animation: right-left 6s cubic-bezier(.39, .575, .565, 1) both
}

@-webkit-keyframes right-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    25% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    75% {
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes right-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    25% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    75% {
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
  /* slide-top */
  .slide-top {
	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
 @-webkit-keyframes slide-top {
    0% {
      -webkit-transform: translateY(50px);
              transform: translateY(50px);
              opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
              opacity: 1;
    }
  }
  @keyframes slide-top {
    0% {
      -webkit-transform: translateY(50px);
              transform: translateY(50px);
              opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
              opacity: 1;
    }
  }

/* Bounce To Right */
.hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    border-radius: 50px;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0px;
   background:#002e63;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
    color:#fff !important;
  }
  .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  }
 /* Ripple In */
@-webkit-keyframes hvr-ripple-in {
    100% {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: 1;
    }
  }
  @keyframes hvr-ripple-in {
    100% {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: 1;
    }
  }
  .hvr-ripple-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
  }
  .hvr-ripple-in:before {
    content: '';
    position: absolute;
    border: #074dbe solid 4px;
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
  }
  .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
    -webkit-animation-name: hvr-ripple-in;
    animation-name: hvr-ripple-in;
  }
  
  /** animation top-bottom**/
  .top-bottom {
    -webkit-animation: top-bottom 6s cubic-bezier(.39, .575, .565, 1) both;
    animation: top-bottom 6s cubic-bezier(.39, .575, .565, 1) both
}

@-webkit-keyframes top-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes top-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
/** end animation top-bottom**/

/* Push */
@-webkit-keyframes hvr-push {
    50% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
    }
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  @keyframes hvr-push {
    50% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
    }
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  .hvr-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  }
  .hvr-push:hover, .hvr-push:focus, .hvr-push:active {
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }
   /**************
  @
  @   Header
  @
  **************/
  /**top header **/
  .top-header{
      background: #29abe2;
      color:#fff;
      padding: 8px 0;
  }
  .top-header a{
    color:#fff; 
    transition: all 0.5s ease !important;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
  }
  .top-header i{
      display: inline-block;
      vertical-align: middle;
      width: 35px;
      height: 35px;
      line-height: 33px;
      text-align: center;
      border:2px dotted #fff;
      border-radius: 50%;
      margin-right: 8px;
      -webkit-animation: pulse 2s infinite;
      animation: pulse 2s infinite;
  }
  /**end top header **/
header{
   
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
}
  .navbar.bg-light {
    background: transparent !important;
    text-transform: uppercase;
    font-size: 14px;
    height: 100px;
    position: relative;
}
.Fixed.navbar.bg-light {
    background-color: #fff !important;
    height: 100px;
    box-shadow: 0 0 4px 2px rgb(0 0 0 / 48%);
    z-index: 99;
}
header nav .container{
    min-height: 100px;
}
header.Fixed{
    position: relative;
    z-index: 999;
}
header.Fixed .navbar.bg-light{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:#000 !important;
    height: 100px;
    box-shadow: 0 0 4px 2px rgb(0 0 0 / 48%);
    z-index: 99;
}

.logo a{
    width: 170px;
}
.logo a img{
    width: 100%;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgb(255 255 255 / 90%);
  
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgb(255 255 255 / 70%);
}

header nav .menu-header-menu-container{
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    text-align: right!important;
    -ms-flex-positive: 1!important;
    flex-grow: 1!important;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
}

header nav .menu-header-menu-container a.btn-LE{
    margin-left: 35px;
}
/** banner **/
.banner {
    height: 100vh;
    position: relative;
	    padding: 0;
}
.banner .slide-wrapper{
height: 100%;
}
.banner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background:url(../images/overlay-ban.png);

}
.banner .carousel-inner, .banner .carousel-inner .carousel-item, .banner .carousel{
    height: 100%;
}

.banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner .banner-caption{
    position: absolute;
    left:100px;
    top:50%;
    width: 90%;
    transform: translate(0, -50%);
    z-index: 1;
    color:#fff;
}
.banner .banner-caption h1{
    margin-bottom: 15px;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 800;
    width: 19em;
    animation: type 4s steps(60, end);
    white-space: nowrap;
    overflow: hidden;
}
.banner .banner-caption p{
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin-bottom: 0;
}
.menu-new li a.btn-nav{
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-right: 10px;
    transition: all 0.5s ease !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;

}
.menu-new li:last-child a.btn-nav{
    margin-right: 0px;
}
.menu-new li a.btn-nav:hover, .menu-new li a.btn-nav:focus{
    background:#fff;
    color:#000;
}
/**  wp menu **/
.menu-new {
	display: block
}

.menu-new li {
	display: inline-block;
	position: relative;
	z-index: 100
}
.menu-new li.current-menu-item a{
    color: #74b3ff;
}

.menu-new li:first-child {
	margin-left: 0
}

.menu-new li a {
    font-weight: 400;
    text-decoration: none;
    padding: 10px 5px;
    display: block;
    color: #fff;
    transition: all .2s ease-in-out 0s;
    font-size:1.25rem;
    text-transform: capitalize;
}

.menu-new li a:hover, .menu-new li a:focus{
    color: #64aaff;
}
.menu-new li ul li:hover>a {
	color: #fff;
    background:  #0d4991;
    opacity: 1;
}

.menu-new ul {
	visibility: hidden;
	opacity: 0;
	margin: 0;
	padding: 0;
	width: 270px;
	position: absolute;
	left: 0;
	background: #fff;
	z-index: 99;
	transform: translate(0, 20px);
	transition: all .2s ease-out
}

.menu-new ul:after {
	bottom: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 6px;
	margin-left: -6px
}

.menu-new ul li {
	display: block;
	float: none;
	background: 0 0;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #eee
}

.menu-new ul li:last-child {
	border-bottom: none
}

.menu-new ul li a {
	font-size: 14px;
	font-weight: 400;
	display: block;
	color: #797979;
	background: #fff;
	text-align: left
}

.menu-new ul li a:hover,
.menu-new ul li:hover>a {
	background: #1b3486;
	color: #fff;
	padding: 20px 20px 20px 25px
}

.menu-new li:hover>ul {
	visibility: visible;
	opacity: 1;
	transform: translate(0, 0)
}

.menu-new ul ul {
	left: 169px;
	top: 0;
	visibility: hidden;
	opacity: 0;
	transform: translate(20px, 20px);
	transition: all .2s ease-out;
}
.menu-new ul.sub-menu li a{
	color:#1b3486;
}
.menu-new ul ul:after {
	left: -6px;
	top: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 6px;
	margin-top: -6px
}

.menu-new li>ul ul:hover {
	visibility: visible;
	opacity: 1;
	transform: translate(0, 0)
}

.responsive-menu {
	display: none;
	width: 100%;
	padding: 20px 15px;
	background: #1b3486;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600
}

.responsive-menu:hover {
	background: #1b3486;
	color: #fff;
	text-decoration: none
}

a.homer {
	background: #fc6d58
}

/**  end wp menu **/
/**************
@
@   About
@
*************/
.about{
    padding:100px 0;
    position: relative;
}
.about-img img{
    width:100%;
}


.about h2{
   color:#002e63;
   margin-bottom: 10px;
}
.about h4{
    color:#393939;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-bottom: 30px;
}
.about p{
    margin-bottom: 40px;
}
.about-img img{
    width: 100%;
}
/***************************
@
@  industry and services
@
****************************/
.industry-services{
    background: url(../images/pattern.png);
    background-repeat: no-repeat;
    background-position: 100% -80px;
    padding-bottom: 100px;
    animation: mymove 5s 1!important;
}
.industry-services h2{
margin-top: 70px;
}
.industry-services p{
    margin: 0 auto;
    width: 70%;
}
.industry-card{
    margin-top: 60px;
}
.industry-card img{
    max-width: 100%;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}
.industry-card h4{
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-top: 35px;
    color:#393939;
    font-weight: 300;
}
.service-area {
    padding-top: 100px;
}
.service-area .header-element{
    position: relative;
    padding-left: 77px;
}
.service-area .header-element:before{
    content: "";
    background: url(../images/service-logo.png);
    background-repeat: no-repeat;
    width:240px;
    height: 283px;
    position: absolute;
    z-index: -1;
    top: -50%;
    left: -60px;
	    opacity: 0.4;
	
}
.service-area .header-element p{
    width: 100%;
}
/*.service-area .header-element h2 span{
    color:#fff;
}
.service-area .header-element p span{
    color:#fff;
}*/
.service-area .row{
    margin-top: 160px;
}
.service-card a{
    display: block;
    padding:35px;
    background:#fff;
    border:1px solid #ccc;
  transition: all 0.5s ease !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.service-card a:hover, .service-card a:focus{
    box-shadow: 0 0 8px 3px rgb(0 0 0 / 17%);
    border-bottom: 4px solid #0b4991;
}
.service-card{
    margin-bottom: 30px;
}
.service-card a h3{
    color:#0b4991;
    font-size: 1.5rem;
    line-height: 1.875rem;
    text-transform: uppercase;
    font-weight: 700;
}
.service-card a p{
    width: 100%;
    color:#002e63;
    margin-bottom: 15px;
}
.service-card a span{
    display: block;
    color:#0b4991;
    text-transform: capitalize;
    font-weight: 700;
}

/*****************
@
@   latest news
@
*****************/
.latest-news{
    background-image: url(../images/pattern-grey.png);
    background-repeat: no-repeat;
}
.news-img a{
    height: 230px;
    overflow: hidden;
    display: block;
    position: relative;
    transition: all 0.5s ease !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.news-img a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.news-img a .overlay{
    background: rgb(11 73 145 / 36%);
    color:#fff;
    position: absolute;
    top:0;
    left:0;
    right: 0;
    bottom: 0;
    opacity: 0;
}
.news-img a .overlay i{
    color:#fff;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
}
.news-img a:hover .overlay{
    opacity: 1;
}
.news-img a:hover img{
    transform: scale(1.2);
}
.news-card {
    background: #fff;
}
.news-card h3{
    color:#393939;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 700;
    padding: 25px 10px 0 10px;
}
.news-card a.more-btn{
    color:#0b4991;
    font-size: 1.125rem;
    line-height: 1.125rem;
    padding:20px 10px 30px 10px;
    display: block;
    position: relative;
    padding-left: 50px;
    margin-left: 20px;
    font-weight: 600;
    transition: all 0.5s ease !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.news-card a.more-btn img{
    opacity: 0;
    transition: all 0.5s ease !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.news-card a.more-btn:before{
    content: "";
    position: absolute;
    background: #0b4991;
    width: 40px;
    height: 1px;
    left: 0;
    top:44%;
}
.news-card a.more-btn:hover{
    padding-left: 0;
}
.news-card a.more-btn:hover:before{
    display: none;
}
.news-card a.more-btn:hover img{
    opacity: 1;
}
.latest-news p{
    width: 70%;
    margin: 0 auto 60px;
}
/*****************
@
@ Customer review
@
*****************/
.customer-review{
    background: url(../images/pattern-1.jpg);
    background-size: 100%;
}
.customer-review h2{
    font-weight: 300;
}
.customer-review h2 span{
    display: block;
    font-weight: 800;
    margin-bottom: 15px;
}
.review-card{
    background: #fff;
    padding: 0px 20px 30px;
    position: relative;
    text-align: center;
    margin: 30px 30px;
    margin-top: 70px;
    box-shadow: 0 0 7px 2px rgb(0 0 0 / 22%);
}
.review-img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 3px solid #0b4991;
    margin: 0 auto;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translate(-50%, 0);
}
.review-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.review-card img.comma{
    position: relative;
    display: inline-block;
    padding-top:80px;
    padding-bottom: 20px;
}
.review-card h4{
    font-size: 1.25rem;
    line-height: 1.25rem;
    color:#393939;
    font-weight: 800;
}
.customer-review .slick-dots li button{
    padding:0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background:#0b4991;
}
.customer-review .slick-dots li.slick-active button{
width:50px;
border-radius: 50px;
}
/*****************
@
@   contact form
@
*****************/

.contact-form {
    background:url(../images/blue-bg.jpg);
    background-size: cover;
    color:#fff;
}
.contact-form h2{
    color:#fff;
    text-transform: inherit;
    margin-bottom: 30px;
}
.contact-form h3{
	font-size:1.5rem;
	line-height:1.5rem;
	font-weight:400;
}
.contact-form h5{
    font-size: 3rem;
    font-weight: 800;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}
.contact-form h5 a{
    color:#fff;
    opacity: 1;
    transition: all 0.5s ease !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.contact-form h5 a:hover, .contact-form h5 a:focus{
    opacity: 0.7;
}
.contact-form form input.form-control{
    background:transparent;
    border-radius: 0;
    border:2px solid #fff;
    height: 60px;
    padding:0 12px;
    margin-bottom: 15px;
    color: #fff;
}
.contact-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgb(255 255 255 / 61%) !important;
    opacity: 1 !important;
	font-weight:800 !important;
  }
  .contact-form ::-moz-placeholder { /* Firefox 19+ */
    color: rgb(255 255 255 / 61%) !important;
    opacity: 1 !important;
	font-weight:800 !important;
  }
  .contact-form :-ms-input-placeholder { /* IE 10+ */
    color: rgb(255 255 255 / 61%) !important;
    opacity: 1 !important;
	font-weight:800 !important;
  }
  .contact-form :-moz-placeholder { /* Firefox 18- */
    color: rgb(255 255 255 / 61%) !important;
    opacity: 1 !important;
	font-weight:800 !important;
  }
  .contact-form form textarea.form-control{
    background:transparent;
    border-radius: 0;
    border:2px solid #fff;
    height: 120px;
    padding: 10px 12px;
    margin-bottom: 15px;
    color: #fff;
  }
  .contact-form form button.submit-btn, .contact-form form input[type=submit]{
    width: 185px;
    line-height: 58px;
    background:#fff;
    color: #0b4991;
    font-weight: 400;
    border:none;
    opacity: 1;
    transition: all 0.5s ease !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
  }
  .contact-form form button.submit-btn:hover, .contact-form form button.submit-btn:focus, 
  .contact-form form input[type=submit]:hover, .contact-form form input[type=submit]:focus{
      opacity: 0.7;
  }
  .map iframe{
      display: block;
      width: 100%;
  }
/*****************
@
@   Footer
@
*****************/
footer{
    background:url(../images/pattern-2.png);
    background-size: cover;
    padding-top: 100px;
}
.foot-logo{
    margin-bottom: 22px;
}
.foot-logo img{
    max-width: 100%;
}
footer h3{
    color:#0b4992;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-bottom: 20px;
    font-weight: 800;
}
footer .contact-details-icon i{
    color:#0b4992;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}
footer .contact-details-icon{
    margin-right: 20px;
}
footer .d-flex a{
color:#393939;

}
footer .d-flex a:hover, footer .d-flex a:focus{
    color:#0b4992;
}
footer form{
    margin-bottom: 20px;
}
footer form input{
    height: 50px;
    line-height: 48px;
    padding:0 10px;
    border:1px solid #ccc;
    width: 100%;
    display: block;
    margin-bottom: 15px;
}
footer form button{
    display: inline-block;
    line-height: 50px;
    border-radius: 0;
    text-align: center;
    background:#0b4992;
    color: #fff;
    border:none;
    padding:0 30px;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.5s ease !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
footer form button:hover, footer form button:focus{
    color:#0b4992;
    background:#c1deff;
    outline: none;
}
footer form input[type=submit]{
    width: auto;
    display: inline-block;
    line-height: 50px;
    border-radius: 0;
    text-align: center;
    background: #0b4992;
    color: #fff;
    border: none;
    padding: 0 30px;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.5s ease !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
footer form input[type=submit]:hover, footer form input[type=submit]:focus{
	 color:#0b4992;
    background:#c1deff;
    outline: none;
}
.foot-social ul li{
    margin-right: 20px;
}
.bottom-footer{
    background:#0b4991;
    padding:12px 0;
    color: #fff;
    margin-top: 50px;
}
.bottom-footer p{
    margin-bottom: 0;
}
.bottom-footer ul li a{
    color:#fff;
    padding:0 10px;
    line-height: 1rem;
    opacity: 1;
    border-right: 1px solid #fff;
}
.bottom-footer ul li:last-child a{
    border-right: none;
}
.bottom-footer ul li a:hover, .bottom-footer ul li a:focus{
    opacity: 0.7;
    color:#fff;
}
.foot-social ul li a i{
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition:  transform .8s ease-in-out;
    transform: rotate(0deg);
}
.foot-social ul li a:hover i, .foot-social ul li a:focus i{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.bottom-footer img.creative_image{
	    width: 90px;
    margin-top: -4px;
}
.bottom-footer p a{
    color: #fff;
    padding: 0;
    margin-left: 70px;
}
.bottom-footer p a:hover, .bottom-footer p a:focus{
	  color: #fff;
}
/*****************
@
@   Service page
@
*****************/
.inner-banner{
    height: 500px;
    position: relative;
}
.inner-banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.inner-banner-caption{
    position: absolute;
    top:50%;
    left:100px;
    width: 90%;
    color:#fff;
}
.inner-banner-caption h1{
    font-size: 3rem;
    line-height: 3rem;
    font-weight: 800;
}
.service-area .nav-tabs {
    overflow: hidden;
}
.service-area .nav-tabs .nav-item{
    width: 30%;
    float: left;
    margin: 0 15px 20px;
    position: relative;
}
.service-area .nav-tabs .nav-item a.nav-link{
    display: block;
    padding: 0;
    border: none;
    height: 98%;
    position: relative;
    border-bottom: 4px solid #0b4991;
    transition: all 0.5s ease !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.service-area .heading-card{
    display: block;
    padding: 20px 20px;
    margin: 10px 0;
    background: #0b4991;
    color: #fff;
    height: 100%;
    transition: all 0.5s ease !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.service-area a.read-more{
color: #0b4991;
font-weight: 700;
}
.service-area .heading-card h3{
    color:#fff;
    font-size: 1.125rem;
    line-height: 1.125rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.service-area .nav-tabs .nav-item a.nav-link img{
    margin-bottom: 20px;
}
.service-area .heading-card p{
    color:#fff;
    font-weight: 300;
    display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.service-area a.read-more {
    color: #fff;
    position: absolute;
    bottom: 15px;
    left: 20px;
}

.service-area .nav-tabs .nav-link.active .heading-card{
    background: #fff;
}
.service-area .nav-tabs .nav-link.active .heading-card h3 {
    color: #0b4991;
}
.service-area .nav-tabs .nav-link.active .heading-card p{
    color: #0b4991;
}
.service-area .nav-tabs .nav-link.active .heading-card {
    background: #fff;
    box-shadow:0 0 6px 2px rgb(0 0 0 / 20%);
    border-bottom: 5px solid #0b4991;
}
.service-area .nav-tabs .nav-link.active + a.read-more{
    color: #0b4991;
}
.service-area .nav-tabs {
    border-bottom:none;
    display: flex;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.service-area .nav-tabs .nav-link .blue-icon{
    display: none;
    transition: all 0.5s ease !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.service-area .nav-tabs .nav-link .white-icon{
    display: inline-block;
    transition: all 0.5s ease !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.service-area .nav-tabs .nav-link.active .white-icon{
    display: none;
}
.service-area .nav-tabs .nav-link.active .blue-icon{
    display: inline-block;
}
.service-description ul{
    padding-left: 20px;
    margin: 25px 0;
}
.service-description ul li{
list-style-type: disc;
}
.service-description h2{
    color:#0b4991;
    font-size: 3.75rem;
    line-height: 3.75rem;
    font-weight: 700;
}
.service-description h4{
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 800;
    margin: 50px 0;
}
.service-area-img {
    padding: 25px;
    border: 2px solid #0b4991;
    margin-left: 50px;
	    margin-top: 90px;
}
.service-area-img img{
    width: 100%;
}
.service-description h3 {
    color: #0b4991;
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 700;
}
.service-area.service-page .row {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #ccc;
}
/*****************
@
@   Form page
@
*****************/

.form-page{
    background-color: #fff;
    background-image: url(../images/layer.png);
    background-repeat: no-repeat;
    background-position:center;
  
  }
  .form-page .paragraph{
    font-size:1.5rem;
    line-height:2.25rem;
    text-align: center;
    color: #393939;
    font-weight: 400;
    padding-bottom: 50px;
    
   }
   .form-page .paragraph p{
    margin-bottom: 30px;
   }
   .form-page hr{
    color: #ebebeb;
  
   }
   .form-page .main img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 5;
    padding: 10px;
    background: #fff;
  }
  .form-page .mainBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 5;
    padding: 10px;
    background: #fff;
  }
  .form-page h2{
 
  color: #393939;
  }
  .form-page .main{
    padding-bottom: 100px;
    text-align: left;
  }
  .form-page .mainBox h6{
    text-align: right;
  }
  .form-page .main a{
  color: #0b4991;
   cursor: pointer;
   font-size: 18px;
   line-height: 30px;
   transition: all 0.5s ease !important;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
  }
  .form-page .main a:hover, .form-page .main a:focus{
    color: #0b4991;
    opacity: 0.7;
  }
  .form-page li{
    padding-top: 35px;
  }
  .form-page .Personnel a{
  color: #4474ab;
  cursor: pointer;
   font-size: 18px;
   line-height: 30px;
   transition: all 0.5s ease !important;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
  }
  .form-page .Personnel a:hover,  .form-page .Personnel a:focus{
    color: #4474ab;
    opacity: 0.6;
  }
  
  .form-page .paragraph span{
    font-weight: 600;
 
  }
.form-page .imageBox{
position: relative;
height: 377px;
}
.form-page .imageBox:after{
    content: "";
    position: absolute;
    background: url(../images/border-right.png);
    width: 223px;
    height: 415px;
    top:-20px;
    right: -30px;
    z-index: 1;
    animation: fadeInRight 2s infinite;
    -webkit-animation: fadeInRight 2s infinite;
}
.form-page .imageBox.left-img:after{
    display: none;
}
.form-page .imageBox.left-img:before{
    content: "";
    position: absolute;
    background: url(../images/border-right.png);
    width: 223px;
    height: 415px;
    top:-20px;
    left: -30px;
    z-index: 1;
    animation: fadeInLeft 2s infinite;
    -webkit-animation: fadeInLeft 2s infinite;
}
.contact-page .contact-info{
    background: url(../images/blue-bg-2.jpg);
    background-size: cover;
    padding: 100px 20px 100px 100px;
    color: #fff;
    height: 100%;
}
.contact-page .contact-icon{
    margin-right: 20px;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}
.contact-page .contact-info a{
    color: #fff;
    -ms-flex-item-align: center!important;
    align-self: center!important;
    transition: all 0.5s ease !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.contact-page .contact-info a:hover, .contact-page .contact-info a:focus{
    opacity: 0.6;
}
.contact-page .contact-info .contact-info-row{
    margin-bottom: 30px;
}
.contact-page .contact-info .contact-info-row:last-child{
    margin-bottom: 0;
}
.get-in-touch{
    padding: 100px 100px 100px 20px;
}
.get-in-touch h2{
    color:#0b4991;
    font-size: 2.7rem;
    text-align: center;
}
.get-in-touch .form-control{
    border-radius: 0;
    border:2px solid #a2a2a2;
    height: 50px;
    line-height: 46px;
    margin-bottom: 15px;
}
.get-in-touch textarea.form-control{
    height: 100px;
    padding: 10px 12px;
    line-height: 1.5rem;
}
.get-in-touch button.submit-btn, .get-in-touch input[type=submit] {
    background: #0b4991;
    border: 1px solid transparent;
    line-height: 50px;
    color: #fff;
    padding: 0 30px;
    cursor: pointer;
    transition: all 0.5s ease !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.get-in-touch button.submit-btn:hover, .get-in-touch button.submit-btn:focus, 
.get-in-touch input[type=submit]:hover, .get-in-touch input[type=submit]:focus{
    border: 1px solid #0b4991;
    background:transparent;
    color:#0b4991;
}
.inner-banner-caption ul{
    display: flex;
}
.inner-banner-caption ul li {
    margin: 0 10px;
}
.inner-banner-caption ul li a{
    color: #fff;
}
.inner-banner-caption ul li a i{
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
    transform: rotate(
0deg
);
}
.inner-banner-caption ul li a:hover i{
    -webkit-transform: rotate(
        360deg
        );
            transform: rotate(
        360deg
        )
}
/*****************
@
@   about page
@
*****************/
section.quality-about {
    /* margin-bottom: 19.867%; */
    margin-bottom: 7.414%;
    margin-top: 7.414%;
}
.quality-about-img {
    line-height: 0px;
    margin-top: 50px;
}
.quality-about-img img {
    max-width: 100%; 
    height: auto;
    border: 2px solid #0d4991;
    padding: 25px;
}

span.tagline {
    display: block;
    color: #0d4991;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.col-quality-rt h2 {
    color: #323232;
    font-size: 1.875rem;
    line-height: 1.875rem;
}
.col-quality-rt p {
    color: #6e6e6e;
    font-size: 1.125rem;
    line-height: 1.9rem;
    margin-bottom: 30px;
}
.col-quality-rt p:last-child {
    margin-bottom: 0px;
}
.quality-about-content {
    padding-left: 30px;
}
/* End */
.our-mission{
	    background-color: #f8f8f8;
    background-image: url(../images/pattern.png);
    background-position: -100px -200px;
	text-align:center;
	   
}
.navbar.bg-light .menu-new li .sub-menu-toggle{
	display:none;
}
.our-mission h4{
	color: #393939;
    font-size: 3rem;
    line-height: 3rem;
    text-transform: capitalize;
    font-weight: 900;
    margin-bottom: 25px;
}
.our-mission .mission-card h4{
	font-size:2rem;
	
}
.our-mission .mission-card{
	text-align:left;
}

footer .contact-info-area .d-flex {
    margin: 20px 0;
}
footer .contact-info-area .d-flex p{
	margin-bottom:0;
}

.container.single-post_container h5{
	    font-size: 1.75rem;
    text-transform: uppercase;
	font-weight:300;
	color: #7b7b7b;
	letter-spacing:3px;
	margin-bottom:30px;
}
.container.single-post_container h5 strong{
	color: #002e63;
	font-weight:800;
}
.review-card span {
    font-size: 0.9rem;
    line-height: 1rem;
    color: #989898;
    font-style: italic;
    display: block;
	min-height:35px;
}
.review-card p {
    min-height: 270px;
}
/** team section **/
.team-card{
	background:#fff;
	box-shadow:0 0 8px 2px rgb(0 0 0 / 19%);
	    margin-bottom: 30px;
		text-align:center;
}
.team-card .team-img{
	    height: 400px;
    width: 310px;
    margin: 0 auto;
}
.team-card .team-img img{
	width: 100%;
	height:100%;
	object-fit:cover;
	    border-radius: 50%;
    object-position: 50% 15%;
    transform: scale(0.8);
    margin-top: 0px;
}
.team-card h3{
	color:#323232;
	text-transform:capitalize;
	font-size:1.5rem;
	line-height:1.5rem;
	font-weight:400;
	padding: 20px 15px 0;
}
.team-card h4{
	text-transform:capitalize;
	color:#0d4991;
	font-size:1.125rem;
	line-height:1.125rem;
	padding: 0px 15px 0;
}
.team-card p{
		padding: 0px 15px;
		font-size:1rem;
		line-height:1.5rem;
		/*display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;*/
}
.team-card a{
	padding: 0px 15px 20px;
	display:inline-block;
	font-weight:700;
	opacity:1;
}
.team-card a:hover, .team-card a:focus{
	opacity:0.7;
}
  .team-card .collapse.in { display: inline !important; }
/** end team section **/
.privacy-policy .inner_page_container h2{
	    color: #323232;
    font-size: 1.875rem;
    line-height: 1.875rem;
	margin-top:20px;
}
.privacy-policy .inner_page_container h3{
	color:#0d4991;
	font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 700;
}
.privacy-policy .inner_page_container ul{
    padding-left: 20px;
}
.privacy-policy .inner_page_container ul li{
    list-style-type: disc;
}
.privacy-policy .inner_page_container {
	    word-break: break-all;
}
.privacy-policy .inner_page_container .row{
    margin-left: 0 !important;
	margin-right:0 !important
}
/*****************
@
@   Responsive
@
*****************/
@media (max-width:1199px){
    .menu-new li a{
        padding: 10px 7px;
		font-size: 0.9rem;
    }
    .banner {
        height: 500px;
    }
    .service-card a{
        height: 100%;
    }
    .service-area .col-lg-6{
        margin-bottom: 30px;
    }
    .service-card {
        margin-bottom: 0;
        height: 100%;
    }
    .service-description h2{
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
	.review-card p {
    min-height: 310px;
}
}
@media (max-width:1023px){
    .form-page .imageBox:after{
        right: -10px;
    }
    .form-page .imageBox.left-img:before{
        left:-10px;
    }
    .contact-page .contact-info{
        padding-left: 40px;
    }
    .get-in-touch{
        padding-right: 40px;
    }
    .inner-banner-caption {left: 10%;}
    .col-quality-rt p {
        font-size: 1rem;
        line-height: 1.4rem;
        margin-bottom: 15px;
    }
}
@media (max-width:991px){
    .logo a {
        width: 270px;
    }
    .menu-new{
        text-align: center;
        background: #000;
        width: 100%;
    }
    
    .menu-new li {
        display: block;
        border-bottom:1px solid rgb(142 142 142 / 26%);
    }
    .menu-new li:last-child{
        border-bottom:none;
    }
    .menu-new li a {
        padding: 10px 5px;
        font-size: 16px;
    }
    
    .menu-new ul{
        width: 100%;
        position: relative
    }
    .menu-new ul li a{
        text-align:center;
    }
    .menu-new ul ul, .menu-new ul{
        display: none;
    }
    .menu-new li:hover>ul{
        display: block;
    }
    .menu-new ul:after{
        left: 50%;
    }
    .logo a {
        width: 140px;
    }
    header .justify-content-between{
        width: 100%;
    }
    .menu-new li a.btn-crs{
        display: block !important;
    }
    
    .banner .banner-caption h1{
        width: 9em;
        font-size: 2.5rem;
        line-height: 3rem;
    }
    .banner .banner-caption{
        left: 30px;
    }
    .banner .banner-caption p {
        font-size: 1.2rem;
        line-height: 1.5rem;
    }
    .about-img {
        width: 80%;
        margin: 0 auto 50px;
    }
    .navbar-light .navbar-toggler{
        background: #fff;
        border-radius: 0;
    }
    .menu-new li a.btn-nav{
        margin-right: 0;
    }
    .about{
        text-align: center;
    }
    .service-area {
        padding-top: 50px;
        text-align: center;
    }
    .service-area .header-element:before{
        left: 100px;
    }
    .news-img a {
        height: auto;
    }
    .news-card{
        margin-bottom: 30px;
    }
    .contact-form{
        text-align: center; 
    }
    footer form button{
        display: block;
        width: 100%;
    }
    footer h3{
        text-align: center;
    }
    .foot-social ul{
        -ms-flex-pack: center!important;
    justify-content: center!important;
    }
    .bottom-footer .d-flex.justify-content-between{
        display: block !important;
    }
    .bottom-footer{
        text-align: center;
    }
    .bottom-footer .d-flex.justify-content-between .d-flex{
        -ms-flex-pack: center!important;
        justify-content: center!important;
    }
    footer{
        text-align: center;
    }
    .inner-banner {
        height: 400px;
    }
    h2{
        font-size: 2.3rem;
        line-height: 2.3rem;
    }
    .form-page .imageBox{
        margin-top: 40px;
    }
    .form-page .main {
        padding-bottom: 40px;
    }
    .service-area .nav-tabs .nav-item {
        width: 45%;
    }
    .service-description ul{
        text-align: left;
    }
    .service-area-img{
        margin-left: 0;
    }
    .contact-page .row{
        margin-right: 0px;
        margin-left: 0px;
    }
    .contact-page .row .col-lg-6, .contact-page .row .col-lg-12{
        padding-right: 0px;
        padding-left: 0px;
    }
    .get-in-touch {
        padding-right: 40px;
        padding-left: 40px;
    }
    .col-quality-lt {
        text-align: center;
        margin-bottom: 30px;
    }
    .quality-about-img {margin-top: 0px;}
    .quality-about-content {
        padding-left: 0px;
        text-align: center;
    }
	.our-mission .mission-card{
		text-align:center;
	}
	.service-area-img{
		margin-top: 20px;
	}
	.wpcf7 .ajax-loader{
		position: absolute;
	}
	.contact-info-area p{
		text-align:left;
	}
	.service-area .header-element:before {
       left: 33%;
    transform: scale(0.45) translate(-50%, -50%);
    top: -40%;
}
.service-area .header-element p br{
	display:none;
}
.service-area .header-element p span{
	    color: #393939;
}
.industry-services h2 {
    margin-top: 70px;
    margin-bottom: 40px;
}
footer .contact-info-area .d-flex{
	-ms-flex-pack: center!important;
    justify-content: center!important;
}
.service-area a.read-more{
	    left: 50%;
    transform: translate(-50%, 0);
}
.review-card p {
    min-height: auto;
}
}
@media (max-width:768px){
.service-area .header-element:before {
       left: 27%;
    transform: scale(0.45) translate(-50%, -50%);
    top: -33%;
}
.service-area .header-element p br{
	display:none;
}
.service-area .header-element p span{
	    color: #393939;
}
.industry-services h2 {
    margin-top: 70px;
    margin-bottom: 40px;
}
footer .contact-info-area .d-flex{
	-ms-flex-pack: center!important;
    justify-content: center!important;
}
.service-area .nav-tabs .nav-item {
    width: 42%;
	    margin: 0 10px 20px;
}
.team-card .team-img{
	height:auto;
}
.team-card{
	text-align:center;
}
}
@media (max-width:480px){
    .banner .banner-caption{
        text-align: center;
        left:50%;
        width: 96%;
        transform: translate(-50%, -50%);
    }
    .banner .banner-caption h1 {
        width: auto;
        animation: none;
        white-space: inherit;
        font-size: 1.4rem;
        line-height: 1.6rem;
    }
    .about {
        padding: 40px 0;
    }
    h2{
        font-size: 1.5rem;
        line-height: 1.7rem;
    }
    .about h4, .industry-card h4, .service-card a h3, .contact-form h3{
        font-size: 1.2rem;
        line-height: 1.4rem; 
    }
    .service-area .header-element:before{
        display: none;
    }
    .industry-services h2 span, .industry-services p span{
        color: #393939 !important;
    }
    .service-area .header-element{
        padding-left: 0;
    }
    .service-card a{
        padding:30px 15px;
    }
    .industry-services{
        padding-bottom: 40px;
    }
    .p100 {
        padding: 40px 0;
    }
    .contact-form h5 {
        font-size: 2rem;
    }
    .form-page .paragraph {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .form-page .imageBox{
        height: 277px;
    }
    .form-page .imageBox:after{
        background: transparent;
        width: 40%;
        height: 110%;
        border: 2px solid #002e63;
        right: -5px;
        top: -12px;
    }
    .form-page .imageBox.left-img:before{
        background: transparent;
        width: 40%;
        height: 110%;
        border: 2px solid #002e63;
        top: -12px;
        left: -5px;
    }
    .inner-banner {
        height: 350px;
    }
    .service-area .nav-tabs .nav-item {
        width: 100%;
    }
    .service-description h2 {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }
    .service-description h4 {
        font-size: 1.2rem;
        line-height: 1.2rem;
        margin: 20px 0;
    }
    .service-area-img {
        padding: 15px;
    }
    .get-in-touch h2{
        font-size: 1.5rem;
        line-height: 1.5rem;
    }
    .inner-banner-caption {
        position: absolute;
        top: 60%;
        left: 50%;
        text-align: center;
        width: 90%;
        color: #fff;
        transform: translate(-50%, -50%);
    }
    .inner-banner-caption ul{
        -ms-flex-pack: center!important;
        justify-content: center!important;
    }
    .quality-about-img img {padding: 15px;}
    span.tagline {margin-bottom: 15px;}
    .col-quality-rt h2 {
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin-bottom: 15px;
    }
	.our-mission h4{
		font-size: 2rem;
		line-height: 2rem;
	}
	.our-mission .mission-card h4 {
    font-size: 1.6rem;
}
footer .contact-info-area .d-flex{
	-ms-flex-pack: inherit!important;
    justify-content: inherit!important;
}
.contact-page .contact-info .contact-info-row{
	display:block !important;
	text-align:center;
}
.contact-page .contact-icon {
    margin-right: 0;
    margin-bottom: 20px;
}
.privacy-policy .inner_page_container h2{
	 font-size: 1.5rem;
    line-height: 1.5rem;
}
.inner-banner-caption h1 {
    font-size: 2rem;
    line-height: 2rem;
}
}
@media (max-width:360px){
    .bottom-footer{
        font-size: 12px;
    }
    .review-card{
        margin: 30px 10px;
    }
	.review-img{
		top: -30px;
	}
	.review-card img.comma{
		padding-top: 90px
	}
}