@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");

* {
  padding: 0px;
  margin: 0px;
  font-family: "Poppins";

}
 body{
  overflow-x: hidden;
}
.row{
    padding: 0 !important;
    /* margin: 0 !important; */
}
.container-fluid, .col{
    /* padding: 0 !important; */
    margin: 0 !important;
}

/* Color Varibales */

:root{
  --Primary:#00052f;
  --Secondary:#555555;
}

#breadcrumbs{
    text-align:center;
}

#breadcrumbs a{
    color:#ffc04b !important;
}

.bpadding, .b-footer-first-section, .b-footer-second-section {
/* padding-left: 74px;
padding-right: 74px; */
    margin-left: auto;
    margin-right: auto;
    max-width: 1366px;
  }

/* Navbar css */
.Navrbar-change{
  border-bottom: 1px solid #e3dbdb;
    z-index: 1;
    position: fixed;
    width: 100%;
    background: white;
    transition: all 350ms linear;
    animation: smoothScroll 1s forwards;
	top:0;
}
@keyframes smoothScroll {
  0% {
    transform: translateY(-150px);
  }
  100% {
    transform: translateY(0px);
  }
}

.bnavbar-items-container .active > a{
  color: #0083cb;
}

.bnavbar-items-container .active::after{
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  bottom: -2px;
  border-radius: 0;
  background: #0083CB;
  transition: 320ms;
  transform: scaleX(1);
}

.bnavbar-items-container > ul > li > a {
  color: var(--Primary);
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
}
.bnavbar-items-container > ul > li > a:hover{
  color: #0083cb;
}
.blogo-container {
  width: 272px;
  height: 67px;
}
.blogo-container img {
  height: auto;
  width: 100%;
  object-fit: contain;
}
.bnavbar-items-container > ul > li {
  list-style: none;
  margin-left: 56px;
  list-style: none;
  position:relative;
}

.bnavbar-items-container > ul > li::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  bottom: -2px;
  border-radius: 0;
  background: #0083CB;
  transition: 320ms;
  transform: scaleX(0);
  /* visibility:hidden; */
  
  /* animation-name: navbarHover;
  animation-duration: 320ms; */
}

.bnavbar-items-container > ul > li:hover::after {
  transform: scaleX(1);
}

/* @keyframes navbarHover{
  from { width : 0%; }
  to { width : 100%; }
} */

.bnavbar-items-container {
  margin-top: auto;
  margin-bottom: auto;
}
.bnavbar-items-container > ul {
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
}

.bnavbar-container {
  /* padding: 47px; */
  padding: 20px 80px;
  display: flex;
  justify-content: space-between;
}
.bnavbar-container > .hamburger img {
  height: 30px;
  width: 30px;
}
.bnavbar-container > .hamburger {
  align-items: baseline;
  margin-top: auto;
  margin-bottom: auto;
  display: none;
}

/* Hero section */
.work-des{
    position: absolute;
    padding: 40px 44px;
    color: white;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0.64) 0%, rgba(84,84,84,0.58) 100%);
    /* background: -moz-linear-gradient(top,rgba(0,0,0,0.5) 0,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,0.5) 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0.5) 0,rgba(255,255,255,0) 100%); */
   
}

.work-image-container:hover .work-des{
	  background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0.64) 0%, rgba(40,40,40,0.8) 100%);

}
.work-image-container .work-image {
  transition: 500ms;
}
.work-image-container{
  overflow: hidden;
}
.work-image-container:hover .work-image{

  transform: scale(1.3);
}

.view-case-study{
  position: absolute;
  text-align: center;
  left: 50%;
  top: 85%;
  transform: translate(-50%, -50%);
opacity: 0;
transition: 300ms;
width:max-content;

}
.view-case-study>a{
  color: white;
  padding: 16px 35px;
  font-weight: 700;
  background-color: #0083CB;
  text-decoration: none;

}
.view-case-study>a:hover{
  background-color: #0778b4;
 

}
.work-image-container:hover .view-case-study{
opacity: 1;
}


.work-des>h1{
  font-weight: 600;
  font-size: 32px;
}

.work-des>p{
  font-weight: 500;
  line-height: 1.9;
  opacity: 0;
  transition: 300ms;
	    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.work-des .rt-reading-time{
	display:none !important;
}
.work-image-container:hover .work-des>p{
/*   opacity: 1; */
	 opacity: 70%;
}




.hero-cards-wrapper {
  display: flex;
}
.bwork-card {
  width: 31%;
  height: 578px;
  margin-right:2%;
}
.work-image-container,
.work-image img {
  width: 100%;
  height: 100%;
}
.work-image-container{
    position: relative;
}
.work-image {
  width: 100%;
  height: 100%;
}
.work-image-container > .work-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-intro-text {
  width: 60%;
}
.wcard-2{
margin-top: 203px;
}
.wcard-3{
    margin-top: 406px;
}
.first-card {
  margin-top: 145px;
}
.third-card {
  margin-top: -145px;
}
.hero-intro-text > h2 {
  font-size: 64px;
  font-weight: 600;
  color: var(--Primary);
}
.hero-intro-text > p {
  max-width: 413px;
  color:  var(--Secondary);
  font-weight: 500;
}
.hero-section {
  margin-bottom: 126px;
  padding-top: 80px;
}
.third-card > .view-all{
  margin-top: 90px;
}

.third-card > .view-all > a,
.our-work > .view-all > a,
.b-all-services-container > .view-all > a,
.b-blogs-wrapper>.view-all>a {
  padding: 16px 35px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid #707070;
  color: var(--Primary);
}
.third-card > .view-all>a:hover,
.our-work > .view-all>a:hover,
.b-all-services-container > .view-all>a:hover,
.b-blogs-wrapper>.view-all>a:hover {
  background-color: var(--Primary);
  color: white;
  transition: 350ms;
}

.our-work > .view-all,
.third-card > .view-all,
.b-all-services-container > .view-all {
 text-align: center;
}
.our-work > .view-all {
  margin-bottom: 101px;
}

/* Client Logo scetion */
.client-company-logo{
  margin: 0px 63px;
  width: 160px;
  height: 160PX;
    /* padding: 32px; */
	display: flex;
  align-items: center;
}
.client-company-logo img{
  width: 100%;
  height: auto;
}
.b-work-logo-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 52px;
}
.our-work-headings {
  margin-right: auto;
  margin-left: auto;
  max-width:707px;
  
  text-align: center;
}
.our-work-headings h2 {
  color: var(--Primary);
  font-size: 32px;
  font-weight: 700;
}
.our-work-headings > p {
  color: var(--Secondary);
  font-size: 16px;
  padding: 23px 0px 43px 0px;
}
.our-work-headings > p > span {
  font-weight: 700;
}

