html {
     font-family: "Sedgwick Ave";
     margin: 0;
     font-family: Cabin;
     background-image: url(../../bg-image.png);
     background-size: auto;
     display: grid;
     justify-content: start;
     align-items: center;
    background-repeat: no-repeat;
    height: -webkit-fill-available;
}
 body {
     font-family: Sedgwick Ave;
}
 .container {
     padding: 50px 0px !important;
}
 span{
     color: #0095da;
}
 .header-logo {
     text-align: left;
     margin-bottom: 15px;
     padding :0px 20px;
}
 img{
     max-width: 100%;
}
 .content {
     text-align: left;
     padding: 20px;
     padding-left:80px;
     border-radius: 10px;
}
 .line {
     width: 50%;
     height: 1px;
     background-color: white;
     margin: 10px auto;
}
 .content p,.content h1{
     position: relative;
     margin:0px 
}
 .content h1{
     font-size: 137px;
     color: #faf4ec;
     font-weight: 400;

}
 .content .ph-1{
     font-size: 48px;
     color: #faf4ec;
     font-weight: 400;
     margin-bottom:20px 
}
 .content .ph-2{
     color: #ffddb0;
     font-size: 35px;
}
 .content .ph-3{
     color: #ffddb0;
     font-size: 35px;
     position: relative;
}
 .content .ph-4 {
     font-size: 22px;
     color: #fff;
     margin-top: 50px;
}
.content h1::after{
    color: #ff00ff;
    top: -4px;
    left: -1px;
    content: "HB TMC";
    z-index: -2;
    position: absolute;
}
.content h1::before{
	color: #00ffff;
    top: -4px;
    left: -2px;
    content: "HB TMC";
    z-index: -2;
    position: absolute;
}
/*
.content .ph-1::after{
	color: #00ffff;
    top: -1px;
    left: 0px;
    content: "Talent Management";
    z-index: -2;
    position: absolute;
}
.content .ph-1::before{
	color: #ff00ff;
    top: -1px;
    left: -1px;
    content: "Talent Management";
    z-index: -2;
    position: absolute;
}*/
 .th-bloc p:first-child::after {
     color: #ff00ff;
     top: -5px;
     left: 2px;
     content: "For Talent";
     z-index: -2;
     position: absolute;
}
 .th-bloc p:nth-child(2)::before, .th-bloc p:first-child::before {
color: #00ffff;
    top: -2px;
    left: 0;
    content: "For Talent";
    z-index: -1;
    position: absolute;
}
 .th-bloc p:nth-child(2)::before{
     content: "For Brands";
}
 .th-bloc p:last-child::before {
     color: #ff00ff;
     top: 2px;
     left: 0;
     content: "For Enterprise";
     z-index: -1;
     position: absolute;
}
 .content span.red {
     color: red;
}
 .sc-bloc {
     margin-bottom: 40px;
}
 @media(max-width:768px){
     .content h1{
         font-size: 70px;
    }
     .content .ph-1{
         font-size: 30px;
    }
     .content .ph-4, .content .ph-3, .content .ph-2{
         font-size: 19px;
        letter-spacing: 1.5px;
    }
	html{
		    justify-content: center
	}
	 .content {
         padding:0px;
    }
}
@media(max-width:500px){
	
}
@media(min-width:1701px){
	html{
		    
     background-size: cover;
	}
}