.container{
	padding: 0 24px;
}
@media(max-width:991px){
	.container{
		max-width: 100%;
		padding: 0 32px;
	}
}
@media(min-width:992px){
	.container{
		max-width: 960px;
	}
}
@media(min-width:1200px){
	.container{
		max-width: 1140px;
	}
}
@media(min-width:1400px){
	.container{
		max-width: 1336px;
	}
}
@media(max-width:768px){
	.container{
		max-width: 100%; 
		padding-left: 32px; 
		padding-right:32px;
	}
}
@media(max-width:575px){
	.container{
		max-width: 100%; 
		padding-left: 24px; 
		padding-right:24px;
	}
}
/* .ht-btn1-outer{
	display: flex;
}
.ht-btn1-outer .ht-btn1{
	text-decoration: none;
	display: inline-block;
	padding: 12px 24px;
	background-color: #FF5A37;
	color: #fff;
	border-radius: 100px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
	transition: 0.3s;
}
.ht-btn1-outer .arrow-up{
	display: block;
	width: 45px;
	height: 45px;
	border-radius: 100%;
	background: url('../images/arrow-right.svg') no-repeat center center #FF5A37;
	margin-left: -10px;
	transition: 0.3s;
}
.ht-btn1-outer:hover .ht-btn1{
	background-color: #FF2F00;
	color: #fff;
}
.ht-btn1-outer:hover .arrow-up{
	background: url('../images/arrow-right.svg') no-repeat center center #FF2F00;
	transform: rotate(45deg);
	margin-left: 10px;
} */

.ht-btn2{
	text-decoration: none;
	display: inline-block;
	padding: 12px 24px;
	background-color: #FF5A37;
	color: #fff;
	border-radius: 100px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
	transition: 0.3s;
}
.ht-btn2:hover{
	background-color: #FF2F00;
	color: #fff;
}

.ht-btn2.ht-bg-gray{
	background-color: #66798D;
}
.ht-btn2.ht-bg-gray:hover{
	background-color: #495564;
}


.ht-btn2.ht-bg-white{
	border: 1.5px solid #082B42;
	background-color: transparent;
	color:  #082B42;
}
.ht-btn2.ht-bg-white:hover{
	background-color: #082B42;
	color:#fff;
}


.common-padding{
	padding: 128px 0px;
}
.common-margin{
	margin: 128px 0px;
}
@media(max-width: 1440px){
	.common-padding{
		padding: 112px 0px;
	}
	.common-margin{
		margin: 112px 0px;
	}
}
@media(max-width: 991px){
	.common-padding{
		padding: 64px 0px;
	}
	.common-margin{
		margin: 64px 0px;
	}
}
@media(max-width: 768px){
	.common-padding{
		padding: 48px 0px;
	}
	.common-margin{
		margin: 48px 0px;
	}
}
/* @media(max-width: 575px){
	.common-padding{
		padding: 32px 0px;
	}
	.common-margin{
		margin: 32px 0px;
	}
} */

.ht-btns1{
	text-decoration: none;
	display: inline-block;
	padding: 12px 18px;
	background-color: #FF5A37;
	color: #fff;
	border-radius: 100px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	transition: 0.3s;
	position: relative;
	width: fit-content;
}
.ht-btns1::before{
	content: '';
    display: inline-block;
    position: absolute;
    top: 1px;
    right: -12px;
    width: 30px;
    height: 44px;
	mask-repeat: no-repeat;
   	mask-image: url(../images/orange-center.svg);
    mask-size: cover;
	background-color: #FF5A37;
	transition: 0.3s;
}
.ht-btns1::after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: -40px;
	width: 45px;
	height: 45px;
	background: url(../images/arrow-right-up.svg) no-repeat center center #FF5A37;
	border-radius: 100%;
	transition: 0.3s;
}
.ht-btns1:hover{
	color: #fff;
	background-color: #FF2F00;
}
.ht-btns1:hover::before{
	transition: 0.3s;
	background-color: #fff;
	opacity: 1;
	right: -42px;
	transform: scale(0);
}
.ht-btns1:hover::after{
	right: -60px;
	transform: rotate(45deg);
	background-color: #FF2F00;
}
@media(max-width:991px){
	.ht-btns1::before,
	.ht-btns1::after{
		display: none;
	}
	.ht-btns1{
		padding: 12px 24px;
	}
}
.link-arrow{
	position: relative;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
	text-decoration: none;
	color: #082B42;
}
.link-arrow::before{
	content: '';
	position: absolute;
	right: -20px;
	top: 50%;
	transform: translatey(-50%);
	width: 16px;
	height: 16px; 
	background: url('../images/blue-up-arrow.svg') no-repeat center center;
	background-size: 16px;
}
.link-arrow::after{
	content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background-color: #082B42;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s ease;
}
.link-arrow:hover{
	color: #082B42;
}
.link-arrow:hover::after{
	transform: scaleX(1);
    transform-origin: left;
}

.ht-btns2{
	text-decoration: none;
	display: inline-block;
	padding: 12px 24px;
	background-color: #FF5A37;
	color: #fff;
	border-radius: 100px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	transition: 0.3s;
	position: relative;
	margin-right: 40px;
}
.ht-btns2 .ht-inner::before{
	content: '';
    display: inline-block;
    position: absolute;
    top: 1px;
    right: -12px;
    width: 30px;
    height: 44px;
	mask-repeat: no-repeat;
   	mask-image: url(../images/orange-center.svg);
    mask-size: cover;
	background-color: #FF5A37;
	transition: 0.3s;
}
.ht-btns2 .ht-inner::after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: -40px;
	width: 45px;
	height: 45px;
	background: url(../images/arrow-right-up.svg) no-repeat center center #FF5A37;
	border-radius: 100%;
	transition: 0.3s;
}
.ht-btns2:hover{
	color: #fff;
	background-color: #FF2F00;
}
.ht-btns2:hover .ht-inner::before{
	transition: 0.3s;
	background-color: #fff;
	opacity: 1;
	right: -42px;
	transform: scale(0);
}
.ht-btns2:hover .ht-inner::after{
	right: -60px;
	transform: rotate(45deg);
	background-color: #FF2F00;
}
@media(max-width: 991px){
	.ht-btns2{
		margin-right: 0px;
	}
	.ht-btns2 .ht-inner{
		display: none;
	}
}
.join-btn-outer .ht-btns2,
.header-bottom .ht-btns2{
	font-size: 14px;
}