/* CSS Document */
/* Carousel 100% Fullscreen */
html, body {
height:100%;
margin:0;
padding:0;
}
.carousel, .item, .active {
height:65%;
}
.carousel-inner {
height:154%;
}
.carousel {
margin-bottom: 20px;
}
.carousel-caption {
z-index: 10;
}
.carousel .item {
background-color: #777;
}
.carousel .carousel-inner .bg {
background-repeat:no-repeat;
background-size:cover;
}

.caption-animate .item.active .carousel-caption {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.caption-animate  .item.active .carousel-caption.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.caption-animate  .item.active .carousel-caption.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.caption-animate .item.active .carousel-caption.flipOutX,
.caption-animate .item.active .carousel-caption.flipOutY,
.caption-animate .item.active .carousel-caption.bounceIn,
.caption-animate .item.active .carousel-caption.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
.caption-animate .item .carousel-caption.fadeIn,
.caption-animate .item .carousel-caption.fadeInDown,
.caption-animate .item .carousel-caption.fadeInDownBig,
.caption-animate .item .carousel-caption.fadeInLeft,
.caption-animate .item .carousel-caption.fadeInLeftBig,
.caption-animate .item .carousel-caption.fadeInRight,
.caption-animate .item .carousel-caption.fadeInRightBig,
.caption-animate .item .carousel-caption.fadeInUp,
.caption-animate .item .carousel-caption.fadeInUpBig{
  opacity:0;
}


.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;
	background-color: #FFFFFF;
  box-shadow: 0 3px 10px -2px rgba(0,0,0,.1);
  border: 1px solid rgba(0,0,0,.1);
}

#logo {
	display: block;
	padding: 0 30px;
	float: left;
	font-size:20px;
	line-height: 80px;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: left;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	background-color: #FFFFFF;
	}

/* Styling the links */
nav a {
	display:block;
	padding:14px 20px;	
	color:#000;
	font-size:17px;
	text-decoration:none;
}


nav ul li ul li:hover { background: #EEEEEE; }

/* Background color change on Hover */
nav a:hover { 
	background-color: #EEEEEE; 
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 80px; 
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:250px;
	float:none;
	display:list-item;
	position: relative;
  box-shadow: 0 3px 10px -2px rgba(0,0,0,.3);
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {

	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}

	nav {
		margin: 0;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		background-color: #FFFFFF;
		padding:14px 20px;	
		color:#000;
		font-size:17px;
		text-decoration:none;
		box-shadow: 0 3px 10px -2px rgba(0,0,0,.1);
	}

	.toggle:hover {
		background-color: #EEEEEE;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #EEEEEE;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#000000;
		font-size:17px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #FFFFFF; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #000000;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}

}

@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}

}

/* ======================== */
/*   Syed Sahar Ali Raza   	*/
/* ========================	*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700italic,700,900italic,900);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);

#generic_price_table{
	background-color: #f0eded;
}

/*PRICE COLOR CODE START*/
#generic_price_table .generic_content{
	background-color: #fff;
}

#generic_price_table .generic_content .generic_head_price{
	background-color: #f6f6f6;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{
	border-color: #e4e4e4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e4e4e4;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head span{
	color: #525252;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .month{
    color: #414141;
}

#generic_price_table .generic_content .generic_feature_list ul li{	
	color: #a7a7a7;
}

#generic_price_table .generic_content .generic_feature_list ul li span{
	color: #414141;
}
#generic_price_table .generic_content .generic_feature_list ul li:hover{
	background-color: #E4E4E4;
	border-left: 5px solid #2ECC71;
}

#generic_price_table .generic_content .generic_price_btn a{
	border: 1px solid #2ECC71; 
    color: #2ECC71;
} 

#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg{
	border-color: #2ECC71 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #2ECC71;
	color: #fff;
}

#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head span,
#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head span{
	color: #fff;
}

#generic_price_table .generic_content:hover .generic_price_btn a,
#generic_price_table .generic_content.active .generic_price_btn a{
	background-color: #2ECC71;
	color: #fff;
} 
#generic_price_table{
	margin: 50px 0 50px 0;
}
.row .table{
    padding: 28px 0;
}