/* Bihani Services Section */
.b-all-services-container {
  background-color: #f6f6f6;
  padding-bottom: 126px;
}
.b-all-services {
  padding-top: 75px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 121px;
}
.b-all-services-container>.view-all{
    /* padding-bottom: 126px; */
}
.services-des{
    text-align: center;
    width: 100%;
}
.services-des>h1{
     font-weight: 600;
    color: var(--Primary);
    font-size: 22px;
    margin-bottom: 24px;
}
.services-des>p{
    line-height: 1.9;
    color: var(--Secondary);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.b-service-icon{
    width: 120px;
    height: 184px;
    margin: auto;
    display: flex;
    align-items: center;
}
.b-service-card{
    max-width: 245px;
    height: auto;
	    margin-right: 20px;
}
.b-service-icon img{
    width: 100%;
    height: auto;
}


/* Blog Section */
.b-blogs-wrapper>h1{
  margin-bottom: 50px;
 margin-left: -17px;
}
.b-blog-img{
    height: 118px;
    width: 100%;
    background: grey;

}
.b-blog-img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.b-blogs-wrapper{
  margin-bottom: 60px;
  margin-top:64px;
}
.b-blogs-wrapper>.view-all{
  /* margin-top: 48px; */
}
.b-solutions{
  margin-bottom: 160px;
}

.b-blog-content>p{
    /* margin-top: 0;
    margin-top: 70px; */
    margin-bottom: 0;
    margin-top: 16px;
}
.b-blogs-wrapper>.view-all{
    
    float: right;
    /* border: 1px solid #707070;
    padding: 16px 22px; */

}
.b-blog-content{
  max-width: 65%;
  color: var(--Primary);
  font-weight: 700;
}

.b-blog-content>span{
  color: var(--Secondary);
  font-size: 13px;
    font-weight: 400;
}
.b-all-blogs-conatiner a{
  text-decoration: none;
}

/* Bihani Footer */
.b-c-address{
  margin-bottom: 8px;
}
.b-footer-des>p>a{
  font-weight: 700;
  color: white;
}
.b-branch-address{
  margin-bottom: 28px;
}
footer{
  background-color: var(--Primary);
  color: white;
}
.b-footer-second-section{
  display: flex;
  justify-content:space-between;
  flex-wrap:wrap;
}
.b-footer-wrapper {
  padding-top: 80px;
  padding-bottom: 80px;
}
.b-footer-second-section{
  padding-top: 52px;
}
.b-footer-first-section{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #6b6969;
  padding-bottom: 52px;
}
.b-footer-first-section .get-in{
  font-size: 30px;
  font-weight: 700;
  max-width: 500px;
}
.b-footer-first-right{
  max-width: 485px;
}
.b-footer-first-right>p{
  font-weight: 500;
  font-size: 15px;
  opacity: 70%;
}
.b-footer-first-section>p>a{
  color: #0083CB;
  border-bottom: 1px solid #0083CB;
  text-decoration: none;
}
.b-footer-des>p{
  max-width: 522px;
  line-height: 1.9;
  font-size: 16px;
  
}

.b-c-footer-details>p{
  font-size: 14px;
  line-height: 1.9;
}
.b-c-footer-details>h1{
  font-size: 18px;
  font-weight: 700;

}
.b-footer-second-section p{
  margin-bottom: 8px;
  font-weight: 500;
  opacity: 70%;
}
.b-country-name{
	font-size:18px;
	opacity:90% !important;
	
}
.b-footer-des>p{
	padding-left:35px;
}

.b-a-footer-details{
  margin-top: auto;
    width: 203px;
    margin-bottom: auto;
    padding-bottom: 30px;
}

.b-email{
  color: white;
  background: transparent;
  border: 1px solid white;
  padding: 13px 22px;
	width:50%;

}
.b-email::placeholder{
  color: white;
  font-size: 14px;

  font-weight: 400;
}
.b-submit{
  padding: 15px 22px;
  background: #0083CB;
  border-style: none;
  margin-left: -4px;
  color: white;
  font-weight: 700;
    text-transform: uppercase;
}

@media(min-width:1700px){
  .bpadding{
    /* padding-left: 0px;
    padding-right: 0px; */
  }
  .work-des>h1{
    font-size: 46px;
  } 
}

@media(max-width:1750px){
  .bpadding{
    padding-left: 74px;
    padding-right: 74px;
  }
}

@media(max-width:1550px){

.bwork-card{
  height: 450px;
}
.bpadding{
  padding-left: 110px;
  padding-right: 94px;
}
.hero-intro-text > h2{
  font-size: 64px;
}
}

@media(max-width:1540px){
  .view-case-study {
    left: 30%;
    transform: translate(-10%, -50%);
}
}
@media(max-width:1375px){
  .view-case-study {
    left: 25%;
  }
  .b-work-logo-container{
    justify-content: center;
  }
}

@media(max-width:1312px){
  .hero-intro-text > h2{
    font-size: 64px;
  }
  .b-footer-first-right, .b-footer-first-section>p:first-child{
    max-width: 400px;
  }
	.b-footer-first-right{
    margin-right: auto;
    margin-left: auto;
	}
	.b-footer-second-section{
/* 	flex-direction:column; */
	}
	.b-footer-des>p{
		padding-left:0;
	}
	.b-a-footer-details{
		padding-bottom:0;
	}
}





@media(max-width:1200px){

  /* Footer Media Query */
  .b-c-footer-details, .b-a-footer-details{
    margin-right: 18px;
  }
  .b-footer-des{
    margin-top: 20px;
  }
}

@media(max-width:1160px){
  .hero-intro-text > h2{
    font-size: 50px;
  }

  /* Hero Section */
  .b-work-logo-container{
    justify-content: space-evenly;
  }

}


@media (max-width: 1100px) {
  .bwork-card{
    margin-left: 0;
  }

  .bpadding, .b-footer-first-section, .b-footer-second-section {
    padding-left: 32px;
    padding-right: 32px;
  }
  /* Navbar Media Query */
  .nav-ul {
    display: none !important;
  }
  .bnavbar-container {
    padding: 32px;
  }
  .bnavbar-items-container > ul > li {
    margin-left: 45px;
    padding-bottom: 16px;
  }
  .bnavbar-container > .hamburger {
    display: block;
  }
  .hamburger:hover{
    cursor: pointer;
  }
  .bnavbar-items-container > .nav-ul {
    position: absolute;
    left: 0;
    top: 124px;
    background: #0083cb;
    width: 100%;
    padding: 16px 0px;
    z-index: 1;
  }
  .bnavbar-items-container > ul > li > a {
    color: white;
  }

  .show {
    display: block !important;
  }

  /* Hero section Media Query*/
  .hero-section {
    padding-top: 60px;
  }
  .hero-cards-wrapper {
    flex-wrap: wrap;
  }
  .bwork-card {
    width: 45%;
    margin-right: auto;
    margin-bottom: 120px;
  }

  .first-card,
  .third-card,
  .second-card {
    margin-top: 32px;
  }
  .wcard-2, .wcard-3{
    margin-top: 0;
  }
  
    .bnavbar-items-container .active > a{
    color: #00052f;
  }
  
  .bnavbar-items-container .active::after{
    content:none;
  }

  .bnavbar-items-container > ul > li > a:hover {
    color: #00052f;
}
}

@media(max-width:1100px) and (min-width:985px){
  .view-case-study{
    left: 50%;
    transform: translate(-50%, -50%);
  
  }
}

@media(max-width:992px){
  .b-footer-first-section .get-in{
    max-width: 350px;
  }
  .b-footer-first-right, .b-footer-first-section>p:first-child{
    max-width: 400px;
  }
  .b-email{
    width: 54%;
  }
	.b-footer-first-right{
		padding-left:26px;
	}
 
}

@media (max-width: 768px) {
	
	.b-footer-first-right{
		margin-left:0;
		padding-left:0;
	}
  .b-footer-wrapper{
    padding-top: 32px;
    padding-bottom: 32px;
  }
	.b-blogs-wrapper>h1{
		margin-left:0;
	}



/* Client Logo Media Query */
.client-company-logo{
  margin: 0px;

}


/* Bihani Services Media Query */

.b-all-services{
  justify-content: center;
}


  /* Hero section */
  .hero-section{
    margin-bottom: 48px;
  }
  .our-work{
    margin-top: 150px;
  }
  .hero-intro-text{
    width: 100%;
  }
  .view-case-study {
    left: 50%;
    transform: translate(-50%, -50%);
}
  .bwork-card{
    width: 100%;
  }
/* Blogs Media Query */
.b-all-blogs-conatiner{
  padding: 16px;
}
.b-blogs-wrapper{
  margin-bottom: 32px;
}

.b-solutions{
  margin-bottom: 32px;
}

/* Footer Media Query */
.b-footer-wrapper
.b-footer-first-section{
  flex-direction: column;
}
.b-footer-first-section .get-in, .b-footer-first-right, .b-footer-first-section>p:first-child{
  max-width: 100%;
}
  /* Body Paddings */
.bpadding, .b-footer-first-section, .b-footer-second-section {
  padding-left: 16px;
  padding-right: 16px;
}
  
  /* Navbar Mediaquery */
  .bnavbar-items-container > .nav-ul {
    top: 92px;
    z-index: 1;
  }
  .blogo-container {
    width: 230px;
  }
  .bnavbar-items-container > ul > li {
    padding-left: 16px;
    padding-bottom: 16px;
    margin-left: 0;
  }
  .bnavbar-container {
    padding: 16px;
  }
}

@media(max-width:576px){

/* Blog section */
.b-blog-content{
  max-width: 100%;
}
	.b-country-name{
		margin-top:40px;
	}

  .b-blog-content{
    padding-top: 12px;
    margin-left: -12px;
  }
  /* HEro Section */
  .hero-intro-text > h2{
    font-size: 35px;
  }
  .hero-section{
    padding-top: 32px;
    margin-bottom: 32px;
  }
  .work-des>h1{
    font-size: 23px;
  }
  .bwork-card{
    margin-bottom: 70px;
  }
  .view-case-study>a {
    color: white;
    padding: 12px 20px;
    font-size: 12px;
    font-weight: 700;
    background-color: #0083CB;
}
.b-blogs-wrapper>.view-all{
  float: unset;
 text-align: center;
 margin-bottom: 48px;
}

/* Bihani Services */
.services-des{
  width: 100%;
}
/* Slient Logo */
.our-work-headings{
  text-align: start;
}
}


/* ABOUT US PAGE CSS  */


.bt-about-container{
    height:400px;
    width:100%;
    position: relative;
  }
  
  .bt-about-container > img {
    height:100%;
    width:100%;
    object-fit: cover;
  }
  
  .bt-container-overlay{
    position:absolute;
    top:0;
    height:100%;
    width:100%;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0.73) 0%, rgba(84,84,84,0.58) 100%);
  }
  
  .bt-about-text{
    position:absolute;
    text-align: center;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%); 
    color:white;
  }
  
  .bt-about-text > h1{
    font-weight:700;
    font-size:55px;
  }
  
  .bt-about-text > p{
    font-weight:600;
  }
  
  .bt-white{
    background:white;
  }
  
  .bt-gray{
    background: #F6F6F6;
  }
  
  .bt-about-content{
    max-width:1366px;
    margin:auto;
    padding:64px 300px;
  }
  
  .bt-about-content > h2 {
    font-weight:700;
    margin-bottom:32px;
    color:#00052F;
  }
  
  .bt-about-content > p {
    color: #555555;
  }
  
  .bt-our-team-container{
    padding: 76px 64px;
  }
  
  .bt-our-team{
    max-width:1366px;
    margin:auto;
  }
  
  .bt-our-team > h2 {
    font-size: 24px;
    font-weight:600;
    color: #00052F;
    text-align:center;
    margin-bottom:76px;
  }
  
  .bt-team-member{
    margin-bottom:64px;
  }
  
  .bt-individual-image{
    height: 340px;
    width:100%;
    background-color: white;
  }
  
  .bt-individual-image > img{
    height:100%;
    width:100%;
    object-fit: cover;
  }
  
  .bt-individual-info{
    text-align: center;
    margin-top:24px;
  }
  
  .bt-individual-info > p {
    margin-bottom:0px;
  }
  
  .bt-individual-info > p:first-child{
    font-size:18px;
    font-weight: 700;
  }
  
  .bt-individual-info > p:last-child{
    color : #555555;
  }
  
  .bt-join-team-container{
    max-width:1366px;
    margin:auto;
    padding:74px 300px;
  }
  
  .bt-join-team > h2 {
    font-size: 24px;
    font-weight:600;
    color: #00052F;
    margin-bottom:32px;
    text-align:center;
  }
  
  .bt-vacancy{
    margin-top:54px;
  }
  
  .bt-vacancy > h2 {
    font-size:20px;
    font-weight:500;
    margin-bottom:4px;
    color:#00052F;
	 text-transform:capitalize;
  }
  
  .bt-vacancy > a {
    margin-top:24px;
    font-weight:700;
    color:#0083CB;
    display: block;
  }
  
  @media(min-width: 1700px){
    .bt-about-container{
      height:500px;
    }
  }
  
  @media(max-width:1300px){
    .bt-about-content {
      padding: 64px 150px;
    }
  
    .bt-join-team-container {
      padding: 74px 150px;
    }
  }
  
  @media(max-width:992px){
    .bt-about-content {
      padding: 64px 64px;
    }
  
    .bt-join-team-container {
      padding: 74px 64px;
    }
  }
  
  @media(max-width: 768px){
    .bt-our-team-container {
      padding: 76px 20px;
    }
  
    .bt-about-content {
      padding: 64px 32px;
    }
    
    .bt-join-team-container {
      padding: 74px 32px;
    }
  }
  
  @media(max-width:568px){
    .bt-about-text {
      width:100%;  
    }
  
    .bt-about-text >h1 {
      font-size:36px; 
    }
  }
  
  
  
  /* BLOG PAGE CSS  */
  
  .bt-blog-container{
    max-width:1366px;
    margin:auto;
    margin-top:64px;
    margin-bottom:64px;
  }
  
  .bt-blog-filter > h2{
    font-size:18px;
    font-weight:600;
    text-transform: uppercase;
  }
  
  .bt-blog-category{
    margin-top:12px;
  }
  
  .bt-blog-category > a{
    margin-bottom:4px;
    color: #555555;
    display:block;
    font-size:15px;
  }
  
  .bt-blog-cards{
    display:flex;
    margin-bottom:32px;
  }
  
  .bt-blog-image{
    height:150px;
    width:230px;
    margin-right:40px;
    position:relative;
  }
  
  .bt-blog-image > img{
    height:100%;
    width:100%;
    object-fit: cover;
  }
  
  .bt-blog-content{
    width:calc(100% - 230px);
  }
  
  .bt-category-name{
    font-size:13px;
    font-weight:300;
    text-transform: uppercase;
    color: #555555;
    margin-bottom:12px;
  }
  
  .bt-blog-name{
    font-size:22px;
    font-weight: 600;
    line-height:1.46;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .bt-blog-name > a{
    font-size:inherit;
    color:inherit;
    text-decoration: none;
  }
  
  @media(max-width:1500px){
    .bt-blog-container{
      padding-left:74px;
      padding-right:74px;
    }
  }
  
  @media(max-width:992px){
    .bt-blog-container{
      padding-left:32px;
      padding-right:32px;
    }
  
    .bt-blog-filter{
      margin-top:32px;
    }
  
  }
  
  @media(max-width:578px){
    .bt-blog-cards{
      flex-direction:column;
      margin-bottom:60px;
    }
  
    .bt-blog-image{
      width:100%;
      height:300px;
    }
  
    .bt-blog-content{
      width:100%;
      margin-top:16px;
    }
  
    .bt-category-name{
      margin-bottom:4px;
    }
  
  }
  
  @media(max-width:480px){
    .bt-blog-container{
      padding-left:16px;
      padding-right:16px;
    }
  }
  
  
  /* CONTACT US PAGE CSS  */
  
  
  .bt-contact{
    max-width:1366px;
    margin:auto;
    margin-bottom:64px;
  }
  
  .bt-contact-form-container{
    margin-top:96px;
    width:90%;
  }
  
  .bt-contact-form-container > h1{
    font-size:55px;
    font-weight:900;
    margin-bottom:32px;
    color:#00052F;
  }
  
  .bt-contact-form-container > p{
    margin-bottom:20px;
    color:#555555;
  }
  
  .bt-contact-form{
    margin-top:32px;
  }
  
  .bt-contact-form button {
    padding:12px 74px;
    border:none;
    color:white;
    font-size:16px;
    font-weight:600;
    background: #0083cb;
  }

  .bt-contact-button{
    padding:12px 74px;
    border:none;
    color:white;
    font-size:16px;
    font-weight:600;
    background: #0083cb;
  }
  
  .bt-input-form{
    margin-bottom:32px;
  }
  
  .bt-input-form > p{
    font-weight:600;
    color:#00052F;
  }
  
  .bt-input-form textarea{
    width:100%;
    padding:24px;
  }
  
  .bt-input-form input{
    height:70px;
    width:100%;
    margin-bottom:16px;
    padding-left:24px;
    padding-right:24px;
  }
  
  .bt-input-form > p {
    font-weight:600;
  }
  
  .bt-contact-info{
    background: #0083cb;
    color:white;
    padding:42px 54px;
    width:90%;
    margin-top:-64px;
  }
  
  .bt-social-icons{
    margin-top:24px;
  }
  
  .bt-social-icons > p {
    font-weight: 700;
  }
  
  .bt-office-info > h2{
    font-size:18px;
    margin-bottom:16px;
    font-weight: 700;
  }
  
  .bt-office-info > p {
    margin-bottom:2px;
	  opacity: 70%;
  }
  
  .bt-social{
    display: flex;
  }
  
  .bt-social > a{
    margin-right:8px;
    height:40px;
    width:40px;
    background-color: #00052F;
    position: relative;
  }
  
  .bt-social > a > img {
    height:25px;
    width:25px;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
  }
  
  .bt-maps-container{
    width:100%;
    height:450px;
    margin-top:84px;
  }
  
  .bt-maps-container > p{
    font-weight:600;
	
  }
  
  .bt-maps-container > iframe{
    width:80% !important;
    height:450px;
	float: right;
  }
  
  
  
  @media(min-width:1500px){
    .bt-contact-info{
      width:80%;
      margin-left: auto;
    }
	 .bt-maps-container > p {
		      width: 80%;
    margin-left: auto;
	  }
  }
  
  @media(max-width:1500px){
    .bt-contact{
      padding-left:74px;
      padding-right:74px;
    }
	  .bt-maps-container > iframe{
		  float:left;
	  }
	  .bt-maps-container > p{
		
	  }
	  .bt-maps-container > iframe{
		  width:100% !important;
	  }
	  .bt-contact-info{
		  width:100%;
	  }
  }
  
  @media(max-width:992px){
    .bt-contact{
      padding-left:32px;
      padding-right:32px;
    }
  
    .bt-contact-form-container{
      width:100%;
    }
  
    .bt-contact-info{
      width:100%;
    }
  
    .bt-maps-container > iframe{
      width:100% !important;
    }
  }
  
  @media(max-width:480px){
    .bt-contact{
      padding-left:16px;
      padding-right:16px;
    }
  }
  
  
  
  /* SINGLE BLOG PAGE CSS */
  
  .bt-single-blog{
    width:100%;
    max-width:1366px;
  }
  
  .bt-single-blog > h1 {
    line-height: 80px;
  }
  
  .bt-single-blog-container{
/*     max-width:1366px; */
	  max-width: 835px;
    margin:auto;
  }

  .blog-index-active{
    color:#0083cb !important;
    font-weight:600;
  }
  
  .bt-single-blog-content{
    padding:24px 0px 24px 0px;
    border-bottom:1.5px solid rgba(0,0,0,0.18);
	margin-bottom:24px;
  }
  
  .bt-blog-date{
    color:#555555;
    opacity:0.67;
    margin-bottom:0px;
  }
  
  .bt-blog-readTime {
    color:black;
    opacity: 1;
    font-weight:500;
  }
  
  @media(max-width:1500px){
    .bt-single-blog-container{
      padding-left:74px;
      padding-right:74px;
    }
  }
  
  @media(max-width:1366px){
    .bt-single-blog{
      padding-left:74px;
      padding-right:74px;
    }
  
    .bt-single-blog > h1 {
      font-size:48px;
      line-height:66px;
    }
    
  }
  
  @media(max-width:992px){
  
    .bt-single-blog > h1 {
      font-size:40px;
      line-height:60px;
    }
    
  }
  
  
  /* SERVICES PAGES CSS  */
  
  .bt-services{
    max-width:1366px;
    margin:auto;
    margin-bottom:64px;
  }
  
  .bt-service{
    margin-top:64px;
  }
  
  .bt-service > h2{
    font-size:48px;
    font-weight:700;
    margin-bottom:32px;
    color: #00052F;
  }
  
  .bt-service > p {
    line-height: 1.75;
    color:#555555;
    font-size:18px;
  }
  
  .bt-service-inc-list{
    padding-top:16px;
  }
  
  .bt-service-inc-list > h2{
    font-size: 20px;
    font-weight: 600;
    margin-bottom:16px;
    color:#00052F;
  }
  
  .bt-service-inc-list > p{
    margin-bottom:12px;
  }
  
  .bt-service-inc-list img{
    height:20px;
    width:20px;
    margin-right:8px;
  }
  
  .bt-service-button{
    padding:17px 50px;
    font-weight:600;
    border:1px solid #707070;
    color:#00052F;
    margin-top:32px;
    display: block;
    width:max-content;
    text-decoration: none;
  }
  
  .bt-service-button:hover{
    color:#00052f;
  }
  
  .bt-service-icon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
  
  .bt-service-icon > img{
    max-width:100%;
    height:auto;
  }
  
  .bt-expertise-container{
    background: #F6F6F6;
    padding-top:64px;
    padding-bottom:64px;
  }
  
  .bt-expertise{
    max-width:1366px;
    margin:auto;
  }
  
  .bt-expertise > h2{
    font-weight:900;
    font-size:48px;
    margin-bottom:32px;
    color:#00052F;
  }
  
  .bt-expertise > p {
    width:50%;
    color:#555555;
    line-height:1.9;
    margin-bottom:64px;
  }
  
  .bt-expertise-field{
    display:flex;
    flex-wrap:wrap;
  }
  
  .bt-expertise-single{
    width:33%;
  }
  
  .bt-expertise-single > h2{
    font-size:28px;
    font-weight:700;
    color:#0083CB;
    margin-bottom:20px;
    line-height:1.5;
  }
  
  .bt-expertise-single > p{
    color:#555555;
  }
  
  .bt-expertise-single{
    padding:25px;
    border:1px solid #d9d9d9;
    border-bottom:none;
    border-left:none;
  }
  
  .bt-expertise-field div:nth-child(3n){
    padding-right:0px;
    border-left: none;
    border-bottom:none;
    border-right:none;
  }
  
  .bt-expertise-field div:nth-child(3n + 1){
    padding-left:0px;
    border-left:none;
    border-bottom:none;
  }
  
  .bt-expertise-field div:nth-child(1){
    border-top:none;
  }
  
  .bt-expertise-field div:nth-child(2){
    border-top:none;
  }
  
  .bt-expertise-field div:nth-child(3){
    border-top:none;
  }
  
  
  
  @media(max-width:1500px){
    .bt-services{
      padding-left:74px;
      padding-right:74px;
    }
  
    .bt-expertise{
      padding-left:74px;
      padding-right:74px;
    }
  }
  
  @media(max-width:992px){
    .bt-service-icon{
      position:relative;
      transform: unset;
      text-align:center;
      margin-top:48px;
      top:unset;
      left:unset;
    }
  
    .bt-expertise-single{
      width:50%;
    }
    
    .bt-expertise-field div:nth-child(2n + 1){
      padding-left:0px;
      padding-right:25px;
      border-bottom:none;
      border-top:1px solid #d9d9d9;
      border-right:1px solid #d9d9d9;
    }
  
    .bt-expertise-field div:nth-child(2n){
      padding-right:0px;
      padding-left:25px;
      border-left:none;
      border-bottom:none;
      border-right:none;
      border-top:1px solid #d9d9d9;
    }
  
    .bt-expertise-field div:nth-child(1){
      border-top:none;
    }
    
    .bt-expertise-field div:nth-child(2){
      border-top:none;
    }
  
    .bt-expertise {
      padding-left: 64px;
      padding-right: 64px;
    }
  
    .bt-expertise > p {
      width:100%;
    }
  
    .bt-expertise > h2 {
      font-size:36px;
    }
  
  }
  
  @media(max-width:568px){
    .bt-services{
      padding-left:16px;
      padding-right:16px;
    }
  
    .bt-service > h2 {
      font-size:32px;
    }
  
    .bt-expertise {
      padding-left: 32px;
      padding-right: 32px;
    }
  
    .bt-expertise-single{
      width:100%;
    }
    
    .bt-expertise-single{
      border:none !important;
      padding:0 !important;
      border-bottom: 1px solid #d9d9d9 !important;
      padding-bottom:25px !important;
      padding-top:25px !important;
    }
  
    .bt-expertise-field > :last-child{
      border-bottom:none !important;
    }
  }
  
  
  /* SERVICES SINGLE PAGE CSS */
  
  .bt-service-single-container{
    max-width:1366px;
    margin:auto;
  }
  
  .bt-service-single{
    padding:74px;
    text-align: justify;
  }
  
  .bt-service-single > h1{
    text-align:center;
    font-size:55px;
    font-weight:900;
    margin-bottom: 64px;
    color:#00052F;
  }
  
  .bt-service-single > p {
    color:#555555;
    line-height:1.94;
  }
  
  .bt-service-capability{
    max-width:1366px;
    margin:auto;
    padding: 74px;
  }
  
  .bt-service-capability > h2{
    font-weight:700;
    margin-bottom:48px;
    color:#00052F;
  }
  
  .bt-service-capacity-flex{
    display:flex;
    flex-wrap:wrap;
  }
  
  .bt-service-capacity-flex > h2{
    font-weight:700;
    margin-bottom:32px;
    color:#00052F;
  }
  
  .bt-service-capacity-single{
    width:25%;
    padding-right:16px;
    padding-bottom:16px;
    text-align: center;
    margin-bottom:16px;
  }
  
  .bt-service-capacity-single > h2{
    font-weight:600;
    font-size:20px;
    color:#00052F;
    line-height:1.64;
  }
  
  .bt-service-capacity-single > p{
    line-height:1.94;
    color:#555555;
  }
  
  .bt-services-works{
    padding:74px;
    max-width:1366px;
    margin:auto;
  }
  
  .bt-services-works > h2 {
    font-weight:900;
    font-size: 40px;
  }
  
  
  @media(max-width:1200px){
    .bt-service-capacity-single{
      width:33%;
    }
  }
  
  @media(max-width:992px){
    .bt-service-capacity-single{
      width:50%;
    }
  
    .bt-service-capability{
      padding:64px;
    }
  
    .bt-service-single{
      padding:64px;
    }
  
    .bt-services-works{
      padding:64px;
    }
  }
  
  
  @media(max-width:768px){
    .bt-service-capability{
      padding:32px;
    }
  
    .bt-service-single{
      padding:32px;
    }
  
    .bt-services-works{
      padding:32px;
    }
  }
  
  @media(max-width:568px){
    .bt-service-capacity-single{
      width:100%;
    }
  }


  /* WORK PAGE CSS  */

  .b-tabs >ul{
    margin-top: 42px;
    margin-bottom: 91px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: flex;
    text-transform: uppercase;
    font-weight: 400;
    justify-content: center;
}

.b-work-cards-work-page>div:nth-child(3n+2){
margin-top: -100px;
}

.b-work-cards-work-page>div:nth-child(3n){
    margin-top: -200px;

}

.b-first-w{
    margin-top: 245px;
/* 	margin-top:112px; */
}
.btp-work{
		margin-top:112px; 
}

.b-tabs >ul>li>a{
    color: #333;
}
.b-work-card-wrapper{
    margin-bottom: 60px;
}
.b-work-intro {
    text-align: center;
    padding-top: 112px;
}
.b-work-intro>p{
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
     line-height: 1.9;
	 opacity: 90%;
}
.b-work-intro>h1{
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 55px;

}
.b-tabs ul li p{
    font-weight: 500;
    font-weight: 18px;
    margin-top: 7px;
    margin-right: 18px;
}
.b-tabs ul li .active{
border-bottom: 2px solid #0083CB;
border-bottom: 2.5px solid #0083CB;
}
.b-work-cards-work-page{
    flex-wrap: wrap;
}
.b-work-page-wcard{
    margin-bottom: 48px !important;
}
@media(max-width:1100px){
    .b-work-cards-work-page>div:nth-child(3n+2){
      margin-top: 0px;
    }
    
    .b-work-cards-work-page>div:nth-child(3n){
        margin-top: 0px;
    
    }
    .b-work-cards-work-page{
        margin-top: 40px;
    }
    .b-first-w{
        margin-top: 24px;
    } 
    .b-work-page-wcard{
        margin-bottom: 48px !important;
    }

    .b-work-cards-work-page{
        flex-wrap: wrap;
    }
}



/* SINGLE WORK PAGE CSS  */


.bt-single-work{
  max-width:1366px;
  margin:auto;
}

.image{
width: 100%;
height:500px;
position:relative;
}

.overlay{
  height:100%;
  width: 100%;
  background:black;
  position:absolute;
  background: linear-gradient(
    90deg, rgba(0,0,0,0.73) 0%, rgba(84,84,84,0.58) 100%);
  top:0;

}

.image > img {
  height:500px;
  width:100%;
  object-fit:cover;
}

.bodypart{
  padding: 20px 20px;
}

.info{
  padding: 40px 40px;
  padding-bottom: 0;
}

.headings{
  color: #555;
  padding: 20px;
  padding-bottom: 8px;
}

.headings h5{
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 1px;
  padding-bottom: 20px;
}

.headings h1{
  font-size: 58px;
  line-height: 64px;
  font-weight: bold;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}

.bt-work-single-content{
  padding: 20px;
  max-width:1366px;
  margin:auto;
}

@media (max-width : 740px) {
  #headings{
      display: block;
      font-size: 36px;
      line-height: 40px;
      font-weight: bold;
      
  }
}
@media (max-width : 400px) {
  #headings{
      display: block;
      font-size: 20px;
      line-height: 20px;
      font-weight: bold;
      
  }
}
.h5{
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 18px;
  font-weight: normal;

}
.wrapping{
  padding: 30px;
}
.container{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  padding-bottom: 40px;
  
}

