/*
	====== All Css Use In This Site / Brand ===

	-> P Tag Style , a - tag style
	-> Customize Container Width With Bootstrap Container Width;
	-> Customize Ratio Box Size (For Video, Box, Ratio maintain of content);
	-> H (Header) Tag Font -> Size Customize (h1, h2, h3, h4, h5, h6 font family font size set);
	-> Font Size Class -> (You Can Call any time in page font size from 5px to 100 px also can be call same as a bootstrap class col : example .text-15 or .text-sm-15 , .text-md-15 etc );
	-> Branding Button Customize Css -> (Here all usage button style available);
	-> Branding Background Color Set -> (For Brand background color class );
	-> Branding Text Color Set -> (For Brand font color class );
	-> Text / Font Weight Set -> (For Brand font color class );
	-> Animated Hamburger / Navigation Hamburger With Animation;
	-> Navbar Style -> (Navigation Bar Style);
	-> Banner Style -> (Banner Style of home page);
 */



/*============ Root Css =================*/
* {
	box-sizing: border-box;
}
:root {

	--brand-primary: #FF4C3B;
	--brand-primary-hover: #ff2d1a;

	--brand-secondary: #6200EE;
	--brand-secondary-hover: #3700B3;

	--brand-tertiary: #03DAC5;
	--brand-tertiary-hover: #00C4B4;

	--brand-fourth: #6CA7B6;
	--brand-fourth-hover: #549aab;

	--brand-fifth: #373F50;
	--brand-fifth-hover: #2B3445;

	--theme-light: #f3f5f7;
	--border-default: #eeeeee;
	--anchor-default: #204560;


	--rating-color: #F6AD41;

	/*--reset-color: #DCF8C6;*/
}

html {
	scroll-behavior: smooth;
}

/*====== Body Initial ============*/
body{
	font-family: 'Montserrat', sans-serif;
	scroll-behavior: smooth;
	font-size: 15px;
}

