body {background: black;height: 100%;min-height: 100%;}
.headings {padding:120px 80px 80px 80px;width: 100%;text-align:center;position: absolute;top: 10%;left: 50%;z-index: 9;transform: translateX(-50%);}
.headings svg{width:60%;}
#canvas {height: 100vh;width: 100%;background:#000000;position: absolute;top: 0;left: 0;}

.sc_dark_lightSW > div {/*background: linear-gradient(to right, rgb(222, 222, 222) 50%, rgb(12 12 12) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;*/line-height: 1;z-index: 9;padding-bottom: 10px;}


/* Scene */
.hr_page {position:relative;z-index:99;perspective: 2500px;overflow: hidden;padding-top:100vh;padding-bottom:20vh;display: flex;justify-content: center;align-items: flex-start;}
.hr_page .hr_wrapper {width: 1280px;transform-style: preserve-3d;will-change: transform;transform: rotateX(10deg);}
.hr_page h2{color:#ffffff;font-size: 3vw;line-height:1.5;text-align: center;}
.hr_page h2 strong{}


@media (max-width:991px){
	.headings svg { width: 100%;}
	.hr_page {padding-top:80vh;}
}

@media(max-width:800px){
	.hr_page h2 {font-size: 5vw;}
}

@media (max-width:480px){
	.hr_page h2 {  font-size: 7vw;}
	.headings{padding: 120px 30px 80px 30px !important;}
	.btn-know-more-pink {font-size: 1.1rem;}
	.btn-know-more-pink span,.btn-know-more-pink:hover span{ padding: 12px 60px 12px 50px;}
}