.h5{
  font-size: 18px;
  font-family: 'TT Norms Pro';
  color: #555;
  padding-bottom: 25px;
}
.links a{
  font-size: 16px;
  color: #1e74c0;
  text-decoration: none;
  border-bottom: 1px solid rgba(30,116,192,0.4);
}
.links a:hover{
  border-bottom: 1px solid #1e74c0;
}

.boxbtn{
  font-size: 18px;
  color: #ffffff;
  background-color: black;
  text-transform: uppercase;
  line-height: 60px;
  padding: 0 60px;
  letter-spacing: 2px;
  font-weight: bold;
  transition: 250ms;
  display: inline-block;
  cursor: pointer;
}
@media (max-width : 740px) {
#boxbtn{
  font-size: 12px;
  color: #ffffff;
  background-color: black;
  text-transform: uppercase;
  line-height: 40px;
  padding: 0 40px;
  letter-spacing: 1px;
  font-weight: bold;
  transition: 250ms;
  display: block;
  cursor: pointer;
}  
#info{
  padding: 20px;
}  
}
@media (max-width : 485px) {
  #boxbtn{
      font-size: 8px;
      color: #ffffff;
      background-color: black;
      text-transform: uppercase;
      line-height: 20px;
      padding: 0 20px;
      letter-spacing: 1px;
      font-weight: bold;
      transition: 250ms;
      display: block;
      cursor: pointer;
  }    
}
@media (max-width : 320px) {
  #boxbtn{
      font-size: 6px;
      color: #ffffff;
      background-color: black;
      text-transform: uppercase;
      line-height: 10px;
      padding: 0 20px;
      letter-spacing: 1px;
      font-weight: bold;
      transition: 250ms;
      display: block;
      cursor: pointer;
  }    
  }