/*=========== Customize Container Width With Bootstrap Container Width ==================*/
@media (min-width: 1080px) {
	.container.custom-container {
		max-width: 1024px;
		margin-left: auto;
		margin-right: auto;
	}

	.custom-container {
		max-width: 1024px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (min-width: 1280px) {
	.container.custom-container {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}

	.custom-container {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
}


@media (min-width: 1366px) {
	.container.custom-container {
		max-width: 1280px;
		margin: auto;
	}

	.custom-container {
		max-width: 1280px;
		margin: auto;
	}
}


@media (min-width: 1440px) {
	.container.custom-container {
		max-width: 1366px;
		margin-left: auto;
		margin-right: auto;
	}

	.custom-container {
		max-width: 1366px;
		margin-left: auto;
		margin-right: auto;
	}
}


/*============ Bootstrap Gutter Customize =====================*/
/*================ Gutters Customize ================*/
.row {
	margin-right: -12px;
	margin-left: -12px;
}


.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 12px;
	padding-left: 12px;
}



.border-brand-primary {
    border-color: var(--brand-primary) !important;
}
.border-brand-secondary {
    border-color: var(--brand-secondary) !important;
}
.border-brand-tertiary {
    border-color: var(--brand-tertiary) !important;
}
.border-brand-fourth {
    border-color: var(--brand-fourth) !important;
}



/*====== P Tag Style , a - tag style ============== */
p {
	line-height: 1.8;
}

a {
	color: var(--anchor-default);
}

a:hover {
	color: var(--brand-primary);
	text-decoration: none;
}

/*=== Bootstrap Tooltips Font Size =====*/
.tooltip {
	font-size: 13px;
}
/*========== End P Tag Style ===========*/

/*========== Customize Ratio Box Size ===============*/
.btn:focus, button:focus {
	outline: none;
}






/*============= H (Header) Tag Font Size Css ==============*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'Raleway', sans-serif;
}

.h1, h1 {
	font-size: calc(1.55rem + 1vw);
}
.h2, h2 {
	font-size: calc(1.45rem + .70vw);
}
.h3, h3 {
	font-size: calc(1.25rem + .55vw);
}
.h4, h4 {
	font-size: calc(1rem + .55vw);
}
.h5, h5 {
	font-size: calc(1rem + .35vw);
}
.h6, h6 {
	font-size: calc(.85rem + .30vw);
}

@media screen and (max-width: 767px) {
	.h1, h1 {
		font-size: calc(1.40rem + .9vw);
	}
	.h2, h2 {
		font-size: calc(1.30rem + .60vw);
	}

	.h3, h3 {
		font-size: calc(1.15rem + .45vw);
	}
}
/*========== End H - Tag Style ==================*/


/*=================== Font Size Class For Global Call ======================*/
.text-5 {
	font-size: 5px;
}

.text-6 {
	font-size: 6px;
}

.text-7 {
	font-size: 7px !important;
}

.text-8 {
	font-size: 8px !important;
}

.text-9 {
	font-size: 9px !important;
}

.text-10 {
	font-size: 10px !important;
}

.text-11 {
	font-size: 11px !important;
}

.text-12 {
	font-size: 12px !important;
}

.text-13 {
	font-size: 13px !important;
}

.text-14 {
	font-size: 14px !important;
}

.text-15 {
	font-size: 15px !important;
}

.text-16 {
	font-size: 16px !important;
}

.text-17 {
	font-size: 17px !important;
}

.text-18 {
	font-size: 18px !important;
}

.text-19 {
	font-size: 19px !important;
}

.text-20 {
	font-size: 20px !important;
}

.text-21 {
	font-size: 21px !important;
}

.text-22 {
	font-size: 22px !important;
}

.text-23 {
	font-size: 23px !important;
}

.text-24 {
	font-size: 24px !important;
}

.text-25 {
	font-size: 25px !important;
}

.text-26 {
	font-size: 26px !important;
}

.text-27 {
	font-size: 27px !important;
}

.text-28 {
	font-size: 28px !important;
}

.text-30 {
	font-size: 30px !important;
}

.text-31 {
	font-size: 31px !important;
}

.text-32 {
	font-size: 32px !important;
}

.text-33 {
	font-size: 33px !important;
}

.text-34 {
	font-size: 34px !important;
}

.text-35 {
	font-size: 35px !important;
}

.text-36 {
	font-size: 36px !important;
}

.text-37 {
	font-size: 37px !important;
}

.text-38 {
	font-size: 38px !important;
}

.text-39 {
	font-size: 39px !important;
}

.text-40 {
	font-size: 40px !important;
}

.text-41 {
	font-size: 41px !important;
}

.text-42 {
	font-size: 42px !important;
}

.text-43 {
	font-size: 43px !important;
}

.text-44 {
	font-size: 44px !important;
}

.text-45 {
	font-size: 45px !important;
}

.text-46 {
	font-size: 46px !important;
}

.text-47 {
	font-size: 47px !important;
}

.text-48 {
	font-size: 48px !important;
}

.text-49 {
	font-size: 49px !important;
}

.text-50 {
	font-size: 50px !important;
}

.text-51 {
	font-size: 51px !important;
}

.text-52 {
	font-size: 52px !important;
}

.text-53 {
	font-size: 53px !important;
}

.text-54 {
	font-size: 54px !important;
}

.text-55 {
	font-size: 55px !important;
}

.text-56 {
	font-size: 56px !important;
}

.text-57 {
	font-size: 57px !important;
}

.text-58 {
	font-size: 58px !important;
}

.text-59 {
	font-size: 59px !important;
}

.text-60 {
	font-size: 60px !important;
}

.text-61 {
	font-size: 61px !important;
}

.text-62 {
	font-size: 62px !important;
}

.text-63 {
	font-size: 63px !important;
}

.text-64 {
	font-size: 64px !important;
}

.text-65 {
	font-size: 65px !important;
}

.text-66 {
	font-size: 66px !important;
}

.text-67 {
	font-size: 67px !important;
}

.text-68 {
	font-size: 68px !important;
}

.text-69 {
	font-size: 69px !important;
}

.text-70 {
	font-size: 70px !important;
}

.text-71 {
	font-size: 71px !important;
}

.text-72 {
	font-size: 72px !important;
}

.text-73 {
	font-size: 73px !important;
}

.text-74 {
	font-size: 74px !important;
}

.text-75 {
	font-size: 75px !important;
}

.text-76 {
	font-size: 76px !important;
}

.text-77 {
	font-size: 77px !important;
}

.text-78 {
	font-size: 78px !important;
}

.text-79 {
	font-size: 79px !important;
}

.text-80 {
	font-size: 80px !important;
}

.text-81 {
	font-size: 81px !important;
}

.text-82 {
	font-size: 82px !important;
}

.text-83 {
	font-size: 83px !important;
}

.text-84 {
	font-size: 84px !important;
}

.text-85 {
	font-size: 85px !important;
}

.text-86 {
	font-size: 86px !important;
}

.text-87 {
	font-size: 87px !important;
}

.text-88 {
	font-size: 88px !important;
}

.text-89 {
	font-size: 89px !important;
}

.text-90 {
	font-size: 90px !important;
}

.text-91 {
	font-size: 91px !important;
}

.text-92 {
	font-size: 92px !important;
}

.text-93 {
	font-size: 93px !important;
}

.text-94 {
	font-size: 94px !important;
}

.text-95 {
	font-size: 95px !important;
}

.text-96 {
	font-size: 96px !important;
}

.text-97 {
	font-size: 97px !important;
}

.text-98 {
	font-size: 98px !important;
}

.text-99 {
	font-size: 99px !important;
}

.text-100 {
	font-size: 100px !important;
}

@media screen and (max-width: 1199px) {
	.text-xl-down-5 {
		font-size: 5px !important;
	}

	.text-xl-down-6 {
		font-size: 6px !important;
	}

	.text-xl-down-7 {
		font-size: 7px !important;
	}

	.text-xl-down-8 {
		font-size: 8px !important;
	}

	.text-xl-down-9 {
		font-size: 9px !important;
	}

	.text-xl-down-10 {
		font-size: 10px !important;
	}

	.text-lg-down-11 {
		font-size: 11px !important;
	}

	.text-xl-down-12 {
		font-size: 12px !important;
	}

	.text-xl-down-13 {
		font-size: 13px !important;
	}

	.text-xl-down-14 {
		font-size: 14px !important;
	}

	.text-xl-down-text-15 {
		font-size: 15px !important;
	}

	.text-xl-down-16 {
		font-size: 16px !important;
	}

	.text-xl-down-17 {
		font-size: 17px !important;
	}

	.text-xl-down-18 {
		font-size: 18px !important;
	}

	.text-xl-down-19 {
		font-size: 19px !important;
	}

	.text-xl-down-20 {
		font-size: 20px !important;
	}

	.text-xl-down-21 {
		font-size: 21px !important;
	}

	.text-xl-down-22 {
		font-size: 22px !important;
	}

	.text-xl-down-23 {
		font-size: 23px !important;
	}

	.text-xl-down-24 {
		font-size: 24px !important;
	}

	.text-xl-down-25 {
		font-size: 25px !important;
	}

	.text-xl-down-26 {
		font-size: 26px !important;
	}

	.text-xl-down-27 {
		font-size: 27px !important;
	}

	.text-xl-down-28 {
		font-size: 28px !important;
	}

	.text-xl-down-30 {
		font-size: 30px !important;
	}

	.text-xl-down-31 {
		font-size: 31px !important;
	}

	.text-xl-down-32 {
		font-size: 32px !important;
	}

	.text-xl-down-33 {
		font-size: 33px !important;
	}

	.text-xl-down-34 {
		font-size: 34px !important;
	}

	.text-xl-down-35 {
		font-size: 35px !important;
	}

	.text-xl-down-36 {
		font-size: 36px !important;
	}

	.text-xl-down-37 {
		font-size: 37px !important;
	}

	.text-xl-down-38 {
		font-size: 38px !important;
	}

	.text-xl-down-39 {
		font-size: 39px !important;
	}

	.text-xl-down-40 {
		font-size: 40px !important;
	}

	.text-xl-down-41 {
		font-size: 41px !important;
	}

	.text-xl-down-42 {
		font-size: 42px !important;
	}

	.text-xl-down-43 {
		font-size: 43px !important;
	}

	.text-xl-down-44 {
		font-size: 44px !important;
	}

	.text-xl-down-45 {
		font-size: 45px !important;
	}

	.text-xl-down-46 {
		font-size: 46px !important;
	}

	.text-xl-down-47 {
		font-size: 47px !important;
	}

	.text-xl-down-48 {
		font-size: 48px !important;
	}

	.text-xl-down-49 {
		font-size: 49px !important;
	}

	.text-xl-down-50 {
		font-size: 50px !important;
	}

	.text-xl-down-51 {
		font-size: 51px !important;
	}

	.text-xl-down-52 {
		font-size: 52px !important;
	}

	.text-xl-down-53 {
		font-size: 53px !important;
	}

	.text-xl-down-54 {
		font-size: 54px !important;
	}

	.text-xl-down-55 {
		font-size: 55px !important;
	}

	.text-xl-down-56 {
		font-size: 56px !important;
	}

	.text-xl-down-57 {
		font-size: 57px !important;
	}

	.text-xl-down-58 {
		font-size: 58px !important;
	}

	.text-xl-down-59 {
		font-size: 59px !important;
	}

	.text-xl-down-60 {
		font-size: 60px !important;
	}

	.text-xl-down-61 {
		font-size: 61px !important;
	}

	.text-xl-down-62 {
		font-size: 62px !important;
	}

	.text-xl-down-63 {
		font-size: 63px !important;
	}

	.text-xl-down-64 {
		font-size: 64px !important;
	}

	.text-xl-down-65 {
		font-size: 65px !important;
	}

	.text-xl-down-66 {
		font-size: 66px !important;
	}

	.text-xl-down-67 {
		font-size: 67px !important;
	}

	.text-xl-down-68 {
		font-size: 68px !important;
	}

	.text-xl-down-69 {
		font-size: 69px !important;
	}

	.text-xl-down-70 {
		font-size: 70px !important;
	}

	.text-xl-down-71 {
		font-size: 71px !important;
	}

	.text-xl-down-72 {
		font-size: 72px !important;
	}

	.text-xl-down-73 {
		font-size: 73px !important;
	}

	.text-xl-down-74 {
		font-size: 74px !important;
	}

	.text-xl-down-75 {
		font-size: 75px !important;
	}

	.text-xl-down-76 {
		font-size: 76px !important;
	}

	.text-xl-down-77 {
		font-size: 77px !important;
	}

	.text-xl-down-78 {
		font-size: 78px !important;
	}

	.text-xl-down-79 {
		font-size: 79px !important;
	}

	.text-xl-down-80 {
		font-size: 80px !important;
	}

	.text-xl-down-81 {
		font-size: 81px !important;
	}

	.text-xl-down-82 {
		font-size: 82px !important;
	}

	.text-xl-down-83 {
		font-size: 83px !important;
	}

	.text-xl-down-84 {
		font-size: 84px !important;
	}

	.text-xl-down-85 {
		font-size: 85px !important;
	}

	.text-xl-down-86 {
		font-size: 86px !important;
	}

	.text-xl-down-87 {
		font-size: 87px !important;
	}

	.text-xl-down-88 {
		font-size: 88px !important;
	}

	.text-xl-down-89 {
		font-size: 89px !important;
	}

	.text-xl-down-90 {
		font-size: 90px !important;
	}

	.text-xl-down-91 {
		font-size: 91px !important;
	}

	.text-xl-down-92 {
		font-size: 92px !important;
	}

	.text-xl-down-93 {
		font-size: 93px !important;
	}

	.text-xl-down-94 {
		font-size: 94px !important;
	}

	.text-xl-down-95 {
		font-size: 95px !important;
	}

	.text-xl-down-96 {
		font-size: 96px !important;
	}

	.text-xl-down-97 {
		font-size: 97px !important;
	}

	.text-xl-down-98 {
		font-size: 98px !important;
	}

	.text-xl-down-99 {
		font-size: 99px !important;
	}

	.text-xl-down-100 {
		font-size: 100px !important;
	}
}

@media screen and (max-width: 991px) {
	.text-lg-down-5 {
		font-size: 5px !important;
	}

	.text-lg-down-6 {
		font-size: 6px !important;
	}

	.text-lg-down-7 {
		font-size: 7px !important;
	}

	.text-lg-down-8 {
		font-size: 8px !important;
	}

	.text-lg-down-9 {
		font-size: 9px !important;
	}

	.text-lg-down-10 {
		font-size: 10px !important;
	}

	.text-lg-down-11 {
		font-size: 11px !important;
	}

	.text-lg-down-12 {
		font-size: 12px !important;
	}

	.text-lg-down-13 {
		font-size: 13px !important;
	}

	.text-lg-down-14 {
		font-size: 14px !important;
	}

	.text-lg-down-15 {
		font-size: 15px !important;
	}

	.text-lg-down-16 {
		font-size: 16px !important;
	}

	.text-lg-down-17 {
		font-size: 17px !important;
	}

	.text-lg-down-18 {
		font-size: 18px !important;
	}

	.text-lg-down-19 {
		font-size: 19px !important;
	}

	.text-lg-down-20 {
		font-size: 20px !important;
	}

	.text-lg-down-21 {
		font-size: 21px !important;
	}

	.text-lg-down-22 {
		font-size: 22px !important;
	}

	.text-lg-down-23 {
		font-size: 23px !important;
	}

	.text-lg-down-24 {
		font-size: 24px !important;
	}

	.text-lg-down-25 {
		font-size: 25px !important;
	}

	.text-lg-down-26 {
		font-size: 26px !important;
	}

	.text-lg-down-27 {
		font-size: 27px !important;
	}

	.text-lg-down-28 {
		font-size: 28px !important;
	}

	.text-lg-down-30 {
		font-size: 30px !important;
	}

	.text-lg-down-31 {
		font-size: 31px !important;
	}

	.text-lg-down-32 {
		font-size: 32px !important;
	}

	.text-lg-down-33 {
		font-size: 33px !important;
	}

	.text-lg-down-34 {
		font-size: 34px !important;
	}

	.text-lg-down-35 {
		font-size: 35px !important;
	}

	.text-lg-down-36 {
		font-size: 36px !important;
	}

	.text-lg-down-37 {
		font-size: 37px !important;
	}

	.text-lg-down-38 {
		font-size: 38px !important;
	}

	.text-lg-down-39 {
		font-size: 39px !important;
	}

	.text-lg-down-40 {
		font-size: 40px !important;
	}

	.text-lg-down-41 {
		font-size: 41px !important;
	}

	.text-lg-down-42 {
		font-size: 42px !important;
	}

	.text-lg-down-43 {
		font-size: 43px !important;
	}

	.text-lg-down-44 {
		font-size: 44px !important;
	}

	.text-lg-down-45 {
		font-size: 45px !important;
	}

	.text-lg-down-46 {
		font-size: 46px !important;
	}

	.text-lg-down-47 {
		font-size: 47px !important;
	}

	.text-lg-down-48 {
		font-size: 48px !important;
	}

	.text-lg-down-49 {
		font-size: 49px !important;
	}

	.text-lg-down-50 {
		font-size: 50px !important;
	}

	.text-lg-down-51 {
		font-size: 51px !important;
	}

	.text-lg-down-52 {
		font-size: 52px !important;
	}

	.text-lg-down-53 {
		font-size: 53px !important;
	}

	.text-lg-down-54 {
		font-size: 54px !important;
	}

	.text-lg-down-55 {
		font-size: 55px !important;
	}

	.text-lg-down-56 {
		font-size: 56px !important;
	}

	.text-lg-down-57 {
		font-size: 57px !important;
	}

	.text-lg-down-58 {
		font-size: 58px !important;
	}

	.text-lg-down-59 {
		font-size: 59px !important;
	}

	.text-lg-down-60 {
		font-size: 60px !important;
	}

	.text-lg-down-61 {
		font-size: 61px !important;
	}

	.text-lg-down-62 {
		font-size: 62px !important;
	}

	.text-lg-down-63 {
		font-size: 63px !important;
	}

	.text-lg-down-64 {
		font-size: 64px !important;
	}

	.text-lg-down-65 {
		font-size: 65px !important;
	}

	.text-lg-down-66 {
		font-size: 66px !important;
	}

	.text-lg-down-67 {
		font-size: 67px !important;
	}

	.text-lg-down-68 {
		font-size: 68px !important;
	}

	.text-lg-down-69 {
		font-size: 69px !important;
	}

	.text-lg-down-70 {
		font-size: 70px !important;
	}

	.text-lg-down-71 {
		font-size: 71px !important;
	}

	.text-lg-down-72 {
		font-size: 72px !important;
	}

	.text-lg-down-73 {
		font-size: 73px !important;
	}

	.text-lg-down-74 {
		font-size: 74px !important;
	}

	.text-lg-down-75 {
		font-size: 75px !important;
	}

	.text-lg-down-76 {
		font-size: 76px !important;
	}

	.text-lg-down-77 {
		font-size: 77px !important;
	}

	.text-lg-down-78 {
		font-size: 78px !important;
	}

	.text-lg-down-79 {
		font-size: 79px !important;
	}

	.text-lg-down-80 {
		font-size: 80px !important;
	}

	.text-lg-down-81 {
		font-size: 81px !important;
	}

	.text-lg-down-82 {
		font-size: 82px !important;
	}

	.text-lg-down-83 {
		font-size: 83px !important;
	}

	.text-lg-down-84 {
		font-size: 84px !important;
	}

	.text-lg-down-85 {
		font-size: 85px !important;
	}

	.text-lg-down-86 {
		font-size: 86px !important;
	}

	.text-lg-down-87 {
		font-size: 87px !important;
	}

	.text-lg-down-88 {
		font-size: 88px !important;
	}

	.text-lg-down-89 {
		font-size: 89px !important;
	}

	.text-lg-down-90 {
		font-size: 90px !important;
	}

	.text-lg-down-91 {
		font-size: 91px !important;
	}

	.text-lg-down-92 {
		font-size: 92px !important;
	}

	.text-lg-down-93 {
		font-size: 93px !important;
	}

	.text-lg-down-94 {
		font-size: 94px !important;
	}

	.text-lg-down-95 {
		font-size: 95px !important;
	}

	.text-lg-down-96 {
		font-size: 96px !important;
	}

	.text-lg-down-97 {
		font-size: 97px !important;
	}

	.text-lg-down-98 {
		font-size: 98px !important;
	}

	.text-lg-down-99 {
		font-size: 99px !important;
	}

	.text-lg-down-100 {
		font-size: 100px !important;
	}
}

@media screen and (max-width: 767px) {
	.text-md-down-5 {
		font-size: 5px !important;
	}

	.text-md-down-6 {
		font-size: 6px !important;
	}

	.text-md-down-7 {
		font-size: 7px !important;
	}

	.text-md-down-8 {
		font-size: 8px !important;
	}

	.text-md-down-9 {
		font-size: 9px !important;
	}

	.text-md-down-10 {
		font-size: 10px !important;
	}

	.text-md-down-11 {
		font-size: 11px !important;
	}

	.text-md-down-12 {
		font-size: 12px !important;
	}

	.text-md-down-13 {
		font-size: 13px !important;
	}

	.text-md-down-14 {
		font-size: 14px !important;
	}

	.text-md-down-15 {
		font-size: 15px !important;
	}

	.text-md-down-16 {
		font-size: 16px !important;
	}

	.text-md-down-17 {
		font-size: 17px !important;
	}

	.text-md-down-18 {
		font-size: 18px !important;
	}

	.text-md-down-19 {
		font-size: 19px !important;
	}

	.text-md-down-20 {
		font-size: 20px !important;
	}

	.text-md-down-21 {
		font-size: 21px !important;
	}

	.text-md-down-22 {
		font-size: 22px !important;
	}

	.text-md-down-23 {
		font-size: 23px !important;
	}

	.text-md-down-24 {
		font-size: 24px !important;
	}

	.text-md-down-25 {
		font-size: 25px !important;
	}

	.text-md-down-26 {
		font-size: 26px !important;
	}

	.text-md-down-27 {
		font-size: 27px !important;
	}

	.text-md-down-28 {
		font-size: 28px !important;
	}

	.text-md-down-30 {
		font-size: 30px !important;
	}

	.text-md-down-31 {
		font-size: 31px !important;
	}

	.text-md-down-32 {
		font-size: 32px !important;
	}

	.text-md-down-33 {
		font-size: 33px !important;
	}

	.text-md-down-34 {
		font-size: 34px !important;
	}

	.text-md-down-35 {
		font-size: 35px !important;
	}

	.text-md-down-36 {
		font-size: 36px !important;
	}

	.text-md-down-37 {
		font-size: 37px !important;
	}

	.text-md-down-38 {
		font-size: 38px !important;
	}

	.text-md-down-39 {
		font-size: 39px !important;
	}

	.text-md-down-40 {
		font-size: 40px !important;
	}

	.text-md-down-41 {
		font-size: 41px !important;
	}

	.text-md-down-42 {
		font-size: 42px !important;
	}

	.text-md-down-43 {
		font-size: 43px !important;
	}

	.text-md-down-44 {
		font-size: 44px !important;
	}

	.text-md-down-45 {
		font-size: 45px !important;
	}

	.text-md-down-46 {
		font-size: 46px !important;
	}

	.text-md-down-47 {
		font-size: 47px !important;
	}

	.text-md-down-48 {
		font-size: 48px !important;
	}

	.text-md-down-49 {
		font-size: 49px !important;
	}

	.text-md-down-50 {
		font-size: 50px !important;
	}

	.text-md-down-51 {
		font-size: 51px !important;
	}

	.text-md-down-52 {
		font-size: 52px !important;
	}

	.text-md-down-53 {
		font-size: 53px !important;
	}

	.text-md-down-54 {
		font-size: 54px !important;
	}

	.text-md-down-55 {
		font-size: 55px !important;
	}

	.text-md-down-56 {
		font-size: 56px !important;
	}

	.text-md-down-57 {
		font-size: 57px !important;
	}

	.text-md-down-58 {
		font-size: 58px !important;
	}

	.text-md-down-59 {
		font-size: 59px !important;
	}

	.text-md-down-60 {
		font-size: 60px !important;
	}

	.text-md-down-61 {
		font-size: 61px !important;
	}

	.text-md-down-62 {
		font-size: 62px !important;
	}

	.text-md-down-63 {
		font-size: 63px !important;
	}

	.text-md-down-64 {
		font-size: 64px !important;
	}

	.text-md-down-65 {
		font-size: 65px !important;
	}

	.text-md-down-66 {
		font-size: 66px !important;
	}

	.text-md-down-67 {
		font-size: 67px !important;
	}

	.text-md-down-68 {
		font-size: 68px !important;
	}

	.text-md-down-69 {
		font-size: 69px !important;
	}

	.text-md-down-70 {
		font-size: 70px !important;
	}

	.text-md-down-71 {
		font-size: 71px !important;
	}

	.text-md-down-72 {
		font-size: 72px !important;
	}

	.text-md-down-73 {
		font-size: 73px !important;
	}

	.text-md-down-74 {
		font-size: 74px !important;
	}

	.text-md-down-75 {
		font-size: 75px !important;
	}

	.text-md-down-76 {
		font-size: 76px !important;
	}

	.text-md-down-77 {
		font-size: 77px !important;
	}

	.text-md-down-78 {
		font-size: 78px !important;
	}

	.text-md-down-79 {
		font-size: 79px !important;
	}

	.text-md-down-80 {
		font-size: 80px !important;
	}

	.text-md-down-81 {
		font-size: 81px !important;
	}

	.text-md-down-82 {
		font-size: 82px !important;
	}

	.text-md-down-83 {
		font-size: 83px !important;
	}

	.text-md-down-84 {
		font-size: 84px !important;
	}

	.text-md-down-85 {
		font-size: 85px !important;
	}

	.text-md-down-86 {
		font-size: 86px !important;
	}

	.text-md-down-87 {
		font-size: 87px !important;
	}

	.text-md-down-88 {
		font-size: 88px !important;
	}

	.text-md-down-89 {
		font-size: 89px !important;
	}

	.text-md-down-90 {
		font-size: 90px !important;
	}

	.text-md-down-91 {
		font-size: 91px !important;
	}

	.text-md-down-92 {
		font-size: 92px !important;
	}

	.text-md-down-93 {
		font-size: 93px !important;
	}

	.text-md-down-94 {
		font-size: 94px !important;
	}

	.text-md-down-95 {
		font-size: 95px !important;
	}

	.text-md-down-96 {
		font-size: 96px !important;
	}

	.text-md-down-97 {
		font-size: 97px !important;
	}

	.text-md-down-98 {
		font-size: 98px !important;
	}

	.text-md-down-99 {
		font-size: 99px !important;
	}

	.text-md-down-100 {
		font-size: 100px !important;
	}
}

@media screen and (max-width: 575px) {
	.text-sm-down-10 {
		font-size: 10px !important;
	}

	.text-sm-down-11 {
		font-size: 11px !important;
	}

	.text-sm-down-12 {
		font-size: 12px !important;
	}

	.text-sm-down-13 {
		font-size: 13px !important;
	}

	.text-sm-down-14 {
		font-size: 14px !important;
	}

	.text-sm-down-15 {
		font-size: 15px !important;
	}

	.text-sm-down-16 {
		font-size: 16px !important;
	}

	.text-sm-down-17 {
		font-size: 17px !important;
	}

	.text-sm-down-18 {
		font-size: 18px !important;
	}

	.text-sm-down-19 {
		font-size: 19px !important;
	}

	.text-sm-down-20 {
		font-size: 20px !important;
	}

	.text-sm-down-21 {
		font-size: 21px !important;
	}

	.text-sm-down-22 {
		font-size: 22px !important;
	}

	.text-sm-down-23 {
		font-size: 23px !important;
	}

	.text-sm-down-24 {
		font-size: 24px !important;
	}

	.text-sm-down-25 {
		font-size: 25px !important;
	}

	.text-sm-down-26 {
		font-size: 26px !important;
	}

	.text-sm-down-27 {
		font-size: 27px !important;
	}

	.text-sm-down-28 {
		font-size: 28px !important;
	}

	.text-sm-down-30 {
		font-size: 30px !important;
	}

	.text-sm-down-31 {
		font-size: 31px !important;
	}

	.text-sm-down-32 {
		font-size: 32px !important;
	}

	.text-sm-down-33 {
		font-size: 33px !important;
	}

	.text-sm-down-34 {
		font-size: 34px !important;
	}

	.text-sm-down-35 {
		font-size: 35px !important;
	}

	.text-sm-down-36 {
		font-size: 36px !important;
	}

	.text-sm-down-37 {
		font-size: 37px !important;
	}

	.text-sm-down-38 {
		font-size: 38px !important;
	}

	.text-sm-down-39 {
		font-size: 39px !important;
	}

	.text-sm-down-40 {
		font-size: 40px !important;
	}

	.text-sm-down-41 {
		font-size: 41px !important;
	}

	.text-sm-down-42 {
		font-size: 42px !important;
	}

	.text-sm-down-43 {
		font-size: 43px !important;
	}

	.text-sm-down-44 {
		font-size: 44px !important;
	}

	.text-sm-down-45 {
		font-size: 45px !important;
	}

	.text-sm-down-46 {
		font-size: 46px !important;
	}

	.text-sm-down-47 {
		font-size: 47px !important;
	}

	.text-sm-down-48 {
		font-size: 48px !important;
	}

	.text-sm-down-49 {
		font-size: 49px !important;
	}

	.text-sm-down-50 {
		font-size: 50px !important;
	}

	.text-sm-down-51 {
		font-size: 51px !important;
	}

	.text-sm-down-52 {
		font-size: 52px !important;
	}

	.text-sm-down-53 {
		font-size: 53px !important;
	}

	.text-sm-down-54 {
		font-size: 54px !important;
	}

	.text-sm-down-55 {
		font-size: 55px !important;
	}

	.text-sm-down-56 {
		font-size: 56px !important;
	}

	.text-sm-down-57 {
		font-size: 57px !important;
	}

	.text-sm-down-58 {
		font-size: 58px !important;
	}

	.text-sm-down-59 {
		font-size: 59px !important;
	}

	.text-sm-down-60 {
		font-size: 60px !important;
	}

	.text-sm-down-61 {
		font-size: 61px !important;
	}

	.text-sm-down-62 {
		font-size: 62px !important;
	}

	.text-sm-down-63 {
		font-size: 63px !important;
	}

	.text-sm-down-64 {
		font-size: 64px !important;
	}

	.text-sm-down-65 {
		font-size: 65px !important;
	}

	.text-sm-down-66 {
		font-size: 66px !important;
	}

	.text-sm-down-67 {
		font-size: 67px !important;
	}

	.text-sm-down-68 {
		font-size: 68px !important;
	}

	.text-sm-down-69 {
		font-size: 69px !important;
	}

	.text-sm-down-70 {
		font-size: 70px !important;
	}

	.text-sm-down-71 {
		font-size: 71px !important;
	}

	.text-sm-down-72 {
		font-size: 72px !important;
	}

	.text-sm-down-73 {
		font-size: 73px !important;
	}

	.text-sm-down-74 {
		font-size: 74px !important;
	}

	.text-sm-down-75 {
		font-size: 75px !important;
	}

	.text-sm-down-76 {
		font-size: 76px !important;
	}

	.text-sm-down-77 {
		font-size: 77px !important;
	}

	.text-sm-down-78 {
		font-size: 78px !important;
	}

	.text-sm-down-79 {
		font-size: 79px !important;
	}

	.text-sm-down-80 {
		font-size: 80px !important;
	}

	.text-sm-down-81 {
		font-size: 81px !important;
	}

	.text-sm-down-82 {
		font-size: 82px !important;
	}

	.text-sm-down-83 {
		font-size: 83px !important;
	}

	.text-sm-down-84 {
		font-size: 84px !important;
	}

	.text-sm-down-85 {
		font-size: 85px !important;
	}

	.text-sm-down-86 {
		font-size: 86px !important;
	}

	.text-sm-down-87 {
		font-size: 87px !important;
	}

	.text-sm-down-88 {
		font-size: 88px !important;
	}

	.text-sm-down-89 {
		font-size: 89px !important;
	}

	.text-sm-down-90 {
		font-size: 90px !important;
	}

	.text-sm-down-91 {
		font-size: 91px !important;
	}

	.text-sm-down-92 {
		font-size: 92px !important;
	}

	.text-sm-down-93 {
		font-size: 93px !important;
	}

	.text-sm-down-94 {
		font-size: 94px !important;
	}

	.text-sm-down-95 {
		font-size: 95px !important;
	}

	.text-sm-down-96 {
		font-size: 96px !important;
	}

	.text-sm-down-97 {
		font-size: 97px !important;
	}

	.text-sm-down-98 {
		font-size: 98px !important;
	}

	.text-sm-down-99 {
		font-size: 99px !important;
	}

	.text-sm-down-100 {
		font-size: 100px !important;
	}
}

@media screen and (min-width: 1200px) {
	.text-xl-5 {
		font-size: 5px !important;
	}

	.text-xl-6 {
		font-size: 6px !important;
	}

	.text-xl-7 {
		font-size: 7px !important;
	}

	.text-xl-8 {
		font-size: 8px !important;
	}

	.text-xl-9 {
		font-size: 9px !important;
	}

	.text-xl-10 {
		font-size: 10px !important;
	}

	.text-lg-11 {
		font-size: 11px !important;
	}

	.text-xl-12 {
		font-size: 12px !important;
	}

	.text-xl-13 {
		font-size: 13px !important;
	}

	.text-xl-14 {
		font-size: 14px !important;
	}

	.text-xl-15 {
		font-size: 15px !important;
	}

	.text-xl-16 {
		font-size: 16px !important;
	}

	.text-xl-17 {
		font-size: 17px !important;
	}

	.text-xl-18 {
		font-size: 18px !important;
	}

	.text-xl-19 {
		font-size: 19px !important;
	}

	.text-xl-20 {
		font-size: 20px !important;
	}

	.text-xl-21 {
		font-size: 21px !important;
	}

	.text-xl-22 {
		font-size: 22px !important;
	}

	.text-xl-23 {
		font-size: 23px !important;
	}

	.text-xl-24 {
		font-size: 24px !important;
	}

	.text-xl-25 {
		font-size: 25px !important;
	}

	.text-xl-26 {
		font-size: 26px !important;
	}

	.text-xl-27 {
		font-size: 27px !important;
	}

	.text-xl-28 {
		font-size: 28px !important;
	}

	.text-xl-30 {
		font-size: 30px !important;
	}

	.text-xl-31 {
		font-size: 31px !important;
	}

	.text-xl-32 {
		font-size: 32px !important;
	}

	.text-xl-33 {
		font-size: 33px !important;
	}

	.text-xl-34 {
		font-size: 34px !important;
	}

	.text-xl-35 {
		font-size: 35px !important;
	}

	.text-xl-36 {
		font-size: 36px !important;
	}

	.text-xl-37 {
		font-size: 37px !important;
	}

	.text-xl-38 {
		font-size: 38px !important;
	}

	.text-xl-39 {
		font-size: 39px !important;
	}

	.text-xl-40 {
		font-size: 40px !important;
	}

	.text-xl-41 {
		font-size: 41px !important;
	}

	.text-xl-42 {
		font-size: 42px !important;
	}

	.text-xl-43 {
		font-size: 43px !important;
	}

	.text-xl-44 {
		font-size: 44px !important;
	}

	.text-xl-45 {
		font-size: 45px !important;
	}

	.text-xl-46 {
		font-size: 46px !important;
	}

	.text-xl-47 {
		font-size: 47px !important;
	}

	.text-xl-48 {
		font-size: 48px !important;
	}

	.text-xl-49 {
		font-size: 49px !important;
	}

	.text-xl-50 {
		font-size: 50px !important;
	}

	.text-xl-51 {
		font-size: 51px !important;
	}

	.text-xl-52 {
		font-size: 52px !important;
	}

	.text-xl-53 {
		font-size: 53px !important;
	}

	.text-xl-54 {
		font-size: 54px !important;
	}

	.text-xl-55 {
		font-size: 55px !important;
	}

	.text-xl-56 {
		font-size: 56px !important;
	}

	.text-xl-57 {
		font-size: 57px !important;
	}

	.text-xl-58 {
		font-size: 58px !important;
	}

	.text-xl-59 {
		font-size: 59px !important;
	}

	.text-xl-60 {
		font-size: 60px !important;
	}

	.text-xl-61 {
		font-size: 61px !important;
	}

	.text-xl-62 {
		font-size: 62px !important;
	}

	.text-xl-63 {
		font-size: 63px !important;
	}

	.text-xl-64 {
		font-size: 64px !important;
	}

	.text-xl-65 {
		font-size: 65px !important;
	}

	.text-xl-66 {
		font-size: 66px !important;
	}

	.text-xl-67 {
		font-size: 67px !important;
	}

	.text-xl-68 {
		font-size: 68px !important;
	}

	.text-xl-69 {
		font-size: 69px !important;
	}

	.text-xl-70 {
		font-size: 70px !important;
	}

	.text-xl-71 {
		font-size: 71px !important;
	}

	.text-xl-72 {
		font-size: 72px !important;
	}

	.text-xl-73 {
		font-size: 73px !important;
	}

	.text-xl-74 {
		font-size: 74px !important;
	}

	.text-xl-75 {
		font-size: 75px !important;
	}

	.text-xl-76 {
		font-size: 76px !important;
	}

	.text-xl-77 {
		font-size: 77px !important;
	}

	.text-xl-78 {
		font-size: 78px !important;
	}

	.text-xl-79 {
		font-size: 79px !important;
	}

	.text-xl-80 {
		font-size: 80px !important;
	}

	.text-xl-81 {
		font-size: 81px !important;
	}

	.text-xl-82 {
		font-size: 82px !important;
	}

	.text-xl-83 {
		font-size: 83px !important;
	}

	.text-xl-84 {
		font-size: 84px !important;
	}

	.text-xl-85 {
		font-size: 85px !important;
	}

	.text-xl-86 {
		font-size: 86px !important;
	}

	.text-xl-87 {
		font-size: 87px !important;
	}

	.text-xl-88 {
		font-size: 88px !important;
	}

	.text-xl-89 {
		font-size: 89px !important;
	}

	.text-xl-90 {
		font-size: 90px !important;
	}

	.text-xl-91 {
		font-size: 91px !important;
	}

	.text-xl-92 {
		font-size: 92px !important;
	}

	.text-xl-93 {
		font-size: 93px !important;
	}

	.text-xl-94 {
		font-size: 94px !important;
	}

	.text-xl-95 {
		font-size: 95px !important;
	}

	.text-xl-96 {
		font-size: 96px !important;
	}

	.text-xl-97 {
		font-size: 97px !important;
	}

	.text-xl-98 {
		font-size: 98px !important;
	}

	.text-xl-99 {
		font-size: 99px !important;
	}

	.text-xl-100 {
		font-size: 100px !important;
	}
}

@media screen and (min-width: 992px) {
	.text-lg-5 {
		font-size: 5px !important;
	}

	.text-lg-6 {
		font-size: 6px !important;
	}

	.text-lg-7 {
		font-size: 7px !important;
	}

	.text-lg-8 {
		font-size: 8px !important;
	}

	.text-lg-9 {
		font-size: 9px !important;
	}

	.text-lg-10 {
		font-size: 10px !important;
	}

	.text-lg-11 {
		font-size: 11px !important;
	}

	.text-lg-12 {
		font-size: 12px !important;
	}

	.text-lg-13 {
		font-size: 13px !important;
	}

	.text-lg-14 {
		font-size: 14px !important;
	}

	.text-lg-15 {
		font-size: 15px !important;
	}

	.text-lg-16 {
		font-size: 16px !important;
	}

	.text-lg-17 {
		font-size: 17px !important;
	}

	.text-lg-18 {
		font-size: 18px !important;
	}

	.text-lg-19 {
		font-size: 19px !important;
	}

	.text-lg-20 {
		font-size: 20px !important;
	}

	.text-lg-21 {
		font-size: 21px !important;
	}

	.text-lg-22 {
		font-size: 22px !important;
	}

	.text-lg-23 {
		font-size: 23px !important;
	}

	.text-lg-24 {
		font-size: 24px !important;
	}

	.text-lg-25 {
		font-size: 25px !important;
	}

	.text-lg-26 {
		font-size: 26px !important;
	}

	.text-lg-27 {
		font-size: 27px !important;
	}

	.text-lg-28 {
		font-size: 28px !important;
	}

	.text-lg-30 {
		font-size: 30px !important;
	}

	.text-lg-31 {
		font-size: 31px !important;
	}

	.text-lg-32 {
		font-size: 32px !important;
	}

	.text-lg-33 {
		font-size: 33px !important;
	}

	.text-lg-34 {
		font-size: 34px !important;
	}

	.text-lg-35 {
		font-size: 35px !important;
	}

	.text-lg-36 {
		font-size: 36px !important;
	}

	.text-lg-37 {
		font-size: 37px !important;
	}

	.text-lg-38 {
		font-size: 38px !important;
	}

	.text-lg-39 {
		font-size: 39px !important;
	}

	.text-lg-40 {
		font-size: 40px !important;
	}

	.text-lg-41 {
		font-size: 41px !important;
	}

	.text-lg-42 {
		font-size: 42px !important;
	}

	.text-lg-43 {
		font-size: 43px !important;
	}

	.text-lg-44 {
		font-size: 44px !important;
	}

	.text-lg-45 {
		font-size: 45px !important;
	}

	.text-lg-46 {
		font-size: 46px !important;
	}

	.text-lg-47 {
		font-size: 47px !important;
	}

	.text-lg-48 {
		font-size: 48px !important;
	}

	.text-lg-49 {
		font-size: 49px !important;
	}

	.text-lg-50 {
		font-size: 50px !important;
	}

	.text-lg-51 {
		font-size: 51px !important;
	}

	.text-lg-52 {
		font-size: 52px !important;
	}

	.text-lg-53 {
		font-size: 53px !important;
	}

	.text-lg-54 {
		font-size: 54px !important;
	}

	.text-lg-55 {
		font-size: 55px !important;
	}

	.text-lg-56 {
		font-size: 56px !important;
	}

	.text-lg-57 {
		font-size: 57px !important;
	}

	.text-lg-58 {
		font-size: 58px !important;
	}

	.text-lg-59 {
		font-size: 59px !important;
	}

	.text-lg-60 {
		font-size: 60px !important;
	}

	.text-lg-61 {
		font-size: 61px !important;
	}

	.text-lg-62 {
		font-size: 62px !important;
	}

	.text-lg-63 {
		font-size: 63px !important;
	}

	.text-lg-64 {
		font-size: 64px !important;
	}

	.text-lg-65 {
		font-size: 65px !important;
	}

	.text-lg-66 {
		font-size: 66px !important;
	}

	.text-lg-67 {
		font-size: 67px !important;
	}

	.text-lg-68 {
		font-size: 68px !important;
	}

	.text-lg-69 {
		font-size: 69px !important;
	}

	.text-lg-70 {
		font-size: 70px !important;
	}

	.text-lg-71 {
		font-size: 71px !important;
	}

	.text-lg-72 {
		font-size: 72px !important;
	}

	.text-lg-73 {
		font-size: 73px !important;
	}

	.text-lg-74 {
		font-size: 74px !important;
	}

	.text-lg-75 {
		font-size: 75px !important;
	}

	.text-lg-76 {
		font-size: 76px !important;
	}

	.text-lg-77 {
		font-size: 77px !important;
	}

	.text-lg-78 {
		font-size: 78px !important;
	}

	.text-lg-79 {
		font-size: 79px !important;
	}

	.text-lg-80 {
		font-size: 80px !important;
	}

	.text-lg-81 {
		font-size: 81px !important;
	}

	.text-lg-82 {
		font-size: 82px !important;
	}

	.text-lg-83 {
		font-size: 83px !important;
	}

	.text-lg-84 {
		font-size: 84px !important;
	}

	.text-lg-85 {
		font-size: 85px !important;
	}

	.text-lg-86 {
		font-size: 86px !important;
	}

	.text-lg-87 {
		font-size: 87px !important;
	}

	.text-lg-88 {
		font-size: 88px !important;
	}

	.text-lg-89 {
		font-size: 89px !important;
	}

	.text-lg-90 {
		font-size: 90px !important;
	}

	.text-lg-91 {
		font-size: 91px !important;
	}

	.text-lg-92 {
		font-size: 92px !important;
	}

	.text-lg-93 {
		font-size: 93px !important;
	}

	.text-lg-94 {
		font-size: 94px !important;
	}

	.text-lg-95 {
		font-size: 95px !important;
	}

	.text-lg-96 {
		font-size: 96px !important;
	}

	.text-lg-97 {
		font-size: 97px !important;
	}

	.text-lg-98 {
		font-size: 98px !important;
	}

	.text-lg-99 {
		font-size: 99px !important;
	}

	.text-lg-100 {
		font-size: 100px !important;
	}
}

@media screen and (min-width: 768px) {
	.text-md-5 {
		font-size: 5px !important;
	}

	.text-md-6 {
		font-size: 6px !important;
	}

	.text-md-7 {
		font-size: 7px !important;
	}

	.text-md-8 {
		font-size: 8px !important;
	}

	.text-md-9 {
		font-size: 9px !important;
	}

	.text-md-10 {
		font-size: 10px !important;
	}

	.text-md-11 {
		font-size: 11px !important;
	}

	.text-md-12 {
		font-size: 12px !important;
	}

	.text-md-13 {
		font-size: 13px !important;
	}

	.text-md-14 {
		font-size: 14px !important;
	}

	.text-md-15 {
		font-size: 15px !important;
	}

	.text-md-16 {
		font-size: 16px !important;
	}

	.text-md-17 {
		font-size: 17px !important;
	}

	.text-md-18 {
		font-size: 18px !important;
	}

	.text-md-19 {
		font-size: 19px !important;
	}

	.text-md-20 {
		font-size: 20px !important;
	}

	.text-md-21 {
		font-size: 21px !important;
	}

	.text-md-22 {
		font-size: 22px !important;
	}

	.text-md-23 {
		font-size: 23px !important;
	}

	.text-md-24 {
		font-size: 24px !important;
	}

	.text-md-25 {
		font-size: 25px !important;
	}

	.text-md-26 {
		font-size: 26px !important;
	}

	.text-md-27 {
		font-size: 27px !important;
	}

	.text-md-28 {
		font-size: 28px !important;
	}

	.text-md-30 {
		font-size: 30px !important;
	}

	.text-md-31 {
		font-size: 31px !important;
	}

	.text-md-32 {
		font-size: 32px !important;
	}

	.text-md-33 {
		font-size: 33px !important;
	}

	.text-md-34 {
		font-size: 34px !important;
	}

	.text-md-35 {
		font-size: 35px !important;
	}

	.text-md-36 {
		font-size: 36px !important;
	}

	.text-md-37 {
		font-size: 37px !important;
	}

	.text-md-38 {
		font-size: 38px !important;
	}

	.text-md-39 {
		font-size: 39px !important;
	}

	.text-md-40 {
		font-size: 40px !important;
	}

	.text-md-41 {
		font-size: 41px !important;
	}

	.text-md-42 {
		font-size: 42px !important;
	}

	.text-md-43 {
		font-size: 43px !important;
	}

	.text-md-44 {
		font-size: 44px !important;
	}

	.text-md-45 {
		font-size: 45px !important;
	}

	.text-md-46 {
		font-size: 46px !important;
	}

	.text-md-47 {
		font-size: 47px !important;
	}

	.text-md-48 {
		font-size: 48px !important;
	}

	.text-md-49 {
		font-size: 49px !important;
	}

	.text-md-50 {
		font-size: 50px !important;
	}

	.text-md-51 {
		font-size: 51px !important;
	}

	.text-md-52 {
		font-size: 52px !important;
	}

	.text-md-53 {
		font-size: 53px !important;
	}

	.text-md-54 {
		font-size: 54px !important;
	}

	.text-md-55 {
		font-size: 55px !important;
	}

	.text-md-56 {
		font-size: 56px !important;
	}

	.text-md-57 {
		font-size: 57px !important;
	}

	.text-md-58 {
		font-size: 58px !important;
	}

	.text-md-59 {
		font-size: 59px !important;
	}

	.text-md-60 {
		font-size: 60px !important;
	}

	.text-md-61 {
		font-size: 61px !important;
	}

	.text-md-62 {
		font-size: 62px !important;
	}

	.text-md-63 {
		font-size: 63px !important;
	}

	.text-md-64 {
		font-size: 64px !important;
	}

	.text-md-65 {
		font-size: 65px !important;
	}

	.text-md-66 {
		font-size: 66px !important;
	}

	.text-md-67 {
		font-size: 67px !important;
	}

	.text-md-68 {
		font-size: 68px !important;
	}

	.text-md-69 {
		font-size: 69px !important;
	}

	.text-md-70 {
		font-size: 70px !important;
	}

	.text-md-71 {
		font-size: 71px !important;
	}

	.text-md-72 {
		font-size: 72px !important;
	}

	.text-md-73 {
		font-size: 73px !important;
	}

	.text-md-74 {
		font-size: 74px !important;
	}

	.text-md-75 {
		font-size: 75px !important;
	}

	.text-md-76 {
		font-size: 76px !important;
	}

	.text-md-77 {
		font-size: 77px !important;
	}

	.text-md-78 {
		font-size: 78px !important;
	}

	.text-md-79 {
		font-size: 79px !important;
	}

	.text-md-80 {
		font-size: 80px !important;
	}

	.text-md-81 {
		font-size: 81px !important;
	}

	.text-md-82 {
		font-size: 82px !important;
	}

	.text-md-83 {
		font-size: 83px !important;
	}

	.text-md-84 {
		font-size: 84px !important;
	}

	.text-md-85 {
		font-size: 85px !important;
	}

	.text-md-86 {
		font-size: 86px !important;
	}

	.text-md-87 {
		font-size: 87px !important;
	}

	.text-md-88 {
		font-size: 88px !important;
	}

	.text-md-89 {
		font-size: 89px !important;
	}

	.text-md-90 {
		font-size: 90px !important;
	}

	.text-md-91 {
		font-size: 91px !important;
	}

	.text-md-92 {
		font-size: 92px !important;
	}

	.text-md-93 {
		font-size: 93px !important;
	}

	.text-md-94 {
		font-size: 94px !important;
	}

	.text-md-95 {
		font-size: 95px !important;
	}

	.text-md-96 {
		font-size: 96px !important;
	}

	.text-md-97 {
		font-size: 97px !important;
	}

	.text-md-98 {
		font-size: 98px !important;
	}

	.text-md-99 {
		font-size: 99px !important;
	}

	.text-md-100 {
		font-size: 100px !important;
	}
}

@media screen and (min-width: 576px) {
	.text-sm-10 {
		font-size: 10px !important;
	}

	.text-sm-11 {
		font-size: 11px !important;
	}

	.text-sm-12 {
		font-size: 12px !important;
	}

	.text-sm-13 {
		font-size: 13px !important;
	}

	.text-sm-14 {
		font-size: 14px !important;
	}

	.text-sm-15 {
		font-size: 15px !important;
	}

	.text-sm-16 {
		font-size: 16px !important;
	}

	.text-sm-17 {
		font-size: 17px !important;
	}

	.text-sm-18 {
		font-size: 18px !important;
	}

	.text-sm-19 {
		font-size: 19px !important;
	}

	.text-sm-20 {
		font-size: 20px !important;
	}

	.text-sm-21 {
		font-size: 21px !important;
	}

	.text-sm-22 {
		font-size: 22px !important;
	}

	.text-sm-23 {
		font-size: 23px !important;
	}

	.text-sm-24 {
		font-size: 24px !important;
	}

	.text-sm-25 {
		font-size: 25px !important;
	}

	.text-sm-26 {
		font-size: 26px !important;
	}

	.text-sm-27 {
		font-size: 27px !important;
	}

	.text-sm-28 {
		font-size: 28px !important;
	}

	.text-sm-30 {
		font-size: 30px !important;
	}

	.text-sm-31 {
		font-size: 31px !important;
	}

	.text-sm-32 {
		font-size: 32px !important;
	}

	.text-sm-33 {
		font-size: 33px !important;
	}

	.text-sm-34 {
		font-size: 34px !important;
	}

	.text-sm-35 {
		font-size: 35px !important;
	}

	.text-sm-36 {
		font-size: 36px !important;
	}

	.text-sm-37 {
		font-size: 37px !important;
	}

	.text-sm-38 {
		font-size: 38px !important;
	}

	.text-sm-39 {
		font-size: 39px !important;
	}

	.text-sm-40 {
		font-size: 40px !important;
	}

	.text-sm-41 {
		font-size: 41px !important;
	}

	.text-sm-42 {
		font-size: 42px !important;
	}

	.text-sm-43 {
		font-size: 43px !important;
	}

	.text-sm-44 {
		font-size: 44px !important;
	}

	.text-sm-45 {
		font-size: 45px !important;
	}

	.text-sm-46 {
		font-size: 46px !important;
	}

	.text-sm-47 {
		font-size: 47px !important;
	}

	.text-sm-48 {
		font-size: 48px !important;
	}

	.text-sm-49 {
		font-size: 49px !important;
	}

	.text-sm-50 {
		font-size: 50px !important;
	}

	.text-sm-51 {
		font-size: 51px !important;
	}

	.text-sm-52 {
		font-size: 52px !important;
	}

	.text-sm-53 {
		font-size: 53px !important;
	}

	.text-sm-54 {
		font-size: 54px !important;
	}

	.text-sm-55 {
		font-size: 55px !important;
	}

	.text-sm-56 {
		font-size: 56px !important;
	}

	.text-sm-57 {
		font-size: 57px !important;
	}

	.text-sm-58 {
		font-size: 58px !important;
	}

	.text-sm-59 {
		font-size: 59px !important;
	}

	.text-sm-60 {
		font-size: 60px !important;
	}

	.text-sm-61 {
		font-size: 61px !important;
	}

	.text-sm-62 {
		font-size: 62px !important;
	}

	.text-sm-63 {
		font-size: 63px !important;
	}

	.text-sm-64 {
		font-size: 64px !important;
	}

	.text-sm-65 {
		font-size: 65px !important;
	}

	.text-sm-66 {
		font-size: 66px !important;
	}

	.text-sm-67 {
		font-size: 67px !important;
	}

	.text-sm-68 {
		font-size: 68px !important;
	}

	.text-sm-69 {
		font-size: 69px !important;
	}

	.text-sm-70 {
		font-size: 70px !important;
	}

	.text-sm-71 {
		font-size: 71px !important;
	}

	.text-sm-72 {
		font-size: 72px !important;
	}

	.text-sm-73 {
		font-size: 73px !important;
	}

	.text-sm-74 {
		font-size: 74px !important;
	}

	.text-sm-75 {
		font-size: 75px !important;
	}

	.text-sm-76 {
		font-size: 76px !important;
	}

	.text-sm-77 {
		font-size: 77px !important;
	}

	.text-sm-78 {
		font-size: 78px !important;
	}

	.text-sm-79 {
		font-size: 79px !important;
	}

	.text-sm-80 {
		font-size: 80px !important;
	}

	.text-sm-81 {
		font-size: 81px !important;
	}

	.text-sm-82 {
		font-size: 82px !important;
	}

	.text-sm-83 {
		font-size: 83px !important;
	}

	.text-sm-84 {
		font-size: 84px !important;
	}

	.text-sm-85 {
		font-size: 85px !important;
	}

	.text-sm-86 {
		font-size: 86px !important;
	}

	.text-sm-87 {
		font-size: 87px !important;
	}

	.text-sm-88 {
		font-size: 88px !important;
	}

	.text-sm-89 {
		font-size: 89px !important;
	}

	.text-sm-90 {
		font-size: 90px !important;
	}

	.text-sm-91 {
		font-size: 91px !important;
	}

	.text-sm-92 {
		font-size: 92px !important;
	}

	.text-sm-93 {
		font-size: 93px !important;
	}

	.text-sm-94 {
		font-size: 94px !important;
	}

	.text-sm-95 {
		font-size: 95px !important;
	}

	.text-sm-96 {
		font-size: 96px !important;
	}

	.text-sm-97 {
		font-size: 97px !important;
	}

	.text-sm-98 {
		font-size: 98px !important;
	}

	.text-sm-99 {
		font-size: 99px !important;
	}
	.text-sm-100 {
		font-size: 100px !important;
	}
}
/*=========== End Font Size =====================*/

/*============== Branding Button Customize Css here ==================*/

/*=== Brand Primary Button ===*/
.btn-brand-primary {
	background-color: var(--brand-primary);
	border-color: var(--brand-primary);
	color: var(--white);
}
.btn-brand-primary:hover {
	background-color: var(--brand-primary-hover);
	border-color: var(--brand-primary-hover);
	color: var(--white);
}

/*=== Brand Primary Outline Button ===*/
.btn-outline-brand-primary {
	background-color: transparent;
	border-color: var(--brand-primary);
	color: var(--brand-primary);
}
.btn-outline-brand-primary:hover {
	background-color: var(--brand-primary-hover);
	border-color: var(--brand-primary-hover);
	color: var(--white);
}


/*======== Brand Secondary ==============*/
.btn-brand-secondary {
	background-color: var(--brand-secondary);
	border-color: var(--brand-secondary);
	color: var(--white);
}

.btn-brand-secondary:hover {
	background-color: var(--brand-secondary-hover);
	border-color: var(--brand-secondary-hover);
	color: var(--white);
}
/*=== Brand secondary Outline Button ===*/
.btn-outline-brand-secondary {
	background-color: transparent;
	border-color: var(--brand-secondary);
	color: var(--brand-secondary);
}
.btn-outline-brand-secondary:hover {
	background-color: var(--brand-secondary-hover);
	border-color: var(--brand-secondary-hover);
	color: var(--white);
}



/*======== Brand Tertiary ==============*/
.btn-brand-tertiary {
	background-color: var(--brand-tertiary);
	border-color: var(--brand-tertiary);
	color: var(--white);
}
.btn-brand-tertiary:hover {
	background-color: var(--brand-tertiary-hover);
	border-color: var(--brand-tertiary-hover);
	color: var(--white);
}
/*=== Brand tertiary Outline Button ===*/
.btn-outline-brand-tertiary {
	background-color: transparent;
	border-color: var(--brand-tertiary);
	color: var(--brand-tertiary);
}
.btn-outline-brand-tertiary:hover {
	background-color: var(--brand-tertiary-hover);
	border-color: var(--brand-tertiary-hover);
	color: var(--white);
}


/*======== Brand Fourth ==============*/
.btn-brand-fourth {
	background-color: var(--brand-fourth);
	border-color: var(--brand-fourth);
	color: var(--white);
}
.btn-brand-fourth:hover {
	background-color: var(--brand-fourth-hover);
	border-color: var(--brand-fourth-hover);
	color: var(--white);
}
/*=== Brand fourth Outline Button ===*/
.btn-outline-brand-fourth {
	background-color: transparent;
	border-color: var(--brand-fourth);
	color: var(--brand-fourth);
}
.btn-outline-brand-fourth:hover {
	background-color: var(--brand-fourth-hover);
	border-color: var(--brand-fourth-hover);
	color: var(--white);
}


/*======== Brand Fifth ==============*/
.btn-brand-fifth {
	background-color: var(--brand-fifth);
	border-color: var(--brand-fifth);
	color: var(--white);
}
.btn-brand-fifth:hover {
	background-color: var(--brand-fifth-hover);
	border-color: var(--brand-fifth-hover);
	color: var(--white);
}
/*=== Brand fifth Outline Button ===*/
.btn-outline-brand-fifth {
	background-color: transparent;
	border-color: var(--brand-fifth);
	color: var(--brand-fifth);
}
.btn-outline-brand-fifth:hover {
	background-color: var(--brand-fifth-hover);
	border-color: var(--brand-fifth-hover);
	color: var(--white);
}

/*===== Btn Type =====*/
.btn-dashed {
	border-style: dashed !important;
}
.btn-dotted {
	border-style: dotted !important;
}

.border-1px {
	border-width: 1px !important;
}
.border-2px {
	border-width: 2px !important;
}
.border-3px {
	border-width: 3px !important;
}
.border-4px {
	border-width: 4px !important;
}
.border-5px {
	border-width: 5px !important;
}

.badge-brand-primary {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
    color: var(--white);
}


/*============== Branding background Color Class Set ===========*/
.bg-brand-primary {
	background-color: var(--brand-primary);
}
.bg-brand-secondary {
	background-color: var(--brand-secondary);
}
.bg-brand-tertiary {
	background-color: var(--brand-tertiary);
}
.bg-brand-fourth {
	background-color: var(--brand-fourth);
}
.bg-brand-fifth {
	background-color: var(--brand-fifth);
}

/*=========== Branding Text Color Class Set ================*/
.text-brand-primary {
	color: var(--brand-primary) !important;
}
a.text-brand-primary:hover {
	color: var(--brand-primary-hover) !important;
}

.text-brand-secondary {
	color: var(--brand-secondary) !important;
}
a.text-brand-secondary:hover {
	color: var(--brand-secondary-hover) !important;
}
.text-brand-tertiary {
	color: var(--brand-tertiary) !important;
}
a.text-brand-tertiary:hover {
	color: var(--brand-tertiary-hover) !important;
}
.text-brand-fourth {
	color: var(--brand-fourth) !important;
}
a.text-brand-fourth:hover {
	color: var(--brand-fourth-hover) !important;
}
.text-brand-fifth {
	color: var(--brand-fifth) !important;
}
a.text-brand-fifth:hover {
	color: var(--brand-fifth-hover) !important;
}
/*============= End text Color Class =============*/
.text-light-muted {
	color: #999999;
}
/*====== Text / Font Weight Set ===========*/
.font-weight-thin {
	font-weight: 300;
}
.font-weight-normal {
	font-weight: 400;
}
.font-weight-medium {
	font-weight: 500;
}
.font-weight-strong {
	font-weight: 600;
}
.font-weight-bold {
	font-weight: 700;
}
/*======== End Text Font Weight ==============*/

/*=============== Animated Hamburger / Navigation Hamburger With Animation ===================*/
.animated-hamburgers {
	position: relative;
	height: 16px;
	width: 25px;
	padding: 0;
	border-radius: 0;
}

.animated-hamburgers:focus {
	outline: none;
	box-shadow: none;
}
.animated-hamburgers span {
	display: inline-block;
	height: 2px;
	width: 20px;
	background-color: var(--brand-primary);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all .3s;
	border-radius: 3px;
}
.animated-hamburgers span:first-child {
	margin-top: -6px;
}
.animated-hamburgers span:last-child{
	margin-top: 6px;
}
.animated-hamburgers.hamburgers-sm span {
	height: 3px;
	width: 18px;
}
.animated-hamburgers.hamburgers-sm span:first-child {
	margin-top: -5px;
}
.animated-hamburgers.hamburgers-sm span:last-child{
	margin-top: 5px;
}
.animated-hamburgers:not(.collapsed) span:first-child {
	transform: translate(-50%, -50%) rotate(45deg);
	margin: 0;
}
.animated-hamburgers:not(.collapsed) span:nth-child(2) {
	opacity: 0;
	margin: 0;
}
.animated-hamburgers:not(.collapsed) span:last-child {
	transform: translate(-50%, -50%) rotate(-45deg);
	margin: 0;
}
/*=============== End Animated Hamburger ===================*/




/*=================== Navigation Style / Navbar Style =====================*/
.navigation-bar {
	background-color: var(--white);
	border-bottom: 1px solid #f0f0f0;
	/*padding-top: 1.5rem;*/
	/*padding-bottom: 1.5rem;*/
}

@media screen and (min-width: 992px)
{
	.navigation-bar {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 1050;
	}
}


/*=== Logo ====*/
.navbar-brand img {
	width: auto;
	height: auto;
	max-height: 2rem;
}

@media screen and (max-width: 767px) {
	.navbar-brand img {
		max-height: 1.65rem;
	}
}

/*=== Navbar Search Box ===*/
@media screen and (min-width: 1280px) {
	.navbar-search-box {
		min-width: 415px;
	}
}



.navbar-search-group {
	display: -webkit-flex;
	display: flex;
	width: 100%;
	position: relative;
	border: 1px solid var(--brand-primary);
	-webkit-border-radius: 1.25rem;
	border-radius: 1.25rem;
	overflow: hidden;
	padding-left: .5rem;
}
/*== Input ==*/
.navbar-search-group input {
	-webkit-border-radius: 0;
	border-radius: 0;
	border: none;
}
.navbar-search-group input:focus {
	box-shadow: none;
}

/*== Button ==*/
.navbar-search-group button {
	border: none;
	color: #999999;
	margin-top: 1px;
	margin-right: 1px;
	-webkit-border-radius: 1rem;
	border-radius: 1rem;
}
.navbar-search-group button:hover {
	background-color: var(--theme-light);
	color: var(--dark);
}

.navbar-category {
	position: relative;
}

@media screen and (max-width: 991px) {
	.navbar-category {
		background-color: var(--theme-light);
	}
}

.navbar-category:after {
	content: '';
	position: absolute;
	height: 1rem;
	width: 1px;
	background-color: var(--theme-light);
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

/*== navbar-dropdown ==*/
.navbar-dropdown .dropdown-menu {
	padding-left: 0;
	padding-right: 0;
	box-shadow: 0 0 6px rgba(200, 200, 200, .3);
	border: none;
	min-width: 224px;
	margin-top: 0;
}

@media screen and (max-width: 991px) {
	.navbar-menu .navbar-dropdown .dropdown-menu {
		-webkit-box-shadow: none;
		box-shadow: none;
		border: 1px solid var(--theme-light);
	}
}

@keyframes dropdownAnimation {
	from {
		opacity: 0;
		margin-top: -5px;
	}

	to {
		opacity: 1;
		margin-top: 0;
	}
}

.navbar .dropdown:hover > .dropdown-menu {
	display: block;
	animation-name: dropdownAnimation;
	animation-duration: .2s;
}

.navbar-dropdown .nav-dropdown-menu > li {
	position: relative;
}

.navbar-dropdown .nav-dropdown-menu > li:not(:last-child) {
	border-bottom: 1px solid var(--border-default);
}

.nav-dropdown-menu > .nav-item.dropdown > .dropdown-item {
	position: relative;
}
.nav-dropdown-menu > .nav-item.dropdown > .dropdown-item:after {
	content: '\f105';
	font-family: 'FontAwesome';
	position: absolute;
	top: 50%;
	right: .75rem;
	transform: translateY(-50%);
	color: inherit;
	font-size: inherit;
}

@media screen and (max-width: 991px) {
	.nav-dropdown-menu > .nav-item.dropdown > .dropdown-item:after {
		content: '\f107';
	}
}

.navbar-dropdown .nav-dropdown-submenu {
	left: calc(100% - 2px);
	top: 0;
}

.dropdown-item.navbar-dropdown-item {
	padding-top: 1rem;
	padding-bottom: .75rem;
	font-size: 14px;
	font-weight: 500;
	color: var(--anchor-default);
}

.navbar-dropdown .dropdown-item:hover {
	background-color: transparent;
	color: var(--brand-primary);
}

.navbar-dropdown .dropdown-sub-item {
	display: block;
	padding: .75rem 1.5rem;
	color: var(--anchor-default);
	font-size: 14px;
	font-weight: 500;
}

.navbar-dropdown .dropdown-sub-item:hover {
	color: var(--brand-primary);
}


/*=== navbar-menu ===*/
.navbar-menu > li > a.nav-link {
	position: relative;
}
.countable {
	position: relative;
}

.count {
	position: absolute;
	display: inline-block;
	padding: 2px 4px;
	background-color: var(--brand-primary);
	color: var(--white);
	font-size: 10px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	top: -4px;
	right: 4px;
}

/*== nav-profile-box ==*/
.nav-profile-box {
	position: relative;
	height: 30px;
	width: 30px;
	display: inline-block;
	border: 1px solid var(--theme-light);
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.nav-profile-box img {
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}




/*=============== Banner Style  ===================*/
.carousel-content{
	position:relative;
	display:block;
	width:100%;
	padding:0;
	overflow:hidden;
	background-size: cover;
	z-index: 1;
	/*background-color: var(--brand-secondary);*/
	/*background-image: linear-gradient(19deg, #21D4FD 0%, #6200EE 100%);*/

}

.carousel-content::before{
	display:block;
	content:"";
	padding-top: 33.333333%;
}

@media screen and (max-width: 991px) {
	.carousel-content::before{
		padding-top: 56.25%;
	}
}

@media screen and (max-width: 991px) {
	.carousel-content::before{
		padding-top: 62.5%;
	}
}

.carousel-action-between-last .carousel-control-prev, .carousel-action-between-last .carousel-control-next {
	height: 80px;
	width: 50px;
	background-color: rgba(0, 0, 0, .7);
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	font-size: 2rem;
}

@media screen and (max-width: 991px) {
	.carousel-action-between-last .carousel-control-prev, .carousel-action-between-last .carousel-control-next {
		height: 40px;
		width: 25px;
		font-size: 1rem;
	}
}

.carousel-action-between-last .carousel-control-prev {
	left: 0;
}
.carousel-action-between-last .carousel-control-next {
	right: 0;
}



.carousel-content-overlay {
	position:absolute;
	top: 50%;
	left: 50%;
	width:100%;
	transform: translate(-50%, -50%);
}

.banner-container {
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
}
.banner-second-floor {
	position: absolute;
	z-index: -1;
	bottom: 1rem;
	right: 1rem;
	width: 50%;
	max-width: 576px;
}

.bg-cover {
    background-size: cover;
    background-position: center center;
}

/*=== Banner Text =======*/
.banner-text {
	background-color: var(--brand-secondary);
}

.banner-title {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .7);
}

@media screen and (max-width: 767px) {
	.banner::before{
		padding-top: 56.25%;
	}

	.banner-text {
		background-color: transparent;
	}
}


.main-body {
	min-height: 360px;
}


/*======= Category ========*/
.category-item {
    position: relative;
}

.category-item img {
    transition: all .3s;
}

.category-item:hover img {
    transform: scale(1.1) translate(-50%, -50%);
}

.text-overflow-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/*=============== Product Card ===================*/
.product-card {
	background-color: var(--white);
	/*border: 1px solid #eeeeee;*/
	-webkit-border-radius: .45rem;
	border-radius: .45rem;
	position: relative;
	transition: all .3s;
}

.product-card-banner{
	position:relative;
	display:block;
	width:100%;
	padding:0;
	margin-top: -.5rem;
	overflow: hidden;
	background-color: #E7EBEE;
	border-radius: .45rem;
}

.product-card-banner::before{
	display:block;
	content:"";
	padding-top: 64%;
}
.product-card-banner-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
	z-index: 3;
	transition: all .3s;
	overflow: hidden;
	-webkit-border-radius: .45rem;
	border-radius: .45rem;
	opacity: 0;
}

.product-card:hover .product-card-banner-overlay {
	background-color: rgba(255, 255, 255, .3);
	opacity: 1;
}

.card-banner-action {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all .3s;
}

.product-card .card-action-link {
	right: -80px;
	transition: all .3s;
}

.product-card:hover .card-action-link {
	transition: all .7s;
	right: 0;
}

.product-card:hover .card-action-link:nth-child(2) {
	transition-delay: .1s;
}

.card-action-link {
	position: relative;
	height: 54px;
	width: 54px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: var(--white);
	display: inline-block;
	box-shadow: 0 0 1px rgba(0, 0, 0, .3);
}

.card-action-link:hover {
	background-color: var(--brand-secondary);
	color: var(--white);
	transition-delay: 0s;
}



.card-action-link i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.card-favorite {
	position: absolute;
	height: 3rem;
	width: 3rem;
	border: 3px solid var(--white);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: var(--brand-secondary);
	top: -1.5rem;
	left: 50%;
	transform: translateX(-50%) scale3d(0, 0, 0);
	z-index: 4;
	transition: all .5s;
}

.product-card:hover .card-favorite {
	transform: translateX(-50%) scale3d(1, 1, 1);
}

.card-favorite i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #ffffff;
}

/*======= Card Thumb =======*/
.product-card-thumb {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 1rem;
	overflow: hidden;
	-webkit-border-radius: .45rem;
	border-radius: .45rem;
	transition: all .2s;
	border: 1px solid #f0f0f0;
}

.product-card-img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	transition: all .3s;
}

