/*Business units templates css*/

/*sylvia css bu css code*/
.floating-models {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    bottom: 0;
    left: 0;
    pointer-events: none;
    right: 0;
    top: -100px;
    z-index: -10;
    display: flex;
    flex-direction: row;
       animation: scaleIn 1s ease-in-out forwards;
}

.BU--bakground {
    position: relative;
    height: 80vh;
    
}
/*
.model-one {
     animation: scaleIn 1s ease-in-out forwards;
}
*/


       @keyframes scaleIn {
            0% {
                transform: scale(0); /* Start with the element scaled down to 0 */
            }
            100% {
                transform: scale(1); /* End with the element at its original size */
            }
        } 

/*
@keyframes flyIn{
    0% {
        opacity: 0;
        transform: translateX(-100%) scale(0);
    }
    100%{
        opacity: 1 !important;
        transform: translateX(0) scale(1) !important;
    }
}
*/
.BU-Title{
    position: absolute;
    top: 30%;
/*    animation: scaleIn 1s ease-in-out forwards;*/
}
.businessUnitsTitle{
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 100px;
line-height: 120%;
/* or 120px */
letter-spacing: 0.1em;
text-transform: uppercase;
color: #FFFFFF;
 
}

.smallTitle{
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 21px;
line-height: 150%;
/* or 32px */
letter-spacing: 0.05em;

color: #FFFFFF;
}

.model-one{
/*
    position: relative;
    width: 30%;
    top: 10%;
*/
    width: 30%;
height: 302px;
left: 82px;
top: 20%;
    position: absolute;
}

.model-two{
    /* image 111 */

position: absolute;
width: 30%;
height: 237px;
left: 1088px;
top: 141px;


/*
    top: 10%;
  right: 0;
    position: absolute;
    width: 30%;
*/
}

.model-three{
    width: 25%;
    position: absolute;
bottom: 4%;
    left: 0;
}

.model-four{
    width: 30%;
    position: absolute;
    bottom: -4%;
    right: 0;
}
/*
.lines svg{
    position: absolute;
}
*/

.lines{
    bottom: 0;
    left: 0;
    pointer-events: none;
    right: 0;
    top: 0;
}
.lines svg:first-child {
/*
    left: 0;
    top: -63px;
*/
left: 474.02px;
top: 346px;

}
.lines svg:nth-of-type(2) {
 /* Line 2557 */

position: absolute;
right: 0;
top: 534px;
transform: rotate(70deg);


}
.lines svg:nth-of-type(3) {
    display: none;
}

/*
.Bu_content{
    padding: 20px;
}
*/

.BUtitle{

width: 100%;
padding-top: 20%;
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 50px;
line-height: 150%;
leading-trim: both;
text-edge: cap;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #FFFFFF;


}

.Bu_Para{

width: 946px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 21px;
line-height: 140%;
leading-trim: both;
text-edge: cap;
letter-spacing: 0.03em;
color: #FFFFFF;


}

.button-demo-wrapper{
    cursor: pointer;
    border: 3px solid transparent;
    padding: 7px 20px;
border-radius: 100px;
width: 105px;
height: 10px;
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 153%;
leading-trim: both;
text-edge: cap;
text-align: center;
letter-spacing: 0.05em;
color: #FFFFFF;
background: linear-gradient(#0A0028, #0A0028) padding-box,
        linear-gradient(90deg, #8000FF 3.08%, #C601D7 96.92%) border-box;

}

/*
.BusinessUnits-Solutions{
    padding: 20px;
}
*/

.container{
    margin-right: auto !important;
    margin-left: auto !important;
}

.BusinessUnits-Solutions{
    position: relative;

}
.solutionContent-BU{
    padding-top: 50px;
}




.solutionTitle{
width: 708px;
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 50px;
line-height: 120%;
    width: 100%;
/* or 60px */
letter-spacing: 0.1em;
text-transform: uppercase;


}

.solutionContent{
width: 600px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 21px;
line-height: 140%;
leading-trim: both;
text-edge: cap;
letter-spacing: 0.03em;
color: #FFFFFF;


}

#scroll {
/*  width: 100vw;*/
  min-height: 80vh;
  position: relative;
}

#image {
  position: sticky;
  top: 20%;
  left: 100%;
  height: 669px;
  background: transparent;
    background-size: cover !important;
    background-position: center !important;
    width: 712px;
/*  width: calc(50% - 15vw);*/
  transition: background;
  transition-duration: 2s;
  tranistion-timing-function: linear;
}