.b-aus, .b-np{
	margin-top:22px;
	font-size: 18px;
    opacity: 100% !important;
	
}

.b-submit:hover{
	color:white;
}



.bt-single-blog-container{
	position:relative;
    margin-bottom: 48px;
}


.rt-reading-time{
	    color: #555555 !important;
    opacity: 0.67 !important;
}
.rt-reading-time{
   position: absolute;
    top: 24px;
    left: 165px;

    font-weight: 500 !important;
}
 
@media(max-width:1500px){
	.rt-reading-time{
   position: absolute;
    top: 24px;
    left: 237px;
}
}

@media(max-width:450px){
		.rt-reading-time{top:47px;
	left:unset;
	}
}




.bt-error-page-wrapper{
text-align:center;
	padding:64px;

}
.error-image{
	width:300px;
    height:auto;
	margin:auto;
}
.error-image img{
	width:100%;
	height:auto;
}

.bt-error-page-wrapper>h1{
	font-size: 86px;
    font-weight: 900;
	color:#00052F;
}

.bt-error-page-wrapper>a{
	color: white;
    font-size: 16px;
    font-weight: 500;
    background: #0083CB;
    padding: 8px 23px;
    border-radius: 4px;
}

.bt-icons img{
	height: 30px;
    width: 30px;
   
}
.bt-share-icon-wrapper{
    position: fixed;
/*     top: 80%; */
	left:0;
	list-style:none;
}