.product-card:hover .product-card-img {
	width: calc(100% + 2rem);
	height: calc(100% + 2rem);
}

/*==== Product Card Content ====*/
.product-card-content {
	position: relative;
	padding: 1rem;
}

.product-card-title {
	display: block;
	font-weight: 500;
	font-size: 16px;
	margin-bottom: .75rem;
}

.product-card-cart {
	background-color: var(--theme-light);
}





/*============ Course Cart ==================*/
.course-card {
	position: relative;
	border: 1px solid var(--border-default);
	padding-bottom: 2rem;
	overflow: hidden;
	border-radius: .5rem;
	height: 100%;
}

/*==== Course Card Thumb ====*/
.course-card-thumb {
	position: relative;
	display:block;
	width:100%;
	padding:0;
	background-color: var(--theme-light);
}

.course-card-thumb::before {
	display:block;
	content:"";
	padding-top: 56.25%;
}

.course-thumb-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
}

.course-thumb-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	opacity: 0;
	transition: all .3s;
}

.course-card:hover .course-thumb-overlay {
	opacity: 1;
}

.course-thumb-overlay::before, .course-thumb-overlay::after {
	content: '';
	position: absolute;
	height: 0;
	width: 100%;
	left: 0;
	right: 0;
	transition: all .3s;
	z-index: -1;

}