/*PRICE BODY CODE START*/

#generic_price_table .generic_content{
	overflow: hidden;
	position: relative;
	text-align: center;
}

#generic_price_table .generic_content .generic_head_price {
	margin: 0 0 10px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content{
	margin: 0 0 25px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{
    border-style: solid;
    border-width: 60px 1411px 23px 399px;
	position: absolute;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head{
	padding-top: 40px;
	position: relative;
	z-index: 1;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head span{
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag{
	padding: 0 0 20px;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price{
	display: block;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    vertical-align: middle;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{
    font-size: 40px;
    font-weight: 300;
    letter-spacing: -2px;
    line-height: 40px;
    padding: 0;
    vertical-align: middle;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    vertical-align: bottom;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .month{
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 3px;
    vertical-align: bottom;
}

#generic_price_table .generic_content .generic_feature_list ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#generic_price_table .generic_content .generic_feature_list ul li{
	font-size: 16px;
	padding: 5px 0;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table .generic_content .generic_feature_list ul li:hover{
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;

}
#generic_price_table .generic_content .generic_feature_list ul li .fa{
	padding: 0 10px;
}
#generic_price_table .generic_content .generic_price_btn{
	margin: 20px 0 32px;
}

#generic_price_table .generic_content .generic_price_btn a{
    border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	-webkit-border-radius: 50px;
    display: inline-block;
    font-size: 18px;
    outline: medium none;
    padding: 12px 30px;
    text-decoration: none;
    text-transform: uppercase;
}

#generic_price_table .generic_content,
#generic_price_table .generic_content:hover,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content .price,
#generic_price_table .generic_content:hover .price,
#generic_price_table .generic_content .generic_price_btn a,
#generic_price_table .generic_content:hover .generic_price_btn a{
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
} 
@media (max-width: 320px) {	
}

@media (max-width: 767px) {
	#generic_price_table .generic_content{
		margin-bottom:75px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#generic_price_table .col-md-3{
		float:left;
		width:50%;
	}
	
	#generic_price_table .col-md-4{
		float:left;
		width:50%;
	}
	
	#generic_price_table .generic_content{
		margin-bottom:75px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}
.text-center h1,
.text-center h1 a{
	color: #7885CB;
	font-size: 30px;
	font-weight: 300;
	text-decoration: none;
}
.demo-pic{
	margin: 0 auto;
}
.demo-pic:hover{
	opacity: 0.7;
}

#generic_price_table_home ul{
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: table;
}
#generic_price_table_home li{
	float: left;
}
#generic_price_table_home li + li{
	margin-left: 10px;
	padding-bottom: 10px;
}
#generic_price_table_home li a{
	display: block;
	width: 50px;
	height: 50px;
	font-size: 0px;
}
#generic_price_table_home .blue{
	background: #3498DB;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .emerald{
	background: #2ECC71;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .grey{
	background: #7F8C8D;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .midnight{
	background: #34495E;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .orange{
	background: #E67E22;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .purple{
	background: #9B59B6;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .red{
	background: #E74C3C;
	transition:all 0.3s ease-in-out 0s;
}
#generic_price_table_home .turquoise{
	background: #1ABC9C;
	transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .blue:hover,
#generic_price_table_home .emerald:hover,
#generic_price_table_home .grey:hover,
#generic_price_table_home .midnight:hover,
#generic_price_table_home .orange:hover,
#generic_price_table_home .purple:hover,
#generic_price_table_home .red:hover,
#generic_price_table_home .turquoise:hover{
	border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .divider{
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	padding: 20px;
}
#generic_price_table_home .divider span{
	width: 100%;
	display: table;
	height: 2px;
	background: #ddd;
	margin: 50px auto;
	line-height: 2px;
}
#generic_price_table_home .itemname{
	text-align: center;
	font-size: 50px ;
	padding: 50px 0 20px ;
	border-bottom: 1px solid #ddd;
	margin-bottom: 40px;
	text-decoration: none;
    font-weight: 300;
}
#generic_price_table_home .itemnametext{
    text-align: center;
    font-size: 20px;
    padding-top: 5px;
    text-transform: uppercase;
    display: inline-block;
}
#generic_price_table_home .footer{
	padding:40px 0;
}