.bt-share-icon-wrapper>ul>li{
	margin-bottom:12px;
}

.bt-share-icon-wrapper>ul>li>.bt-icons{
	border-radius:50%;
	padding:8px;
	   background: #0083CB;
}

.bt-work-section1 .bt-work-single-content .rt-reading-time{
	display:none !important;
}

 .b-first-w{
	flex-wrap:wrap;
}

.bt-single-blog-container h2, .bt-single-blog-container h3, .bt-single-blog-container h1{
margin-bottom:22px;	
}

.bt-single-blog-container>p{
	line-height: 1.7;
/* 	opacity:70%; */
}
.bt-single-blog-container p strong{
	opacity:100% !important;
}


.b-branch-phone-no{
margin-top:-16px
}
.hero-intro-text h2 .partner{
	color:#0083CB;
}

.hero-intro-text h2 .further{
	color:#51BCD5;
}

.related-articles > p{
	font-size:22px;
/* 	text-align:center; */
	margin-bottom:46px;
	margin-top:46px;
    max-width: 145px;
    padding-bottom: 4px;
	border-bottom: 2px solid #0083cb;
	font-weight:600;
}
.bt-redirect{
	margin-bottom:-35px;
	margin-top: 25px;
}

@media(max-width:1100px){
	.bt-redirect{
	margin-bottom:0px;

}
}
@media(max-width:768px){
.bt-error-page-wrapper {
    padding: 32px;
}	
}