.course-thumb-overlay::before {
	top: 0;
}

.course-thumb-overlay::after {
	bottom: 0;
}

.course-card:hover .course-thumb-overlay {
	opacity: 1;
}

.course-card:hover .course-thumb-overlay::before, .course-card:hover .course-thumb-overlay::after {
	height: 100%;
	background-color: rgba(0, 0, 0, .2);
}

.course-card-img {
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: cover;
}


/*==== Thumb Action ==========*/
.course-thumb-action {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}

.course-thumb-action-item {
	 position: relative;
	 bottom: -2rem;
	 transition: all .3s;
}

.course-thumb-action-item:nth-child(2) {
	 transition: all .7s;
}

.course-thumb-action-item:nth-child(3) {
	 transition: all 1s;
}


 .course-card:hover .course-thumb-action-item {
	 bottom: 0;
 }


.course-thumb-action-link {
	position: relative;
	display: inline-block;
	height: 56px;
	width: 56px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: var(--white);
}

.course-thumb-action-link i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 1.25rem;
}

.course-thumb-action-link.course-thumb-heart-link {
	position: absolute;
	background-color: var(--brand-primary);
	border: 3px solid var(--white);
	color: var(--white);
	top: .5rem;
	right: .5rem;
}
.course-thumb-action-link.course-thumb-heart-link:hover {
	background-color: var(--brand-primary-hover);
}