#scollText {
  position: sticky;
  width: calc(50% - 15vw);
/*  margin: -65vh 10vw 0 55vw;*/
}

.step {
/*  padding: 2rem;*/
  margin-bottom: 10vh;
  min-height: 80vh;
    width: 750px;
}
.centerContent{
margin: auto;
width: 946px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 21px;
line-height: 140%;
leading-trim: both;
text-edge: cap;
text-align: center;
color: #FFFFFF;

}

/*end of sylvia css code*/
/*end of business units css*/


@font-face {
  font-family: "Inter";
  src: url("./assets-new/fonts/Inter-Light.ttf") format("ttf"), url("./assets-new/fonts/Inter-Light.woff2") format("woff");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "Inter";
  src: url("./assets-new/fonts/Inter-Bold.ttf") format("ttf"), url("./assets-new/fonts/Inter-Bold.woff2") format("woff");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "Inter";
  src: url("./assets-new/fonts/Inter-Regular.ttf") format("ttf"), url("./assets-new/fonts/Inter-Regular.woff2") format("woff");
  font-style: normal;
  font-weight: 400;
}
/* blog title style */
.blogTitles{
	font-size: 5rem !important;
    text-transform: capitalize;
}

.rectangle{
width: 71px;
height: 2px;
background: #C600D7;

}

/*careers page*/
#Careerspadding{
    padding-top: 15%;
    padding-bottom: 5%;
}

.companyVid {
    position: relative;
    float: right;
    top: -50%;
    transform:translate(12%,-40%);
/*    transform: translate(5%, -55%);*/
 
}

#text-padding1{
    width: 70% !important;
}  
.life-at-hadean {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
/*    justify-content: center;*/
    gap:150px;
}
.LifeAtPara{
    width: 746px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 21px;
line-height: 140%;
leading-trim: both;
text-edge: cap;
letter-spacing: 0.03em;
color: #FFFFFF;
}
.CareersImg{
position: relative;
/*width: 100%;*/
height: 539px;
top: 100px;
filter: drop-shadow(0px -4px 30px rgba(255, 255, 255, 0.25));

}

#centerText{
    text-align: center !important;
    width: 100%;
}