.hero-intro-text .bt-redirect a{
	background:#0083CB;
	color:white;
	padding: 12px 20px;
	margin-bottom:110px;
}


.related-articles .bt-single-blog-content .bt-blog-meta {
	float:right;
}
.related-blog-post{
	padding-top:8px;
}
.related-articles .bt-single-blog-content .bt-blog-meta .bt-blog-date{
	 font-style: italic;
    font-size: 14px;

}
.related-blog-post{
	border-top:1.5px solid rgba(0,0,0,0.18);
	border-bottom:none !important;
	margin-top: 36px;
}

.related-articles .bt-single-blog-content .bt-blog-meta .bt-blog-date span{
	font-style:Italic;
	
}

.bt-products-page{
	    margin-left: auto;
    margin-right: auto;
    max-width: 1366px;
}
.bt-products-page>h1{
	margin-bottom: 30px;
    font-weight: 600;
    font-size: 55px;
	text-align: center;
    padding-top: 112px;
}
.bt-products-page>p{
	max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    line-height: 1.9;
    opacity: 90%;
}

/*  hero section mobile size design*/


@media(max-width:768px){
	.work-image{
		height:50%;
	}
	.work-des{
		color:black;
		position:relative;
		background:#f4f5f6 !important;
    	background: linear-gradient(
		90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0)100%);
		padding:16px;
		}
	
	.work-image-container:hover .work-image{
		transform: scale(1);
	}
	.work-image-container .work-des>p{
		opacity:70%;
	}
	.view-case-study{
		opacity:1;
		left:3%;
		transform:unset;
		
	}
		
		.work-image-container:hover .ork-des{
		
 		background: linear-gradient(
		90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0)100%); 
		}

}



.bt-blog-share-icons .bt-share-icon{
  width: 34px;
  background: #0083cb;
  height: 36px;
  padding: 6px;
  margin-right: 12px;
}


.bt-blog-share-icons p{
  margin-bottom: 0px;
    /* align-items: center; */
    /* text-align: center; */
    font-size: 19px;
    font-weight: 500;
    color: #333;
    padding-right: 12px;
    padding-top: 4px;
    opacity: 90%;
	 text-transform: uppercase;
}



  /* pagination */
  .page-numbers{
    border: 2px solid #3582C7;
    color: #00052F;
    padding: 4px 12px;
text-decoration: none !important;
}

  .current{
    color: #3582C7;
    border:2px solid #3582C7;
  }
  .page-numbers:hover{
    transition: 350ms;
    background-color: #00052F;
    color: white;
    border:2px solid #00052F;
  }
  .current:hover{
    background-color: transparent;
    color: #00052F;
  }
  
  .blog-pagination-wrapper, .bt-pagination{
    text-align:center;
  }



.bt-blog-share-icons .bt-share-icon img{
  width: 100%;
  height: 100%;
}
.related-articles .bt-blog-share .bt-blog-share-icons{

  display: flex;
  margin-bottom: -22px;
  margin-top: 46px;

}



 .career-p .cr-heading h3{
  font-weight: 600;
}
.career-p .cr-join-team h2{
  font-size: 32px;
  color: white;
}
.career-p  .bt-contact-button{
  width: 100%;
  background: #00052F;
}
.career-p .bt-input-form input{
  height: 50px;
}

.career-p .bt-input-form > p{
  color: white;
}
.cr-vacancy{
  margin-top: 54px;
  border: 1px solid #d3d8dd;
  padding: 16px;
  border-radius: 16px;
}
.cr-vacancy p{
  opacity: 70%;
    margin-top: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bt-vacancy a{
  text-decoration: underline;
}


.bt-input-form .CV input{
	padding-left:0;
	margin-bottom:0;
}
.inquiry-cv >p{
	margin-bottom:0px;
}
.inquiry-cv {
	margin-bottom:0;
	
}
.bt-ts{
	margin-top:32px;
	color: #00052F;
	font-weight:600;
}
.sr{
	margin-bottom:8px;
	margin-top:16px;
}

.bt-job-submit-form{
	margin-top:48px;
}
.choose-file{
	margin-bottom:40px;
}



/* Featuring Packaging Page 2025/03/30 */

/* Hero Section */
.msjk-package-hero-section-whole{
  width: 100%;
  /* margin: 10px auto; */

}

.msjk-package-hero-section{
  width: 100%;
  height: 100%;
}

.msjk-package-hero-image{
  height: 500px;
  width: 100%;
  position: relative;
}

.msjk-package-hero-image img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  /* object-position: bottom; */
}

.msjk-package-hero-image-overlay{
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgb(0, 0, 0);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.73) 0%, rgba(84, 84, 84, 0.58) 100%);
}

.msjk-package-hero-heading{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 768px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 32px;
}

.msjk-package-hero-heading h1{
  color: #ffffff;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px !important;
  max-width: 992px;
  margin: auto;
  text-align: center;
  font-family: "Poppins", sans-serif;
}

.msjk-package-hero-heading p{
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 0px !important;
  text-align: center;
  max-width: 992px;
  margin: auto;
  font-family: "Poppins", sans-serif;
}



@media (max-width: 992px) {
  .msjk-package-hero-section{
    margin: 4px auto;
  }

  .msjk-package-hero-image{
    height: 450px;
  }

  .msjk-package-hero-heading{
    padding: 0px 16px;
  }
  
}

@media (max-width: 768px) {
  /* .msjk-package-hero-heading h1{
    font-size: 24px;
  } */
  .msjk-package-hero-image{
    height: 400px;
  }
}

@media (max-width: 576px) {
  .msjk-package-hero-heading h1{
    font-size: 28px;
    margin-bottom: 14px !important;
  }

  .msjk-package-hero-heading p{
    font-size: 14px;
  }

}

/* Hero Section Ends*/

/* Branding & Design: Section */
.msjk-branding-container{
  max-width: 1240px;
  margin: 80px auto 40px;
  padding: 0px 12px;
}

.msjk-branding-heading{
  margin-bottom: 36px;
  padding: 0px 20px;
}

.msjk-branding-heading h2{
  color: var(--Primary);
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px !important;
  /* max-width: 700px;*/
  text-align: center; 
  font-family: "Poppins", sans-serif;
}

.msjk-branding-heading p{
  color: var(--Secondary);
  font-size: 16px;
  margin-bottom: 0px !important;
  text-align: center;
  max-width: 992px;
  margin: auto;
  font-family: "Poppins", sans-serif;
}

.msjk-standout-single-service-col {
  background-color: #f6f6f6;
  padding: 24px 16px;
  min-height: 230px;
}

.msjk-standout-single-service-contents{
  flex-direction: column;
}

.msjk-standout-image-div {
  width: 54px;
  height: 54px;
}

.msjk-standout-image-div img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.msjk-standout-img-blue {
  display: block;
}

.msjk-standout-img-white {
  display: none;
}

.msjk-standout-single-service-contents h3 {
  font-family: "Poppins", sans-serif;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--Primary);
  padding-top: 20px;
  margin-bottom: 20px;
}

.msjk-standout-single-service-contents p {
  font-family: "Poppins", sans-serif;
  color: var(--Secondary);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 0px !important;
}

.msjk-standout-single-service-col:hover {
  background-color: var(--Primary);
  /* transition: 750ms ease-out; */
}

.msjk-standout-single-service-col:hover .msjk-standout-img-white {
  display: block;
}

.msjk-standout-single-service-col:hover .msjk-standout-img-blue {
  display: none;
}

.msjk-standout-single-service-col:hover .msjk-standout-single-service-contents h3 {
  color: #ffffff;
}

.msjk-standout-single-service-col:hover .msjk-standout-single-service-contents p {
  color: #ffffff;
}


/* @media (max-width: 1500px) {
  .msjk-branding-container {
      padding-left: 74px;
      padding-right: 74px;
  }
}

@media (max-width: 992px) {
  .msjk-branding-container {
      padding-left: 32px;
      padding-right: 32px;
  }
} */

@media (max-width: 992px) {
  .msjk-branding-container {
      padding: 0px 4px;
  }
  .msjk-branding-heading{
    margin-bottom: 36px;
    padding: 0px;
  }

}

@media (max-width: 576px) {

  .msjk-branding-heading h2{
    font-size: 28px;
    margin-bottom: 14px !important;
  }

  .msjk-branding-heading p{
    font-size: 14px;
  }

}

/* stand out section ends */


/* package design gallery section */

.msjk-package-gallery-container{
  max-width: 1240px;
  padding: 0px 32px;
  margin: auto;
  margin-bottom: 80px;
}

