body{
    font-family: 'Open Sans', sans-serif;
}

.nav-link{color:#000000;}
.navbar-nav a{font-size: 14px;
    letter-spacing: 0;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;}
    
    .logo{width: 100px;height: 100px;}
      .shift a {
        position:relative;
        z-index: 1;
      }
      .shift  a:hover {
        color: #fff ;
        
      }
     
      .shift a:hover::after {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        width: 100%;
        height: 1px;
        content: '.';
        color: transparent;
        background: #144875 !important;
        visibility: none;
        opacity: 0;
        z-index: -1;
      } 
       .shift a:hover:after {
        opacity: 1;
        visibility: visible;
        height: 100%;
      }
      .shift >.active{
        color: #fff !important;       
        background: #144875 !important;
       
      }

      nav-item a {}
      .icon-set{width:60px;}
      
      @media only screen and (max-width:480px){
        .navbar a{padding-left:10px;}
        .mt-5 {
          margin-top: 0rem !important;
      }
      .font-22{font-size: 22px;}
      .contact-form-t{margin-top: 40px;}
      }
      @media only screen and (max-width:480px){
        .navbar-nav {margin-top:20px;}
      }
      .title{
        text-transform: uppercase;
        margin-bottom: 50px;  
        margin-top: 50px;  
        color: #144875;
        font-weight: 700;
        letter-spacing: 1px;
      }

      .services .service-item {
        position: relative;
        padding-top: 40px;
    }
    .services .service-item:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 2px;
      background: 
  color-mix(in srgb, var(--default-color), transparent 90%);
  }
  .services .service-item .icon {
    width: 48px;
    height: 48px;
    position: relative;
    margin-right: 50px;
    line-height: 0;
}
.services .service-item .icon:before {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  background: 
color-mix(in srgb, var(--accent-color), transparent 70%);
  border-radius: 50px;
  z-index: 1;
  bottom: -15px;
  right: -15px;
  transition: 0.3s;
}
.services .service-item .title1 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}
.services .service-item .description {
  line-height: 24px;
  font-size: 14px;
}
a {color:#000;}
.icon-right{margin: 0 25px 0 0 !important;}
.yellow-light{color:#f0c774 !important;}
.purple-light{color: #c0adcc !important;}
.blue-light{color: #b3d2d1 !important;}
.salmon{color: salmon !important;}

/* footer */
.footer {
  background: #333;
}
.footer-bottom {
  background: #333;
  padding: 15px 0;
}
.adressdiv {
  padding: 20px 0;
  border-bottom: 1px solid #000;
}
.widget-contact {
  text-align: left;
}
/* .adressdiv h3:after {
  position: absolute;
  content: "";
  background: #dbd9da;
  height: 3px;
  width: 50px;
  bottom: -1px;
  left: 0;
} */
.adressdiv h3 {
  color: #fff;
  font-size: 20px;
}
.footer-contact .footer-icon {
  float: left;
}
.footer-contact .footer-con-info {
  float: left;
}
.adressdiv p {
  margin-bottom: 27px;
}
.footer-bottom p {
  color: #fff;
  margin: 0;
  font-size: 14px;
}
.footer-contact .fonticon {
  color: #fff;
  margin-right: 10px;
  border-radius: 50%;
  padding: 9px 9px;
  text-align: center;
  background: #144875;
  width: 20px;
  height: 20px;
}
.clearfix:after{clear: both;}
.clearfix:after{content: " ";
  display: table;}
  .white{color: #fff;}
ul li  {list-style: none; padding:0;}
.textpara ul li> a{color: #fff; text-decoration: none; line-height: 40px;}
.textpara ul{padding-left: 0;}
.w-80{width: 80%; height:260px;}
.card-team {
  border: 2px solid #144875;
  
  transition: 0.3s all;
  border-radius: 3px;
  background-color: #fff;
  padding: 21px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 340px;
  max-width: 95%;

  .avatar {
    img {
      border-radius: 50%;
      border: 4px solid #144875;
    }
  }
}
.name-title {
  font-size: 26px;
  margin-top: 18px;
  color: #144875;
}

.card-01 .card-body{
  position:relative; padding-top:20px;
}
.card-01 .badge-box{
  position:absolute; 
  top:-20px; left:50%; width:100px; height:100px;margin-left:-50px; text-align:center;
}
.card-01 .badge-box i{
  background:#144875; color:#fff; border-radius:50%;  width:50px; height:50px; line-height:50px; text-align:center; font-size:20px;
}
.card-01 .height-fix{
  height:455px; overflow:hidden;
}

.card-01 .height-fix .card-img-top{width:auto!important;}
.project-card{
  box-shadow:2px 2px 20px rgba(0,0,0,0.3); border:none; margin-bottom:30px;
}
.project-card:hover{
  transform: scale(1.05);
  transition: all 1s ease;
  z-index: 999;
  color: #144875;
}
a {text-decoration: none; }
/* contatc form  */
.formbold-mb-5 {
  margin-bottom: 20px;
}
.formbold-pt-3 {
  padding-top: 12px;
}
.formbold-main-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  
}

.formbold-form-wrapper {
  margin: 0 auto;
  max-width: 550px;
  width: 100%;
  background: white;
}
.formbold-form-label {
  display: block;
  font-weight: 500;
  font-size: 16px;
  color: #144875;
  margin-bottom: 12px;
}
.formbold-form-label-2 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 20px;
}

.formbold-form-input {
  width: 100%;
  padding: 12px 24px;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
  background: white;
  font-weight: 500;
  font-size: 16px;
  color: #6b7280;
  outline: none;
  resize: none;
}
.formbold-form-input:focus {
  border-color: #144875;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
}

.formbold-btn {
  text-align: center;
  font-size: 16px;
  border-radius: 6px;
  padding: 14px 32px;
  border: none;
  font-weight: 600;
  background-color: #144875;
  color: white;
  cursor: pointer;
}
.formbold-btn:hover {
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
}

.formbold--mx-3 {
  margin-left: -12px;
  margin-right: -12px;
}
.formbold-px-3 {
  padding-left: 12px;
  padding-right: 12px;
}
.flex {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.w-full {
  width: 100%;
}
@media (min-width: 540px) {
  .sm\:w-half {
    width: 50%;
  }
}
.mt-6{margin-top: 6px;}
.blue{color:#144875;}