/*======= COurse Card Content =======*/
.course-card-content {
	padding: 1rem;
}

.course-card-title {
	display: block;
	font-weight: 600;
	margin-bottom: .75rem;
}



/*==== Course Card Footer ====*/
.course-card-footer {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	border-top: 1px solid var(--border-default);
}

.course-card-footer > div {
	flex-grow: 1;
	padding: .25rem 1rem;
	height: 100%;
}
.course-card-footer > div:not(:last-child) {
	border-right: 1px solid var(--border-default);
}


/*======= Start Rating =======*/
.review-rating .fa-star {
	color: var(--rating-color);
}

.review-rating .fa-star-o {
	color: #aaaaaa;
}

.price {
	color: var(--brand-primary);
	font-weight: 900;
}




/*=============== Featured Category ===================*/
.category-circle {
	width: 80px;
	height: 80px;
	border: 1px solid var(--brand-tertiary);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: relative;
	display: block;
}

.category-circle i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--brand-tertiary);
	font-size: 2rem;
}

.category-circle img {
	position: absolute;
	top: 50%;
	left: 50%;
	height: auto;
	max-height: calc(100% - 1rem);
	max-width: calc(100% - 1rem);
}

.section-header h1, .section-header h2 {
	font-weight: 700;
}

/*============  Full Banner Section =================*/
.full-banner-content {
	padding-top: 5rem;
	padding-bottom: 5rem;
	background-color: rgba(15, 0, 51, .7);
}
.full-section-banner {
	background-size: cover;
}
.full-section-banner.banner-fixed {
	background-attachment: fixed;
	background-position: center center;
}