.msjk-package-gallery-heading{
  margin-bottom: 24px;
}

.msjk-package-gallery-heading h1 {
  font-family: "Poppins", sans-serif;
  color: var(--Primary);
  margin-bottom: 12px;
  position: relative;
  text-align: center;
  font-weight:700;
  font-size: 32px;
  line-height: 1.4;
}

.msjk-package-gallery-heading p{
  max-width: 768px;
  margin: auto;
  padding: 0px 16px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  color: var(--Secondary);
  margin-bottom: unset !important;
}

.msjk-package-gallery-container .nanogallery_gallerytheme_custom_my_nanogallery .nGY2NavPagination {
  background-color: var(--Primary) !important;
  }

  .msjk-package-gallery-container .nGY2 .nGY2paginationRectangle, .nGY2 .nGY2paginationRectangleCurrentPage{
    background: var(--Secondary) !important;
    border: 3px solid var(--Secondary) !important;
  }

  .msjk-package-gallery-container .nGY2 .nGY2paginationRectangleCurrentPage{
    background: var(--Primary) !important;
    border: 3px solid var(--Primary) !important;

  }

  .msjk-package-gallery-container .nGY2 .nGY2GalleryBottom{
    margin-top: 16px !important;
  }
  
  .msjk-package-gallery-container .nGY2Navigationbar{
      display: flex !important;
      justify-content: end;
  }
  
  .msjk-package-gallery-container .nGY2 .nGY2GThumbnailLabel{
      background: unset !important;
  }
  
  @media (max-width: 992px) {

    .msjk-package-gallery-container{
        padding: 0px 16px;
        margin-bottom: 60px;
    }
  }

@media (max-width: 768px) {

  .msjk-package-gallery-container{
      padding: 0px 16px;
      margin-bottom: 60px;
  }

  .msjk-package-gallery-heading h1 {
    /* font-size: 24px; */
    line-height: 1.2;
  }

  .msjk-sub-heading-gallery{
    max-width: unset;
  }
}

@media (max-width: 576px) {
  .msjk-package-gallery-container{
    margin-bottom: 40px;
  }

  .msjk-package-gallery-heading{
    margin-bottom: 16px;
  }

  .msjk-package-gallery-heading h1{
    font-size: 28px;
    margin-bottom: 14px !important;
  }

  .msjk-package-gallery-heading p{
    font-size: 14px;
  }

  .msjk-package-gallery-container .nanogallery_gallerytheme_custom_my_nanogallery .nGY2NavPagination{
    padding: 4px 6px;
  }

}


/* package design gallery section ends */


.msjk-single-milestone-container-whole{
  background-color: #f6f6f6;
  padding: 40px 0px ;
  margin-bottom: 60px;
}

.msjk-single-milestone-container-heading{
  margin: auto;
  padding: 0px 16px;
  margin-bottom: 36px;
  display: flex;
  gap: 32px;

  justify-content: space-between;
  /* align-items: center; */
}

.msjk-single-milestone-container-heading h1{
  font-family: "Poppins", sans-serif;
  color: var(--Primary);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 0px !important;
  max-width: 768px;
  /* text-align: center; */
}

.msjk-single-milestone-container-heading p{
  font-family: "Poppins", sans-serif;
  color: var(--Secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0px !important;
  /* text-align: center; */
}


.msjk-single-milestone-container{
  max-width: 1240px !important;
  padding: 0px 8px;
  margin: auto;
}

.msjk-single-milestone-heading{
  position: relative;
  padding: 0px 24px;
}

.msjk-single-milestone-heading::before{
content: "";
width: 2px;
height: 100%;
background-color: var(--Primary);
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

.msjk-single-milestone-heading::before {
  left: 0;
}

.msjk-single-milestone-heading h2{
  font-size: 30px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  line-height: 1.2; 
  margin-bottom: 14px !important;
}


.msjk-single-milestone-heading p{
  font-family: "Poppins", sans-serif;
  color: var(--Secondary); 
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0px !important;
}

@media (max-width:992px){

  .msjk-single-milestone-container-heading{
      flex-wrap: wrap;
      gap: unset;
  }

  .msjk-single-milestone-container-heading h1{
      max-width: unset;
  }
}

@media (max-width:768px){
  .msjk-single-milestone-container-whole{
    margin-bottom: 40px;
  }

  .msjk-single-milestone-container{
      padding: 0px 4px;
  }
  
  .one-msjk-single-milestone-container{
      margin-bottom: 40px !important;
  }

  .msjk-single-milestone-container-heading h1{
      margin-bottom: 20px !important;
  }

  .msjk-single-milestone-col{
      margin-bottom: 20px !important ;
  }

  .msjk-single-milestone-heading h2 {
      font-size: 28px;
  }

  .msjk-single-milestone-heading p {
      font-size: 14px;
  }
}

@media (max-width: 576px) {

  .msjk-package-gallery-heading h1{
    font-size: 28px;
    margin-bottom: 14px !important;
  }

  .msjk-package-gallery-heading p{
    font-size: 14px;
  }

}

/* end of after how it work page  */

  /* Our Client Section */

  .msjk-client-container-whole{
    /* background-color: var(--Primary); */
    /* background-color: #f6f6f6; */
    /* padding: 60px 0px; */
    margin-bottom: 80px !important;
  }

  .msjk-client-container{
    max-width: 1240px;
    padding: 0px 32px;
    margin: auto;
  }

  .msjk-client-heading{
    margin-bottom: 32px;
  }

  .msjk-client-heading h1{
    font-family: "Poppins", sans-serif;
    color: var(--Primary);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 14px !important;
    /* max-width: 768px; */
    text-align: center;
}

.msjk-client-heading p{
    font-family: "Poppins", sans-serif;
    color: var(--Secondary);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 0px !important;
    text-align: center;
}

.msjk-client-image-container{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 16px;
  /* padding: 10px; */
}

.msjk-single-image{
  width: 100%;
  max-width: 120px;
  height: 80px;
}

.msjk-single-image img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  /* background-color: #f6f6f6; */
}

@media (max-width: 992px) {
  .msjk-client-image-container{
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }

  .msjk-client-container{
    max-width: 1240px;
    padding: 0px 16px;
    margin: auto;
  }

  .msjk-single-image{
  }
}

  @media (max-width: 768px) {
    .msjk-client-container-whole{
      padding: 40px 0px;
      margin-bottom: 40px;
    }

    .msjk-client-image-container{
      grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
    }

    
  }

  @media (max-width: 576px) {

    .msjk-client-heading h1{
      font-size: 28px;
      margin-bottom: 14px !important;
    }
  
    .msjk-client-heading p{
      font-size: 14px;
    }
  
  }

  /* Our Client Section Ends */
/* Contact Section */

.msjk-design-contact-container{
  max-width: 1240px !important;
  margin: auto !important;
  padding: 0px 8px !important;
  margin-bottom: 60px !important;
}

.msjk-contact-form-container > h1 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
  color: var(--Primary);
}

.msjk-contact-form-container > p {
  margin-bottom: 20px;
  color: var(--Secondary);
}

.msjk-custom-form-field input{
  height: 45px !important;
  border: 1px solid #dbd9d9f1;
}

.msjk-custom-form-field textarea{
  border: 1px solid #dbd9d9f1;
}

.msjk-custom-form-field select{
  height: 45px !important;
  width: 100%;
  margin-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border: 1px solid #dbd9d9f1;
}

.msjk-design-map{
  margin-top: 0px !important;
}

@media (max-width: 992px) {  
  .msjk-design-map{
    margin-top: 40px !important;
  }
}

@media (max-width: 576px) {

  .msjk-contact-form-container h1{
    font-size: 28px;
    margin-bottom: 14px !important;
  }

  .msjk-contact-form-container p{
    font-size: 14px;
  }

}

/* Contact Section Ends */
  
/* blog page */
.msjk-blog-container{
  max-width: 1240px;
  margin: auto;
  padding: 0px 52px;
  margin-bottom: 60px;
}

.msjk-blog-container h1{
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 32px;
  color: var(--Primary);
}

.msjk-blog-container .view-all{
  text-align: unset !important;
  margin-bottom: 28px !important;
}

.msjk-blog-container .view-all a{
  padding: 10px 20px;
  font-size: 14px;
}

.msjk-design-map{
  width: 100% !important;
  height: 100% !important;
  margin: auto;
}

.msjk-design-map iframe{
  width: 100% !important;
  height: 80% !important;
}

.msjk-design-map p{
  margin-left: unset !important;
}

