:root {
	--font-main: "Sora", sans-serif;
	--font-secondary:"Inter", sans-serif;
		--font-size-h1: 42px;
		--font-size-h2: 34px;
		--font-size-h3: 26px;
		--font-size-h4: 20px;
		--font-size-h5: 16px;
		--font-size-h6: 16px;
		--line-height-h1: 50px;
		--line-height-h2: 44px;
		--line-height-h3: 38px;
		--line-height-h4: 30px;
		--line-height-h5: 27px;
		--line-height-h6: 24px;

}


@media (min-width: 768px) {
	:root {
		--font-size-h1: 40px;
		--font-size-h2: 32px;
		--font-size-h3: 28px;
		--font-size-h4: 24px;
		--font-size-h5: 18px;
		--font-size-h6: 16px;
		--line-height-h1: 54px;
		--line-height-h2: 44px;
		--line-height-h3: 38px;
		--line-height-h4: 30.6px;
		--line-height-h5: 25px;
		--line-height-h6: 24px;
	}
	.h-md-75{height: 75%;}
	.h-md-100{height: 100%;}

}

@media (min-width: 992px) {
	:root {
        --font-size-h1: 48px;
        --font-size-h2: 32px;
        --font-size-h3: 28px;
        --font-size-h4: 24px;
        --font-size-h5: 20px;
        --font-size-h6: 18px;

        --line-height-h1: 58px;
        --line-height-h2: 44px;
        --line-height-h3: 40px;
        --line-height-h4: 36px;
        --line-height-h5: 34px;
        --line-height-h6: 27px;
    }
	
	}

/* =========================
   BLOG TYPOGRAPHY
========================= */

.blog-single {
    --font-size-h1: 36px;
    --font-size-h2: 28px;
    --font-size-h3: 22px;
    --font-size-h4: 20px;
    --font-size-h5: 20px;
    --font-size-h6: 18px;

    --line-height-h1: 44px;
    --line-height-h2: 38px;
    --line-height-h3: 32px;
    --line-height-h4: 28px;
    --line-height-h5: 28px;
    --line-height-h6: 27px;
}


/* Tablet */
@media (min-width: 768px) {
    .blog-single {
        --font-size-h1: 48px;
        --font-size-h2: 32px;
        --font-size-h3: 28px;
        --font-size-h4: 24px;
        --font-size-h5: 20px;
        --font-size-h6: 18px;

        --line-height-h1: 58px;
        --line-height-h2: 44px;
        --line-height-h3: 40px;
        --line-height-h4: 36px;
        --line-height-h5: 34px;
        --line-height-h6: 27px;
    }
}


/* Desktop */
@media (min-width: 992px) {
    .blog-single {
        --font-size-h1: 48px;
        --font-size-h2: 32px;
        --font-size-h3: 28px;
        --font-size-h4: 24px;
        --font-size-h5: 20px;
        --font-size-h6: 18px;

        --line-height-h1: 58px;
        --line-height-h2: 44px;
        --line-height-h3: 40px;
        --line-height-h4: 36px;
        --line-height-h5: 34px;
        --line-height-h6: 27px;
    }
}


/**** heading ***/
h1 {
	font-family: var(--font-main);
	font-size: var(--font-size-h1);
	line-height: var(--line-height-h1);
	font-weight: 600;
    letter-spacing: -1.5px;
}

h2 {
	font-family: var(--font-main);
	font-size: var(--font-size-h2);
	line-height: var(--line-height-h2);
	font-weight: 400;
	text-transform: capitalize;
        letter-spacing: -0.9px;

}

h3, .h3 {
	font-family: var(--font-main);
	font-size: var(--font-size-h3) !important;
	line-height: var(--line-height-h3);
	font-weight: 600;
        letter-spacing: -0.9px;

}

h4, .h4 {
	font-family: var(--font-main);
	font-size: var(--font-size-h4) !important;
	line-height: var(--line-height-h4);
	font-weight: 400;
        letter-spacing: -0.9px;

}

h5 {
	font-family: var(--font-main);
	font-size: var(--font-size-h5);
	line-height: var(--line-height-h5);
	font-weight: 400;
        letter-spacing: -0.9px;

}
h6 {
	font-family: var(--font-secondary);
	font-size: var(--font-size-h6);
	line-height: var(--line-height-h6);

}

.h2 {
	font-family: var(--font-main);
	font-size: var(--font-size-h2);
	line-height: var(--line-height-h2);
	font-weight: 400;
        letter-spacing: -0.9px;

}

/**** paragraph****/
p,
li,a {
	font-size: 16px;
	font-family: var(--font-secondary);
	line-height: 24px;
	font-weight: normal;
}
small, .weather-forecast-condition span,.weather-forecast-date strong{font-family: var(--font-secondary);}

.text-black{color: #111111 !important;}
.text-white{color: #fdfdfd !important;}
.fs-14{font-size: 14px; line-height: 21px;}


.spt-100 {
	padding-top: 100px;
}

.spb-100 {
	padding-bottom: 100px;
}

.sp-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.sp-60 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.spt-60 {
	padding-top: 60px;
}

.spb-60 {
	padding-bottom: 60px;
}

@media screen and (min-width:500px) and (max-width:1080px) {
	.sp-60 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.spt-60 {
		padding-top: 50px;
	}

	.spb-60 {
		padding-bottom: 50px;
	}


	.spt-100 {
		padding-top: 70px;
	}

	.spb-100 {
		padding-bottom: 70px;
	}

	.sp-100 {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.home-head{font-size: 50px; line-height: 62px;}
	.gp-40{row-gap: 30px;}

}


@media screen and (max-width:500px) {
	.sp-60 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.spt-100 {
		padding-top: 60px;
	}

	.spb-100 {
		padding-bottom: 60px;
	}

	.sp-100 {
		padding-bottom: 60px;
		padding-top: 60px;
	}

	.spt-60 {
		padding-top: 40px;
	}

	.spb-60 {
		padding-bottom: 40px;
	}
	p,li,a{font-size: 14px !important; line-height: 24px;}
	
}

html, body {
	scroll-behavior: smooth !important;
	scroll-snap-type: y mandatory !important;
	scroll-padding-top: 60px;
}

.text-light-white{color: #F7F5EF; opacity: 0.75;}


@media (min-width: 1200px) {
	.db {
		display: block;
	}
	.fs-20{font-size: 20px; line-height: 32px;}
}