/*=============== Box Ration ===============*/
.box-ratio{
	 position:relative;
	 display:block;
	 width:100%;
	 padding:0;
	 overflow:hidden;
 }
.box-ratio::before{
	display:block;
	content:"";
}

.box-ratio-21by9::before {
	padding-top: 42.857143%;
}
.box-ratio-16by9::before {
	padding-top: 56.25%;
}
.box-ratio-4by3::before {
	padding-top: 75%;
}
.box-ratio-1by1::before {
	padding-top: 100%;
}


.box-ratio-content {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
}


.img-fit {
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: cover;
}


/*================== Top Sell ==================*/
.top-sell-item{
	position:relative;
	display:block;
	width:100%;
	padding:0;
	overflow:hidden;
}
.top-sell-item::before{
	display:block;
	content:"";
}

.top-sell-item-square::before {
	padding-top: 100%;
}

.top-sell-item-simplex::before {
	padding-top: calc(50% - 12px);
}

.top-sell-content {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
}

.top-sell-content-overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0);
	z-index: 1;
	opacity: 0;
	transition: all .5s;
}

.top-sell-content-overlay::before, .top-sell-content-overlay::after {
	content: '';
	position: absolute;
	height: 0;
	width: 100%;
	left: 0;
	right: 0;
	transition: all .3s;
	z-index: -1;

}

