/* home-header */
.hero-bg{
  background-image:  url('../images/Hrhub-pricing-bg-img.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
/* height: 100vh; */
}

.overlay {
    padding: 20% ;
    background-color: rgba(13, 110, 253, 0.25);
    height: 100%;
}

.ab-subtitle{
  font-size: 14px;
  font-family: "Montserrat Alternates" ;
  font-weight: 600 ;
  line-height: normal;
  color: var( --text-color-light) ;
  border: solid 1px var(--text-color-light);
    padding: 5px;

    border-radius: 20px;
    text-align: center;
}

.hero-desc{
  font-size: 16px;
  font-family: "Montserrat Alternates" ;
  font-weight: 500 ;
  line-height: 26px;
  color: var(  --text-color-light) ;
  margin-bottom: 30px;
}

.emp-col{
  color: var(--text-color-light)
}

.hero-title{
  font-size: 48px;
  font-family: "Montserrat Alternates" ;
  font-weight: 600 ;
  line-height:58px;
  color: var(  --text-color-light) ;
}


.hero-subtitle{
  font-size: 16px;
  font-family: "Montserrat Alternates" ;
  font-weight: 600 ;
  line-height:28px;
  color: var(  --text-color-light) ;
}

@media (min-width: 576px) and (max-width: 768px) {
  .overlay {
    padding: 10%;
  }
}

  @media (max-width: 575.98px) {
      .overlay {
          padding: 20% 5%;
      }
  }
  /* .hero-title {
    font-size: 32px;
    line-height: 40px;
    text-align: center;
  } */

  .hero-subtitle,
  .hero-desc {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
  }


  .ab-subtitle {
    font-size: 12px;
    margin-right: 10px;
    padding: 4px 8px;
    border-radius: 16px;
    display: inline-block;
    text-align: center;
  }





@media (max-width: 575.98px) {
    .hero-title {
        font-size: 15px;
        line-height: 20px;
        margin-top: 10px;
        margin-bottom: 20px;
        text-align: center;
    }
}

/* home-header end */



/* home-ab */
.ab-bg-1 {
    background: var(--primary-bg-color);
    padding: 40px;
    border-radius: 20px;
}

.ab-mar {
    /* margin-right: 20%; */
    margin-left: 10%;
}

.partner-text{
  font-size: 14px;
  font-family: "Montserrat Alternates" ;
  font-weight: 600 ;
  line-height: normal;
  color: var( --secondary-bg-color) ;
  border: solid 1px var( --secondary-bg-color);
  padding: 5px;
  margin-right: 40px;
  border-radius: 20px;
  text-align: center;
}

.partner-sub{
  font-size: 14px;
  font-family: "Montserrat Alternates" ;
  font-weight: 600 ;
  line-height: normal;
  color: var( --secondary-bg-color) ;
  border: solid 1px var( --secondary-bg-color);
  padding: 5px;
  margin-right: 40px;
  border-radius: 20px;
  text-align: center;
}

.hr-sub{
  font-size: 48px;
  font-family: "Montserrat Alternates" ;
  font-weight: 600 ;
  line-height:58px;
  color: var(  --text-color-dark) ;
  margin-top: 20px;
  margin-bottom: 40px;
}

.btn-right{
    margin-top: 25px;
}

.btn-grad {background-image: linear-gradient(to right, #4b6cb7 0%, #182848  51%, #4b6cb7  100%)}
.btn-grad {
   margin: auto;
   padding: 15px 45px;
   text-align: center;
   text-transform: uppercase;
   transition: 0.5s;
   background-size: 200% auto;
   color: white;
   box-shadow: 0 0 20px #eee;
   border-radius: 10px;
   display: block;
margin-top: 30px;
 }

 .btn-grad:hover {
   background-position: right center; /* change the direction of the change here */
   color: #fff;
   text-decoration: none;
 }

 .office-info-icon {
     width: 55px;
     height: 55px;
     background: var(--secondary-bg-color);
     line-height: 55px;
     text-align: center;
     margin: 0 auto;
     border-radius: 50%;
     margin-bottom: 20px;
  margin-top: 33px;
     color: var(--text-color-light)
 }

 .ic-mar{
   margin-top: 37px;
 }

 .icon-number{
   font-size: 16px;
   font-family: "Montserrat Alternates" ;
   font-weight: 500 ;
   line-height: 26px;

 }

 .icon-sub{
   font-size: 16px;
   font-family: "Montserrat Alternates" ;
   font-weight: 600 ;
   line-height: 22px;

 }

 .miss-img{
   margin-left: 90px;
       border-radius: 40px;
           margin-top: 90px;
 }

 .mission-tiltle{
   font-size: 24px;
   font-family: "Montserrat Alternates" ;
   font-weight: 600 ;
   line-height: 29px;
   color: var(  --text-color-dark) ;
 }

 .mission-sub{
   font-size: 16px;
   font-family: "Montserrat Alternates" ;
   font-weight: 500 ;
   line-height: 26px;
   color: var(  --text-color-dark) ;
   margin-right: -2px;
 }

 @media (max-width: 575.98px) {
  .ab-bg-1 {
    padding: 20px;
    border-radius: 15px;
  }

  .ab-mar {
    margin-left: 5%;
    margin-right: 5%;
  }

  .partner-text {
    font-size: 12px;
    margin-right: 5px;
    padding: 4px 8px;
    display: block;
    margin-bottom: 10px;
    text-align: center;
  }

  .hr-sub {
    font-size: 28px;
    line-height: 36px;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
  }

  .btn-right {
    margin-top: 20px;
    text-align: center;
  }

  .btn-grad {
    padding: 12px 24px;
    font-size: 14px;
    width: 100%;
    max-width: 260px;
    margin: 20px auto;
  }

  .office-info-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .ic-mar {
    margin-top: 15px;
    text-align: center;
  }

  .icon-number,
  .icon-sub {
    font-size: 13px;
    line-height: 20px;
    text-align: center;
  }

  .miss-img {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    border-radius: 20px;
    width: 100%;
    max-width: 100%;
    display: block;
  }

  .mission-tiltle {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
  }

  .mission-sub {
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    margin-right: 0;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .ab-bg-1 {
    padding: 30px;
    border-radius: 18px;
  }

  .ab-mar {
    margin-left: 5%;
    margin-right: 5%;
  }

  .partner-text {
    font-size: 12px;
    margin-right: 10px;
    padding: 4px 10px;
    display: inline-block;
    text-align: center;
    position: relative;
        /* left: 47%; */
  }

  .partner-sub{
    font-size: 12px;
    margin-right: 10px;
    padding: 4px 10px;
    display: inline-block;
    text-align: center;
    position: relative;
      left: 47%;
  }

  .hr-sub {
    font-size: 32px;
    line-height: 40px;
    margin-top: 15px;
    margin-bottom: 30px;
    text-align: center;
  }

  .btn-right {
    margin-top: 20px;
    text-align: center;
  }

  .btn-grad {
    padding: 14px 30px;
    font-size: 14px;
    max-width: 280px;
    margin: 20px auto;
  }

  .office-info-icon {
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin-top: 20px;
    margin-bottom: 15px;
  }

  .ic-mar {
    margin-top: 20px;
    text-align: center;
  }

  .icon-number,
  .icon-sub {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
  }

  .miss-img {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    border-radius: 30px;
    width: 100%;
    max-width: 90%;
    display: block;
  }

  .mission-tiltle {
    font-size: 20px;
    line-height: 26px;
    text-align: center;
  }

  .mission-sub {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    margin-right: 0;
  }
}
/* home-ab end */

/* home-ex-sec */
.ab-bg {
    background: var(--secondary-bg-color);
    padding: 40px;
    border-radius: 20px;
}

.skill-subtitle{
  font-size: 14px;
  font-family: "Montserrat Alternates" ;
  font-weight: 600 ;
  line-height: normal;
  color: var( --text-color-light) ;
  border: solid 1px var(--text-color-light);
    padding: 5px;

    border-radius: 20px;
    text-align: center;
}

.emp-title{
  font-size: 48px;
  font-family: "Montserrat Alternates" ;
  font-weight: 600 ;
  line-height:58px;
  color: var(  --text-color-light) ;
  margin-top: 20px;
  margin-bottom: 40px;
}

.emp-desc{
  font-size: 16px;
  font-family: "Montserrat Alternates" ;
  font-weight: 500 ;
  line-height:26px;
  color: var(  --text-color-light) ;
  margin-bottom: 20px;
}

.emp-list{
  font-size: 16px;
  font-family: "Montserrat Alternates" ;
  font-weight: 500 ;
  line-height:26px;
  color: var(  --text-color-light) ;
  margin-top: 20px;
}



.bi-col{
  width: 50px;
  height: 50px;
  color: var(--icon-color);
  margin-bottom: 20px;
}

.icon-title{
  font-size: 30px;
  font-family: "Montserrat Alternates" ;
  font-weight: 600 ;
  line-height:42px;
  color: var(  --text-color-light) ;
  margin-bottom: 40px;
}

.icon-desc{
  font-size: 16px;
  font-family: "Montserrat Alternates" ;
  font-weight: 600 ;
  line-height:32px;
  color: var(  --text-color-light) ;
  margin-bottom: 40px;
  margin-right: 50px;
}

@media (max-width: 575.98px) {
  .ab-bg {
    padding: 20px;
    border-radius: 15px;
  }

  .emp-title {
    font-size: 28px;
    line-height: 36px;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
  }

  .emp-desc,
  .emp-list {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    margin-bottom: 15px;
  }

  .bi-col {
    width: 40px;
    height: 40px;
    margin: 0 auto 15px auto;
    display: block;
  }

  .icon-title {
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 25px;
  }

  .icon-desc {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 25px;
    margin-right: 0;
    text-align: center;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .ab-bg {
    padding: 30px;
    border-radius: 18px;
  }

  .emp-title {
    font-size: 36px;
    line-height: 46px;
    margin-top: 15px;
    margin-bottom: 30px;
    text-align: center;
  }

  .emp-desc,
  .emp-list {
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 18px;
  }

  .bi-col {
    width: 45px;
    height: 45px;
    margin-bottom: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .icon-title {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 30px;
    text-align: center;
  }

  .icon-desc {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-right: 0;
    text-align: center;
  }
}
/* home-ex-sec end */

/* home-ser-sec */
.title{
  font-family: "Montserrat Alternates", Sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
  color: var(--text-color-dark);
  margin-top: 30px;
    margin-right: 20px;
    margin-left: 30px;
}

.number{
  font-family: "Montserrat Alternates", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: var(--text-color-dark);
  margin-top: 30px;
    margin-left: 20px;
}

.desc{
  font-family: "Montserrat Alternates", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: var(--text-color-dark);

}

.btn-wrapper {
    margin-left: 60%;
    margin-top: 20px;
}

.a-btn-circle {
    color: var(--text-color-dark);
    fill: var(--text-color-light);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFF3;
    border-radius: 50px;
    border: 1px solid #ddd;
    height: 70px;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
}



.partner-title{
  font-family: "Montserrat Alternates", Sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: normal;
  color: var(--text-color-dark);
  margin-left: 40px;
    margin-right: 40px;
    margin-top: 20px;
}

.marketing-block {
    display: flex;
    margin-top: 40px;
    margin-bottom: 40px;
}

.image{
  border-radius: 40px;
}

@media (max-width: 575.98px) {
  .title,
  .number,
  .desc {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
  }

  .partner-title {
    font-size: 28px;
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
  }

  .btn-wrapper {
    margin: 20px auto 0 auto;
          text-align: -webkit-center;
  }

  .a-btn-circle {
    height: 60px;
    width: 60px;
  }

  .marketing-block {
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .image {
    width: 100%;
    border-radius: 20px;
    margin-top: 20px;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .title,
  .number,
  .desc {
    font-size: 15px;
    line-height: 26px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
  }

  .partner-title {
    font-size: 36px;
    margin-left: 25px;
    margin-right: 25px;
    text-align: center;
  }

  .btn-wrapper {
    margin-left: auto;
    margin-right: auto;
    text-align: -webkit-center;
    margin-top: 20px;
  }

  .a-btn-circle {
    height: 65px;
    width: 65px;
  }

  .marketing-block {
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .image {
    width: 100%;
    max-width: 90%;
    border-radius: 30px;
    margin-top: 20px;
  }
}
/* home-ser-sec end */

/* home-client-sec */
.home-2-bg{
  background-color: var(--primary-bg-color);
  margin-top: 20px;
  padding:80px;
}

.tab-mar-1{
  margin-top: 60px;
}

.client-text{
  font-size: 14px;
  font-family: "Montserrat Alternates" ;
  font-weight: 600 ;
  line-height: normal;
  color: var( --secondary-bg-color) ;
  border: solid 1px var( --secondary-bg-color);
  padding: 5px;
  margin-right: 40px;
  border-radius: 20px;
  text-align: center;
}

.tab-title{
  font-size: 20px;
  font-family: "Montserrat Alternates" ;
  font-weight: 600 ;
  line-height: 26px;
  color: var(  --text-color-dark) ;
}

.tab-subtitle{
  font-size: 16px;
  font-family: "Montserrat Alternates" ;
  font-weight: 500 ;
  line-height: 26px;
  color: var(  --text-color-dark) ;
}

.img{
  background-color: white;
    padding: 20px;
    border-radius: 30px;
    border: 1px solid;
}

.tab-1{
  position: relative;
right: 60px;
margin-top: 50px;
}

.partner-subtitle{
  font-family: "Montserrat Alternates", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  color: var(--text-color-dark);
}

@media (max-width: 575.98px) {
  .home-2-bg {
    padding: 30px 15px;
    margin-top: 10px;
  }

  .tab-mar-1 {
    margin-top: 30px;
  }

  .tab-title {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
  }

  .tab-subtitle {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
  }

  .img {
    padding: 15px;
    border-radius: 20px;
    position: relative;
        left: 35%;
  }

  .tab-1 {
    right: 0;
    margin-top: 30px;
    position: static;
    text-align: center;
  }

  .partner-subtitle {
    font-size: 16px;
    text-align: center;
    margin-top: 15px;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .home-2-bg {
    padding: 50px 30px;
    margin-top: 15px;
  }

  .tab-mar-1 {
    margin-top: 40px;
  }

  .tab-title {
    font-size: 20px;
    line-height: 26px;
    text-align: center;
  }

  .tab-subtitle {
    font-size: 15px;
    line-height: 24px;
    text-align: center;
  }

  .img {
    padding: 18px;
    border-radius: 25px;
    position: relative;
        left: 40%;
  }

  .tab-1 {
    right: 0;
    margin-top: 40px;
    position: static;
    text-align: center;
  }

  .partner-subtitle {
    font-size: 17px;
        text-align: -webkit-center;
    margin-top: 20px;
  }
}

/* home-client-sec end */

/* home-emp-sec */

.bridge-col{
  background-image:  url("../images/Hrhub-home2-filler-bg-img.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bri-overlay{
  padding-top: 90px;
      padding-bottom: 90px;
      background-color: rgba(13, 110, 253, 0.25);
      padding-left: 80px;
}

.bridge-head{
  font-size: 42px;
  font-family: "Montserrat Alternates" ;
  font-weight: 600 ;
  line-height: normal;
  color: var(  --text-color-light) ;
}

.bridge-box{
  background: var(--box-color);
  border-radius: 20px;
  display: inline-block;
  padding: 30px;
  margin: 1rem;
  position: relative;
  border:solid 1px var(--border-color);
}

.bri-card-title{
  font-size: 20px;
  font-family: "Montserrat Alternates" ;
  font-weight: 600 ;
  line-height: 28px;
  color: var(  --text-color-light) ;
  margin-top: 10px;
}

.bri-card-subtitle{
  font-size: 16px;
  font-family: "Montserrat Alternates" ;
  font-weight: 500 ;
  line-height: 26px;
  color: var(  --text-color-light) ;
  margin-top: 10px;
}
.bi-char {
    background-color: var(--btn-color-blue);
    color: white;
    padding: 5px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.bridge-sub-head{
  font-size: 18px;
  font-family: "Montserrat Alternates" ;
  font-weight: 600 ;
  line-height: normal;
  color: var(  --text-color-light) ;
  margin-right: 60px;
  margin-bottom: 80px;
}

.bridge-client{
  font-size: 18px;
  font-family: "Montserrat Alternates" ;
  font-weight: 600 ;
  line-height: normal;
  color: var(  --text-color-light) ;
  margin-top: 20px;
}
.bridge-subtitle{
  font-size: 23px;
  font-family: "Montserrat Alternates" ;
  font-weight: 500 ;
  line-height: 37px;
  color: var(  --text-color-light) ;
  margin-bottom: 20px;
}

.btn-details{
  font-size: 14px;
  font-family: "Montserrat Alternates" ;
  font-weight: 600 ;
  line-height: 14px;
  color: var(  --text-color-light) ;

}



.emp-subtitle{
  font-size: 14px;
  font-family: "Montserrat Alternates" ;
  font-weight: 600 ;
  line-height: normal;
  color: var( --secondary-bg-color) ;
  border: solid 1px var( --text-color-light);
    padding: 5px;
    margin-right: 40px;
    border-radius: 20px;
    text-align: center;
}


@media (max-width: 575.98px) {
  .bri-overlay {
    padding: 40px 20px;
  }

  .bridge-head {
    font-size: 28px;
    text-align: center;
  }

  .bridge-sub-head {
    font-size: 16px;
    margin-right: 0;
    margin-bottom: 40px;
    text-align: center;
  }

  .bridge-subtitle {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 15px;
  }

  .bridge-client {
    font-size: 16px;
    text-align: center;
    margin-top: 15px;
  }

  .bridge-box {
    width: 100%;
    padding: 20px;
    margin: 15px auto;
    text-align: center;
  }

  .bri-card-title {
    font-size: 18px;
    text-align: center;
  }

  .bri-card-subtitle {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
  }

  .bi-char {
    margin: 0 auto 10px auto;
    display: block;
  }

  .btn-details {
    font-size: 13px;
    text-align: center;
  }

  .emp-subtitle {
    font-size: 12px;
    margin-right: 0;
    margin-bottom: 10px;
    display: inline-block;
    text-align: center;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .bri-overlay {
    padding: 60px 30px;
  }

  .bridge-head {
    font-size: 32px;
    text-align: center;
  }

  .bridge-sub-head {
    font-size: 17px;
    margin-right: 0;
    margin-bottom: 50px;
    text-align: center;
  }

  .bridge-subtitle {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 18px;
  }

  .bridge-client {
    font-size: 17px;
    text-align: center;
    margin-top: 15px;
  }

  .bridge-box {
    padding: 25px;
    margin: 1rem auto;
    max-width: 90%;
    text-align: center;
  }

  .bri-card-title {
    font-size: 18px;
    text-align: center;
  }

  .bri-card-subtitle {
    font-size: 15px;
    line-height: 24px;
    text-align: center;
  }

  .bi-char {
    margin: 0 auto 10px auto;
    display: block;
  }

  .btn-details {
    font-size: 13px;
    text-align: center;
  }

  .emp-subtitle {
    font-size: 13px;
    margin-right: 0;
    display: inline-block;
    text-align: center;
  }
}

/* home-emp-sec end */


/* reach-sec */
.frm-control {
    width: 100%;
    padding: 16px 0 15px;
    border: 0;
    border-bottom: 1px solid var(--text-color-dark);
    border-radius: 0;
    background-color: var(--pt-color-input-bg);
    transition: border-color 0.3s, background-color 0.3s;
    font-size: 14px;
    font-family: "Montserrat Alternates" ;
}

.frm-control:focus {
    color: var( --text-color-dark);
    background-color: var(--pt-color-input-bg);
    border-color: var(--dark-color);
    outline: 0;
    box-shadow: none;
    font-size: 14px;
    font-family: "Montserrat Alternates" ;
}

.placeholder-white::placeholder{
  color: var( --text-color-dark)
}

.white-bg-3 {
    background-color: var(--light-color);
    padding: 40px;
}

.bg-color-2 {
    background-color: var(--half-white-2);
}

@media (max-width: 575.98px) {
  .frm-control {
    font-size: 13px;
    padding: 12px 0 12px;
  }

  .white-bg-3 {
    padding: 20px 15px;
  }

  .bg-color-2 {
    padding: 20px 15px;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .frm-control {
    font-size: 13.5px;
    padding: 14px 0 13px;
  }

  .white-bg-3 {
    padding: 30px 25px;
  }

  .bg-color-2 {
    padding: 30px 25px;
  }
}
/* reach-sec-end */



/* footer */
.footer-bg-col{
  background-color: var(--footer-bg-color);
  padding: 40px;
}


.digi-content{
  margin-top: 10px;
}

.social-content{
  margin-top: 40px;
  padding: 0px 10px;
  text-align: center;
}

.socio-col{
  color: var(--footer-color-dark);
  font-size: 30px;
  padding: 0px 5px;
}

.digi-con-left{
  margin-left: 10px;
}



.copyright-content{
  margin-top: 26px;
}

.img-hgt{
  height: 80px;
}
.footer-title{
  color: var(--footer-color-light);
 font-family: "Montserrat Alternates", Sans-serif;
 font-size: 18px;
 font-weight: 400;
 line-height: 25px;
}



.footer-sub :hover{
  color: var(--text-hover-color);
}

.footer-btn-col{
background-color: var(--footer-btn-col);
color: var(--footer-color-light);
}

.footer-sub{
  color: var(--footer-color-medium);
 font-family: "Montserrat Alternates", Sans-serif;
 font-size: 15px;
 font-weight: 600;
 /* line-height: 35px; */
   margin-bottom: 0;
   text-decoration: none;
   /* margin-right: 20px; */
}

.footer-title{
  color: var(--footer-color-light);
 font-family: "Montserrat Alternates", Sans-serif;
 font-size: 24px;
 font-weight: 500;
 line-height: 38px;
}

.footer-li{
  color: var(--footer-color-medium);
 font-family: "Montserrat Alternates", Sans-serif;
 font-size: 16px;
 font-weight: 400;
 line-height: 30px;
   margin-bottom: 0;
   text-decoration: none;
   margin-right: 20px;
}

.footer-news-title{
  color: var(--footer-color-light);
 font-family: "Montserrat Alternates", Sans-serif;
 font-size: 16px;
 font-weight: 400;
 line-height: 30px;
}

.footer-policy-color{
color: var(--footer-btn-col);
   text-decoration: none;


}

@media (max-width: 575.98px) {
  .footer-bg-col {
    padding: 20px 15px;
    text-align: center;
  }

  .digi-content,
  .social-content,
  .copyright-content {
    margin-top: 20px;
  }

  .digi-con-left {
    margin-left: 0;
  }

  .img-hgt {
    height: 60px;
  }

  .footer-title {
    font-size: 18px;
    line-height: 28px;
  }

  .footer-sub {
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
  }

  .footer-li {
    font-size: 14px;
    margin-right: 0;
    display: block;
    margin-bottom: 10px;
  }

  .footer-news-title {
    font-size: 14px;
    line-height: 24px;
  }

  .socio-col {
    font-size: 24px;
    margin: 0 10px;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .footer-bg-col {
    padding: 30px;
    text-align: center;
  }

  .digi-content,
  .social-content,
  .copyright-content {
    margin-top: 30px;
  }

  .img-hgt {
    height: 70px;
  }

  .footer-title {
    font-size: 20px;
    line-height: 30px;
  }

  .footer-sub,
  .footer-li {
    font-size: 15px;
    margin-right: 0;
    display: block;
    margin-bottom: 8px;
  }

  .footer-news-title {
    font-size: 15px;
    line-height: 26px;
  }

  .socio-col {
    font-size: 26px;
    margin: 0 12px;
  }
}

.news-bg{
  background: var(--secondary-bg-color);
    padding: 40px;

}

.developer-content{
  margin-top: 26px;
    margin-left: 38%;
}

@media (max-width: 575.98px) {
  .news-bg {
    padding: 20px 15px;
  }

  .developer-content {
    margin-left: 0;
    margin-top: 40px;
    text-align: center;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .news-bg {
    padding: 30px;
  }

  .developer-content {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    text-align: center;
  }
}

/* footer end */







/* about-sec-2 */
.ab-card{

    border-radius: 20px;
    display: inline-block;
    padding: 30px;

    position: relative;
    /* border: solid 1px var(--border-color);
    box-shadow: 0 10px 20px rgb(0 0 0 / 0%), 0 6px 6px #0d6efd47; */

}


.strategy-title{
  font-size: 20px;
  font-family: "Montserrat Alternates" ;
  font-weight: 600 ;
  line-height:28px;
  color: var(  --text-color-dark) ;

}

.strategy-num{
  font-size: 100px;
  font-family: "Montserrat Alternates" ;
  font-weight: 700 ;
  line-height:100px;
  color: var(  --text-color-dark) ;
}

.strategy-desc{
  font-size: 16px;
  font-family: "Montserrat Alternates" ;
  font-weight: 500 ;
  line-height:26px;
  color: var(  --text-color-dark) ;
}

@media (max-width: 575.98px) {
  .ab-card {
    display: block;
    width: 100%;
    margin: 15px 0;
    padding: 20px;
    text-align: center;
  }

  .strategy-title {
    font-size: 18px;
    line-height: 24px;
  }

  .strategy-num {
    font-size: 48px;
    line-height: 54px;
  }

  .strategy-desc {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .ab-card {
    display: block;
    width: 100%;
    margin: 20px auto;
    padding: 25px;
    text-align: center;
  }

  .strategy-title {
    font-size: 19px;
    line-height: 26px;
  }

  .strategy-num {
    font-size: 72px;
    line-height: 80px;
  }

  .strategy-desc {
    font-size: 15px;
    line-height: 24px;
  }
}

/* about-sec-2 end */


/* about-sec-3 */
.int-title{
  font-size: 48px;
    font-family: "Montserrat Alternates";
    font-weight: 400;
    line-height: 58px;
    color: var(--text-color-dark);

    padding: 40px;
}

.int-sub{
  font-size: 16px;
    font-family: "Montserrat Alternates";
    font-weight: 400;
    line-height: 28px;
    color: var(--text-color-dark);

    padding: 40px;
}

@media (max-width: 575.98px) {
  .int-title {
    font-size: 28px;
    line-height: 38px;
    padding: 20px 15px;
    text-align: center;
  }

  .int-sub {
    font-size: 14px;
    line-height: 24px;
    padding: 15px;
    text-align: center;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .int-title {
    font-size: 36px;
    line-height: 48px;
    padding: 30px;
    text-align: center;
  }

  .int-sub {
    font-size: 15px;
    line-height: 26px;
    padding: 25px;
    text-align: center;
  }
}

/* about-sec-3 end */





/* about-sec-4 */
.profile-img{
  border-radius:20px;
  height: 85%;
width: -webkit-fill-available;
}

.profile-subtitle{
  font-size: 16px;
    font-family: "Montserrat Alternates";
    font-weight: 400;
    line-height: 28px;
    color: var(--text-color-dark);
    margin-bottom: 20px;
}

.profile-contact{
  font-size: 18px;
    font-family: "Montserrat Alternates";
    font-weight: 500;
    line-height: 28px;
    color: var(--text-color-dark);
}

.profile-bio{
  font-size: 20px;
    font-family: "Montserrat Alternates";
    font-weight: 600;
    line-height: 28px;
    color: var(--text-color-dark);
    margin-bottom: 30px;
}

.pro-mar{

    margin-bottom: 30px;
}

.pro-desc {
    font-size: 16px;
    font-family: "Montserrat Alternates";
    font-weight: 300;
    line-height: 28px;
    color: var(--text-color-dark);
    margin-top: 20px;
}

.profile-mar{
  margin-top: 100px;
}

.client-img{
  background-color: white;
    padding: 20px;
    border-radius: 30px;
    border: 1px solid;
}

@media (max-width: 575.98px) {
  .profile-img {
    width: 100%;
    border-radius: 15px;
            margin-top: 15px;
  }

.al-col{
  text-align: center;

}
  .profile-subtitle,
  .profile-contact,
  .pro-desc {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
  }

  .profile-bio {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
  }

  .pro-mar {
    margin-bottom: 20px;
  }

  .profile-mar {
    margin-top: 50px;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .profile-img {
    width: 100%;
    border-radius: 18px;
                    margin-top: 15px;
                  }

  .al-col{
    text-align: center;

  }
  .profile-subtitle,
  .profile-contact,
  .pro-desc {
    font-size: 15px;
    line-height: 26px;
    text-align: center;
  }

  .profile-bio {
    font-size: 18px;
    line-height: 26px;
    text-align: center;
  }

  .pro-mar {
    margin-bottom: 25px;
  }

  .profile-mar {
    margin-top: 70px;
  }
}
/* about-sec-4 end */

/* service-page-sec */
.service-href{
  background-color: white;
        padding:20px;
      border-radius: 20px;
      border: 1px solid var(--secondary-bg-color);
}



.service-href:hover{
  background-image: linear-gradient(to right, #4b6cb7 0%, #182848  51%, #4b6cb7  100%);
  color:var(--text-color-light);
  transition: 0.5s;
    background-size: 200% auto;

}
.man-mar{
  margin-bottom: 50px;
}

.service-card{
  background: var(--primary-bg-color);
    border-radius: 20px;

    padding: 80px;

    position: relative;
}

.msg-mar{
  margin-top: 60px;
}

.sticky {
    position: sticky;
    top: 15px;
    height: 100%;
    max-height: 200vh;
}

.leader-sub{
  font-size: 48px;
  font-family: "Montserrat Alternates" ;
  font-weight: 600 ;
  line-height:58px;
  color: var(  --text-color-dark) ;
  margin-top: 20px;

}

.leader-title{
  font-size: 28px;
  font-family: "Montserrat Alternates" ;
  font-weight: 600 ;
  line-height:34px;
  color: var(  --text-color-dark) ;
  margin-top: 20px;
}

.lead-dsc{
  font-size: 16px;
    font-family: "Montserrat Alternates";
    font-weight: 500;
    line-height: 26px;
    color: var(--text-color-dark);
    margin-top: 20px;
}

.img-margin{
  margin-top: 50px;
}

.ba-li {
  list-style: none;
  margin-top: 30px;
  font-size: 18px;
    font-family: "Montserrat Alternates";
    font-weight: 500;
    line-height: 26px;
    color: var(--text-color-dark);
}

.bi-cir{
margin-right: 20px;

}





.nav-link{
  padding-right: 10px;
  padding-right: 10px;
}

.nav-content{
  font-size: 12px;
    font-family: "Montserrat Alternates";
    font-weight: 300;
    line-height: 20px;
    color: var(--text-color-dark);
    margin-left: 3px;
}

.a-btn{

margin-bottom: 15px;

}

.list-mar{
  margin-bottom: 15px;
  list-style: none;
  border-radius: 20px;
  border: 1px solid var(--secondary-bg-color);
  text-align: center;
  padding: 20px;
}

.list-mar:hover{
  background-image: linear-gradient(to right, #4b6cb7 0%, #182848  51%, #4b6cb7  100%);
  color:var(--text-color-light);
  transition: 0.5s;
    background-size: 200% auto;
}

.s-title{
  text-align: center;
margin-bottom: 20px;
}

.btn-center{
  margin-left: 20px;
}

@media (max-width: 575.98px) {
  .service-href {
    padding: 15px;
    border-radius: 15px;
  }

  .man-mar {
    margin-bottom: 30px;
  }

  .service-card {
    padding: 30px 20px;
  }

  .msg-mar {
    margin-top: 30px;
  }

  .leader-sub {
    font-size: 28px;
    line-height: 38px;
    text-align: center;
  }

  .leader-title {
    font-size: 20px;
    line-height: 28px;
    text-align: center;
  }

  .lead-dsc {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
  }

  .img-margin {
    margin-top: 30px;
  }

  .ba-li {
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;

  }

  .nav-content {
    font-size: 8px;
    text-align: center;
  }

  .list-mar {
    font-size: 14px;
    padding: 15px;
    margin-bottom: 10px;
  }

  .s-title {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .btn-center {
    margin-left: 0 !important;
    display: block;
    text-align: center;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .service-href {
    padding: 18px;
    border-radius: 18px;
  }

  .man-mar {
    margin-bottom: 40px;
  }

  .service-card {
    padding: 50px;
  }

  .msg-mar {
    margin-top: 40px;
  }

  .leader-sub {
    font-size: 36px;
    line-height: 48px;
    text-align: center;
  }

  .leader-title {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
  }

  .lead-dsc {
    font-size: 15px;
    line-height: 24px;
    text-align: center;
  }

  .img-margin {
    margin-top: 40px;
  }

  .ba-li {
    font-size: 16px;
    line-height: 24px;
    margin-top: 25px;

  }

  .nav-content {
    font-size: 12px;
    text-align: center;
  }

  .list-mar {
    font-size: 15px;
    padding: 18px;
    margin-bottom: 12px;
  }

  .s-title {
    font-size: 24px;
    margin-bottom: 18px;
  }

  .btn-center {
    margin-left: 0px !important;
    text-align: center;
  }
}
/* service-page-sec end */


/* contact */
.contact-bg{
  background-image:  url('../images/breadcrumb-img.jpg');
  background-position: center;
    background-size: cover;
  background-repeat: no-repeat;
}

.contact-overlay{
  padding-top: 90px;
    padding-bottom: 90px;
    background-color: rgba(13, 110, 253, 0.25);
    padding-left: 40px;
}

.con-title{
  color: var(--footer-color-dark);
 font-family: "Montserrat Alternates", Sans-serif;
 font-size: 44px;
 font-weight: 600;
 line-height: 52px;
}

.con-sub{
  color: var(--footer-color-dark);
 font-family: "Montserrat Alternates", Sans-serif;
 font-size: 16px;
 font-weight: 500;
 line-height: 26px;
}

.icon-box-title{
  color: var(--footer-color-dark);
 font-family: "Montserrat Alternates", Sans-serif;
 font-size: 23px;
 font-weight: 600;
 line-height: 32px;
}

.icon-box-description{
  color: var(--footer-color-dark);
 font-family: "Montserrat Alternates", Sans-serif;
 font-size: 16px;
 font-weight: 500;
 line-height: 16px;
 margin-bottom: 10px;
}

.feedback-title{
  color: var(--footer-color-dark);
 font-family: "Montserrat Alternates", Sans-serif;
 font-size: 44px;
 font-weight: 600;
 line-height: 52px;
 text-align: center;
}

.icon-box-wrap {
    /* display: flex
; */
    text-align: start;
    flex-direction: row;
}



.office-info{
  width: 55px;
    height: 55px;
    background: var(--primary-bg-color);
    line-height: 55px;
    text-align: center;

    border-radius: 50%;
    margin-bottom: 20px;

    color: var(--text-color-dark);
}

@media (max-width: 575.98px) {
  .contact-overlay {
    padding: 40px 20px;
    text-align: center;
  }

  .con-title,
  .feedback-title {
    font-size: 28px;
    line-height: 38px;
    text-align: center;
  }

  .con-sub {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
  }

  .icon-box-title {
    font-size: 18px;
    line-height: 26px;
    text-align: center;
  }

  .icon-box-description {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
  }

  .office-info {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    margin: 0 auto 15px;
  }

  .icon-box-wrap {
    text-align: center;
    flex-direction: column;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .contact-overlay {
    padding: 60px 30px;
    text-align: center;
  }

  .con-title,
  .feedback-title {
    font-size: 36px;
    line-height: 46px;
  }

  .con-sub {
    font-size: 15px;
    line-height: 24px;
  }

  .icon-box-title {
    font-size: 20px;
    line-height: 28px;
  }

  .icon-box-description {
    font-size: 15px;
    line-height: 22px;
  }

  .office-info {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto 15px;
  }

  .icon-box-wrap {
    text-align: center;
    flex-direction: column;
  }
}
/* contact-end */


.home-mar{
margin-left: 40px;
}

.navbar-expand-lg .navbar-collapse {
  justify-content: flex-end;
}


.nav-href:hover{
  background-image: linear-gradient(to right, #4b6cb7 0%, #182848  51%, #4b6cb7  100%);
  color:var(--text-color-light);
  transition: 0.5s;
    background-size: 200% auto;
}

.bg-body-tertiary {

    background-color: rgba(13, 110, 253, 0.25) !important;
}

.navbar-brand{
  padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: 15%;
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap;
}
/* .navbar-nav{
  margin-left: 40%;
} */
 .nav-item{
  margin-right: 30px;
  text-align: center;
}

.nav-pad{
  margin-bottom: 20px;
}

.nav-title{
  font-size: 20px;
  font-family: "Montserrat Alternates" ;
  font-weight: 600 ;
  line-height: normal;
  color: var(  --text-color-dark) ;

  position: relative;
top: 10px;
}

@media (max-width: 575.98px) {
  .nav-title {
    font-size: 15px;
  }

}

  .nav-href {
    background-color: none;
    border-radius: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}



 .nav-act.active{
   color: var(--text-color-light); /* or any other color */
      background-image: linear-gradient(to right, #4b6cb7 0%, #182848  51%, #4b6cb7  100%);/* or any other background color */
}






 .btn-color{

   padding: 15px;
    border-radius: 10px;
    color: var(--text-color-light);
    background-color: var(--emp-btn-color);
    font-size: 22px;
    font-weight: 500;
 }

.btn-color:hover{
  background-color: var(--emp-btn-color);
color: var(--text-color-dark);
}

.icon-col{
  width: 40px;
  height: 40px;
}

.bi-char {
    background-color: var(--emp-btn-color);
    color: white;
    padding: 5px;
    border-radius: 10px;
}


.box-1{
  background: var(--primary-bg-color);
  border-radius: 2px;
  display: inline-block;
  padding: 20px;
  margin-right: 4rem;
  position: relative;

  left: 10%;
}







.ser-bg {
    background: var(--primary-bg-color);
    padding: 40px;

}

.con-subtitle{
  font-size: 14px;
  font-family: "Montserrat Alternates" ;
  font-weight: 600 ;
  line-height: normal;
  color: var(  --text-color-light) ;
  border: solid 1px var(  --text-color-light);
    padding: 5px;
    margin-right: 40px;
    border-radius: 20px;
    text-align: center;
}



/* about-us */

.page-title {
    min-height: 400px;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    z-index: 1;
    padding-top: 30px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.page-title:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    content: "";
    z-index: -1;
    opacity: 0.5;
}





.btn-center{
  margin-left: 25%;
}






.bg-pad {
    padding: 20px;
    margin-right: 50%;
}

.bg-col {
    background-color: var(--text-color-light);
}

.section-title {
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.02rem;
    font-family: "Montserrat Alternates";
    color: var(--text-color-dark);
}


.brand-flex {
    display: flex;
}



.box-3 {
    border: 1px solid #ddd;
    margin-top: 25px;
}

.box-3-pad {
    padding: 30px;
}

.journal-title {
    font-family: "Montserrat Alternates", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: var(--text-color-dark);
}

.journal-pad {
    margin-top: 10px;
}

.journal-subtitle {
    font-family: "Montserrat Alternates", Sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
    color: var(--text-color-dark);
}











.hrz-color{
  color: var(--footer-color-light);
  margin-top: 20px;
  opacity: 0.2;
}

.bi-face{
  color: var(--bi-face);
}

.contact-card{
  background: var(--primary-bg-color);
    border-radius: 20px;
    display: inline-block;
    padding: 100px;

    position: relative;


}