.TestimonialGrid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 50px;
}
.TestimonialContent{
    background: #0d0035;
    
/*    background: #8000ff;*/
/*
    width: 427px;
    height: 364px;
*/
    
    padding:50px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.testimonials{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 140%;
leading-trim: both;
text-edge: cap;
text-align: center;
letter-spacing: 0.03em;
color: #FFFFFF;
}
.TestimonialName{
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 21px;
line-height: 140%;
leading-trim: both;
text-edge: cap;
text-align: center;
letter-spacing: 0.03em;
color: #FFFFFF;

}
.testimonials span{
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #C601D7;
    font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 21px;
line-height: 90%;
letter-spacing: 0.05em;
text-transform: uppercase;
    color: #0D1259;
/*    color: #8000ff;*/
}

.Jobfilter-container{
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    gap:20px;
}

.job-list{
   display: flex;
    flex-direction: column;
    gap:20px;
    width: 100%;
   
/*    margin: auto;*/
}
.right {
    text-align: right;
    float: right;
    text-transform: none;
    font-weight: normal;
    width: 100%;
}
.jobListing{
    font-size: 2rem !important;
    line-height: 120% !important;
    font-family: 'Inter';
    color: #fff !important;
    text-align: left !important;
    border-top: solid 2px #fff;
    padding: 45px 0 25px;
     display: flex;
    gap: 30px;
    justify-content: space-between;
   
}

.jobListing h4{
    font-size: 1.5rem !important;
    text-transform: capitalize;
    font-weight: 500 !important;
    width:100%;
}
.jobListing h4 span{
    font-size: 18px;
}

.all-filter-btn{
      text-align: center;
    background: #8000ff;
    border-radius: 100px;
    padding: 10px 30px;
    border: none;
    font-family: 'Inter';
    text-transform: uppercase;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    leading-trim: both;
    text-edge: cap;
    text-align: center;
    letter-spacing: 0.03em;
    color: #FFFFFF;
}
/*
.all-filter-btn:hover{
      border-bottom: 3px solid transparent;
    background: linear-gradient(#0B002C, #0B002C) padding-box,
        linear-gradient(90deg, #8000FF 3.08%, #C601D7 96.92%) border-box;
    color: white !important;
}
*/
.all-filter-btn:hover{
    background-color: #C601D7;
  
}
button.filter-btn {
    text-align: center;
      background: #8000ff;
    border-radius: 100px;
  padding: 10px 30px;
    text-transform: uppercase;
    border: none;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    leading-trim: both;
    text-edge: cap;
    text-align: center;
    letter-spacing: 0.03em;
    color: #FFFFFF;
}
button.filter-btn:hover{
    background-color: #C601D7;
}

/*
button.filter-btn:hover{
   border-bottom: 3px solid transparent;
    background: linear-gradient(#0B002C, #0B002C) padding-box,
        linear-gradient(90deg, #8000FF 3.08%, #C601D7 96.92%) border-box;
   border-image: linear-gradient(90deg, #8000FF 0.69%, #C601D7 101.39%);
}
*/

button active{
    border-bottom: 3px;
    width: 110px;
    height: 4px;
    background: linear-gradient(90deg, #8000FF 0.69%, #C601D7 101.39%);

    }
    
#scrollImage{
position: sticky;
width: 50%;
height: 50vh;
top: 30%;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center !important;
left: 80%;
padding: 20px;
z-index: -1;
opacity: 0.77;
    transition: background 0.7s ease-in-out;
/*
transition: background;  
transition-duration: 2s;
tranistion-timing-function: linear;
*/
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

  


.CareerBanner{
    position: relative;
    background-image: url(https://hadean.com/wp-content/uploads/2024/02/JoinTheTeam.jpg);
    width: 100%;
    height: 50vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hiringSection h2{
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}
    
/*responsiveness*/
/*tablet*/
@media only screen and (min-width : 600px) and (max-width: 1439px) {
    
    #Careerspadding{
    padding-top: 15%;
    padding-bottom: 5%;
}
    .companyVid {
    position: relative;
    transform: translate(0, 0);
        width: 100% !important
 
}
    .companyVid iframe{
        width: 100% !important;
    }
    
    #text-padding1{
    width: 100% !important;
} 
    .Bu_Para{
        width: 100%;
    }
    .LifeAtPara{
        width: 100%;
    }
    .BUtitle{
        width: 100%;
    }
      .life-at-hadean{
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .CareersImg{
        width: 500px;
        height: 100%;
        top: 0;
        gap:0;
    }
    .TestimonialGrid{
        grid-template-columns: 1fr 1fr;
    }
     .step{
        width: 100%;
        
    }
    #scollText{
        width: 100%;
    }
    .centerContent{
        width: 100%;
        
    }
    .solutionTitle{
        width: 100%;
        padding: 5px;
    }
    .solutionContent{
        width: 100%;
        padding: 5px;
    }
    #image{
/*       background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));*/
         opacity: 0.5;   
    }
       .companyGrid{

flex-wrap: wrap !important;
}
       .blogTitles{
	font-size: 3rem !important;
	
}
     .mobilePadding{
        padding-top: 100px !important;
    }
      .resourceCards{

    grid-template-columns: 1fr 1fr !important;
 
}
    
}
/*end of tablet*/

/*mobile*/

@media only screen and (min-width : 200px) and (max-width: 599px) {
    #mobile-padding{
        padding-top: 25%;
    }
    .Bu_Para{
        width: 100%;
        padding: 5px;
    }
    .LifeAtPara{
        width: 100%;
    }
    .BUtitle{
        width: 100%;
        padding: 5px;
    }
      #Careerspadding{
    padding-top: 25%;
    padding-bottom: 25%;
}
      .companyVid {
    position: relative;
    transform: translate(0, 0);
        width: 100% !important
 
}
    .companyVid iframe{
        width: 100% !important;
    }
    
    #text-padding1{
    width: 100% !important;
} 
    .life-at-hadean{
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .CareersImg{
        width: 300px;
        height: 100%;
        top: 0;
        gap:0;
    }
    .TestimonialGrid{
        grid-template-columns: 1fr;
    }
    .step{
        width: 100%;
        
    }
    #scollText{
        width: 100%;
    }
    .centerContent{
        width: 100%;
        
    }
    .solutionTitle{
        width: 100%;
        padding: 5px;
    }
    .solutionContent{
        width: 100%;
        padding: 5px;
    }
    #image{