.top-sell-content-overlay::before {
	top: 0;
}

.top-sell-content-overlay::after {
	bottom: 0;
}

.top-sell-item:hover .top-sell-content-overlay {
	opacity: 1;
}

.top-sell-item:hover .top-sell-content-overlay::before, .top-sell-item:hover .top-sell-content-overlay::after {
	height: 100%;
	background-color: rgba(255, 255, 255, .5);
}




/*====== vertical-middle ======*/
.vertical-middle td {
	vertical-align: middle;
}







/*============ Footer ==================*/
.footer {
	background-color: var(--brand-fifth);
	margin-top: 3rem;
}



.footer-first-floor {
	background-color: var(--brand-fifth);
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.footer-second-floor {
	background-color: var(--brand-fifth-hover);
	padding-top: 3rem;
	padding-bottom: 3rem;
}

::placeholder {
	font-size: 13px;
}


.video-thumb {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .2);
	background-image: linear-gradient(141deg, rgba(98, 0, 238, 0) 0%, rgba(74, 0, 179, 0) 51%, rgba(43, 0, 102, 0) 75%);
}

.video-thumb:hover {
	background-image: linear-gradient(141deg, rgba(98, 0, 238, 0) 0%, rgba(74, 0, 179, .3) 51%, rgba(43, 0, 102, .5) 75%);
}