.price-heading{
    text-align: center;
}
.price-heading h1{
	color: #666;
	margin: 0;
	padding: 0 0 50px 0;
}
.demo-button {
    background-color: #333333;
    color: #ffffff;
    display: table;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 50px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium ;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
.bottom_btn{
	background-color: #333333;
    color: #ffffff;
    display: table;
    font-size: 28px;
    margin: 60px auto 20px;
    padding: 10px 25px;
    text-align: center;
    text-transform: uppercase;
}
.demo-button:hover{
	background-color: #666;
	color: #FFF;
	text-decoration:none;
	
}
.bottom_btn:hover{
	background-color: #666;
	color: #FFF;
	text-decoration:none;
}
.box-title{padding: 15px; box-shadow: 0 3px 10px -2px rgba(0,0,0,.1); border-left: 5px solid #AF2CB3; margin-bottom: 10px; font-size: 24px; background: #FFFFFF;}

/* MST44 visual template */
:root {
	--mst44-ink: #082235;
	--mst44-muted: #526472;
	--mst44-line: rgba(8, 34, 53, 0.14);
	--mst44-cyan: #14a4cf;
	--mst44-teal: #006d73;
	--mst44-gold: #f2b51d;
	--mst44-orange: #e86521;
	--mst44-green: #6f9631;
	--mst44-paper: #f7fbfc;
	--mst44-white: #ffffff;
	--mst44-shadow: 0 24px 70px rgba(8, 34, 53, 0.18);
}

body {
	color: var(--mst44-ink);
	background: var(--mst44-paper);
}

a {
	color: var(--mst44-teal);
}

.mst44-site-header {
	height: auto !important;
	min-height: 68px;
	padding-top: 0 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.22);
	background: rgba(5, 26, 42, 0.78) !important;
	backdrop-filter: blur(18px);
}

.mst44-site-header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 68px;
}

.mst44-site-header .col-xs-7,
.mst44-site-header .col-xs-5 {
	float: none;
	width: auto;
}

.mst44-brand-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 900;
	line-height: 1.1;
}

.mst44-brand-wrap img {
	filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.28));
}

.mst44-header-contact {
	color: rgba(255, 255, 255, 0.82);
	font-size: 14px;
}

.mst44-main-nav {
	margin-top: 68px !important;
	border: 0;
	background: rgba(5, 26, 42, 0.9);
	box-shadow: 0 14px 32px rgba(8, 34, 53, 0.12);
}

.mst44-main-nav .container {
	position: relative;
}

.mst44-main-nav ul.menu > li {
	background: transparent;
	border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.mst44-main-nav a {
	color: rgba(255, 255, 255, 0.88);
	font-weight: 700;
	letter-spacing: 0;
}

.mst44-main-nav a:hover,
.mst44-main-nav ul li ul li:hover {
	color: var(--mst44-white);
	background: rgba(255, 255, 255, 0.13);
	text-decoration: none;
}

.mst44-main-nav ul ul {
	top: 50px;
	background: var(--mst44-white);
	border: 1px solid var(--mst44-line);
	border-radius: 0 0 8px 8px;
	overflow: hidden;
	box-shadow: var(--mst44-shadow);
}

.mst44-main-nav ul ul li {
	background: var(--mst44-white);
}

.mst44-main-nav ul ul a {
	color: var(--mst44-ink);
}

.mst44-main-nav ul ul li:hover {
	background: rgba(20, 164, 207, 0.1);
}

.mst44-main-nav ul ul li:hover > a,
.mst44-main-nav ul ul a:hover,
.mst44-main-nav ul ul a:focus {
	color: var(--mst44-ink) !important;
	background: rgba(20, 164, 207, 0.1);
	text-decoration: none;
}

.mst44-home-hero {
	position: relative;
	isolation: isolate;
	display: grid;
	align-items: end;
	min-height: 92svh;
	margin-top: 0 !important;
	padding-top: 118px;
	padding-bottom: 48px;
	overflow: hidden !important;
	background:
		linear-gradient(90deg, rgba(5, 26, 42, 0.92) 0%, rgba(5, 26, 42, 0.7) 42%, rgba(5, 26, 42, 0.2) 100%),
		linear-gradient(0deg, rgba(5, 26, 42, 0.86) 0%, rgba(5, 26, 42, 0.12) 50%),
		url("../images/bg.png") center 22% / cover no-repeat !important;
	color: var(--mst44-white) !important;
}

.mst44-home-hero:before {
	display: none;
}

.mst44-home-hero > .container,
.mst44-page-hero > .container {
	position: relative;
	z-index: 1;
}

.mst44-home-hero-inner {
	margin-top: 0 !important;
	text-align: left !important;
	text-shadow: none !important;
}

.mst44-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 22px;
	color: #d8f7ff;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.mst44-eyebrow:before {
	width: 46px;
	height: 3px;
	background: var(--mst44-gold);
	content: "";
}