/*       background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));*/
         opacity: 0.5;   
    }
    .model-one{
        left: 0;
    }
    .model-two{
        right: 0;
        left: unset;
    }
    #mobile{
        font-size: 4rem;
    }
  
    .companyGrid{

 flex-direction: column !important;
    align-items: center !important;
    justify-content: center;
}
    p.Texts {
    width: 300px;
}
    .job-list{
        width: 100%;
    }
    
    .jobListing{
        flex-direction: column;
    }
    .resourcesHeading {
    top: 50%;
    position: absolute;
    transform: translate(0, 100%) !important;
}
    #scrollImage{
        width: 100%;
        opacity: 0.5 !important;
    }
    
    #rowSection{
    padding: 0 !important;
}
    .Jobfilter-container {
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    flex-direction: column;
    align-content: flex-start;
    align-items: stretch;
}
    .blogTitles{
	font-size: 3rem !important;
        padding-top: 30% !important
	
}
    
    .mobilePadding{
        padding-top: 30% !important;
    }
    
    .resourceCards{

    grid-template-columns: 1fr !important;
 
}

    
}
/*end of mobile*/


/*monitor screen sizes*/

@media screen and (min-width: 1800px) {
  /* Styles for screens larger than 1440px wide */
 .companyVid {
 
    transform: translate(-12%, -55%);
 
}
}
@media only screen and (min-width : 1441px) and (max-width: 1500px) {
  /* Styles for screens larger than 1440px wide */
 .companyVid {
 
    transform: translate(12%, -55%);
 
}
}


/*end of careers page*/

/*about page */
img.imgScroll {
    width: 350px;
    height: 250px;
}
.leftScroll{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    justify-content: center;
    align-items: center;
    justify-items: start;
    align-content: center;
    margin-bottom: 2%;
    gap: 10px;
}
.rightScroll{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    justify-content: end;
    align-items: center;
    justify-items: end;
    align-content: center;
    gap: 10px;
    
}

.hero-margin{
    margin-left: 5%;
}

.indent{
    position: relative;
    left: 5%;
}

.companyGrid{

 display: flex;
align-items: baseline;
flex-wrap: nowrap;
 flex-direction: row;
    gap:60px;
    border-top: solid 2px white;
    padding: 30px;
    border-bottom: solid 2px white;
    justify-content: space-around;
}
.companyContent{
     text-align: center;
    display: flex;
    align-items: center;
    gap:10px;
    
}


.textS{
font-family: 'Inter';
font-style: normal;
font-size: 30px;
    width: 100%;
line-height: 39px;
text-align: center;
text-transform: capitalize;
color: #FFFFFF;
}



.swiper-slide{
    margin-top: 5%;
    padding: 20px;
}

