@font-face {
    font-family: 'Avenir Next Variable';
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/2729/AvenirNext_Variable.ttf') format('truetype');
    font-weight: normal;
  }
body {background-color: var(--page-bg);font-size: 100%;color: #333;font-family: "Avenir Next Variable", sans-serif;padding: 0;margin: 0;font-weight: normal;font-size: 16px;line-height: 21px;}
body p{color: #969696;}
.section-heading{font-size: 27px;color: #555A61;text-transform: uppercase;}
.head-color{color: #555A61;}
.text-color{color: #969696;}
.navbar .nav-item .nav-link{color: #969696;transition: 0.3s ease;}
.navbar .nav-item .nav-link:hover{color: #555A61;}
.navbar {padding: 10px 0;}
.nav-logo{width: 90px;}
/* --------------------toggle button css start----------------------- */
.navbar-toggler {
  border: 0 !important;
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
}
.toggler-icon{
  background-color: #151B51;
  display: block;
  transition: all 0.2s;
}
.length-1, .length-3{
  width: 30px;
  height: 3px;
}
.length-2{
  width: 20px;
  height: 3px;
  margin-left: 10px;
}
.middle-bar{
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.navbar-toggler .middle-bar {
  opacity: 0;
  filter: alpha(opacity=0);
}
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
  filter: alpha(opacity=100);
}
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}
.navbar-toggler.collapsed .toggler-icon {
  background-color:  #151B51;
}
@media(max-width: 991px){
  .navbar-collapse{
      background-color: #f2f5ff;
      padding: 20px;
  }
}

.footer{background-color: #F9F9F9;padding: 40px 10px;}
.footer .detil-box{background-color: white;padding: 40px 40px 0 40px;margin-bottom: 40px;height: 100%;}
.footer .address-info{margin-left: 30px;}
.footer .icon-bg{width: 40px;height: 40px;background: #555A61;border-radius: 50%;}
.footer .icon-bg i{color: white;font-size: 18px;}
.footer .mail-bg{padding: 21% 31%;}
.footer .call-bg{padding: 25% 35%;}
.footer .map-bg{padding: 24% 39%;}
.footer .mail-bg i{font-size: 16px!important;}
.footer .address-info h5, .footer .address-info p{padding: 0;margin: 0;}
.footer a{text-decoration: none;}
.address-link{color: #969696;}
.footer .contact-inf{margin-top: 19%;}
.collaborations{margin-top: 40px;padding: 0 2%;margin-bottom: 40px;}
.collaborations p{font-size: 18px; line-height: 24px;}
.collaborations img{width: 70%;}
.footer-form{margin-top: 20px;}
.footer .col-lg-4, .footer .col-lg-8{margin-top: 15px;}
.footer  form{background-color: white;padding: 30px;height: 100%;}
.footer .send-btn{background-color: transparent;border: 1px solid #555A61;color: #555A61;border-radius: 50px;padding: 8px 20px;margin: 0 auto;display: block;    width: max-content;}
.footer input, .footer textarea{border: 1px solid #CED4DA;padding: 8px;font-size: 16px;border-radius: 0;}
.footer input:focus, .footer textarea:focus{box-shadow: none;}
.footer input::placeholder, .footer textarea::placeholder{color: #6C757D}
.bottom-footer{margin-top: 30px;margin-bottom: 30px;}
.bottom-footer .icon-bg{transition: 0.3s ease; width: 40px;height: 40px;background: #555A61;border-radius: 50%;}
.bottom-footer .icon-bg-facebook{padding: 21% 38%;}
.bottom-footer .icon-bg-instagram, .bottom-footer .icon-bg-linkedin{padding: 22% 34%;}
.bottom-footer .icon-bg:hover{opacity: 0.8;}
.bottom-footer .icon-bg i{color: white;}
.bottom-footer .d-flex{gap: 10px;}
.back-to-up-btn{width: 40px;height: 40px;background-color: #484848;padding: 7px 0;transition: 0.3s ease;}
.back-to-up-btn:hover{opacity: 0.7;}
.back-to-up-btn:focus{box-shadow: none;}
.back-to-up-btn i{color: white;font-size: 25px;}
.info-link {color: #969696;word-break: break-word;}

@media(max-width: 991px){
  .footer .detil-box{padding: 15px 10px;}
  .footer .address-info{margin-left: 10px;}
  .footer-form .col-md-4{margin-bottom: 15px;}
  .footer .icon-bg{width: 40px;height: 40px;background: #555A61;border-radius: 50%;}
.footer .icon-bg i{color: white;font-size: 18px;}
.footer .mail-bg{padding: 21% 31%;}
.footer .call-bg{padding: 25% 35%;}
.footer .map-bg{padding: 24% 39%;}
  .footer form{padding: 20px;}
  .bottom-footer .icon-bg{transition: 0.3s ease; width: 40px;height: 40px;background: #555A61;border-radius: 50%;}
.bottom-footer .icon-bg-facebook{padding: 21% 38%;}
.bottom-footer .icon-bg-instagram, .bottom-footer .icon-bg-linkedin{padding: 22% 34%;}
.bottom-footer .icon-bg:hover{opacity: 0.8;}
.bottom-footer .icon-bg i{color: white;}

  .bottom-footer .d-flex {gap: 5px; }
  .back-to-up-btn {width: 35px;height: 35px;padding: 7px 0;}
  .back-to-up-btn  i{font-size: 20px;}
  .footer .contact-inf {margin-top: 10%;}
}