.video-thumb-icon {
	position: absolute;
	height: 4.5rem;
	width: 4.5rem;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--dark);
	background-color: var(--white);
}

.video-thumb:hover .video-thumb-icon {
	color: var(--brand-primary);
}

.video-thumb-icon i, .video-thumb-icon .text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 2rem;
	margin-left: 4px;
}

@media screen and (max-width: 767px) {
	.video-thumb-icon {
		position: absolute;
		height: 3.5rem;
		width: 3.5rem;
	}

	.video-thumb-icon i, .video-thumb-icon .text {
		font-size: 1.5rem;
		margin-left: 3px;
	}
}

.thumb-title {
	font-size: 14px;
	color: var(--white);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	font-weight: 600;
	display: block;
	padding: 1rem;
	width: 100%;
}

/*========= details-tab ================*/


@media screen and (min-width: 992px) {
	.details-tab {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}
.details-tab > li.nav-item {
	margin-bottom: 0;
}

.details-tab > li.nav-item:not(:last-child) {
	margin-right: 1.5rem;
}

.details-tab > li.nav-item > a.nav-link {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid transparent;
	padding: 1rem .5rem;
	text-align: center;
	font-weight: 500;
	color: #666666
}

.details-tab > li.nav-item > a.nav-link.active {
	border-bottom-color: var(--brand-primary);
	color: var(--brand-primary);
}


.review-progress-item {
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.review-progress-item .progress {
	height: 4px;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	margin-left: .75rem;
	margin-right: .75rem;
}


/*============ owl-nav-between ======================*/
.owl-nav-between .owl-nav button.owl-prev, .owl-nav-between .owl-nav button.owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 48px;
	width: 48px;
	display: inline-block;
	background-color: var(--white);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
	box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	opacity: 0;
}


.owl-nav-between:hover .owl-nav button.owl-prev, .owl-nav-between:hover .owl-nav button.owl-next {
	opacity: 1;
}

.owl-nav-between .owl-nav button.owl-prev {
	left: -24px;
}
.owl-nav-between .owl-nav button.owl-prev:hover {
	background-color: rgba(98, 0, 238, .7);
	color: var(--white);
}

.owl-nav-between .owl-nav button.owl-next  {
	right: -24px;
}
.owl-nav-between .owl-nav button.owl-next:hover  {
	background-color: rgba(98, 0, 238, .7);
	color: var(--white);
}

@media screen and (max-width: 991px) {
	.owl-nav-between .owl-nav button.owl-prev, .owl-nav-between .owl-nav button.owl-next {
		height: 32px;
		width: 32px;
	}
	.owl-nav-between .owl-nav button.owl-prev {
		left: .5rem;
	}
	.owl-nav-between .owl-nav button.owl-next  {
		right: .5rem;
	}
}



/*============ Lecture Context ==========*/
.lecture-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 1px solid #dddddd;
	border-radius: .5rem;
}

.lecture-context-item:not(:last-child) {
	border-bottom: 1px solid #dddddd;
}

.context-title {
	display: block;
	padding: 1rem;
	font-weight: 600;
	font-size: 18px;
	background-color: #fafafa;
}

.lecture-context-item:first-child .context-title {
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
}


.lecture-context-item.active .context-title, .lecture-context-item:hover .context-title {
	background-color: #f0f0f0;
	color: var(--brand-primary);
}


.context-details {
	display: none;
}


.lecture-context-item.active .context-details {
	display: block;
}

@media screen and (min-width: 992px) {
	.aside-sticky-item {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		background-color: var(--white);
		z-index: 1049;
	}
}
.cookies {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 1100;
    /* background-color: #07202c; */
    background-color: rgba(0, 0, 0, .85);
    padding: 1.4rem 0;
}







/*=========== Event ============*/
.event-item {
    height: 100%;
    background-color: #f5f5f5;
}
.event-date{
    background-color: #F99E1A;
    padding: .5rem;
    min-width: 6rem;
}
.overlay-event{
    position: absolute;
    background-color: rgba(0, 0, 0, .8);
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: scale3d(0,0,0);
    transition: .3s ease;
}


.event-item:hover .overlay-event{
    transform: scale3d(1,1,1);
    transition: .3s ease;
}

.overlay-btn-group{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s ease;
}

@keyframes fadeUpBtnGroup {
    from{
        top: 100%;
    }

    to{
        top: 50%;
    }
}

.event-item:hover .overlay-event .overlay-btn-group{
    animation-name: fadeUpBtnGroup;
    animation-duration: .5s;
}


/*============ event List / group / border / sibling etc ==========*/
.article-list > li:not(:last-child){
    margin-bottom: 1.5rem;
}


.article-list-with-border > li{
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eee;
}

.article-list-with-border > li:first-child{
    padding-top: 0;
}
.article-list-with-border > li:last-child{
    padding-bottom: 0;
    border-bottom: none;
}

.aside-section-title {
    border-bottom: 3px solid var(--danger);
    padding-top: 8px;
}

/*============ Blog ==================*/
.blog-card {
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-flex-direction: column;
    flex-direction: column;
    background-color: #F5F4F0;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid #f0f0f0;
    transition: all .3s;
}

.blog-card:hover {
    border-color: rgba(255, 216, 53, .3);
    transform: scale(1.01);
}

.blog-card.with-background-section {
    border: 0;
}

.blog-card-body {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}


.blog-card-header, .blog-card-body {
    position: relative;
    padding: 1rem;
    overflow: hidden;
}

.blog-card-footer {
    padding-top: 0;
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.product-img-box img {
    transition: all .3s;
}

.blog-card:hover .product-img-box img {
    transform: translate(-50%, -50%) scale(1.05);
}


.product-title {
    display: block;
    font-size: 24px;
    font-weight: 500;
}
.product-title.product-title-sm {
    display: block;
    font-size: 17px;
    font-weight: 500;
}


@keyframes moveTopToBottom {
    from {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-30px);
    }
}

.move-top-to-bottom {
    animation-name: moveTopToBottom;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}



/*============== Blog ===================*/
.blog-item {
    border: 1px solid #eeeeee;
    background-color: var(--white);
    overflow: hidden;
    height: 100%;
    border-radius: .25rem;
}

.blog-item:hover {
    border-color: #dddddd;
}

.blog-img-box {
    position: relative;
    display:block;
    width:100%;
    padding:0;
    overflow: hidden;
}

.blog-img-box::after {
    content: '';
    position: absolute;
    height: calc(100% + 60px);
    width: 64px;
    background-color: rgba(255, 255, 255, .4);
    top: -30px;
    left: -100%;
    transform: rotate(15deg);
    transition: all .5s;
}

.blog-item:hover .blog-img-box::after{
    left: calc(100% + 60px);
}

.blog-img-box::before{
    content: '';
    display: block;
    padding-top: 56.25%;
}

.blog-img-box .blog-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}

.blog-content {
    position: relative;
    padding: 1rem;
}

.blog-title {
    display: block;
    color: var(--theme-primary);
}

.blog-overlay-tag {
    position: absolute;
    top: -1rem;
    font-size: 14px;
    font-weight: 500;
}




/*============= Sicial Media button ======================*/
.social-btn:hover {
    opacity: 1;
}

.social-btn.facebook {
    background: #3B5998;
    color: white;
}

.social-btn.twitter {
    background: #55ACEE;
    color: white;
}

.social-btn.google {
    background: #dd4b39;
    color: white;
}

.social-btn.linkedin {
    background: #007bb5;
    color: white;
}

.social-btn.youtube {
    background: #bb0000;
    color: white;
}

.social-btn.instagram {
    background: #125688;
    color: white;
}

.social-btn.pinterest {
    background: #cb2027;
    color: white;
}

.social-btn.snapchat-ghost {
    background: #fffc00;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.social-btn.skype {
    background: #00aff0;
    color: white;
}

.social-btn.android {
    background: #a4c639;
    color: white;
}

.social-btn.dribbble {
    background: #ea4c89;
    color: white;
}

.social-btn.vimeo {
    background: #45bbff;
    color: white;
}

.social-btn.tumblr {
    background: #2c4762;
    color: white;
}

.social-btn.vine {
    background: #00b489;
    color: white;
}

.social-btn.foursquare {
    background: #45bbff;
    color: white;
}

.social-btn.stumbleupon {
    background: #eb4924;
    color: white;
}

.social-btn.flickr {
    background: #f40083;
    color: white;
}

.social-btn.yahoo {
    background: #430297;
    color: white;
}

.social-btn.soundcloud {
    background: #ff5500;
    color: white;
}

.social-btn.reddit {
    background: #ff5700;
    color: white;
}

.social-btn.rss {
    background: #ff6600;
    color: white;
}


/*============= Review ===============*/
/*========== Star Rating ==========*/
.star-rating .star-item, .star-rated .star-item {
    color: var(--warning);
}

.through-star-rating{
    cursor: pointer;
}

/*=========== Comments ============*/
.comments-details {
    position: relative;
    background-color: #f5f5f5;
    padding: 1rem;
    width: 100%;
}

.comments-details:before {
    content: '';
    position: absolute;
    border-top: 15px solid transparent;
    border-left: 15px solid #f5f5f5;
    left: -7px;
    transform: rotate(45deg);
    top: 14px;
}


.user-profile-pic > img {
    position: absolute;
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.img-fit-cover {
    position: absolute !important;
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.profile-label {
    position: absolute !important;
    background-color: var(--warning);
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    bottom: 3px;
    right: 3px;
}

.break-word {
    word-break: break-all !important;
}

.modal {
    z-index: 1100 !important;
}

.popup-video-modal .modal-content {
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
}
.popup-video-modal .modal-body {
    padding: 0;
    position: relative;
    background-color: #000000;
}

.popup-closed {
    position: absolute;
    top: -32px;
    right: 0;
    font-size: 24px;
    color: var(--white);
    z-index: 100;
}


.modal-backdrop.show {
    opacity: .9 !important;
    z-index: 1099;
}


.apex-chart-responsive::before{
    padding-top: 56.25%
}

@media screen and (min-width: 768px) {
    .apex-chart-responsive::before{
        padding-top:42.857143%
    }

}