/****__ Variables __****/
:root {
    --primary-color: #85ABBD;
    --secondary-color: #2F4F59;
    --accent-color: #C44240;
    --heading-font: 'Geologica', sans-serif;
    --text-font: 'Figtree', sans-serif;
}
/****__ Variables __/****/

/****__ General __****/
body {
    font-family: 'Figtree', sans-serif;
    font-size: 20px;
    line-height: 1.3;
    color: #414042;    
}
img {
    max-width: 100%;
}

.mt-10 {
    margin-top: 10px;
}
.mt-20 {
    margin-top: 20px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-40 {
    margin-top: 40px;
}
.mt-50 {
    margin-top: 50px;
}

.heading {
    font-family: var(--heading-font);
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary-color);
}
.subHeading {
    font-size: 34px;
}

.backToTop {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 39px;
	height: 39px;
	background: var(--secondary-color);
	border: 2px solid #fff;
	border-radius: 50%;
	line-height: 35px;
	text-align: center;
	font-size: 20px;
	position: fixed;
	bottom: -20px;
	right: 40px;
	z-index: 999;
	transform: scale(0) rotate(360deg);
	transition: background 0.4s ease, transform 0.7s ease 0s, bottom 1.5s ease 0s;
}
.backToTop:hover {
	background: var(--accent-color);
}
.backToTop span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: 3px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-color: #fff;
    transform: rotate(45deg);
}
.btt-show {
	transform: scale(1) rotate(0deg);
	bottom: 40px;	
}