.mst44-home-hero h1 {
	margin: 0;
	line-height: 0.86;
}

.mst44-hero-title {
	color: #45cdf1 !important;
	font-size: clamp(72px, 13vw, 156px);
	font-weight: 900;
	line-height: 0.86;
	text-shadow: 0 12px 38px rgba(0, 0, 0, 0.28) !important;
}

.mst44-hero-subtitle {
	max-width: 780px;
	margin: 18px 0 0;
	color: var(--mst44-white);
	font-size: clamp(30px, 5vw, 68px);
	font-weight: 900;
	letter-spacing: 0;
	line-height: 0.98;
	text-transform: uppercase;
}

.mst44-hero-subtitle span {
	color: var(--mst44-gold);
}

.mst44-hero-description {
	max-width: 650px;
	margin: 24px 0 0;
	color: rgba(255, 255, 255, 0.84);
	font-size: clamp(17px, 1.5vw, 22px);
	font-weight: 500;
	line-height: 1.5;
	text-transform: none;
}

.mst44-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 34px;
}

.mst44-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 999px;
	padding: 0 20px;
	font-size: 16px;
	font-weight: 900;
	text-decoration: none !important;
}

.mst44-button.primary {
	border-color: var(--mst44-gold);
	background: var(--mst44-gold);
	color: #0b2a3d;
}

.mst44-button.secondary {
	background: rgba(255, 255, 255, 0.12);
	color: var(--mst44-white);
}

.mst44-button:hover,
.mst44-button:focus {
	color: #0b2a3d;
	text-decoration: none;
}

.mst44-button.secondary:hover,
.mst44-button.secondary:focus {
	color: var(--mst44-white);
	background: rgba(255, 255, 255, 0.2);
}

.mst44-hero-copy,
.mst44-page-hero-copy {
	max-width: 780px;
	margin-top: 18px;
	border-radius: 0 !important;
	background: transparent !important;
	color: rgba(255, 255, 255, 0.9);
	font-size: clamp(24px, 4vw, 54px);
	font-weight: 900;
	line-height: 1.04;
	text-transform: uppercase;
}

.mst44-theme-line {
	color: var(--mst44-gold);
}

.mst44-home-hero .mst44-hero-copy span:not(.mst44-theme-line) {
	display: block;
	max-width: 720px;
	margin-top: 20px;
	font-size: clamp(17px, 1.8vw, 24px) !important;
	font-weight: 700;
	line-height: 1.35;
	text-transform: none;
}

.mst44-info-card {
	min-height: 235px !important;
	margin-top: 0 !important;
	border: 1px solid var(--mst44-line);
	border-radius: 8px !important;
	background: rgba(255, 255, 255, 0.94) !important;
	box-shadow: var(--mst44-shadow);
}

.mst44-info-section {
	padding: 30px 0 56px;
	background: var(--mst44-paper);
}

.mst44-info-section .container {
	max-width: 1180px;
}

.mst44-info-section .animated {
	float: none;
}