.swiperDate{
    
    text-shadow: -1px -1px 0 #c601d7,1px -1px 0 #c601d7,-1px 1px 0 #c601d7,1px 1px 0 #c601d7;
    color: #060932;
   
/*    font-family: 'Inter';*/
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 120%;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #0b002c !important;
}

.TimelineTitle{
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 120%;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #FFFFFF;
}

.TimelineContent{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 21px;
line-height: 140%;
leading-trim: both;
text-edge: cap;
color: #FFFFFF;
}
.swiper-scrollbar-drag{
background: #0D1259;
    border: none;
    z-index: 10;
}

.Texts{
    color: #fff !important;
}
#sectionhead h2>span{
    overflow: visible !important;
}

header{
    background: #0b002c !important;
}

.section-heading-left .section-heading-sub>div {
    padding-left: calc(5vw + 20px);
}

.BU--bakground{
    cursor: default;
}

/*blogs/news*/
.resourcesHeading {
    top: 50%;
    position: absolute;
    transform: translate(0, 150%);
}


.ultp-filter-wrap ul li::before {
  display: none;
}


img.attachment-thumbnail.size-thumbnail.wp-post-image{
    width:100%;
    object-fit: cover;
    object-position: center;
    height: 30vh;
}

.resourceCards{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    grid-row-gap: 80px;
}
.resources-content {
    padding-top: 20px;
    
}

.resources-title{
    text-transform: none !important;
}

li.cat-item {

    font-family: Inter;
    padding: 10px 30px !important;
    border:none !important;
    border-radius: 100px !important;
    text-decoration: none;
    color: #fff;
    font-size: 14px !important;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0.2em;
    text-align: center;
    background: #8000FF;
 
}

li.cat-item:hover {
background: #C601D7;
 
 
}


li.cat-item-all {
font-family: Inter;
    padding: 10px 30px !important;
    border:none !important;
    border-radius: 100px !important;
    text-decoration: none;
    color: #fff;
    font-size: 14px !important;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0.2em;
    text-align: center;
    background: #8000FF;
    
}

li.cat-item-all:hover{
background: #C601D7;

}
li.cat-item.current-cat{
    background: #C601D7;
}

.category-buttons{
        width: 80% !important;
    margin: auto !important;
    padding-top: 5%;
}
.page_numbers{
    position: relative !important;
}
span.page-numbers.current{
background: #fff;
    border: none !important;
    color: #000 !important;
}


#zoom2:hover{
    transform: scale(1.05) !important;
}
.backButton{
    color: #fff !important;
    display: inline-block;
    font-family: Inter;
    font-size: 1.0625rem;
    font-weight: 700;
    letter-spacing: .1em;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 19px;
    padding: 10px 24px;
    position: relative;
    text-align: center;
    margin: 10px 10px 5% 10px !important;
    background: linear-gradient(#0B002C, #0B002C) padding-box,
        linear-gradient(90deg, #8000FF 3.08%, #C601D7 96.92%) border-box;
    border-radius: 100px !important;
    border: 3px solid transparent;
}





/*news background image*/




.NewsHome-bg {
    height: 748px;
    position: relative;
    width: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://hadean.com/wp-content/uploads/2024/02/Firefly-millions-of-tiny-floating-2D-flat-screens-news-in-space-19150-HDN.jpg);
    background-position: center;
    background-size: cover;
}




/*fashion page*/

.bg-img-wrapper {
    width: 100%;
    height: 80vh;
    background-size: cover;
    background-position: center;
    position: relative;
}

#rowSection{
    padding: 100px;
}
/*
.intro-sec{
    padding: 20px;
}
*/
.solution-list{
    padding: 20px;
}
.icon-wrap {
    padding-bottom: 20px;
}
.intro-img {
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 50vh;
}

/*
.swiper-scrollbar.swiper-scrollbar-horizontal{
box-sizing: border-box;
border: 1px solid #FFFFFF;

}
*/
/*
end of about page
*/

/*
body {
  overflow-x: hidden;
    background: #0B002C !important;
}
*/