* {
	outline: none !important;
}
a {
	text-decoration: none;
	color: #141414;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
a:hover {
	text-decoration: none;
	color: #044C7F;
}
:focus {
    outline: none !important;
}
section {
	width: 100%;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}
h1 {
	color: #fff;
	font-family: 'Causten-SemiBold';
	font-size: 5.4rem;
	line-height: 64px; 
	letter-spacing: 1.62px;
}
h2 {
	color: #141414;
	font-family: 'Causten-SemiBold';
	font-size: 4.8rem;
	line-height: 58px;
}
h3 {
	color: #141414;
	font-family: 'Causten-SemiBold';
	font-size: 3.4rem;
	line-height: 44px; 
}
h4 {
	color: #141414;
	font-family: 'Causten-SemiBold';
	font-size: 2.4rem;
	line-height: 32px; 
	letter-spacing: 1.2px;
}
h6 {
	color: #141414;
    font-family: 'Causten-Medium';
	font-size: 1.6rem;
	line-height: 22px;
	letter-spacing: 0.32px;
}
p {
	color: #141414;
    font-family: 'Causten-Medium';
	font-size: 1.6rem;
	line-height: 22px;
	letter-spacing: 0.32px;
	margin-bottom: 23px;
}
ul {
	padding: 0;
	list-style-type: none;
	margin-bottom: 23px;
}
li {
	color: #141414;
    font-family: 'Causten-Medium';
	font-size: 1.6rem;
	letter-spacing: 0.32px;
	line-height: 22px;
	padding-left: 16px;
	margin-bottom: 8px;
	position: relative;
}
li::after {
	content: "";
	width: 8px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 6px;
	background-image: url(../images/list-mark.svg);
	background-size: 8px;
	background-position: center center;
	background-repeat: no-repeat;
}
.common-btn {
	color: #141414;
    font-family: 'Causten-Medium';
	font-size: 1.6rem;
	line-height: 24px;
	letter-spacing: 0.8px;
	position: relative;
	padding: 12px 19px;
	border: 0;
	border-bottom: 1px solid #141414;
	background-color: transparent;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.common-btn strong {
	position: relative;
	font-weight: normal;
	z-index: 1;
}
.common-btn::before,
.common-btn::after {
	content: "";
	position: absolute;
	inset: 0;
	transform: translateX(-101%);
	transition: transform 0.5s ease;
}
.common-btn::before {
	background: repeating-linear-gradient(to right,#044C7F 0px,#044C7F 20px,transparent 20px,transparent 40px);
}
.common-btn::after {
	background-color: #044C7F;
}
.common-btn:hover::before {
	transform: translateX(101%);
}
.common-btn:hover::after {
	transform: translateX(0);
	transition-delay: 0.12s;
}
.common-btn:not(:hover)::after {
	transition-delay: 0s;
}
.common-btn:hover {
	color: #fff;
}
.white-btn {
    border-color: #fff;
    color: #fff;
	background-color: transparent;
}
.white-btn::before {
	background: repeating-linear-gradient(to right,#fff 0px,#fff 20px, transparent 20px, transparent 40px);
}
.white-btn::after {
	background-color: #fff;
}
.white-btn:hover {
	color: #141414;
}
.common-arrow {
	height: 50px;
	width: 50px;
	border: 1px solid #141414;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.common-arrow img {
    width: 7px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.common-arrow svg {
	display: none;
}
.common-arrow:hover {
	background-color: #044C7F;
	border-color: #044C7F;
}
.common-arrow:hover img {
	filter: brightness(0) invert(1);
}
.common-bg {
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}
/***********common-blob***********/
.common-blob {
    position: relative;
    display: inline-flex;
    height: 381px;
    width: 381px;
    min-width: 381px;
    background-color: transparent;
    border: 0;
	pointer-events: none;
    transition: transform 0.4s ease;
}
.common-blob::before {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid rgba(0, 0, 0, 0.30);
    border-radius: 55% 45% 60% 40% / 50% 55% 45% 50%;
    animation: blobShape 10s ease-in-out infinite;
    transition: transform 0.4s ease, border-radius 0.5s ease;
    will-change: transform;
}
.common-blob::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid transparent;
    border-radius: inherit;
    animation: rotate360 12s linear infinite;
}
@keyframes blobShape {
    0% {
        border-radius: 55% 45% 60% 40% / 50% 55% 45% 50%;
    }
    25% {
        border-radius: 60% 40% 50% 50% / 55% 45% 55% 45%;
    }
    50% {
        border-radius: 50% 50% 65% 35% / 45% 60% 40% 55%;
    }
    75% {
        border-radius: 65% 35% 55% 45% / 50% 45% 60% 40%;
    }
    100% {
        border-radius: 55% 45% 60% 40% / 50% 55% 45% 50%;
    }
}
@keyframes rotate360 {
    from { 
        transform: rotate(0deg); 
    }
    to { 
        transform: rotate(360deg); 
    }
}
.show-spotlight {
	position: relative;
	overflow-x: clip;
}
.spotlight {
	position: absolute;
	width: 284px;
	height: 284px;
	border-radius: 50%;
	background-color: rgba(0, 173, 239, 0.30);
	filter: blur(180px);
	pointer-events: none;
	opacity: 0;
	transform: translate(-50%, -50%);
	z-index: 0;
}