@media (max-width: 992px) {
  
}


@media (max-width: 768px) {
  .msjk-design-contact-container{
    margin-bottom: 40px !important;
    padding: 0px 4px !important;
  }

  
  .msjk-blog-container{
    padding: 0px 16px;
    margin-bottom: 40px;
  }

  .msjk-blog-container h1{
    font-size: 30px !important;
  }


}

@media (max-width: 576px) {
  .msjk-blog-container h1{
    margin-bottom: 20px;
  }
}
/* blog page ends*/

/* Featuring Packaging Page 2025/03/30 ends*/

/* Web Development Page 2025/04/25*/
/* Web page slider section */

.msjk-layout{
  max-width: 1240px;
  margin: 40px auto;
  padding: 0px 8px;
  transition: all 0.3s ease-in-out;
  position: relative;
}

.msjk-layout .swiper {
  border-radius: 8px;
}
 
.msjk-desc {
  padding:30px 20px 40px;
  background: #f8f8f8;
  border-radius: 10px;
}

.msjk-desc h2{
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--Primary);
  margin-bottom: 4px !important;
}

.msjk-desc p{
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: var(--Secondary);
  margin-bottom: 30px !important;
}

.msjk-desc-a a{
  font-family: "Poppins", sans-serif;
  padding: 10px 30px;
  border: 1px solid #0083CB;
  color: white;
  font-size: 16px;
  font-weight: 600;
  background: #0083cb;
}

.msjk-desc a:hover{
  color: #0083CB;
  background: #ffffff;
  text-decoration: none;
}

.msjk-web-container{
  max-width: 1240px;
  margin: 0 auto 40px;
  padding: 0px 4px;
}

.msjk-websiteimage-container{
  position: relative;
}

.msjk-custom-work-col{
  margin-bottom: 30px !important;
}

.msjk-single-websiteimage{
  height: 400px;
}

.msjk-single-websiteimage img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.msjk-afterhover{
  width: 160px;
  height: 160px;
  padding: 40px;
  margin: auto;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .53);
  display:none;
  cursor: pointer;
  /* position: relative; */
}

.msjk-afterhover p{
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  padding: 0px 16px;
  text-align: center;
  color: #ffffff;
  margin-bottom: unset !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.msjk-websiteimage-container:hover .msjk-single-websiteimage-overlay{
  position: absolute;
  left: 0;
  bottom: 0;
  /* background: #11111180; */
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.msjk-websiteimage-container:hover .msjk-afterhover{
  display:block;
}

.mainSwiper {
  height: 600px !important; 
  overflow: hidden;
  flex: 1;
}

.mainSwiper .swiper-wrapper .swiper-slide {
  height: 100% ;
  overflow-y: auto; 
  overflow-x: hidden;
  flex-shrink: 0 !important;
}

.mainSwiper .swiper-wrapper .swiper-slide img{
  width: 100%;
  height: auto; 
  display: block;
  object-fit: cover;
}

.thumbSwiper {
  height: 600px !important;
  /* overflow-y: auto;   */
  /* flex: 1; */
}

.thumbSwiper .swiper-wrapper {
  height: 100%;
  overflow-y: auto; 
  overflow-x: hidden;
  flex-shrink: 0 !important;
}

.thumbSwiper .swiper-slide {
  height: 100px !important;  
  opacity: 0.5;
  cursor: pointer;
}

.thumbSwiper .swiper-slide-thumb-active {
  opacity: 1;
  border: 2px solid #00052f;
  border-radius: 6px;
}

.thumbSwiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  border-radius: 8px;
}

.thumbSwiper .swiper-wrapper::-webkit-scrollbar {
  width: 4px !important;
}

.thumbSwiper .swiper-wrapper::-webkit-scrollbar-thumb {
  background-color: #888 !important;
  border-radius: 10px !important;
}

/* 
.msjk-layout {
  display: none;
}
.msjk-layout.active {
  display: block;
} */

.msjk-close-btn {
  font-size: 24px;
  font-weight: bold;
  color: #000;
  cursor: pointer;
  position: absolute;
  top: -40px;
  right: 20px;
  z-index: 10;
}

@media (max-width: 768px) {
  .msjk-layout{
      padding: 0px 4px;
  }   
  
  .msjk-custom-layout-col{
    margin-bottom: 20px !important;
  }

  .thumbSwiper .swiper-slide{
    height: 80px !important;
  }
}

@media (max-width: 576px) {
  .msjk-single-websiteimage {
    height: 300px;
  }
  .thumbSwiper .swiper-slide{
    height: 60px !important;
  }
}

/* Web page slider section Ends */

/* Why We're the Right Choice Section */
.msjk-why-right-choice-container{
  max-width: 1240px;
  margin: auto;
  margin-bottom: 50px;
}

.msjk-why-right-choice-heading{
  max-width: 780px;
  margin: auto;
  padding: 0px 24px;
  margin-bottom: 42px;
}

.msjk-why-right-choice-heading h1{
  font-family: "Poppins", sans-serif;
  font-size: 32px;
  text-align: center;
  font-weight: 600;
  line-height: 1.4;
  color: var(--Primary);
  margin-bottom: 10px !important;
}

.msjk-why-right-choice-heading p{
  font-family: "Poppins", sans-serif;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--Secondary);
  margin-bottom: 0px !important;
}

.msjk-why-right-choice-body{
  max-width: 1240px;
  margin: auto;
  padding: 0px 12px;
}

.msjk-why-right-choice-custom-col{
  margin-bottom: 30px;
}

.msjk-why-right-choice-body-col{
  align-items: start;
  display: flex;
  gap: 20px;
}

.msjk-why-right-choice-img{
 padding: 14px;
  border-radius: 6px;
  background-color: var(--Primary);
}

.msjk-why-right-choice-img img{
  width: 30px;
  height: 30px;
  object-fit: cover;
}

.msjk-why-right-choice-text{
  max-width: 372px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.msjk-why-right-choice-text h2{
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--Primary);
  margin-bottom: 0px !important;
  /* overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; */
}

.msjk-why-right-choice-text p{
  font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.2;
      color: var(--Secondary);
      margin-bottom: 0px !important;
      /* overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical; */
}

.msjk-why-right-choice-custom-col:hover .msjk-why-right-choice-img{
  background-color: var(--yellow);
}

@media (max-width: 1024px) {
  /* .msjk-why-right-choice-container{
    margin-bottom: 80px;
  } */

  .msjk-why-right-choice-body{
    padding: 0px 4px;
  }

  .msjk-why-right-choice-heading{
    padding: 0px 16px;
  }
}

@media (max-width: 992px) {
  .msjk-why-right-choice-container{
    margin-bottom: 30px;
  }

  .msjk-why-right-choice-heading{
    max-width: unset;
    margin-bottom: 36px;
  }
  
  .msjk-why-right-choice-heading h1{
    font-size: 28px;
  }
  
  

  .msjk-why-right-choice-img{
    padding: 10px;
  }

  .msjk-why-right-choice-img img {
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 768px) {
  
  .msjk-why-right-choice-heading h1{
    font-size: 24px;
    /* -webkit-line-clamp: unset; */

  }

  .msjk-why-right-choice-heading{
    margin-bottom: 28px;
  }

  .msjk-why-right-choice-body-col{
    gap: 12px;
  }

  

  .msjk-why-right-choice-text{
    max-width: unset;
  }

  .msjk-why-right-choice-text h2{
    font-size: 18px;
  }
}

@media (max-width: 576px) {
  /* .msjk-why-right-choice-heading h1{
    font-size: 20px;
  } */

  .msjk-why-right-choice-heading p{
    font-size: 14px;
  }

  .msjk-why-right-choice-text p{
    font-size: 14px;
  }
}

@media (max-width: 425px) {

}

/* End of Why We're the Right Choice Section */
/* Slider Section  */
.bnavbar-wrapper ,.Navrbar-change{
  z-index: 1000 !important;
}
  .msjk-web-container .swiper-button-next,
  .msjk-web-container .swiper-button-prev{
    display: none;
  }

  .msjk-web-container .swiper-pagination-bullet{
    height: 10px !important;
    width: 10px !important;
  }

  .msjk-web-container .swiper-pagination-bullet-active{
    background: var(--Primary) !important;
  }


  .msjk-web-container .mySwiper .swiper-slide-active{
    padding: 0px 0px 60px !important;
  }
/* Slider Section ends */

.msjk-custom-p{
  padding: 0px 10px !important;
}

/*  Web Development Page 2025/04/25 ends*/