.mst44-info-card h2 {
	color: var(--mst44-teal) !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.mst44-info-card .glyphicon {
	color: var(--mst44-orange) !important;
}

.mst44-poster-section {
	padding: 84px 0;
	background: var(--mst44-paper);
}

.mst44-section-kicker {
	color: var(--mst44-orange);
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.mst44-poster-section h2 {
	margin: 8px 0 28px;
	color: var(--mst44-ink);
	font-size: clamp(32px, 5vw, 58px);
	font-weight: 900;
	line-height: 0.98;
}

.mst44-section-copy {
	margin: 0;
	color: var(--mst44-muted);
	font-size: 17px;
	line-height: 1.7;
}

.mst44-poster-grid {
	margin-top: 18px;
}

.mst44-poster-card {
	display: block;
	width: 100%;
	margin-bottom: 24px;
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--mst44-line);
	border-radius: 8px;
	background: var(--mst44-white);
	box-shadow: 0 18px 55px rgba(8, 34, 53, 0.12);
	cursor: zoom-in;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.mst44-poster-card:hover,
.mst44-poster-card:focus {
	border-color: rgba(20, 164, 207, 0.55);
	box-shadow: 0 22px 66px rgba(8, 34, 53, 0.19);
	transform: translateY(-2px);
}

.mst44-poster-card img {
	display: block;
	width: 100%;
	height: auto;
}

.mst44-speaker-section {
	position: relative;
	isolation: isolate;
	background:
		linear-gradient(90deg, rgba(5, 26, 42, 0.9) 0%, rgba(5, 26, 42, 0.68) 48%, rgba(5, 26, 42, 0.24) 100%),
		linear-gradient(0deg, rgba(5, 26, 42, 0.84) 0%, rgba(5, 26, 42, 0.16) 58%),
		url("../images/bg.png") center 22% / cover no-repeat !important;
}

.mst44-speaker-section > .container {
	position: relative;
	z-index: 1;
}

.mst44-speaker-section h2 {
	color: var(--mst44-white) !important;
	font-weight: 900;
	text-shadow: 0 10px 34px rgba(0, 0, 0, 0.3);
}

.mst44-speaker-section .scroll-animationsSponsor {
	color: var(--mst44-ink) !important;
}

.mst44-program-section {
	padding: 84px 0;
	background: #eaf5f6;
	color: var(--mst44-ink);
	scroll-margin-top: 118px;
}

.mst44-program-heading {
	display: flex;
	align-items: flex-end;
	margin-bottom: 36px;
}

.mst44-program-heading h2,
.mst44-workshop-band h2 {
	max-width: 780px;
	margin: 8px 0 0;
	font-size: clamp(32px, 5vw, 68px);
	font-weight: 900;
	letter-spacing: 0;
	line-height: 0.96;
}

.mst44-program-heading p {
	margin: 0;
	color: var(--mst44-muted);
	font-size: 17px;
	line-height: 1.7;
}

.mst44-highlight-grid {
	margin-right: -8px;
	margin-left: -8px;
}

.mst44-highlight-grid > [class*="col-"] {
	padding-right: 8px;
	padding-left: 8px;
}

.mst44-highlight-card {
	min-height: 180px;
	margin-bottom: 16px;
	border: 1px solid var(--mst44-line);
	border-radius: 8px;
	padding: 24px;
	background: var(--mst44-white);
}

.mst44-highlight-card:before {
	display: block;
	width: 44px;
	height: 5px;
	margin-bottom: 20px;
	border-radius: 999px;
	content: "";
}

.mst44-highlight-cyan:before {
	background: var(--mst44-cyan);
}

.mst44-highlight-green:before {
	background: var(--mst44-green);
}

.mst44-highlight-orange:before {
	background: var(--mst44-orange);
}

.mst44-highlight-card h3 {
	margin: 0 0 10px;
	color: var(--mst44-ink);
	font-size: 20px;
	font-weight: 900;
	line-height: 1.12;
}

.mst44-highlight-card p {
	margin: 0;
	color: var(--mst44-muted);
	font-size: 15px;
	line-height: 1.6;
}

.mst44-track-row {
	margin-top: 24px;
}

.mst44-track-group {
	margin-bottom: 22px;
	overflow: hidden;
	border: 1px solid var(--mst44-line);
	border-radius: 8px;
	background: var(--mst44-white);
}

.mst44-track-group h3 {
	margin: 0;
	padding: 18px 22px;
	background: var(--mst44-ink);
	color: var(--mst44-white);
	font-size: 16px;
	font-weight: 900;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.mst44-track-list {
	display: grid;
	gap: 1px;
	background: var(--mst44-line);
}

.mst44-track-item {
	min-height: 105px;
	padding: 20px 22px;
	background: var(--mst44-white);
}

.mst44-track-item strong {
	display: block;
	color: var(--mst44-ink);
	font-size: 17px;
	font-weight: 900;
	line-height: 1.18;
}

.mst44-track-item span {
	display: block;
	margin-top: 5px;
	color: var(--mst44-muted);
	font-size: 15px;
	line-height: 1.55;
}

.mst44-workshop-band {
	padding: 70px 0;
	background:
		linear-gradient(90deg, rgba(0, 109, 115, 0.96), rgba(8, 34, 53, 0.88)),
		url("../images/bg.png") center 52% / cover no-repeat;
	color: var(--mst44-white);
}

.mst44-workshop-band .mst44-section-kicker {
	color: #ffe591;
}

.mst44-workshop-band h2 {
	color: var(--mst44-white);
}

.mst44-workshop-band p {
	max-width: 720px;
	margin: 20px 0 0;
	color: rgba(255, 255, 255, 0.82);
	font-size: 18px;
	line-height: 1.65;
}

.mst44-workshop-layout {
	display: flex;
	align-items: center;
}

.mst44-flag-lockup {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	min-height: 150px;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.1);
	color: var(--mst44-white);
	box-shadow: 0 24px 70px rgba(8, 34, 53, 0.18);
	font-size: clamp(40px, 7vw, 72px);
	font-weight: 900;
}

.mst44-flag-lockup span:nth-child(2) {
	color: var(--mst44-gold);
}

.mst44-poster-modal[hidden] {
	display: none;
}

.mst44-poster-modal {
	position: fixed;
	inset: 0;
	z-index: 3000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
}

.mst44-poster-modal-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(3, 18, 29, 0.82);
	backdrop-filter: blur(10px);
}

.mst44-poster-modal-frame {
	position: relative;
	z-index: 1;
	width: min(1000px, calc(100vw - 32px));
	max-height: calc(100svh - 32px);
	border-radius: 8px;
}

.mst44-poster-modal-close {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 2;
	display: inline-grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(255, 255, 255, 0.26);
	border-radius: 999px;
	background: rgba(8, 34, 53, 0.76);
	color: var(--mst44-white);
	cursor: pointer;
	font-size: 28px;
	line-height: 1;
}

.mst44-poster-modal-close:hover,
.mst44-poster-modal-close:focus {
	background: var(--mst44-gold);
	color: var(--mst44-ink);
}

.mst44-poster-modal-scroll {
	max-height: calc(100svh - 32px);
	overflow: auto;
	border-radius: 8px;
	background: var(--mst44-white);
}

.mst44-poster-modal-scroll img {
	display: block;
	width: 100%;
	height: auto;
}

.mst44-modal-open {
	overflow: hidden;
}

.mst44-page-hero {
	position: relative;
	isolation: isolate;
	margin-top: 118px !important;
	padding: 50px 0 54px;
	background:
		linear-gradient(90deg, rgba(5, 26, 42, 0.9) 0%, rgba(5, 26, 42, 0.62) 54%, rgba(5, 26, 42, 0.24) 100%),
		linear-gradient(0deg, rgba(5, 26, 42, 0.78) 0%, rgba(5, 26, 42, 0.12) 56%),
		url("../images/bg.png") center 22% / cover no-repeat !important;
	color: var(--mst44-white);
}

.mst44-page-hero:before {
	display: none;
}

.mst44-page-hero-inner {
	margin-top: 0 !important;
	text-align: left !important;
	text-shadow: none !important;
}

.mst44-page-hero h1 {
	margin-top: 0;
}

.mst44-page-hero-copy {
	margin-right: auto;
	margin-left: auto;
	font-size: clamp(22px, 3vw, 38px);
}

.mst44-page-hero .mst44-hero-subtitle {
	font-size: clamp(30px, 4.4vw, 58px);
}

.mst44-page-hero .mst44-hero-description {
	max-width: 680px;
}

.mst44-footer {
	background: #071d2c !important;
}

.mst44-footer strong {
	color: var(--mst44-white) !important;
}

.btn-primary,
.btn-success,
.btn-warning {
	border: 0;
	border-radius: 999px;
	font-weight: 700;
}

.btn-primary {
	background: var(--mst44-cyan);
}

.btn-success {
	background: var(--mst44-teal);
}

.btn-warning {
	background: var(--mst44-gold);
	color: var(--mst44-ink);
}

.box-title {
	border-left-color: var(--mst44-orange);
	border-radius: 8px;
	color: var(--mst44-ink);
}

@media all and (max-width : 768px) {
	.mst44-site-header .container {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.mst44-site-header .col-xs-7,
	.mst44-site-header .col-xs-5 {
		width: 100%;
	}

	.mst44-brand-wrap {
		font-size: 13px;
	}

	.mst44-header-contact {
		display: none;
	}

	.mst44-main-nav {
		margin-top: 74px !important;
	}

	.mst44-main-nav .toggle {
		border: 1px solid rgba(255, 255, 255, 0.18);
		background: rgba(255, 255, 255, 0.12);
		color: var(--mst44-white);
		font-weight: 900;
	}

	.mst44-main-nav ul.menu {
		width: 100%;
		background: var(--mst44-white);
	}

	.mst44-main-nav ul.menu > li {
		border-right: 0 !important;
		background: var(--mst44-white);
	}

	.mst44-main-nav ul.menu a,
	.mst44-main-nav ul.menu .toggle {
		color: var(--mst44-ink);
	}

	.mst44-home-hero {
		min-height: 100svh;
		padding-top: 140px;
		padding-bottom: 46px;
		background:
			linear-gradient(0deg, rgba(5, 26, 42, 0.94) 0%, rgba(5, 26, 42, 0.78) 58%, rgba(5, 26, 42, 0.26) 100%),
			linear-gradient(90deg, rgba(5, 26, 42, 0.8), rgba(5, 26, 42, 0.16)),
			url("../images/bg.png") center top / cover no-repeat !important;
	}

	.mst44-page-hero {
		background:
			linear-gradient(0deg, rgba(5, 26, 42, 0.92), rgba(5, 26, 42, 0.28)),
			linear-gradient(90deg, rgba(5, 26, 42, 0.82), rgba(5, 26, 42, 0.18)),
			url("../images/bg.png") center top / cover no-repeat !important;
	}

	.mst44-eyebrow {
		font-size: 12px;
	}

	.mst44-hero-title {
		font-size: clamp(68px, 24vw, 112px);
	}

	.mst44-hero-subtitle {
		font-size: clamp(28px, 11vw, 48px);
	}

	.mst44-hero-description {
		font-size: 16px;
		line-height: 1.48;
	}

	.mst44-hero-actions {
		gap: 10px;
		margin-top: 28px;
	}

	.mst44-button {
		min-height: 48px;
		padding: 0 18px;
		font-size: 15px;
	}

	.mst44-hero-copy {
		font-size: clamp(24px, 9vw, 42px);
	}

	.mst44-home-hero .mst44-hero-copy span:not(.mst44-theme-line) {
		font-size: 17px !important;
	}

	.mst44-info-card {
		min-height: auto !important;
		margin-top: 18px !important;
		border-radius: 8px !important;
	}

	.mst44-poster-section {
		padding: 58px 0;
	}

	.mst44-program-section {
		padding: 58px 0;
		scroll-margin-top: 118px;
	}

	.mst44-program-heading,
	.mst44-workshop-layout {
		display: block;
	}

	.mst44-program-heading {
		margin-bottom: 24px;
	}

	.mst44-program-heading p {
		margin-top: 16px;
	}

	.mst44-highlight-card {
		min-height: auto;
	}

	.mst44-track-item {
		min-height: auto;
	}

	.mst44-workshop-band {
		padding: 58px 0;
	}

	.mst44-flag-lockup {
		min-height: 118px;
		margin-top: 28px;
	}

	.mst44-page-hero {
		margin-top: 118px !important;
		padding-top: 42px;
	}

	.mst44-page-hero .mst44-hero-title {
		font-size: clamp(64px, 22vw, 96px);
	}
}