/* CSS Created at 11/21/2024 2:39:07 AM */
/* # 1 global_inc\site_templates\global_base.css */


/* 1: BASIC ELEMENTS */
/* test */
/* 1: END */

/* 2. SPECIAL PURPOSE AND TEMPLATE CLASSES */

.FirstAutoCompleteItem
{
	font-style: italic;
	color: gray;
}

.ui-autocomplete-category 
{
	font-weight:bold;
	padding:.2em .4em;
	margin:.8em 0 .2em;
	line-height:1.5;		
}

.ui-corner-all 
{
    border-radius: 4px 4px 4px 4px;
}

.ui-widget-content 
{
    border: 1px solid #AAAAAA;
    color: #222222;
}

.ui-widget 
{
    font-family: inherit;
    font-size: .9em;
}

.ui-menu 
{
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 2px;
	width: 18%;
}

.ui-autocomplete 
{
    cursor: default;
    position: relative;
	z-index: 5 !important;
}

#ui-active-menuitem 
{ 
	background-color: #eee; 
}

.ui-menu .ui-menu-item 
{
    margin: 0;
    padding: 0;
    width: 100%;
}

.ui-widget-content 
{
    color: #222222;
}
.ui-widget 
{
    font-size: 1.1em;
}
.ui-menu 
{
    list-style: none outside none;
}
.ui-autocomplete 
{
    cursor: default;
}

.ui-menu .ui-menu-item a 
{
    display: block;
    line-height: 1.5;
    padding: 0.2em 0.4em;
    text-decoration: none;
}

.ui-autocomplete  li
{
	list-style-image: none !important; 
}

.ui-widget-content a {
}

.ui-corner-all 
{
    border-radius: 4px 4px 4px 4px;
	display: block;
}

#FlexiMenu
{
	display: none;
}

.optionGroup
{
    font-weight:bold;
    font-style:italic;
}

.optionChild
{
    padding-left:15px;
}

.CustomFormTable td,Remy
.CustomFormTable th,
.CustomFormResponseTable td,
.CustomFormResponseTable th,
.CustomFormResponseAttachmentsTable td,
.CustomFormResponseAttachmentsTable th
{
	padding:5px 3px 5px 3px;
	text-align:left;
}

.CustomFormTable td.break,
.CustomFormResponseTable td.break
.CustomFormResponseAttachmentsTable td.break
{
	height:20px;
}

.CustomFormTable th,
.CustomFormResponseTable th,
.CustomFormResponseAttachmentsTable th
{
	background-color:Transparent;
	font-weight:bold;
	line-height:21px;
	vertical-align:top;
}

.CustomFormTable th div,
.CustomFormTable th span,
.CustomFormResponseTable th div,
.CustomFormResponseTable th span,
.CustomFormResponseAttachmentsTable th span
{
	line-height:13px;
}

.CustomFormTable th.center,
.CustomFormResponseTable th.center
.CustomFormResponseAttachmentsTable th.center
{
	text-align:center;
}

.DotNetPager
{
	font-weight:bold;
}
.DotNetPager a
{
	font-weight:normal;
	text-decoration:underline;
}
.DotNetPager .pgNavigation /* Reset */
{
    border-spacing: 0px
}
.DotNetPager .pgNavigation td
{
    padding: 0px 1px;
}
.DotNetPager td
{
	padding-top:15px;
}

.DisplayInline label {
    display: inline;
}

.FormTable1 td.label
{
	font-weight:bold;
}
.FormTable1 div
{
	font-weight:normal;
	text-align:left;
}

.ForumAttachments
{
	clear:both;
	padding:0px 4px 8px 4px;
}
	.ForumAttachments div.ForumAttachmentImg
	{
		margin:8px 4px 0px 4px;
		vertical-align:top;
		line-height: 15px;
	}
	.ForumAttachments div.ForumAttachmentImg,
	.ForumAttachments div input
	{
		display: inline-block;
	}

	.ForumAttached div.ForumAttachmentFile
	{
		display: inline-block;
		white-space: nowrap;
	}

	.ForumAttachments div.ForumAttachmentImg input
	{
		vertical-align: top;
	}
	.ForumAttached div.ForumAttachmentFile input
	{
		vertical-align: text-top;
	}

.ForumTopicScore label,
.ForumTopicScore .ScoreControl
{
	display:block;
	float:left;
}
.ForumTopicScore label
{
	margin:4px 0px 13px 0px;
}
.ForumTopicScore .ScoreControl
{
	margin:2px 0px 13px 0px;
}
.ForumTopicScore .ScoreControl .ScoreControl_reset
{
	margin-left:2px;
}

.MemberControlPanel
{
	float:left;
	position: relative;
	width:49.9%;
	height:80px;
}
.MemberControlPanel_Container,
.MemberControlPanel_Container:hover
{
	display:block;
	text-decoration:none;
	padding:8px 8px 10px 8px;
}
.MemberControlPanel_Container:hover
{
	background-color:#eee;
}
.MemberControlPanel_Divider
{
	border-top:dotted 1px #ccc;
	padding-top:16px;
}
.MemberControlPanel_Image
{
	border:0px none;
	display:inline-block;
	margin-right:8px;
}
.MemberControlPanel_ImageDouble
{
	border: 0px none;
	display: inline-block;
	margin-right: 20px;
	/*padding:0px 20px 15px 0px;*/
	vertical-align: top;
}
.MemberControlPanel_Title
{
	font-size:14px;
}
.MemberControlPanel_Description
{
	line-height:14px;
}

.MemberControlPanel_Double
{
	float: left;
	width: 99.8%;
	/*height: 120px;*/
}

.MicroBlog td
{
border-bottom: 1px dashed #dddddd;
}
.MicroBlog td .MicroBlog_FirstPost
{
font-size: 16px;
}

.ordinalPositioner
{
	width:51px;
}

.ordinalPositioner .ordinalPositionerL
{
	float:left;
}
.ordinalPositioner .ordinalPositionerL input
{
	border-width:1px;
	font-size:12px;
	height:22px;
	padding-top:2px;
	text-align:center;
	width:30px;
}

.ordinalPositioner .ordinalPositionerR
{
	float:right;
}
.ordinalPositioner .ordinalPositionerR input
{
	height:10px;
	width:11px;
	padding:2px 0;
}

.ScoreControl_bias
{
	color:Gray;
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	text-align:center;
	vertical-align:top;
	width:30px;
}

.ScoreControl_biasUp { color:Green }
.ScoreControl_biasDn { color:Red }

.SearchItemSynopsis
{
	color:#555555;
	padding:6px 0px 6px 0px;
}
.SearchItemSynopsis .HitHighlight
{
	background-color:#FFFFAA;
	color:#000000;
}
.TabBar
{
	border-bottom:1px solid #dddddd;
}
.TabBar a
{
	display:block;
	font-size:14px;
	text-align:center;
	padding:3px 8px 2px 8px;
}
.TabBar div
{
	float:left;
	margin-right:2px;
}
.TabBar div a
{
	background-color:#eeeeee;
	color:#aaaaaa;
}
.TabBar div a:hover
{
	background-color:#cccccc;
	color:White;
	text-decoration:none;
}
.TabBar div.activeTab
{
	border-bottom:0px none;
	border-top:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-left:1px solid #dddddd;
	margin-bottom:-1px;
}
.TabBar div.activeTab a,
.TabBar div.activeTab a:hover
{
	background-color:#ffffff;
	color:#333333;
	padding-top:2px;
	padding-bottom:3px;
}
.TabBar div.clearBottom
{
	clear:both;
	display:block;
	float:none;
}
/* 2: END */

/* 3. GENERAL CLASSES AND OVERRIDES */
.ComboBox
{
	border:solid 1px #cccccc;
}
.ComboBoxList
{
	background-color:White;
	overflow:auto;
	white-space:nowrap;
}
.ComboBoxList input
{
	margin-bottom:0px;
}

.ComboBoxListItem
{
	font-size:11px;
	height:20px;
	line-height:20px;
}

div.ContributedContent
{
	overflow:auto;
	overflow-x:auto;
	overflow-y:visible;
	width:564px;
}

input.disabled
{
	background-color:#dddddd;
}

ul.fixedpad
{
	margin:5px 5px 0px 5px;
	padding-left:15px;
}

.FacebookProfilePhoto
{
	margin:2px 0px 2px 0px;
}

.ForumBreadcrumbs
{
	padding: 4px 8px;
}

.ForumModerators
{
	padding: 4px 8px !important;
}

.ForumThreadScore
{
	padding: 4px 8px;
}

.ForumAttached
{
	font-size:11px;
	padding: 8px 0px 0px 0px;
	font-style:italic;
	font-weight:bold;	
}

.ForumBody
{
	padding:10px 0px 20px 0px;
}
.ForumQuote
{
	border: 1px solid #666;
	padding: 5px 5px 5px 5px;
	margin-top: 5px;
	background-color: rgba(0, 0, 0, 0.05);
}

.ForumSignature
{
	border-top: 1px solid #999;
}

.ForumSubject
{
	font-size:11px;
	padding:0px 0px 10px 0px;
	
}

.forumPost
{
	width: 100%;
	margin-bottom: 4px;
}

.forumPostHeader
{
	width: 99%;
	background-color: #336699;
	padding: 6px 4px;
	color: white;
}

.forumPosterData
{
	width: 104px;
	vertical-align: top;
	padding: 0 !important;
}

.forumPosterHeadshot
{
	width: 100px;
}

.forumPosterHeadshotImg
{
	width: 100px;
}

.forumPosterInfo
{
	padding: 8px;
}

.forumPosterName
{
	font-size: 10pt;
	font-weight: bold;
}

.forumPosterRole
{
	font-size: 9pt;
	font-weight: bold;
	font-style: italic;
}

.forumPosterPostCount
{
	font-size: 8pt;
}

.forumPostData
{
	display: inline-block;
	width: 82%;
}

.forumPostSubject
{
	width: 100%;
	height: 18px;
	font-weight: bold;
	color: #336699 !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	padding-left: 12px !important;
}

.postAction
{
	float: right;
	height: 16px;
	margin-left: 4px;
}
	.postAction img
	{
		vertical-align: top;
	}

.forumPostBody
{
	min-height: 120px;
	padding: 4px 0 4px 10px !important;
	vertical-align: top;
}
	.forumPostBody iframe
	{
		max-width: 548px;
	}

.forumPostDateLastEdited
{
	float: right;
}

.ForumPrevNextThreads
{
	margin-top: 8px;
	margin-bottom: 8px;
}

.forumQuickReply
{
	margin-top: 12px;
	padding: 4px 0 8px 0;
}


.greenalert
{
	color:Green;
}

.HitHighlight
{
	background-color:Yellow;
	color:Black;
}

.lineitem td
{
	border-bottom:dashed 1px #ccc;
	padding:8px 0px 8px 0px;
}

.RTE_ResMgrLink
{
	background:#D0D4DD;
	padding:4px;
	text-align:right;
}

.ScrollBox
{
	overflow:auto;
}

.securesubmit
{
	height:17px;
	width:16px;
	vertical-align:text-top;
}

.invoice {
	border-right: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
}
.invoice th {
	background-color: #cccccc;
	border-top: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	font-weight: normal;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	color: #000000;
	padding: 5px;
}
.invoice td {
	border-left: 1px #000000 solid;
	padding: 5px;
}
.invoice td.lined {
	border-top: 1px #000000 solid;
	padding: 5px;
}

.EventRegistrationPrint {
	border-right: 1px #000000 solid;
	border-bottom: 0px #000000 solid;
}
.EventRegistrationPrint th {
	padding: 4px 0px 4px 8px;
	background-color: #ffffff;
	border-top: none;
	border-left: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	color: #000000;
}

.EventRegistrationPrint th.head {
	background-color: #cccccc;
	border-top: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	color: #000000;
}

.EventRegistrationPrint td {
	padding: 4px 0px 4px 8px;
	background-color: #ffffff;
	border-top: 0px #000000 solid;
	border-left: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	color: #000000;
}
/* 3: END */

/* 4. COMMON DOCUMENT OBJECTS */
#ContextualHelp .bd {
	background-color: #ffffff;
}

#FormErrors ul
{
	margin:5px;
	padding-left:15px;
}


#SearchDialogBody
{
	white-space:nowrap;
}

#SearchDialogForm_bst
{
	height:21px;
	width:190px;
}

#SearchDialogForm_btnSubmit
{
	height:21px;
	margin-left:5px;
	width:60px;
}

#SpNavBarSub div.bd
{
	padding-left:0px;
	padding-right:0px;
}
#SpNavBarSub div.bd a,
#SpNavBarSub div.bd a:hover,
#SpNavBarSub div.bd label
{
	background-color:transparent;
	background-image:none;
	clear:both;
	color:#545465;
	display:block;
	line-height:22px;
	padding:0px 10px 0px 10px;
	text-decoration:none;
}
#SpNavBarSub div.bd a {}
#SpNavBarSub div.bd a:hover
{
	background-color:#797986;
	color:White;
}
#SpNavBarSub div.bd a img
{
	margin:2px 5px 2px 0px;
}
#SpNavBarSub div.bd #MoreMenuCustomPages
{
	border-top:1px dashed #797986;
	margin-top:10px;
	padding-top:8px;
}
#SpNavBarSub div.bd #MoreMenuCustomPages a
{
	overflow:hidden;
	padding-bottom:1px;
	padding-top:2px;
	white-space:nowrap;
}

#TopAlertBar
{
	height: 21px;
	background:#666;
	border-top:solid 1px #525252;
	width:100%;
	position:fixed;
    bottom:0;
    left: 0;
    z-index: 10000;
}

#TopAlertBar a
{
	color:#fff;
	text-decoration:none;
}
#TopAlertBar a:hover
{
	text-decoration:underline;
}

#TopAlertBarText
{
	color:#fff;
	height:20px;
	font-size:11px;
	line-height:20px;
	text-align:center;
	overflow:hidden;
	padding:0px 6px 0px 6px;
}

/* Profile progress bar */
#profileProgressBar
{
	background-image: none;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    height: 22px;
    width: 160px;
    z-index: 4;
    padding-right: 10px;
    padding-left: 10px;
}

#datagrid1 .ui-progressbar 
{
	width: 160px;
	-webkit-background-size: 30px 30px;
	-moz-background-size: 30px 30px;
	background-size: 30px 30px;			
	background-image: -webkit-gradient(linear, left top, right bottom,
						color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
						color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
						color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
						to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent); 
	background-color:#ddd;
	border:1px solid #bfbfbf!important;
	height: 22px!important;
	padding: 3px;		
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-box-shadow:    inset 0 0 5px #999;
   -webkit-box-shadow: inset 0 0 5px #999;
   box-shadow:         inset 0 0 5px #999;         
}

#datagrid1 .ui-progressbar div 
{
	display: inline-block;
	border:1px solid #54b61a;
	height: 20px!important;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    -webkit-transition: width .4s ease-in-out;
    -moz-transition: width .4s ease-in-out;
    -ms-transition: width .4s ease-in-out;
    -o-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;     
}

/*end profile view styles*/


#ProgressToolBar 
{
    background: url("/global/global_graphics/TopToolBar_bg.gif") repeat-x scroll center bottom #F2F5F9;
    border: 1px solid #c2c2c2;
	border-top:none;
    height: 45px;
    left: 0;
    position: fixed;
    top: 0;
    width: auto;
	border-radius: 0 0 15px 15px;
	background-clip:content-box;
}

#progressBar 
{
    border: medium none;
    border-radius: 5px 5px 5px 5px;
	float: left;
    height: 32px;
    margin-top: 2px;
    width: 300px;
    z-index: 4;
}
	
.ui-progressbar-value 
{
    border-right: medium none;
    margin: 0px;
}

#ProgressBarText 
{
	/*background: url("/global_graphics/bg-currentlvl.png") no-repeat scroll right center transparent;*/
    color: Black;
    display: inline-block;
    float: left;
    font-size: 11px;
    font-weight:bold;
	margin-left:10px; 
    margin-top: 15px!important;
    min-width: 30px;
	padding-right:12px; 
    text-transform: uppercase;
	width:auto; 
}
	
#NextProgressBarText 
{
	/*background: url("/global_graphics/bg-nextlvl.png") no-repeat scroll left center transparent;*/
    color: Black;
    display: inline-block;
    float: left;
    font-size: 11px;
    margin-top: 15px!important;
    margin-right: 10px;
    font-weight:bold;
    min-width: 50px;
	padding-left:12px; 
    text-transform: uppercase;
	width:auto; 
	}

.ui-progressbar 
{
-webkit-background-size: 30px 30px;
	-moz-background-size: 30px 30px;
	background-size: 30px 30px;			
	background-image: -webkit-gradient(linear, left top, right bottom,
						color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
						color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
						color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
						to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent); 
	background-color:#ddd;
	border:1px solid #bfbfbf!important;
	height: 32px;
	padding: 3px;
	width: 350px;
	/*margin: 50px 0;			*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-box-shadow:    inset 0 0 5px #999;
   -webkit-box-shadow: inset 0 0 5px #999;
   box-shadow:         inset 0 0 5px #999;     
}

.ui-progressbar div 
{
	display: inline-block;
	border:1px solid #54b61a;
	height: 30px!important;	
	float: left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    -webkit-transition: width .4s ease-in-out;
    -moz-transition: width .4s ease-in-out;
    -ms-transition: width .4s ease-in-out;
    -o-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;    
}

.ui-progressbar.ui-widget div 
{
	background-color: #a5df41;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a5df41), to(#4ca916));
	background-image: -webkit-linear-gradient(top, #a5df41, #8ec72c);
	background-image: -moz-linear-gradient(top, #a5df41, #8ec72c);
	background-image: -ms-linear-gradient(top, #a5df41, #8ec72c);
	background-image: -o-linear-gradient(top, #a5df41, #8ec72c);
	background-image: linear-gradient(top, #a5df41, #8ec72c);   

}

.ui-progressbar.ui-widget-content div 
{
	/*-webkit-background-size: 30px 30px;
	-moz-background-size: 30px 30px;
	background-size: 30px 30px;			
	background-image: -webkit-gradient(linear, left top, right bottom,
						color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
						color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
						color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
						to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);            
	
	-webkit-animation: animate-stripes 3s linear infinite;
	-moz-animation: animate-stripes 3s linear infinite;       		
	animation: animate-stripes 3s linear infinite;    */   		
}


@-webkit-keyframes animate-stripes { 
	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

@-moz-keyframes animate-stripes {
	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}



#TopToolBar
{
	background:#E9E9E9 url('/global/global_graphics/TopToolBar_bg.gif') repeat-x;
	border-top:1px solid #D7DCE1;
	width:100%;
	height: 25px;
	position:fixed;
    bottom:0;
	left:0;
}


#TopToolBar a
{
	border-right:1px solid #cdd1d6;
	color:Black;
	padding:6px 6px 7px 6px;
	text-decoration:none;
	white-space:nowrap;
}
#TopToolBar a:hover
{
	background-color:#F2F6F9;
	color:Black;
}

#TopToolBar label
{
	padding:6px 8px 7px 0px;
	border-right:1px solid #cdd1d6;
}

#TopToolBarText
{
	color:#6b849d;
	height:24px;
	font-size:11px;
	line-height:23px;
	overflow:hidden;
	padding:0px 6px 0px 6px;
	text-align:left;

}
/* 4: END */

/* 5. PAGE-SPECIFIC DOCUMENT OBJECTS */
#CustomPageBody
{
	overflow:auto;
	overflow-x:auto;
	overflow-y:visible;
}

#MediaGallery
{
	width:100%;
}

#MediaGallery td
{
	border:solid 2px #eeeeee;
	background-color:#eeeeee;
	height:100px;
	text-align:left;
	vertical-align:top;
	width:33%;
}
#MediaGallery td.placeholder
{
	background-color:Transparent;
	border:none;
}
#MediaGallery td.selected
{
	border-color:Red;
}

#MediaGallery td a.slideshow
{
	display:block;
	float:right;
}

#MediaGallery td div.photo
{
	margin:8px;
}

#MediaGallery td div.selectPhoto
{
	float:right;
}

#PageBase_RaiseAlert
{
	text-align:left;
}

#PhotoCaption
{
	font-style:italic;
	text-align:left;
}

#PhotoMain
{
	overflow:hidden;
	width:552px;
}

#PhotoMatte
{
	background:#eeeeee;
	padding:10px;
}

#PhotoNav
{
	background:#eeeeee;
	padding:5px 0px 5px 0px;
	width:110px;
}
#PhotoNav div
{
	margin:0px 5px 0px 5px;
}
#PhotoNav #PhotoNext
{
	line-height:18px;
	margin-top:5px;
	text-align:right;
}
#PhotoNav #PhotoPrev
{
	line-height:18px;
	margin-bottom:5px;
	text-align:left;
}
#PhotoNav .NoPhoto
{
	border:solid 1px #cccccc;
	color:#aaaaaa;
	padding:18px 0px 17px 0px;
	text-align:center;
}

.AVD_StatusBox {
    text-align: center;
    font-size: 10px;
}

/*.AVD_StatusText {
    font-size: 12px;
    font-weight: bold;
    padding: 4px 4px 4px 4px;
}*/

.AVD_StatusText A {
    font-size: 10px;
    text-decoration: underline;
}

.AVD_StatusImage {
    
}

#TweetWrapper
{
    width: 134px;
    height: 125px;
    overflow: hidden;
    padding: 5px 5px 5px 5px;
}

#TweetWrapper #TweetText
{
    line-height: normal;
}

#TweetWrapper #TweetDate
{
    text-align: right;
}
/* 5: END */

/* Group homepage */
.groupInfobox
{
	margin-top:8px;
	margin-bottom:5px;
}
.groupTableHeadCell
{
}
.groupTableZone1
{
	padding-right:6px;
}
.groupTableZone2
{
	padding-left:6px;
	border-left:dotted 1px #CCC;
}
.groupTableSeperatorLine
{
}
.photoGallery td
{
	vertical-align:middle;
	text-align: left;
}
.photoGalleryCentered td
{
	text-align:center;
	vertical-align:bottom;
}
.photoGalleryImage
{
	padding:3px 3px 8px 3px;
	/*border:solid 2px #DEDEDE;*/
	max-width:100px;
	width: auto !important;
	width:100px;
}
.WallPost{
	padding:5px 0px 5px 0px;
	border-bottom:1px dashed #ccc;
}
#GroupHompageLayout .zone
{
    min-height:300px; /*ff*/
    height: auto !important; /*ie7 */
    height: 300px; /*ie6 */

}
#GroupHompageLayout .zonebox
{
    border:dotted 1px #666666;
    margin:0 0 10px 0;
    padding:5px;
    
    min-height:300px; /*ff*/
    height: auto !important; /*ie7 */
    height: 300px; /*ie6 */
}

#GroupHompageLayout .headzone
{
    max-width:100%;
    width: auto !important;
    width:100%;
    
    min-height:100px; /*ff*/
    height: auto !important; /*ie7 */
    height: 100px; /*ie6 */
}
#tdZone1 .zonebox
{
    margin-right: 5px;
}
#tdZone2 .zonebox
{
    margin-left: 5px;
}

#GroupHompageLayout .ctrl
{
    border:solid 3px #666666;
    margin:5px;
    padding:5px;
    max-width:100%;
    cursor:move;
    background-color:#FFFFFF;
}
#GroupHompageLayout .placeholder 
{
    height:100px;
    width:100%;
    background: #f0f0f0;
    border:1px dashed #ddd;
    visibility: visible !important; 
}

#GroupAdminBarSub div.bd
{
	padding-left:0px;
	padding-right:0px;
}
#GroupAdminBarSub div.bd a,
#GroupAdminBarSub div.bd a:hover,
#GroupAdminBarSub div.bd label
{
	background-color:transparent;
	background-image:none;
	clear:both;
	color:#545465;
	display:block;
	line-height:22px;
	padding:0px 10px 0px 10px;
	text-decoration:none;
}
#GroupAdminBarSub div.bd a {}
#GroupAdminBarSub div.bd a:hover
{
	background-color:#797986;
	color:White;
}
#GroupAdminBarSub div.bd a img
{
	margin:2px 5px 2px 0px;
}


.GroupWidget
{
    margin:8px 0 0 0;
    border-bottom:dotted 1px #CCC;
}
.PhotoWidgetControls
{
    margin:8px 0 0 0;
    border-top:dotted 1px #CCC;
    text-align:right;   
}

.ContentTopDivider
{
	border-top:dotted 1px #CCC;
}


.slide-panel h1 {
	font-family: 'Rock Salt', arial, serif;
	color: #00384f;
	font-size:34px;
	line-height: 59px;
	margin:25px 0px 0px 30px;
	text-shadow: #fff 0 0 1px;
	font-style:normal;
	font-weight:normal;
}

.slide-panel h1.space {
	margin:50px 0px 0px 30px;
}

.slide-panel h1 span {
	color:#ce6e19;
}

.slide-panel h1 span.small {
	color: #00384f;
	font-size:16px;
	line-height:14px;
	}

.slide-panel p {
		width: 475px;
		margin: 40px 0px 0px 30px;
		color:#00384f;
}

.slide-panel img {
	vertical-align:middle;
	text-align:center;
}

/* AddThis / ShareThis override */
#at15s_head {
  color: #4c4c4c;
}

/* YUI Tooltip override */
.yui-skin-sam .yui-tt .bd {
	background-color: #ffffff !important;
	border: solid 1px #aaaaaa !important;
	font-size: 11px;
}

/*Non-YUI Tooltip*/
label.tooltip {outline:none; }
label.tooltip:hover {outline:none;} 

label.tooltip span {
    display:none;
	padding:10px;
	position:relative;
	text-align:left;
    width:270px;
	z-index:999;
}

label.tooltip:hover span{
    display:block; 
	position:absolute; 
    border:1px solid #808080; 
	background:#f2f2f2;}

label.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;   
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 1px 1px 3px #CCC;
}

/* Custom Form Tooltips */
label.cform_tooltip
{
	outline: none;
}

	label.cform_tooltip:hover
	{
		outline: none;
	}

	label.cform_tooltip span
	{
		display: none;
		padding: 10px;
		position: relative;
		text-align: left;
		width: 270px;
		z-index: 999;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-moz-box-shadow: 5px 5px 8px #CCC;
		-webkit-box-shadow: 5px 5px 8px #CCC;
		box-shadow: 1px 1px 3px #CCC;
	}

	label.cform_tooltip:hover span
	{
		display: block;
		position: absolute;
		border: 1px solid #808080;
		background: #f2f2f2;
	}

/* Vertical Gauge chart */
.VGaugeCont1 {	
	border: 2px solid #EBEBEB;
	padding: 5px 8px 3px 8px;
}

.VGaugeContOver {
	
}

.VGaugeCont {
    background-image: url("/global/global_graphics/vg_bg03.png");
    font-family: Arial;
    font-size: 10px;
    width: 180px;
}
.VGaugeCont td {
	height: 235px;
}
.VGaugeBar {
    background: url("/global/global_graphics/vg_bar.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    height: 225px;
    text-align: center;
    width: 50px;
    font-size: 10px;
}
.VGaugeBarCont {
	overflow: hidden;
	height: 225px;
}
.VGaugeRcvd {
    background: url("/global/global_graphics/vg_arrow.png") no-repeat scroll center top transparent;
    color: #FFFFFF;
    display: block;
    height: 235px;
    text-align: center;
    width: 65px;
    font-size: 10px;
}
.VGaugeGoal {
    background: url("/global/global_graphics/vg_arrow02.png") no-repeat scroll center top transparent;
    color: #FFFFFF;
    display: block;
    height: 235px;
    padding-left: 0px;
    text-align: center;
    width: 65px;
    font-size: 10px;
}

#RadiusSearchContainer
{
	border: solid 1px #CCCCCC;
	padding: 10px;
}

#RadiusSearchHeader
{
	margin-bottom: 0px;
}

.RadiusSearchAddress
{
	padding-left:15px !important;
}

#RadiusSearchAddressPicker
{
	border-color: #CCCCCC;
	border-width: 1px 0px 1px 0px;
	border-style:solid;
}

/* Month View Calendar Styles */
#EventCalendarLegend
{
	margin:4px;padding:8px;
	border:solid 1px #999999;
	width:750px;
	text-align:left;
	line-height: 180%;
}

#EventCalendarLegend span.colorbox
{
	border:solid 1px #BBBBBB;
}

#EventCalendarLegend span.category
{
	margin-right:6px;
	padding:2px;
	display:inline-block;
}

#EventCalendarLegend span.selected
{
	border: solid 1px #999999;
}

/* Custom Field 'Response' styles */
/* Custom Field 'Response' styles */
.CstmFldRow td {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.CstmFldLbl {
	color:#555555;
}
.CstmFldVal { }


/* Recent Activity Widget */
#RecentActivityWidget
{
}

#RecentActivityWidget #RecentActivityWidgetHead
{
	font-size:120%;
	font-weight:bold;
}

#RecentActivityWidget .RecentActivityHead
{
	font-weight:bold;
	margin-top:8px;
}

#RecentActivityWidget .RecentActivityContent
{
	
}
/* END Recent Activity Widget */


/* 
	-- Drop Menu Styles  --
	Implimented in /global_inc/js/DropMenu.js
*/

.dropmenu {
    display: inline;
}
.dropmenu .dropmenu_button {
    cursor: pointer;
    width: auto;
    display: inline-block;
    padding-left: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 22px;
    font-weight: bold;
    color: #717780;
    line-height: 16px;
    text-decoration: none !important;
    background: white url("/global/global_graphics/dropmenu_arrow.png") no-repeat 100% -1px;
    vertical-align:bottom;
}
.dropmenu .dropmenu_button:hover {
    color: #4C6899;
    background: #BFD4FF url("/global/global_graphics/dropmenu_arrow.png") no-repeat 100% -1px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}            
.dropmenu.open .dropmenu_button {
    border: 1px solid #3B5998;
    color: white;
    background: #6D84B4 url("/global/global_graphics/dropmenu_arrow.png") no-repeat 100% -27px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px;
    border-bottom-color: #6D84B4;
}
.dropmenu .dropmenu_button img {
    height: 14px;
    margin-top: 1px;
    margin-bottom: 1px;
    float: left;
    margin-right: 5px;
}
.dropmenu .dropmenu_content {
    display: none;
    position: absolute;
    border: 1px solid #777;
    padding: 0px;
    background: white;
    
}
.dropmenu.open .dropmenu_content {
    display: block;
}
.dropmenu .dropmenu_content li {
    list-style: none;
    margin-left: 0px;
    line-height: 16px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    margin-top: 0px;
    margin-bottom: 0px;
}
.dropmenu .dropmenu_content li:hover {
    border-top-color: #3B5998;
    border-bottom-color: #3B5998;
    background: #6D84B4;
}
.dropmenu .dropmenu_content li a {
    display: block;
    padding: 2px 7px;
    padding-right: 15px;
    color: black;
    text-decoration: none !important;
}
.dropmenu .dropmenu_content li:hover a {
    color: white;
    text-decoration: none !important;
}
.dropmenu .dropmenu_content li img {
    height: 14px;
    margin-top: 1px;
    margin-bottom: 1px;
    float: left;
    margin-right: 5px;
    border: none;
}
/* End Drop Menu */

/* 
	-- jQuery UI Accordion Styles  --
*/
/* For an h3-header'd accordion */
#accordion h3 {
	height: 26px !important;
}

/* text of the header */
#accordion h3 .header {
	font-size: 14px;
	line-height: 24px;
	padding-left: 18px;
	margin-left: 5px
}

/*target the first div in <div id="accordion"> after a <h3> (i.e. our accorion container but no other divs) */
.ui-accordion .ui-accordion-content, #accordion > div {
	height:100%;
	border-color: #e3e0d4;
	/*width:100%;*/
	padding: 0px 0px 5px 0px;
}

/* For a div-header'd accordion */
#accordionDivHeaded div.header {
	height: 26px !important;
	font-size: 14px;
	line-height: 24px;
	padding-left: 26px;
}

/*target the second div in <div id="accordion"> (i.e. our accorion container but no other divs) */
#accordionDivHeaded:nth-child(2) {
	height:100%;
	border-color: #e3e0d4;
	/*width:100%;*/
	padding: 0px 0px 5px 0px;
}

/* Common to both header types */
.ui-widget-header {
	display:none;
}

.ui-dialog .ui-dialog-content {
	height: 100% !important;
}



#full-slider-wrapper {
    clear: both;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
#full-slider {
    display: block;
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: relative;
    top: 0;
    width: 100%;
}
#full-slider-nav-left {
    float: left;
    position: relative;
	left: 15px;
	bottom:0;
    z-index: 4 !important;
    cursor: pointer;
	 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

  /* IE 5-7 */
  filter: alpha(opacity=60);

  /* Netscape */
  -moz-opacity: 0.6;

  /* Safari 1.x */
  -khtml-opacity: 0.6;

  /* Good browsers */
  opacity: 0.6;
}
	
#full-slider-nav-right {
    float: right;
    position: relative;
	bottom:0;
    right: 15px;
    z-index: 4 !important;
    cursor: pointer;
		 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

  /* IE 5-7 */
  filter: alpha(opacity=60);

  /* Netscape */
  -moz-opacity: 0.6;

  /* Safari 1.x */
  -khtml-opacity: 0.6;

  /* Good browsers */
  opacity: 0.6;
}
#full-slider-nav-left:hover, #full-slider-nav-right:hover {
		 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  /* IE 5-7 */
  filter: alpha(opacity=100);

  /* Netscape */
  -moz-opacity: 1;

  /* Safari 1.x */
  -khtml-opacity: 1;

  /* Good browsers */
  opacity: 1;
  }
.full-slider-nav {
     height: 50px;
    position: relative;
    right: 0;
    top: 45%;
}

#full-slider .slide-panel {
    position: absolute;
    visibility: hidden;
    vertical-align:middle;
}

#full-slider .slide-panel.active {
    visibility: visible;
}

#full-slider .slide-panel.notactive {
    left: -1000px;
}



#full-slider .slide-panel {
    color: #00384f;
	font-family: 'Droid Sans', arial, serif;
	font-size: 12px;
}

/* End jQuery UI Accordion */

/* Custom Form Paging */

.CustomFormPageHeader
{
	font-size: large;
	font-weight: bold;
	margin-top: 10px;
}

#CustomFormPager div,
#CustomFormPagerLegend div
{
	width: 16px;
	height: 16px;
	line-height: 16px;
	padding: 3px;
	border: solid 1px #333;
	margin: 3px 3px 3px 3px;
	display: -moz-inline-stack;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	*display: inline;
}

#CustomFormPager .valid,
#CustomFormPagerLegend .valid
{
	background-color: #8AEB8A;
}

#CustomFormPager .invalid,
#CustomFormPagerLegend .invalid
{
	background-color: #FB5252;
}

#CustomFormPager .invalid a,
#CustomFormPagerLegend .invalid a
{
	color: #FFF;
}

#CustomFormPager .current,
#CustomFormPagerLegend .current
{
	background-color: #000;
}

#CustomFormPager .current a,
#CustomFormPagerLegend .current a
{
	color: #FFF;
}

/* End Custom Form Paging */

/*Captcha Box elements*/

.CaptchaQuestion
{
    display: block;
}

.CaptchaAnswer
{
    width:25px !important;
}

/*This class is used by the row that displays the available quantity in the View Order page
In order for a client to hide this value, just add "display: none;"  */
.QuantityAvailable
{
    
}

/* Idea Box */

.ideatitle
{
	font-size: 130%;
	font-weight: bold;
}

.ideastatus
{
	font-size: 130%;
	font-weight: bold;
	color: Gray;
}

.ideavote
{
	font-size: 130%;
	font-weight: bold;
}

.votebutton
{
	height:22px; 
	line-height:20px; 
	background: #fefefe url('/global/global_graphics/bg-votebtn.png') repeat-x bottom;
	border:1px solid #a0a0a0;
	padding: 3px 5px 3px 5px;
	border-radius: 5px;
}
.votebutton:hover
{
	background-color: #EEE;
}
.votebutton img
{
	margin: 0px 5px -3px 0;
	border: none;
}

.ideadates
{
	font-size: smaller;
}

/* End Idea Box */

/* Slide-show fix for IE8 */
#FeatureSlides {
    text-align: left !important;
}
/* Slide-show fix */


/* ---------------------------------------------------
	Store
/* --------------------------------------------------- */
/* GRID VIEW */
.productTileGrid
{
	width: 264px;
	height: 264px;
	background-color: #EBEBEB;
	border: solid 1px #CCC;
	margin: 10px;
	overflow: hidden;
	position: relative;
}
.productTileGrid:hover
{
	border-color: #EBEBEB;
}
.productTileGrid img
{
	width: 264px;
	overflow: hidden;
	text-align: center;
}

.productTileGridData
{
	width: 264px;
	height: 85px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
	padding: 0 10px 0 10px;
	text-align: left;
}
.productTileGridDataFade
{
	width: 264px;
	height: 85px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	background-color: #000;
	padding: 0 10px 0 10px;
	opacity: 0.5;
	
	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
	/* IE5-7 */
	filter:alpha(opacity=50);
}

.productNameGrid
{
	width: 232px;
	color: White;
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 3;
	border-bottom: solid 1px #333;
	padding: 8px 6px 1px 6px;
	text-shadow: 1px 1px 0 #000;
}
.productNameGrid a
{
	color: #EBEBEB;
}
.productNameGrid a:hover
{
	color: White;
}

.productDescGrid
{
	width: 232px;
	z-index: 3;
	border-top: solid 1px #EBEBEB;
	padding: 5px 6px 2px 6px;
}

.productPriceGrid
{
	width: 142px;
	color: White;
	font-size: 11px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #000;
	line-height: 14px;
}
.productPriceGrid img
{
	width: auto;
	border: none;
	vertical-align: top;
	position: relative;
	right: 0;
}
.priceStrikeOut
{
	color: #AAA;
	font-style: italic;
	text-decoration: line-through;
}

.percentCorner
{
	position: absolute;
	left: 0;
	top: 0;
	width: 0px;
	height: 0px;
	border-top: 55px solid red;
	border-right: 55px solid transparent;
	z-index: 4;
	opacity: 0.9;
	filter:alpha(opacity=90);
}
.percentText
{
	position: absolute;
	left: 0px;
	top: 8px;
	text-transform: uppercase;
	color: White;
	font-size: 12pt;
	font-weight: bold;
	z-index: 5;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-sand-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* LIST VIEW */
#ProductListTable tr td
{
	padding:12px !important;
}
.productPriceList {
    font-size: 11px;
    font-weight: bold;
    vertical-align: top;
    width: 130px;
	white-space: nowrap;
}

.productTileList {
    border-top: 1px solid #AAAAAA;
    height: auto;
    padding: 20px;
}
.productTileListAlt {
    background-color: #EBEBEB;
    border-top: 1px solid #AAAAAA;
    height: auto;
    padding: 20px;
}

.productNameList {
    font-size: 14pt;
    font-weight: bold;
    white-space: normal;
}
.productDescList {
    font-size: 14px;
    height: auto;
}

.productImageList
{
	width: 100px;
	height: 100px;
	background-color: White;
	border: solid 1px #AAA;
	text-align: center;
}
.productImageList img
{
	width: 100px;
	height: 100px;
	text-align: center;
}

.productDataList
{
	vertical-align: top;
	padding: 10px 6px 0px 6px;
}


/* Paging */
.storePaging
{
	margin: 0px 0px 10px 0px;
}
.storePageNumbers 
{
	margin: 8px 4px 4px 4px;
	padding: 4px;
}
.storePageNumbers.current
{
	font-weight: bold;
	border: solid 1px #DDD;
}


    /* Store Hompage GRID VIEW */ 
.categoryTileGrid 
{ 
width: 264px; 
height: 264px; 
background-color: #EBEBEB; 
border: solid 1px #AAA; 
margin: 10px; 
overflow: hidden; 
position: relative; 
float:left;
} 
.categoryTileGrid:hover 
{ 
background-color: #F9F9F9; 
border-color: #EBEBEB;
} 
.categoryTileGrid img 
{ 
width: 264px; 
overflow: hidden; 
text-align: center; 
} 

.categoryTileGridData 
{ 
width: 264px; 
height: 75px; 
position: absolute; 
bottom: 0; 
z-index: 3; 
padding: 0 10px 0 10px; 
} 
.categoryTileGridDataFade 
{ 
width: 264px; 
height: 75px; 
position: absolute; 
bottom: 0; 
z-index: 2; 
background-color: #000; 
opacity: 0.5; 
filter:alpha(opacity=50); 
padding: 0 10px 0 10px; 
} 

.categoryNameGrid 
{ 
width: 232px; 
color: White; 
font-size: 16px; 
font-weight: bold; 
overflow: hidden; 
text-overflow: ellipsis; 
white-space: nowrap; 
z-index: 3; 
padding: 8px 6px 1px 6px; 
} 
.categoryNameGrid a 
{ 
color: #EBEBEB; 
} 
.categoryNameGrid a:hover 
{ 
color: White; 
} 

.categoryDescGrid 
{ 
width: 232px; 
z-index: 3; 
padding: 5px 6px 2px 6px; 
} 

.categoryPriceGrid 
{ 
width: 230px;
height: 32px;
color: White; 
font-size: 12px; 
font-weight: bold; 
} 

	
/* Store Hompage List View */
.storeCategoryElement {clear:both; background-color: #EEE; padding:8px; margin-bottom: 8px; min-height: 125px; }
.storeCategoryElement h3 { margin-top: 8px; font-size: 16px; }
.storeCategoryElement span { float:left;height:115px; overflow:hidden; margin:8px 8px 8px 16px; display:block; }
.storeCategoryElement span img { width:115px; border:solid 1px #DDD; }
.storeCategoryElement .itembox {  }
.storeCategoryElement .itembox ul { height:85px; list-style: none; padding: 10px 0 0 0; margin: 0;  }
.storeCategoryElement .itembox ul li { float: left; display:inline; margin: 0 0px 0 10px; padding: 1px; text-align:center; width:75px; }

.productthumb { border:solid 2px #DDD; margin: 0 auto 0 auto; width: 75px; height: 75px; overflow:hidden; }
.productthumb img { width: 75px; }

/* Store Search Nav Callout */
.store-callout
{
	background: #f1f1f1;
	border:1px solid #ccc!important;
}
.store-callout input, 
.store-callout select
{
	height:26px;
	line-height:24px;
	border:1px solid #ccc;
	padding-top: 0;
	padding-bottom:0;
    padding-left: 2px;
    padding-right: 2px;
}
.store-callout select
{
	padding:3px;
}
	
.store-callout .formbutton, 
.productDescGrid .formbutton,
.productPriceList .formbutton
{
	display:block;
	height:24px;
	line-height:24px;
	cursor:pointer;
	padding: 0 7px;
	border-radius:4px;
	background: #000 url('/global/global_graphics/store-button.jpg') repeat-x top;
	border:1px solid #000;
	color:#fff;
	text-shadow:1px 1px #000;
	text-align: center;
	font-size: 11px;
}

.store-callout .formbutton:hover, 
.productDescGrid .formbutton:hover,
.productPriceList .formbutton:hover
{
	background: #333;
	text-decoration:none;
	font-size: 11px;
}
/* ---------------------------------------------------
	END Store
/* --------------------------------------------------- */


/*Address Validation PopUp Selector Styles*/
/*#AVD_InvalidAddress {
    background-color: #EEEEEE;
    border: solid 1px #DDDDDD;
    padding: 4px;
}

.ADV_Sug_Radio {
    border:solid 1px #DDD;
}

.ADV_Sug_Radio:hover {
    border:solid 1px #AAA;
    background-color: #cccccc;
}

.ADV_Sug_Radio input {
    display: none;
}

#AVD_ButtonRow td {
    text-align:right;
    padding: 20px;
    margin: 10px;
}

.ADV_Sug_Radio_Selected {
    background-color:#FFFFFF;
}*/

/* Fixes layering issues in the right rail of the FX templates */
#right .zone { clear:both; }

#sub-snapshots .zone-content-surveys,
#sub-snapshots .zone-content-news,
#sub-snapshots .zone-content-featured,
#sub-snapshots .zone-content-calendar {
    width:23%;
    margin-left:1.5%;
    float:left;
}

/* Handle notification bubbles on Member Profile page */
.noti_bubble {
        font-family:sans-serif;
	font-size:14px;
	font-weight:bold;
	position:absolute; 
	display:block; 
	height: 20px;
    line-height: 20px;
    padding: 2px 8px;
	border:none;
	width:auto; 
	top:22px;
	left: -3px;
	text-align:center;  
	color:#fff;
	border-radius: 20px;
	background: #43c6f7;
	/* BEGIN ANIMATION */
	-webkit-animation: trans-notification .5s infinite linear;
	-moz-animation: trans-notification .5s infinite linear;
	-o-animation: trans-notification .5s infinite linear;
	-ms-animation: trans-notification .5s infinite linear;
	animation: trans-notification .5s infinite linear;
	/* BEGIN EASING */
	-webkit-transition: all .25s ease-out 0.1s;
	-moz-transition: all .25s ease-out 0.1s;
	-o-transition: all .25s ease-out 0.1s;
	-ms-transition: all .25s ease-out 0.1s;
	transition: all .25s ease-out 0.1s;
}


.noti_bubble_store {
    font-family:sans-serif;
	font-size:12px;
	font-weight:bold;
	position:absolute; 
	display:block; 
	height: 18px;
    line-height: 18px;
    padding: 2px 8px;
	border:none;
	width:auto; 
	top:-5px;
	left: -15px;
	text-align:center;  
	color:#fff;
	border-radius: 18px;
	background: #FF9933;
	/* BEGIN ANIMATION */
	-webkit-animation: trans-notification-store .5s infinite linear;
	-moz-animation: trans-notification-store .5s infinite linear;
	-o-animation: trans-notification-store .5s infinite linear;
	-ms-animation: trans-notification-store .5s infinite linear;
	animation: trans-notification-store .5s infinite linear;
	/* BEGIN EASING */
	-webkit-transition: all .25s ease-out 0.1s;
	-moz-transition: all .25s ease-out 0.1s;
	-o-transition: all .25s ease-out 0.1s;
	-ms-transition: all .25s ease-out 0.1s;
	transition: all .25s ease-out 0.1s;
}


@keyframes trans-notification {
	0%       {}
	50%		{background:#18a2d6;}
	100%     {}
}

@keyframes trans-notification-store {
	0%       {}
	50%		{background:#F6AC62;}
	100%     {}
}

/* Innova editor workaround */
.isdd_over h1,
.isdd_over h2,
.isdd_over h3,
.isdd_over h4,
.isdd_over h5,
.isdd_over h6,
.isdd_over p,
.isdd_over pre,
.isdd_over div
{
    color: white !important
}

/*Styles for category based search results grids*/
#SearchResultsGridView,
#SearchResultsGridView tr td
{
	border: none;
	border-collapse:collapse;
	width: 100%;
}

.categoryRow
{
	padding: 5px;
}

.category-header a
{
	float: right;
	color: #286287;
	text-decoration: none;
	font-weight: normal;
	font: 14px Arial bold;
	text-transform: none;
	text-shadow: none;	
}

.CategoryResult
{
	border-bottom:dashed 1px #ccc;
	padding: 5px;
}

/* Styles for new Product Details page (all divs)*/
#dvItemOptions
{
	float: right;
	line-height: 27px;
	width: 275px;
}

.dvPriceLabel
{
	/*float: left;*/
	font-weight: bold;
	/*vertical-align: top;*/
	width: 85px;
	white-space: nowrap;
}

.ItemIndent
{
	float: left;
	margin-left: 42px;
	position: relative;
}

.ItemPriceNote {
	padding-left: 20px;
}

.dvPercentDown
{
	clear: both;
}

.dvStatusLabel, .dvQuantityLabel
{
	/*float: left;*/
	font-weight: bold;
	/*vertical-align: top;*/
	width: 85px;
}

.QuantityTextBox
{
	text-align:center;
}

.dvColorLabel, .dvSizeLabel, .dvCustomLabel
{
	/*float: none;
	clear: both;*/
	font-weight: bold;
	/*vertical-align: top;*/
}

#tdViewProduct
{
	/*float: left;*/
	width:350px;
}

#dvAdditionalImages
{
	background: none repeat scroll 0 0 #EEEEEE;
    padding: 5px 0;
    width: auto;
}

#dvAdditionalImages img
{
	padding:0;
	margin: 4px 0px 0px 2px;
	border: solid 2px #eee;
	opacity: 0.8;
}

#dvAdditionalImages img:hover
{
	opacity: 1;
	cursor: pointer;
}

#AddItemRow
{
	float:right;
	margin-top:8px;
	margin-bottom: 8px;
}


.module:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* float clearing for IE6 */
* html .module
{
	height: 1%;
	overflow: visible;
}

/* float clearing for IE7 */
* + html .module
{
	min-height: 1%;
}

/* Breadcrumb Styles
 ---------------------------------------------------------------------*/

.breadCrumb
{
	margin: 0 0 0 8px;
	
	float: left;
	display: block;
	height: 21px;
	padding:5px;
	/*border:solid 1px #dedede;*/
	background:#fff;
    text-align:left;
    padding-left:0px;
}
.breadCrumb ul
{
	margin: 0;
	padding: 0;
	height: 21px;
	display: block;
}
.breadCrumb ul li
{
	display: block;
	float: left;
	position: relative;
	height: 21px;
	
	line-height: 21px;	
}

.breadCrumb ul li span.bc-separator
{
	display: block;
	overflow: hidden;
    font-weight:bolder;
    height: 21px;
	line-height: 21px;
	
	float: left;
    padding-right:5px;
    padding-left:5px;
}
.breadCrumb ul li a
{
	display: block;
	position: relative;
	height: 21px;
	line-height: 21px;
	
	float: left;
}

	/*----- Shopping Cart -------*/
	#shopping-cart
	{
		float: right;
		margin: 0 10px;
		padding: 3px 10px;
		position: relative;
	}

		#shopping-cart.hover
		{
		}

		#shopping-cart .arrow
		{
			display: none;
		}

		#shopping-cart.hover .arrow
		{
			background: url('/global/global_graphics/icons/shoppingcartarrow.png') no-repeat 50% 0;
			content: '';
			display: block;
			height: 15px;
			left: 0;
			position: absolute;
			top: 100%;
			width: 100%;
			z-index: 999999;
		}

		#shopping-cart i
		{
			font-size: 16px;
		}

		#shopping-cart .counter
		{
		}

			#shopping-cart .counter b
			{
			}

	#shopping-cart-details
	{
		background: #fff;
		border: 1px solid #888;
		border-radius: 6px;
		box-shadow: 0px 1px 6px -1px rgba(0,0,0,0.3);
		display: none;
		left: 0;
		margin: 9px -185px;
		overflow: hidden;
		position: absolute;
		top: 100%;
		width: 300px;
		z-index: 9999;
		-moz-border-radius: 6px;
		-moz-box-shadow: 0px 1px 6px -1px rgba(0,0,0,0.3);
		-webkit-border-radius: 6px;
		-webkit-box-shadow: 0px 1px 6px -1px rgba(0,0,0,0.3);
		color: #333;
	}


		#shopping-cart-details .shopping-cart-list
		{
			margin-top: 10px;
			overflow: auto;
		}

		#shopping-cart-details .shopping-cart-list a
		{
			color: #666;
			line-height:12px;
		}
		#shopping-cart-details .shopping-cart-list a:hover
		{
			color: #999;
		}

		#shopping-cart-details .shopping-cart-item
		{
			border-bottom: 1px dashed #eee;
			clear: both;
			padding: 0 10px;
            height: 50px;
		}

		

			#shopping-cart-details .shopping-cart-item .image
			{
				float: left;
				padding: 0 10px 10px 0;
			}

				#shopping-cart-details .shopping-cart-item .image img
				{
					height: auto;
					max-height: 45px;
					max-width: 45px;
					width: auto;
				}

			#shopping-cart-details .shopping-cart-item .itemdescription
			{
				overflow: hidden;
                margin-bottom: 5px;
			}

				#shopping-cart-details .shopping-cart-item .itemdescription a
				{
                    margin: 0px;
                    padding-left: 0px;
				}

					#shopping-cart-details .shopping-cart-item .itemdescription a:hover
					{
                        color: #898989;
					}

			#shopping-cart-details .shopping-cart-item .quantity
			{
                margin-bottom: 5px;
			}

		#shopping-cart-details .cart-show-button
		{
			text-align: center;
			margin-bottom:5px;
            margin-top:0px;
		}

			#shopping-cart-details .cart-show-button input.formbutton
			{
				margin: 10px;
			}

	#shopping-cart .imgcart
	{
		margin: 7px 0px;
        vertical-align: bottom;
	}


table.tblCTACG, table.tblCTOther
{
	width: 800px;
}

table.tblCTACG td.tdGroupHeader
{
	color: #286287;
	font: 18px bold;
}

table.tblCTACG th, table.tblCTOther th
{
	color: #286287;
	font: 14px bold;
	text-align: left;
}

table.tblCTACG td.tdSubTotal
{
	color: #286287;
	font: 14px bold;
	text-align: right;
}

table.tblCTACG td.tdSubTotal span.CreditTypeName
{
	color: #333;
}


.validatorerror
{
    background-color: #CC0000;
}

.FavoriteControl
{
	float: right;
}

/*Social*/
.btn-connect.facebook {
    background-color: #3d5998;
    color: #fff;
    font-weight: normal!important;
    margin-bottom:10px;
}

.btn-connect.facebook:hover {
    background-color: #2a447e;
    color: #fff;
}

.btn-connect.linkedin {
    background-color: #007bb6;
    color: #fff;
    font-weight: normal!important;  
}

.btn-connect.linkedin:hover {
    background-color: #0070a6;
    color: #fff;
}

.btn-connect {
    -moz-user-select: none;
    background-image: none;
    border: medium none;
    border-radius: 4px;
    color: #3e76da;
    cursor: pointer;
    display: table;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 4px 10px 4px 5px;
    text-decoration: none !important;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box;
}

.btn-secure {
    -moz-user-select: none;
    background-image: none;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    background-color: #898989;
    cursor: pointer;
    display: table;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    padding: 12px 10px 13px 5px;
    text-decoration: none !important;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box;
}

#LoginForgot, #LoginRegister
{
    margin-bottom:10px;
}

.securelogin-icon{
    display: table-cell;
    text-align: center;
    width: 25px;
    height: 15px;
    line-height: 16px;
}

.facebook-icon, .linkedin-icon {
    display: table-cell;
    padding: 6px 10px 6px 6px;
    text-align: center;
    width: 24px;
}

.btn-connect img {
    height: 18px;
    vertical-align: middle;
}

.facebook-text, .linkedin-text, .securelogin-text {
    display: table-cell;
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 14px;
    color: #fff !important; 
}

.or-option {
    display: block;
    text-align: center;
    width: 100%;
    margin: 10px 0;
}  

/* Back to engagement community CSS - sitewide */
.backToCommunity {
    padding-top: 42px;
}
#back_to_platform {
	background: #f1f1f1;
	position: absolute;
	top: 0;
	width: 100%;
	padding: 12px 15px;
	border-bottom: 2px solid #e5e5e5;
	box-sizing: border-box;
	height: 42px;
	line-height: 16px;
    text-align: left;
}
#back_to_platform .fa {
	margin-right: 5px;
	font-size: 15px;
}
#back_to_platform a {
	color: #777777;
	text-decoration: none;
	font-size: 13px;
	font-family: Arial;
}
#back_to_platform a:hover {
	color: #418bca;
	text-decoration: none;
}

.privacy-widget {
    position: fixed;
    bottom: 0;
    margin: 0;
    padding: 25px;
    z-index: 100000;
    width:100%;
    background: #f4f4f4;
    border-top: 4px solid #C7C7C7;
    color: #333;
    font-size: 14px;
}

/* Directory Styles */
:root {
    --directory-results-primary-color: 85, 85, 85; /*#555555*/
    --directory-results-secondary-color: 148, 136, 148; /*#948894*/
}


/* # 2 global_inc\dhtmlcalendar.css */

/*	Begin Calendar Popup Styles */

.Style1_cpContainer
	{
	position:absolute;
	visibility:hidden;
	background-color:#f5f5f5;
	layer-background-color:#f5f5f5;
	z-index:2;
	}
.Style1_cpYearNavigation,
.Style1_cpMonthNavigation
	{
	background-color:#DDDDDD;
	text-align:center;
	vertical-align:center;
	text-decoration:none;
	color:#444444;
	font-weight:normal;
	}
.Style1_cpDayColumnHeader,
.Style1_cpYearNavigation,
.Style1_cpMonthNavigation,
.Style1_cpCurrentMonthDate,
.Style1_cpCurrentMonthDateDisabled,
.Style1_cpOtherMonthDate,
.Style1_cpOtherMonthDateDisabled,
.Style1_cpCurrentDate,
.Style1_cpCurrentDateDisabled,
.Style1_cpTodayText,
.Style1_cpTodayTextDisabled,
.Style1_cpText
	{
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:8pt;
	}
TD.Style1_cpDayColumnHeader
	{
	text-align:right;
	border:solid thin #CCCCCC;
	border-width:0 0 1 0;
	}
.Style1_cpCurrentMonthDate,
.Style1_cpOtherMonthDate,
.Style1_cpCurrentDate
	{
	text-align:right;
	text-decoration:none;
	}
.Style1_cpCurrentMonthDateDisabled,
.Style1_cpOtherMonthDateDisabled,
.Style1_cpCurrentDateDisabled
	{
	color:#D0D0D0;
	text-align:right;
	text-decoration:line-through;
	}
.Style1_cpCurrentMonthDate A
.Style1_cpCurrentMonthDate A:active,
.Style1_cpCurrentMonthDate A:hover,
.Style1_cpCurrentMonthDate A:link,
.Style1_cpCurrentMonthDate A:visited
	{
	color:#000000;
	font-weight:normal;
	}
.Style1_cpCurrentDate
	{
	color:#000000;
	font-weight:bold;
	}
.Style1_cpOtherMonthDate A,
.Style1_cpOtherMonthDate A:active,
.Style1_cpOtherMonthDate A:hover,
.Style1_cpOtherMonthDate A:link,
.Style1_cpOtherMonthDate A:visited
	{
	color:#999999;
	}
TD.Style1_cpCurrentDate
	{
	background-color:White;
	border:solid 1px #444444;
	}
TD.Style1_cpCurrentDate A
TD.Style1_cpCurrentDate A:active,
TD.Style1_cpCurrentDate A:hover,
TD.Style1_cpCurrentDate A:link,
TD.Style1_cpCurrentDate A:visited
	{
		color:#000000;
	}
TD.Style1_cpCurrentDateDisabled
	{
	border-width:1;
	border:solid thin #FFAAAA;
	}
TD.Style1_cpTodayText,
TD.Style1_cpTodayTextDisabled
	{
	border:solid thin #CCCCCC;
	border-width:1 0 0 0;
	}
A.Style1_cpTodayText,
SPAN.Style1_cpTodayTextDisabled
	{
	height:20px;
	}
A.Style1_cpTodayText,
A:active.Style1_cpTodayText,
A:hover.Style1_cpTodayText,
A:link.Style1_cpTodayText,
A:visited.Style1_cpTodayText
	{
	color:#000000;
	font-weight:normal;
	text-decoration:underline;
	text-transform:uppercase;
	}
SPAN.Style1_cpTodayTextDisabled
	{
	color:#D0D0D0;
	}
.Style1_cpBorder
	{
	}
			
/*	End Calendar Popup Styles */


/* # 3 global_inc\site_templates\HTML_5\YM-FX-02-A\base.css */

@charset "utf-8";
/* CSS Document */

.container {
    padding-left:8px;
    padding-right: 8px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
}

.row {
    margin-right: -8px!important;
    margin-left: -8px!important;
}

#itoolbar_bg {
    background-color: #333;
    min-height: 35px;
    height: auto;
}

#itoolbar a {
    font-size: 12px;
    line-height: 33px;
    text-decoration: none;
}

#isearch {
    height: auto;
    min-height:35px;
}

#isearch .btn {
    padding: 3px 10px;
    font-size: 12px;
}

#isearch .input-group {
    margin-top: 4px;
}

#isearch .form-control {
    font-size: 11px;
    height: 25px;
    padding: 3px 8px;
}

#header {
    height:100px;
    background-color: #f1f1f1;
}

#mainmenu {
    background-color: #333;
    height: 50px;
    line-height: normal;
} 

#islideshow {
    background-color: #666666;
    height: 0;
    padding-bottom: 32%;
}

#hp-main .content {
    padding: 15px;
}

#LoginForm .small {
    background: #fff;
    border: medium none;
    border-radius: 0;
    color: #999;
    font-size: 13px;
    height: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0 15px;
    width: 100%;
}

.formbutton {
    background: #000 none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #fff;
    cursor: pointer;
    height: auto;
    line-height: 18px;
    padding: 5px 15px;
    text-align: center;
}

#hp-left {
    height:auto;
    min-height:180px;
}



#hp-main .zone {
    background-color: #f1f1f1;
    height:auto;
    min-height: 250px;
    padding: 0;
}

#right .zone {
    background-color: #f1f1f1;
    height:auto;
    padding: 0;
}

.irailhead {
    background-color: #000;
    color:#fff;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    text-align: left;
}

.irailcontent {
    padding: 15px;
    text-align: left;
}

.LatestNewsItemDate {
    display: block;
}

#bottomcontentarea {
    background-color: #d1d1d1;
    padding: 20px;
}

#FooterContentArea {
    background-color: #666;
	height:auto;
	min-height:35px;
}

#icopyright {
    background-color: #333;
    padding: 10px;
}

#copyright-inner {
    color: #fff;
    text-align: center;
}

#SpTitleBar {
    background: #ebebeb;
    font-size: 24px;
    height:auto;
    padding: 15px;
}

#SpContent {
    padding: 15px;
    width: 100%;
}

#SpContent_Container {
    padding: 15px;
}

.breadCrumb ul {
    list-style: none;
}

.breadCrumb ul li {
    display: inline-block;
    height: 21px;
    line-height: 21px;
    position: relative;
}

#right {
    padding-left: 15px;
}

.navbar-toggle {
    background-color: #999;
    background-image: none;
    border: medium none;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative;
}

.navbar-toggle .icon-bar {
    background-color: #fff;
}

.mtop-0 {margin-top: 0px;}
.mtop-5 {margin-top: 5px;}
.mtop-10 {margin-top: 10px;}
.mtop-15 {margin-top: 15px;}
.mtop-20 {margin-top: 20px;}
.mtop-25 {margin-top: 25px;}
.mbottom-0 {margin-bottom: 0px;}
.mbottom-5 {margin-bottom: 5px;}
.mbottom-10 {margin-bottom: 10px;}
.mbottom-15 {margin-bottom: 15px;}
.mbottom-20 {margin-bottom: 20px;}
.mbottom-25 {margin-bottom: 25px;}
.mbottom-30 {margin-bottom: 30px;}
.mright-5 {margin-right: 5px;}
.mright-10 {margin-right: 10px;}
.mright-15 {margin-right: 15px;}
.mright-20 {margin-right: 20px;}
.mright-25 {margin-right: 25px;}
.mleft-5 {margin-left: 5px;}
.mleft-10 {margin-left: 10px;}
.mleft-15 {margin-left: 15px;}
.mleft-20 {margin-left: 20px;}
.mleft-25 {margin-left: 25px;}
.ptop-15 {padding-top: 15px;}
.pleft-15 {padding-left: 15px;}
.pright-0 {padding-right: 0;}
.pleft-0 {padding-left: 0;}
@media (min-width:768px) {
	.container {
		width: 750px;
	}
}
@media (min-width:960px) {
	.container {
		width: 900px;
	}
}
@media (min-width:1200px) {
	.container {
		width: 1016px;
	}
}
@media (max-width: 1200px) {
	.calloutbox table.filtertable td {
		float: left;
		margin-bottom: 5px;
		width: 100%;
	}
	#ProductListTable tr td {
		display: block;
		padding: 12px !important;
		width: 100%;
	}
	#tblProduct td {
		display: block;
		width: 100%;
	}
	.CustomFormTable td {
		float: left;
		width: 100% !important;
	}
	.CustomFormTable th {
		float: left;
		width: 100%;
	}
	.CustomFormTable th label {
		width: 100% !important;
	}
	.CustomFormTable td input[type="text"], .CustomFormTable td select, .CustomFormTable td textarea {
		width: 100% !important;
	}
}

@media (max-width: 991px) {
    .MemberControlPanel {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .container {
		padding-left: 15px;
		padding-right: 15px;
    }
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
		position: relative;
	}
	.row {
		margin-right: -15px!important;
		margin-left: -15px!important;
	}
    .FormTable1 td {
        display: block;
        width: 100%;
    }
	.zone .yui-skin-sam {
		display: none;
	}
}

@media (max-width: 600px) {
	.calloutbox.store-callout table td {
		display: block;
		margin-bottom: 10px;
		width: 100%;
	}

	.calloutbox.store-callout td img {
		display: none;
	}
}

@media (max-width: 480px) {
    .FormTable1 td input[type="text"], .FormTable1 td select, .FormTable1 td textarea {
            width: 100%!important;
    }
    .FormTable1 td .calloutbox input[type="text"] {
        width: auto!important;
    }  
}

input[type="radio"], input[type="checkbox"] {
	line-height: normal;
	margin: 4px 4px 0 0;
}

/* 0. Begin Template Styles */
/*********************************************/

a img {border:none;}


/* Toolbar & search styling */

#itoolbar {
    color: #FFFFFF;
}
#itoolbar a {
    color: #FFFFFF;
    text-decoration: none;
    white-space: nowrap;
}
#itoolbar a:hover {
    color: #999999;
}

#PrintPage img {
	display:none;
}

.navbar-collapse {
    background-color: #333;
    border-top: medium none !important;
    position: relative;
    z-index: 999999;
    max-height: 600px;
}
.navbar-nav .open .dropdown-menu > li > a {
    color: #428bca;
    line-height: 20px;
}
/* Begin main menu styling */

/* Begin Public Menu Style */
.RadMenu_YMPublic
{
	width: 100%;
	height: inherit;
	cursor: pointer;
}

.RadMenu_YMPublic .rootGroup .item
{
	width: 14%;
	text-align: center;
	cursor:pointer;
	display: inline-block;
}

.RadMenu_YMPublic .rootGroup .link
{
	color: #fff;
	padding:0;
	margin:0;
	line-height: 60px;
	height:60px;
	font-size: 100%;
	cursor:pointer;
	text-decoration: none;
}
.RadMenu_YMPublic .link:hover,
.RadMenu_YMPublic .focused,
.RadMenu_YMPublic .expanded
{
	background-color: #666 !important;
}
.radmenu a.link {
	cursor:pointer!important;
}
/*    Fly-out Menu */
.RadMenu_YMPublic .group
{
	width:auto;
	min-width:160px;
}
.RadMenu_YMPublic .group .item {
	min-width:184px;
	width:auto;
}
.RadMenu_YMPublic .group .link
{
    min-width: 160px;
	width:auto;
	text-align:left;
	padding:0 12px;
	line-height: 36px;
    color: #fff;
	background-color: Black;
}
.RadMenu_YMPublic .group .link:hover,
.RadMenu_YMPublic .group .focused,
.RadMenu_YMPublic .group .expanded
{
    background-color: #ccc;
}
/* End Public Menu Style */
.FeaturedMemberTile a {
	display:block;
}

/* Slideshow styling */

#full-slider-wrapper
{
	width: 100% !important;
	height:0px!important;
	padding-bottom:32% !important;
}
.slide-panel
{
	width: inherit;
}
.slide-panel .active
{
	width: inherit;
}

/* Begin Hp/Sp zone styling */

.LatestNewsItemDate {
	display:block;
}

#RememberMe input {
	margin-right:5px;
}

#members img {
	margin-right:10px;
	margin-bottom:8px;
	}
#members .FeaturedMemberTile {
	font-size:11px;
	clear:both;
	display:block;
	margin-top:15px;
	}
#members .FeaturedMemberTile a {
	font-weight:bold; 
	margin: 5px 0; 
	font-size:12px;
	}

/* Subpage title and navbar styling */

#SpNavBar form {
    float: left;
}
#SpNavBar select {
    margin-right: 5px;
}
#SpNavBar {
   background: none repeat scroll 0 0 #FFFFFF;
    height: 30px;
    line-height: 23px;
    padding: 5px 10px;
}
#SpNavBar a {
   font-size: 11px;
   float:left;
   color: #000;
   margin: 0 5px;
}

#SpNavBar a:hover {
	color:#999;
	}
	
#SpNavBar img {
	margin-right:5px;
}
#SpSubHead
{
	width: 100%;
	margin:0 auto;
}
#GroupPagesMenuLink
{
	float: left;
}
#GroupMoreMenuLink
{
	float: left;
}

/* These are bars in member pg content + */

.datagrid1 tr.header td
{
    background-color: #fff;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    text-transform: none;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    height: 30px;
	line-height:30px;
	padding:0 5px 0 5px;
}
.datagrid1 tr.header a
{
    color: #000;
    text-decoration: none;
    text-transform: none;
    font-size: 10px;
    padding: 7px 4px 7px 4px;
}
.datagrid1 tr.header a:hover
{
    text-decoration: none;
    color: #999;
    background-color: #fff;
}

.datagrid1 tr.item td
{
    background-color: #ebebeb;
	padding:5px;
}

.datagrid1 tr.altitem td
{
    background-color: #fff;
	padding:5px;
}
.datagrid1 td {
	height:auto!important;
}

.ForumSubject {
    font-size: 12px !important;
}
.FormTable1 th
{
    background-color: #fff;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    text-transform: none;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    height: 30px;
	line-height:30px;
}
.FormTable1 th a
{
    color: #000;
    text-decoration: none;
    text-transform: none;
    font-size: 10px;
    padding: 7px 4px 7px 4px;
}
.FormTable1 th a:hover
{
    text-decoration: none;
    text-transform: none;
    font-size: 10px;
    padding: 7px 4px 7px 4px;
    color: #999;
    background-color: #fff;
}

.FormTable1 tr td {
    padding-bottom: 15px;
}

/* These are bars in latest news & calendar content + */

ViewTable1 {
    margin-bottom: 10px;
}

.ViewTable1 th
{
    background-color: #fff;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    text-transform: none;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    height: 30px;
	line-height:30px;
}
.ViewTable1 th a
{
    color: #000;
    font-size: 10px;
    text-decoration: none;
}
.ViewTable1 th a:hover
{
    color: #999;
    font-size: 10px;
    text-decoration: none;
}

.ViewTable1 tr td {
    padding: 6px 0;
}

/* Button & Callout Styling */

.specialContent, .specialcontent, .SpecialContent
{
    background-color: #ebebeb;
    border: 0 none;
}
.formbutton
{
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 0 5px 0 5px;
}
.formbutton:hover {
	background: #666;
	}

.calloutbox, .infobox
{
    background-color: #ebebeb;
    border: 0 none;
    padding: 12px 15px;
}

#classyears .bigyear {
    background: none repeat scroll 0 0 #DDDDDD!important;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    margin-left: 0;
    padding: 5px;
}

#classyears .main {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD!important;
    font-size: 12px;
    height: 100%;
}
#frmWallPost #btnSubmitWallPost {
}


#strWallText, #ctl00_PageContent_ctl01_txtWallText {border:1px solid #ccc!important;}

#ctl00_PageContent_ctl01_txtWallText {margin-bottom:5px;}

/* TabBar Styling (Search and Member Profile)  */
				   
.TabBar div.activeTab a, .TabBar div.activeTab a:hover 
{
background-color: #FFFFFF;
color: #9C1E08 !important;
padding-bottom: 3px;
padding-top: 2px;
}
.TabBar div a 
{
background-color: #EEEEEE;
color: #AAAAAA;
}

#Calendar th.Head 
{
  font-size: 18px;
 padding: 5px;
 text-align:center;
}
#Calendar td.MonthPrevNext 
{
 
}

.MemberControlPanel:hover,.MemberControlPanel_Container:hover {
	background-color:#eee;
}

.CaptchaQuestion {
    white-space: normal;
}

/* Begin Custom Form Styles */

#CustomFormPager .current, #CustomFormPagerLegend .current {
    background-color: #000000;
}
 
#CustomFormPager .invalid, #CustomFormPagerLegend .invalid {
    background-color: #FB5252;
}
 
#CustomFormPager .valid, #CustomFormPagerLegend .valid {
    background-color: #8AEB8A;
}
#CustomFormPager div, #CustomFormPagerLegend div {
    border: 1px solid #333333;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin: 3px;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
    width: 16px;
}
#CustomPageBody {
	width: auto;
	clear:both;
}
#full-slider-nav-left {
	margin-top:15%;	
}

#full-slider-nav-right {
	margin-top:15%;	
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
	.datagrid1 table.pgNavigation,
	.datagrid1 table.pgNavigation thead,
	.datagrid1 table.pgNavigation tbody,
	.datagrid1 table.pgNavigation th,
	.datagrid1 table.pgNavigation td,
	.datagrid1 table.pgNavigation tr
	{
		display:inline;
	}
	.datagrid1 table.pgNavigation td:before { content: ""; }
	.datagrid1 td.td_pgNavigation:before { content: "" !important; }

	/* Force table to not be like tables anymore */
	table.datagrid1:not(.nonresponsive),
	 .datagrid1:not(.nonresponsive) thead,
	 .datagrid1:not(.nonresponsive) tbody,
	 .datagrid1:not(.nonresponsive) th,
	 .datagrid1:not(.nonresponsive) td,
	 .datagrid1:not(.nonresponsive) tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.datagrid1:not(.nonresponsive) thead tr, .datagrid1:not(.nonresponsive) tr.header, .datagrid1:not(.nonresponsive) tr.altheader, .datagrid1:not(.nonresponsive).altheader {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.datagrid1:not(.nonresponsive) tr.header { border: 1px solid #ccc; }

	.datagrid1:not(.nonresponsive) tr.item td, .datagrid1:not(.nonresponsive) tr.altitem td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		text-align:left !important;
		width: auto !important;
	}

	.datagrid1:not(.nonresponsive) tr.item td::before, .datagrid1:not(.nonresponsive) tr.altitem td::before {
		background: inherit;
		color: inherit;
		font-weight: bold;
		text-align: left;
		left: 0;
		padding: 6px 10px 7px 6px;
		position: absolute;
		top: 0;
		white-space: nowrap;
		width: 45%;
	}

	.datagrid1:not(.nonresponsive) tr.item td, .datagrid1:not(.nonresponsive) tr.altitem td {
		border-color: transparent;
	}
}

/* mobile menu */
.mobile-menu {
    color: #fff;
    font-size: 15px;
    line-height: 15px;
}
.mobile-icon {
    margin-top: 1px;
}
.caret.navbar-toggle.sub-arrow,
.navbar-nav.sm-collapsible .caret,
.navbar-nav.sm-collapsible ul .caret {
	background: transparent none repeat scroll 0 0;
    border: medium none;
    color: inherit;
}
.navbar-nav.sm-collapsible .caret::before {
	content: "\f107";
	font-family: FontAwesome;
	font-weight: bold;
}
.navbar-nav.sm-collapsible .open > a > .caret:before {
	content: '\f107';
	font-weight: normal;
}

/* correct image size for slider */
div.slide-panel > img {
    width: 100%;
}

#ContextualHelp {
    width: 100% !important;
	max-width: 400px !important;
}


/* #  global_inc\site_templates\HTML_5\YM-FX-02-A\sp.css */




/* # 4 /styles/custom.css */
/* Root Variables */
:root {
    --directory-results-primary-color: 48, 86, 165;
    --directory-results-secondary-color: 124, 194, 65;
}

@charset "utf-8";
/* CSS Document */
body {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  color: #666;
  letter-spacing: .3px;
}
p {
  margin: 0 0 10px;
  line-height: 30px;
}
.container {
  padding-left: 8px;
  padding-right: 8px;
}
input, button, select, textarea {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding: 5px 10px;
}
a {
  color: #3DBBE7;
}
a:hover {
  color: #3056A5;
  text-decoration: none;
}
h1, h2, h3, h4, h5 {
  margin: 10px 0 15px;
}
h1 {
  font-size: 32px;
  line-height: 36px;
  color: #333;
  font-weight: 400;
}
h2 {
  font-size: 30px;
  line-height: 34px;
  color: #142d4c;
  font-weight: 400;
}
h3 {
  font-size: 28px;
  line-height: 32px;
  color: #272727;
  font-weight: 400;
}
h4 {
  font-size: 26px;
  line-height: 30px;
  color: #9fd3c7;
  font-weight: 400;
}
h5 {
  font-size: 24px;
  line-height: 28px;
  color: #272727;
  font-weight: 400;
}
.container {
  padding-left: 8px;
  padding-right: 8px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
}
.row {
  margin-right: -8px !important;
  margin-left: -8px !important;
}
.toolbar-out {
  background: #fff;
  border-bottom: none;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10;
}
#itoolbar_bg {
  background-color: transparent;
  min-height: 60px;
  height: auto;
  padding-top: 0;
  position: relative;
}
#itoolbar {
  color: #FFFFFF;
  font-size: 0;
  padding-top: 11px;
  width: 96%;
}
#itoolbar a {
  color: #646c79;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
  padding: 0 8px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 300;
}
#itoolbar a:hover {
  color: #7CC241;
}
#itoolbar a[href="/login.aspx"] {
  background: #7dc242;
  color: #fff;
  width: 125px;
  border-radius: 15px;
  text-align: center;
}
#itoolbar a[href="/login.aspx"]:hover {
  opacity: .7;
}
#isearch {
  height: auto;
  min-height: 35px;
  position: absolute;
  top: 5px;
  width: auto;
  right: 0;
  z-index: 1000;
}
#isearch .input-group-btn {
  display: none;
}
#isearch .btn {
  color: #fff;
  padding: 3px 10px;
  font-size: 12px;
  background-color: #147DBF;
  border: none;
  height: 25px;
}
#isearch .btn:hover {
  background-color: #9fd3c7;
  border-color: #9fd3c7;
  color: #fff;
}
#isearch .input-group {
  margin-top: 4px;
}
#isearch .form-control {
  font-size: 11px;
  height: 25px;
  padding: 3px 8px;
  border: none;
  box-shadow: none;
}
#isearch input[name="bst"] {
  border-radius: 0;
  color: #e1e5ef;
  font-family: inherit;
  font-size: 12px;
  outline: medium none;
  padding: 0 8px;
  transition: all 0.5s ease 0s;
  width: 34px;
}
#isearch input[name="bst"] {
  background: transparent url("//cdn.ymaws.com/staging-scip.site-ym.com/graphics/search.png") no-repeat scroll center center;
  border: none;
  box-shadow: none;
  color: #e1e5ef;
  cursor: pointer;
  font-size: 11px;
  font-style: italic;
  font-weight: 400;
  height: 35px;
  padding-left: 28px;
  width: 0;
}
#isearch input[name="bst"]:focus {
  background: #f1f1f1 url("//cdn.ymaws.com/staging-scip.site-ym.com/graphics/search.png") no-repeat scroll 8px center;
  border: medium none;
  border-radius: 0;
  color: #666;
  cursor: auto;
  padding-left: 30px;
  padding-right: 10px;
  width: 220px;
}
.header-out {
  background: #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  position: fixed;
  z-index: 11;
  width: 100%;
  top: 60px;
}
#header {
  height: 67px;
  background-color: transparent;
  position: relative;
}
#logo {
  position: absolute;
  top: -32px;
  left: 0;
}
.head-social {
  position: absolute;
  right: 8px;
  top: 31px;
}
.head-social a {
  font-size: 24px;
  margin-left: 13px;
}
#social {
  position: absolute;
  right: 10px;
  top: 20px;
}
.social a {
  display: inline-block;
  height: 36px;
  font-size: 14px;
  border-radius: 2px;
  margin-left: 13px;
}
.social i {
  font-size: 22px;
  display: initial;
}
.social a:hover {
  opacity: .7;
}
.hp-center-out .container {
  width: 100%;
}
.slogan {
  position: absolute;
  right: 0;
  bottom: 6px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
}
.mainmenu-out {
  background: transparent;
  border-bottom: none;
  box-shadow: none;
  position: fixed;
  top: 126px;
  width: 100%;
  z-index: 12;
}
#mainmenu {
  background-color: transparent;
  height: 0;
  line-height: normal;
}
.islideshow-out {
  background-repeat: repeat-x;
  padding: 60px 0 45px;
  border-bottom: none;
  display: none;
}
#islideshow {
  background-color: #666666;
  height: 0;
  padding-bottom: 32%;
  -webkit-box-shadow: 0 7px 6px -6px #888;
  -moz-box-shadow: 0 7px 6px -6px #888;
  box-shadow: 0 7px 6px -6px #888;
}
#hp-main {
  padding-top: 127px;
}
#sp-main {
  /*padding-top: 173px;*/
}
#left {
  margin-top: 31px;
}
#hp-main .content {
  padding: 15px;
}
.hp-center-out {
  background: url(//cdn.ymaws.com/staging-scip.site-ym.com/graphics/hero.jpg);
  background-position: left top;
  min-height: 700px;
  background-repeat: no-repeat;
  background-size: cover !important;
  position: relative;
}
#hp-center {
  margin-bottom: 0;
  padding: 0;
}
#hp-center .content {
  padding: 0;
}
p.rss-title {
  display: none;
}
.feedWrap {
  width: 100%;
  float: left;
}
.feedout {
  width: 300px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -252px;
  display: table;
  background: rgba(255, 255, 255, .7);
  padding: 10px;
}
.textDIv {
  width: 75%;
  position: ABSOLUTE;
  left: 40px;
  bottom: 140px;
}
ul.rss-items {
  padding: 0;
}
li.rss-item {
  list-style: none;
  margin-bottom: 15px;
}
li.rss-item a {
  color: #444;
}
li.rss-item a {
  color: #444;
  font-size: 15px;
}
li.rss-item a:hover {
  color: #3056A5;
}
span.rss-date {
  font-size: 13px;
}
.feedTitle p {
  color: #f16123;
  font-weight: 400;
  font-size: 20px;
  text-transform: uppercase;
}
.feedTitle, .feedContent {
  padding: 15px 15px 0 15px;
}
.feedContent {
  border-bottom: 1px solid #fff;
}
#news .feedContent {
  border-bottom: none;
}
/*=========CTA=============*/
.ctaIcon {
  text-align: center;
  font-size: 75px;
}
.ctaTitle {
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
}
.ctaCont {
  text-align: center;
  font-size: 14px;
  margin-bottom: 14px;
}
#icon1 a, #title1 a {
  color: #30b9e4;
}
#icon2 a, #title2 a {
  color: #f16123;
}
#icon3 a, #title3 a {
  color: #3255a6;
}
#icon4 a, #title4 a {
  color: #7dc242;
}
.ctaIcon a, .ctaTitle a {
  -webkit-transition: all 225ms ease-in 0s;
  -moz-transition: all 225ms ease-in 0s;
  -o-transition: all 225ms ease-in 0s;
  transition: all 225ms ease-in 0s;
}
.ctaIcon a:hover, .ctaTitle a:hover {
  opacity: .5;
}
#hp-center .content h1 {
  font-size: 40px;
  color: #fff;
  font-weight: 400;
  line-height: 48px;
}
a.customBTN {
  background: #3255a6;
  color: #fff;
  display: inline-block;
  padding: 10px 30px;
  border-radius: 20px;
  -webkit-transition: all 225ms ease-in 0s;
  -moz-transition: all 225ms ease-in 0s;
  -o-transition: all 225ms ease-in 0s;
  transition: all 225ms ease-in 0s;
}
a.customBTN:hover {
  background: #25BBE7;
}
.customeBTN {
  color: #fff;
  display: inline-block;
  background: #9fd3c7;
  margin-top: 30px;
  padding: 10px 30px;
  text-transform: uppercase;
  -webkit-transition: all 225ms ease-in 0s;
  -moz-transition: all 225ms ease-in 0s;
  -o-transition: all 225ms ease-in 0s;
  transition: all 225ms ease-in 0s;
}
.customeBTN:hover {
  background: #9fd3c7;
  color: #fff;
}
#LoginForm .small {
  background: #f1f1f1;
  border: medium none;
  border-radius: 0;
  color: #999;
  font-size: 13px;
  height: 32px;
  line-height: 32px;
  margin: 0;
  padding: 0 15px;
  width: 100%;
}
#sp-main #LoginForm .small {
  background: #fff;
}
.hp-left-out {
  padding: 60px 0 70px;
  border-bottom: none;
  position: relative;
}
.topTextOut {
  text-align: center;
  margin-bottom: 60px;
}
.topTextOut p {
  width: 75%;
  margin: 0 auto;
}
#hp-left {
  height: auto;
  min-height: auto;
  width: 100%;
}
#hp-left #infoImageWrap {
  padding: 0;
  margin-bottom: 20px;
  border: 2px solid #1d4e7a;
}
#hp-left #contentWrap {
  padding: 0 30px;
}
#hp-left a.readMore {
  font-weight: bold;
  color: #9fd3c7;
  float: left;
  margin-top: 10px;
  font-size: 14px;
}
#hp-left a.readMore:hover {
  color: #9fd3c7;
}
#hp-main .zone {
  background-color: rgba(255, 255, 255, .85);
  height: auto;
  min-height: 320px;
  padding: 0;
}
#right .zone {
  background-color: #f9f9f9;
  box-shadow: inset 0 0 0 1px #fff;
  border: none;
  height: auto;
  padding: 0;
}
#hp-main #login {
  background-color: transparent;
  height: auto;
  min-height: 280px;
  padding: 0;
  box-shadow: none;
  border: none;
  border-left: 1px solid #aaa;
  display: none;
}
.irailhead {
  background-color: transparent;
  color: #222;
  height: auto;
  line-height: normal;
  padding: 16px 15px 0;
  text-align: left;
  font-size: 22px;
  text-transform: uppercase;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, .8);
}
.irailhead a {
  font-size: 12px;
  line-height: 31px;
  display: block;
  background: #7CC241;
  padding: 0 10px;
  border-radius: 18px;
  border: none;
  color: #fff;
  text-shadow: none;
  font-weight: 400;
  text-transform: lowercase;
  box-shadow: none;
}
.irailhead a:hover {
  background: #9fd3c7;
}
.irailcontent {
  padding: 15px;
  text-align: left;
  color: #666;
}
.irailcontent a {
  font-style: normal;
  font-weight: 700;
  padding: 4px 0;
  font-size: 14px;
}
.irailcontent a:hover {}
.LatestNewsItemDate {
  display: block;
}
#bottom-left {
  width: 100%;
  padding: 0;
}
#bottom-left .irailcontent {
  padding: 0;
}
.bottom-left-out {
  padding: 0;
}
.bottom-left-out .container {
  width: 100%;
}
.bottomcontentarea-out {
  padding: 0 0;
}
.bottomcontentarea-out .container {
  width: 100%;
  padding: 0 80px;
}
#bottomcontentarea {
  background-color: #fff;
  padding: 40px 0 60px;
  margin-bottom: 0;
}
#bottomcontentarea h3 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 60px;
}
#FooterContentArea {
  background-color: #3255a6;
  height: auto;
  min-height: 35px;
  padding: 40px 0px 0;
  position: relative;
}
img.footWaterMark {
  position: absolute;
  right: 16px;
  bottom: -34px;
}
#socialFoot {
  height: 60px;
}
.social {
  position: absolute;
  left: 50%;
  width: 122px;
  margin-left: -61px;
}
.social a {
  display: inline-block;
  margin: 0 10px;
  color: #fff;
}
#footContent {
  text-align: center;
  color: #fff;
}
#icopyright {
  background-color: #3255a6;
  padding: 20px 0px 20px;
  font-size: 12px;
}
/*
Stat Styles
============================*/
#statOut {
  background: url(//cdn.ymaws.com/staging-scip.site-ym.com/graphics/statbg.jpg);
  background-size: cover;
  height: 470px;
  background-attachment: fixed;
  background-position: top center;
  padding-top: 60px;
}
#statTite {
  margin-bottom: 40px;
}
#statTite h3 {
  font-size: 32px;
  color: #fff;
  text-align: center;
}
.statWrap, .statWrap p {
  text-align: center;
}
p.statNumber {
  color: #fff;
  font-size: 62px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
span.greenPlus {
  color: #7dc242;
}
p.statText {
  position: ABSOLUTE;
  right: 0;
  left: 0;
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  top: 51px;
}
#StatBTNOut a {
  display: table;
  width: 206px;
  height: 50px;
  border-radius: 25px;
  line-height: 50px;
  margin: 0 auto;
}
#StatBTNOut {
  margin-top: 60px;
}
/*Members Styles
============================*/
#memberOut {
  padding: 60px 0;
  background: #f7f7f7;
}
#memberTite {
  text-align: center;
  margin-bottom: 40px;
}
#memberTite h3 {
  font-size: 32px;
  color: #222;
}
.memCont {
  text-align: center;
}
.memCont h4 {
  text-align: center;
  color: #f16123;
  text-transform: uppercase;
  font-size: 20px;
  margin: 10px 0 0;
}
.memLink {
  text-align: center;
}
.memLink a {
  color: #3255a6;
}
.memLink a:hover {
  opacity: .7;
}
#hp-main .news, #hp-main .calendar {
  display: none;
}
/*Newsletter Styles
============================*/
#newsletterOut {
  color: #fff;
  padding: 30px 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3255a6+0,30b9e4+100 */
  background: rgb(50, 85, 166); /* Old browsers */
  background: -moz-linear-gradient(left, rgba(50, 85, 166, 1) 0%, rgba(48, 185, 228, 1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(50, 85, 166, 1) 0%, rgba(48, 185, 228, 1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(50, 85, 166, 1) 0%, rgba(48, 185, 228, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3255a6', endColorstr='#30b9e4', GradientType=1); /* IE6-9 */
}
#newsletterOut .right {
  text-align: left;
  padding-left: 60px;
}
#newsletterOut .left {
  text-align: right;
}
#newsletterOut .left {
  font-size: 22px;
}
#newsletterOut .left i {
  font-size: 30px;
  margin-right: 10px;
}
#newsletterOut .newsbtn {
  color: #fff;
  background: #7dc242;
  border-radius: 60px;
  display: inline-block;
  padding: 8px 45px;
  text-transform: uppercase;
  font-weight: 400;
  border: 1px solid #fff;
}
#newsletterOut .newsbtn:hover {
  background: #fff;
  color: #7dc242;
}
#copyright-inner {
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 0 55px;
}
#copyright-inner a {
  color: #fff;
}
#copyright-inner a:hover {
  color: #142d4c;
}
#SpTitleBar {
  background: transparent;
  font-size: 43px;
  height: auto;
  padding: 15px;
  margin-bottom: 50px;
  margin-top: 0px;
  display: table;
  color: #142D4B;
}
#SpContent {
  padding: 15px;
  width: 100%;
  table-layout: fixed;
}
#SpContent_Container {
  padding: 15px;
}
.breadCrumb ul {
  list-style: none;
}
.breadCrumb ul li {
  display: inline-block;
  height: 21px;
  line-height: 21px;
  position: relative;
}
#right {
  padding-left: 15px;
  margin-top: 148px;
}
.navbar-toggle {
  background-color: #999;
  background-image: none;
  border: medium none;
  border-radius: 4px;
  float: right;
  margin-bottom: 8px;
  margin-right: 15px;
  margin-top: 8px;
  padding: 9px 10px;
  position: relative;
}
.navbar-toggle .icon-bar {
  background-color: #fff;
}
/* 0. Begin Template Styles */
/*********************************************/
a img {
  border: none;
}
/* Toolbar & search styling */
#PrintPage img {
  display: none;
}
.navbar-left {
  float: right !important;
  margin-top: -65px;
}
.navbar-nav > li > a {
  color: #333;
  font-size: 19px;
  text-transform: none;
  font-weight: 300;
  padding: 15px 16px;
}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
  background-color: transparent;
  color: #7CC241;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: transparent;
  color: #7CC241;
}
.dropdown-menu {
  background-color: #7CC241;
  min-width: 250px !important;
  border: none;
  border-radius: 0;
}
.navbar-collapse {
  background-color: transparent;
  border-top: medium none !important;
  position: relative;
  z-index: 999999;
  max-height: 600px;
}
.navbar-nav .open .dropdown-menu > li > a {
  background-color: tranparent;
  color: #fff;
  line-height: 20px;
  border-bottom: none;
}
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
  background-color: rgba(0, 0, 0, .2);
  color: #fff;
  border-bottom: none;
}
/* End Public Menu Style */
.FeaturedMemberTile a {
  display: block;
}
/* Slideshow styling */
#full-slider-wrapper {
  width: 100% !important;
  height: 0px !important;
  padding-bottom: 32% !important;
}
.slide-panel {
  width: inherit;
}
.slide-panel .active {
  width: inherit;
}
/* Begin Hp/Sp zone styling */
.LatestNewsItemDate {
  display: block;
}
#RememberMe input {
  margin-right: 5px;
}
#members img {
  margin-right: 10px;
  margin-bottom: 8px;
}
#members .FeaturedMemberTile {
  font-size: 11px;
  clear: both;
  display: block;
  margin-top: 15px;
}
#members .FeaturedMemberTile a {
  font-weight: bold;
  margin: 5px 0;
  font-size: 12px;
}
/* Subpage title and navbar styling */
#SpNavBar form {
  float: left;
}
#SpNavBar select {
  margin-right: 5px;
}
#SpNavBar {
  background: none repeat scroll 0 0 #FFFFFF;
  height: 30px;
  line-height: 23px;
  padding: 5px 10px;
}
#SpNavBar a {
  font-size: 11px;
  float: left;
  color: #000;
  margin: 0 5px;
}
#SpNavBar a:hover {
  color: #999;
}
#SpNavBar img {
  margin-right: 5px;
}
#SpSubHead {
  width: 100%;
  margin: 0 auto;
}
#GroupPagesMenuLink {
  float: left;
}
#GroupMoreMenuLink {
  float: left;
}
/* These are bars in member pg content + */
.datagrid1 tr.header td {
  background-color: #3056A5;
  color: #fff;
  font-size: 14px !important;
  font-weight: bold;
  text-transform: none;
  border-top: transparent;
  border-bottom: transparent;
  height: 30px;
  line-height: 30px;
  padding: 5px;
}
.datagrid1 tr.header a {
  color: #eee;
  text-decoration: none;
  text-transform: none;
  font-size: 14px;
  padding: 7px 4px 7px 4px;
}
.datagrid1 tr.header a:hover {
  text-decoration: none;
  color: #9fd3c7;
  background-color: transparent;
}
.datagrid1 tr.item td {
  background-color: #ebebeb;
  padding: 5px;
}
.datagrid1 tr.altitem td {
  background-color: #fff;
  padding: 5px;
}
.datagrid1 td {
  height: auto !important;
}
.ForumSubject {
  font-size: 12px !important;
}
.FormTable1 th {
  background-color: #3056A5;
  color: #fff;
  font-size: 14px !important;
  font-weight: bold;
  text-transform: none;
  border-top: transparent;
  border-bottom: transparent;
  height: 30px;
  line-height: 30px;
  padding: 5px;
}
.FormTable1 th a {
  color: #eee;
  font-size: 14px;
  text-decoration: none;
}
.FormTable1 th a:hover {
  text-decoration: none;
  text-transform: none;
  font-size: 14px;
  padding: 7px 4px 7px 4px;
  color: #9fd3c7;
  background-color: transparent;
}
.FormTable1 tr td {
  padding-bottom: 10px;
  padding-top: 10px;
}
/* These are bars in latest news & calendar content + */
ViewTable1 {
  margin-bottom: 10px;
}
.ViewTable1 th {
  background-color: #3056A5;
  color: #fff;
  font-size: 14px !important;
  font-weight: bold;
  text-transform: none;
  border-top: transparent;
  border-bottom: transparent;
  height: 30px;
  line-height: 30px;
  padding: 5px;
}
.ViewTable1 th a {
  color: #eee;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
}
.ViewTable1 th a:hover {
  color: #9fd3c7;
  font-size: 14px;
  text-decoration: none;
}
.ViewTable1 tr td {
  padding: 6px 0;
}
/* Button & Callout Styling */
.specialContent, .specialcontent, .SpecialContent {
  background-color: #ebebeb;
  border: 0 none;
}
.formbutton {
  background-color: #7DC241;
  color: #fff;
  text-align: center;
  padding: 9px 45px;
  border: none;
  line-height: normal;
  box-shadow: none;
  text-transform: uppercase;
  font-size: 15px;
  border-radius: 17px;
}
.formbutton:hover {
  background-color: #25BBE7;
  border: none;
  color: #fff;
}
.calloutbox, .infobox {
  background-color: #eee;
  border: 1px solid #ddd;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .6);
  padding: 12px 15px;
}
#classyears .bigyear {
  background: none repeat scroll 0 0 #DDDDDD !important;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  margin-left: 0;
  padding: 5px;
}
#classyears .main {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #DDDDDD !important;
  font-size: 12px;
  height: 100%;
}
#frmWallPost #btnSubmitWallPost {
  font-size: 11px !important;
  padding: 5px 20px !important;
}
#strWallText, #ctl00_PageContent_ctl01_txtWallText {
  border: 1px solid #ccc !important;
}
#ctl00_PageContent_ctl01_txtWallText {
  margin-bottom: 5px;
}
/* TabBar Styling (Search and Member Profile)  */
.TabBar div.activeTab a, .TabBar div.activeTab a:hover {
  background-color: #7CC241;
  color: #fff !important;
  padding-bottom: 3px;
  padding-top: 2px;
}
.TabBar div a {
  background-color: #3056A5;
  color: #fff;
}
.TabBar div a:hover {
  background-color: #3DBCE7;
  color: #fff;
}
#Calendar th.Head {
  font-size: 18px;
  padding: 5px;
  text-align: center;
}
#Calendar td.MonthPrevNext {}
.MemberControlPanel:hover {
  background-color: transparent !important;
}
.MemberControlPanel_Container:hover {
  background-color: #f1f1f1;
  box-shadow: inset 0 0 0 1px #ddd;
  height: 65px;
}
.deemphasize {
  color: #333;
}
.CaptchaQuestion {
  white-space: normal;
}
/* Begin Custom Form Styles */
#CustomFormPager .current, #CustomFormPagerLegend .current {
  background-color: #000000;
}
#CustomFormPager .invalid, #CustomFormPagerLegend .invalid {
  background-color: #FB5252;
}
#CustomFormPager .valid, #CustomFormPagerLegend .valid {
  background-color: #8AEB8A;
}
#CustomFormPager div, #CustomFormPagerLegend div {
  border: 1px solid #333333;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  margin: 3px;
  padding: 3px;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}
#CustomPageBody {
  width: auto;
  clear: both;
}
#full-slider-nav-left {
  margin-top: 15%;
}
#full-slider-nav-right {
  margin-top: 15%;
}
#DisplayCurrMenu_c {
  left: -60px !important;
}
#GalleryFormsPanel {
  max-width: 680px;
  width: 100% !important;
}
#JournalEntryFormPanel {
  max-width: 640px;
  width: 100% !important;
}
#JournalEntryFormPanel_c {
  left: 40px !important;
}
#ctl00_PageContent_isTwitterEnabled {
  max-width: 400px;
  width: 100% !important;
}
.DescriptionPanel.yui-module.yui-overlay.yui-panel {
  max-width: 350px;
  width: 100% !important;
}
.FeaturedMemberTile {
  clear: both;
  min-height: 80px;
  padding-bottom: 10px;
}
.FeaturedMemberTile a {
  display: block;
  margin-bottom: 5px;
}
.FeaturedMemberTile img {
  margin-bottom: 10px;
  margin-right: 10px;
}
#tblBasicSearch td, .FormTable1 td {
  text-align: left;
}
.redalert {
  color: #d9534f;
}
.mtop-0 {
  margin-top: 0px;
}
.mtop-5 {
  margin-top: 5px;
}
.mtop-10 {
  margin-top: 10px;
}
.mtop-15 {
  margin-top: 15px;
}
.mtop-20 {
  margin-top: 20px;
}
.mtop-25 {
  margin-top: 25px;
}
.mbottom-0 {
  margin-bottom: 0px;
}
.mbottom-5 {
  margin-bottom: 5px;
}
.mbottom-10 {
  margin-bottom: 10px;
}
.mbottom-15 {
  margin-bottom: 15px;
}
.mbottom-20 {
  margin-bottom: 20px;
}
.mbottom-25 {
  margin-bottom: 25px;
}
.mbottom-30 {
  margin-bottom: 30px;
}
.mright-5 {
  margin-right: 5px;
}
.mright-10 {
  margin-right: 10px;
}
.mright-15 {
  margin-right: 15px;
}
.mright-20 {
  margin-right: 20px;
}
.mright-25 {
  margin-right: 25px;
}
.mleft-5 {
  margin-left: 5px;
}
.mleft-10 {
  margin-left: 10px;
}
.mleft-15 {
  margin-left: 15px;
}
.mleft-20 {
  margin-left: 20px;
}
.mleft-25 {
  margin-left: 25px;
}
.ptop-15 {
  padding-top: 15px;
}
.pleft-15 {
  padding-left: 15px;
}
.pright-0 {
  padding-right: 0;
}
.pleft-0 {
  padding-left: 0;
}
#Form1 td {
  padding: 5px;
}
#SpPopup_Container {
  background: #fff;
  vertical-align: top;
  height: 1500px;
}
.navbar-toggle {
  background-color: #5D9158;
}
#ctl00_PageContent_fpb_pForumsQuickSearch {
  margin: 0px 25px 0px 6px !important;
}
#SpPopup_Container #SpTitleBar {
  padding-left: 15px;
}
#Calendar th {
  text-align: center;
}
table.FormTable1 .label {
  color: #333;
}
#RememberMe {
  font-size: 12px;
}
#SearchForm td, #SearchForm th {
  padding: 0 !important;
  float: left;
}
#SearchForm td.small {
  margin-top: 11px;
}
.myContainer {
  margin: 0 auto;
}
@media (min-width:768px) {
  .container {
    width: 750px
  }
  .myContainer {
    width: 750px;
  }
}
@media (min-width:960px) {
  .container {
    width: 950px
  }
  .myContainer {
    width: 950px;
  }
}
@media (min-width:1200px) {
  .container {
    width: 1200px
  }
  .myContainer {
    width: 1200px;
  }
}
@media (max-width: 1400px) {
  .textDIv {
    width: 68%;
  }
}
@media (max-width: 1200px) {
  .navbar-nav > li > a {
    padding: 15px 11px;
    font-size: 16px;
  }
  #itoolbar a {
    padding: 0 5px;
    font-size: 12px;
  }
  #SearchForm td {
    width: 100%;
    float: left;
  }
  #logo img {
    width: 90%;
    padding-top: 0px;
  }
  .hp-center-out {}
  #hp-center .content h1 {
    font-size: 50px;
    line-height: 58px;
  }
  .customeBTN {
    color: #fff;
    display: inline-block;
    background: #9fd3c7;
    margin-top: 30px;
    padding: 8px 20px;
  }
  #SearchForm td input {
    width: 100%;
    float: left;
    s
  }
  #HelpLink_SEARCH_SYNTAX {
    display: block;
  }
}
@media (max-width: 991px) {
  .MemberControlPanel {
    width: 100%;
  }
  #CustomFormForm th, #CustomFormForm td, .CustomFormTable th, .CustomFormTable td {
    display: block;
    width: 100% !important;
  }
  #CustomFormForm th label {
    width: 100% !important;
  }
  #CustomFormForm td input[type="text"], #CustomFormForm td select, #CustomFormForm td textarea, .CustomFormTable td input[type="text"] {
    width: 100% !important;
  }
  .CustomFormTable .nameRow input[type="text"] {
    margin-bottom: 15px;
  }
}
@media (max-width: 960px) {
  #header {
    height: 75px;
  }
  .navbar-left {
    margin-top: -35px;
  }
  .navbar-nav > li > a {
    padding: 15px 10px;
    font-size: 14px;
  }
  .hp-center-out {
    background-position: -435px top;
    background-size: cover;
    height: auto;
  }
  #hp-center .content {
    padding: 40px;
  }
  #hp-center .content h1 {
    font-size: 40px;
    line-height: 58px;
  }
  .textDIv {
    width: 60%;
  }
  .textDIv {
    width: 100%;
    float: left;
    position: inherit;
    margin-bottom: 40px;
  }
  .feedout {
    width: 100%;
    position: inherit;
  }
  .header-out .container, .toolbar-out .container, .mainmenu-out .container {
    padding: 0 15px;
  }
  p.statNumber {
    font-size: 56px;
  }
  #FooterContentArea .container {
    width: 100%;
    padding: 0 15px;
  }
  .footNav {
    top: 1px;
  }
}
@media (max-width: 767px) {
  .statWrap img {
    margin: 0 auto 40px;
    width: 134px;
    float: none;
    display: table;
  }
  #statOut {
    padding-bottom: 60px;
    height: auto;
    height: 100% !important;
  }
  #hp-main, #sp-main {
    padding-top: 0;
  }
  #newsletterOut .left {
    text-align: center;
  }
  #newsletterOut .right {
    text-align: center;
    padding: 20px 0 0 0;
  }
  #right {
    margin-top: 0;
  }
  #hp-center .content #heroChev {
    display: none;
  }
  #hp-center .content {
    text-align: center;
  }
  #hp-center .content {
    height: auto;
  }
  #hp-main #login {
    border: none;
  }
  .toolbar-out, .header-out, .mainmenu-out {
    position: inherit;
  }
  .islideshow-out {
    padding: 40px 0 30px;
  }
  #sp-main {
    padding-top: 0;
  }
  #isearch {
    padding: 0;
  }
  #hp-left #contentWrap {
    padding: 0;
  }
  .navbar-toggle {
    background-color: #7CC241;
    margin-top: -50px;
  }
  .navbar-left {
    float: none !important;
    margin: 0;
  }
  #hp-main .zone {
    min-height: auto;
  }
  .navbar-collapse {
    background-color: #7CC241;
  }
  .navbar-nav > li > a {
    color: #fff;
    font-size: 15px;
    padding: 15px 12px;
    font-weighht: 400;
  }
  .navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
  }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
  }
  #FooterContentArea {
    text-align: center;
    padding: 60px 0px 20px;
  }
  .inCol {
    float: none;
    width: 100%;
  }
  .inCol a {
    background: rgba(255, 255, 255, .1);
    padding: 10px 0;
    margin-bottom: 20px;
    display: block;
  }
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
  }
  .row {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }
  .FormTable1 td {
    display: block;
    width: 100%;
  }
}
@media (max-width: 600px) {
  .productNameList {
    word-break: break-all;
  }
  #ctl00_PageContent_divUpload .nonresponsive td {
    float: left;
    width: 100%;
  }
}
@media (max-width: 480px) {
  #hp-center .content h1 {
    font-size: 32px;
    line-height: 45px;
  }
  #logo {
    width: 160px;
    top: -13px;
  }
  #logo img {
    width: 100%;
  }
  #statOut {
    background-attachment: inherit;
  }
  #infoImageWrap {
    display: none;
  }
  .navbar-toggle {
    margin-right: 0;
  }
  .hp-left-out {
    padding: 40px 0 30px;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, .5);
    position: relative;
  }
  span.mobile-menu.pull-left {
    display: none;
  }
  .mobile-icon.pull-left.mleft-10 {
    margin-left: 0;
  }
  .footSocial a {
    display: block;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .footSocial {
    width: auto;
  }
  .head-social {
    left: 0;
    right: auto;
    top: auto;
    bottom: -42px;
    background: rgba(255, 255, 255, .8);
    padding-right: 13px;
  }
  #itoolbar a {
    font-size: 9px;
    line-height: 33px;
    text-decoration: none;
    padding: 0 9px;
  }
  .FormTable1 td input[type="text"], .FormTable1 td select, .FormTable1 td textarea {
    width: 100% !important;
  }
  .FormTable1 td .calloutbox input[type="text"] {
    width: auto !importnat;
  }
  #CustomFormForm th label {
    width: 100% !important;
    max-width: 280px;
  }
}
/* # 5 CLIENT - DEFINED STYLES */
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,400;1,500;1,700&display=swap");
#logo img {
  filter: brightness(0) invert(1);
}

#SpContent_Container,
#sp-main {
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
  font-family: "IBM Plex Sans", sans-serif;
}

#sp-main > .row {
  margin: 0 !important;
}

#sp-main #left {
  padding: 0 !important;
}

a:not(.btn) {
  color: #25bbe7;
  text-decoration: underline;
  transition: ease-in all 0.3s;
}

a:not(.btn):hover {
  color: #25bbe7;
  text-decoration: underline;
}

.text-white {
  color: #ffffff !important;
}

.btn {
  border-radius: 5px;
  font-family: "IBM Plex Sans", sans-serif;
  transition: ease-in 0.2s all;
  outline: 0;
  font-size: 16px;
}

.btn-scip {
  background-color: #7fc246;
  color: #fff;
  font-weight: 600;
  line-height: 29px;
  padding: 8px 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn-scip:focus,
.btn-scip:hover {
  background-color: #67ac2a;
  color: #fff;
  outline: 0;
}

.btn-scip .arrow {
  filter: drop-shadow(8px 0px 0px #fff);
  font-size: 15px;
  margin: 0 8px;
}

@media all and (min-width: 768px) {
  .btn {
    font-size: 22px;
  }
  .btn-scip {
    padding: 15px 20px;
  }
}
.btn-scip-outlined {
  color: #7fc246;
  border-color: #7fc246;
}

.btn-scip-outlined:focus,
.btn-scip-outlined:hover {
  background-color: #7fc246;
  color: #fff;
  outline: 0;
}

/*Footer Stylings*/
#FooterContentArea {
  background-color: #385aa7;
  padding: 32px 0 20px 0;
}

#footContent {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}

#icopyright {
  background-color: #0c0c0d;
  padding: 20px 0px 20px;
  font-size: 12px;
}

#icopyright a:hover {
  letter-spacing: unset;
  color: #7fc246;
}

#socialFoot .social {
  width: auto;
}

#socialFoot .social a {
  text-decoration: none;
  color: #fff;
}

.d-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 20px;
}

.d-flex > * {
  flex: 0 1 auto;
}

.learn-more {
  margin-top: 14px;
}

.gradient-title {
  background: linear-gradient(80.81deg, #1e4fad -8.36%, #256788 5.44%, #266e7e 33.03%, #2a7b6a 56.28%, #38ad1e 67.32%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 700;
}

/* About CI */
.video-bg,
.banner-section {
  position: relative;
}

.video-bg:before {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, rgba(22, 18, 67, 0.79) 91.09%, rgba(22, 18, 67, 0) 100%);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.banner-section video {
  width: 100%;
  height: 339px;
  -o-object-fit: cover;
     object-fit: cover;
}

.inner-banner {
  position: absolute;
  max-width: 1200px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100% !important;
  padding: 0 15px;
}

.inner-banner h1 {
  font-size: 60px;
  font-weight: 700;
  line-height: 65px;
  text-transform: uppercase;
}

@media all and (min-width: 768px) {
  .fs-18 {
    font-size: 20px;
  }
  .resources {
    grid-template-columns: repeat(3, minmax(15%, 1fr));
  }
}
@media all and (min-width: 1200px) {
  .resources {
    grid-template-columns: repeat(5, minmax(15%, 1fr));
  }
}
.slick-dots li {
  margin: 0 2px;
}

.slick-dots li button:before {
  font-size: 40px;
  color: white;
}

.slick-dots li.slick-active button:before {
  color: white;
}

.slick-prev:before,
.slick-next:before {
  content: "\f054" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  font-size: 32px !important;
}

.slick-prev:before {
  content: "\f053" !important;
}

.slick-prev {
  left: -24px !important;
}

.slick-next {
  right: -24px !important;
}

.bg-gradient-blue {
  background: linear-gradient(95.42deg, #133989 18.24%, #3056a5 86.58%);
  border: 1px solid #d9dee6;
  border-radius: 16px;
}

.modal_multi {
  background: rgba(0, 0, 0, 0.631372549);
}

.modal_multi .modal-dialog {
  position: relative;
}

.modal_multi .modal-content {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 900px;
  padding: 20px;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}

@media all and (min-width: 768px) {
  .modal_multi .modal-content {
    position: absolute;
  }
}
.modal_multi .close_multi {
  position: sticky;
  top: 0;
  right: 0;
  background: rgb(190, 0, 0);
  opacity: 1;
  height: 25px;
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #fff;
  border-radius: 4px;
  z-index: 5;
}

.h-100 {
  height: 100%;
}

.w-100 {
  width: 100%;
}

@media all and (max-width: 576px) {
  .banner-details.what-is-ci h1,
  .inner-banner h1 {
    font-size: 28px !important;
    line-height: 36.6px !important;
  }
  .banner-section video {
    min-height: 400px;
  }
}
/* For horizontal line after headings */
.hline-dark,
.hline-green,
.hline-white {
  position: relative;
  padding-bottom: 20px;
}

.hline-dark::after,
.hline-green::after,
.hline-white::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 4px;
  width: 20%;
}

.hline-green::after {
  background: #70b36c;
}

.hline-dark::after {
  background: #010101;
}

.hline-white::after {
  background: #fff;
}

a {
  text-decoration: none !important;
}

.bottomcontentarea-out {
  display: none;
}

#SpSubHead {
  display: none;
}

#sp-main > .row #left {
  margin-top: 0 !important;
  padding-top: 128px !important;
}

@media (max-width: 767px) {
  .toolbar-out,
  .header-out,
  .mainmenu-out {
    position: fixed;
  }
}
.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

/* CONTACT FORM */
.CustomFormTable th {
  width: 100%;
  float: left;
}

#CustomFormForm label {
  width: 95% !important;
}

.CustomFormTable td {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 18px;
}

#CustomFormForm th {
  width: 100% !important;
  font-size: 14px;
  line-height: 18px;
}

#CustomFormForm td input[type=checkbox],
#CustomFormForm td input[type=radio] {
  width: 20px;
}

#CustomFormForm label[for*=ctl00_PageContent_cfForm_Custom_] {
  display: inline !important;
}

#Label_Custom_BestPracticesPreferredCategory span,
#Label_Custom_Willyousubmitoriginalsocialmediacontent span,
#Label_Custom_Willyousubmitoriginalemailcontent span {
  line-height: 20px;
}

@media (max-width: 545px) {
  #CustomFormForm label {
    width: 85% !important;
  }
}
#CustomFormForm input[type=file] {
  width: 100% !important;
}

@media (max-width: 767px) {
  #sp-main {
    padding-top: 0px;
  }
}
.addthis_toolbox {
  display: none;
}

.controlcenter #SpContent .ViewTable1 .container {
  width: 100% !important;
}

@media (max-width: 1200px) {
  .controlcenter #SpContent .ViewTable1 table {
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .controlcenter #SpContent .ViewTable1 {
    width: 80% !important;
  }
  .controlcenter #SpContent .ViewTable1 table {
    width: 100% !important;
  }
  .controlcenter #SpContent .ViewTable1 .containerContent :last-child {
    margin: 0 auto;
  }
  .controlcenter #SpContent .ViewTable1 .content .sections table {
    width: 100% !important;
  }
  .controlcenter #SpContent .ViewTable1 td.containerContent :first-child {
    margin: 5px auto !important;
  }
}
@media screen and (max-width: 576px) {
  #itoolbar {
    width: 100%;
    padding-left: 0;
    padding-right: 35px;
  }
  #itoolbar a[href="/login.aspx"] {
    width: 105px !important;
  }
}
table.keynote-speaker > tbody > tr > td {
  padding: 10px;
}

table.keynote-speaker > tbody > tr > td > img {
  height: 150px;
  width: 150px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 500px) {
  .newsletter-w-responsive > tbody > tr > td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }
  table.logo-table > tbody > tr > td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    padding: 15px;
  }
  table.logo-table2 > tbody > tr > td > img {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    padding: 15px;
  }
  table.logo-table3 > tbody > tr > td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    padding: 15px;
    padding-top: 0px;
  }
  table.logo-table3 > tbody > tr > td > img {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }
  table.keynote-speaker > tbody > tr > td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    padding: 15px;
  }
  table.keynote-speaker > tbody > tr > td > img {
    height: 200px;
    width: 200px;
  }
  table.logo-table4 > tbody > tr > td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    padding: 15px;
    padding-top: 0px;
  }
  table.logo-table4 > tbody > tr > td > img {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }
}
.ui-accordion-header td:nth-child(2),
.ui-accordion-header td:last-child {
  display: none;
}

.nav-item .nav-link {
  text-align: center;
}

/* revamp css start */
html,
body {
  font-size: 16px;
  color: #2f2f2f;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0px;
}

@media all and (min-width: 768px) {
  html,
  body {
    font-size: 18px;
  }
}
/* header css start */
.toolbar-out,
.header-out {
  background: rgba(12, 12, 13, 0.8);
}

#itoolbar a,
.navbar-nav > li > a {
  color: #fff;
}

/* header css end*/
/* footer css start*/
#FooterContentArea {
  background-color: #0c0c0d;
  color: white;
  padding: 58px 29px 0;
  border-top: 3px solid #42e26f;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

#FooterContentArea .ftop {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  flex-wrap: wrap;
  gap: 50px;
}

#FooterContentArea .ftop .ft-left {
  display: flex;
  flex-direction: column;
  width: 350px;
  max-width: 100%;
}

#FooterContentArea .ftop .ft-left .logo {
  font-size: 40px;
}

#FooterContentArea .ftop .ft-left .ftext {
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  margin-bottom: 57px;
}

#FooterContentArea .ftop .ft-left .social-icons-row {
  display: flex;
  gap: 10px;
}

#FooterContentArea .ftop .ft-left .social-icons-row .icon {
  height: 30px;
  width: 30px;
  display: grid;
  place-items: center;
  transform: all 0.3s ease;
  font-size: 20px;
  cursor: pointer;
}

#FooterContentArea .ftop .ft-right {
  display: flex;
  gap: 128px;
  flex-wrap: wrap;
}

@media screen and (max-width: 800px) {
  #FooterContentArea .ftop .ft-right {
    gap: 40px;
  }
}
#FooterContentArea .ftop .ft-right .flink-section {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

footer .ftop .ft-right .flink-section .flink-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
}

footer .ftop .ft-right .flink-section .flinks {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 13px;
}

footer .ftop .ft-right .flink-section .flinks li {
  all: unset;
}

footer .ftop .ft-right .flink-section .flinks li a {
  text-decoration: none;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
  color: rgba(245, 245, 245, 0.8);
}

footer .ftop .ft-right .flink-section .flinks li a:hover {
  color: #42e26f;
}

footer .fbottom {
  text-align: center;
  padding: 21px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-align: center;
} 
/* footer css end */
/* revamp css end */
/* global css */
body {
  color: #fff;
  background: url(https://cdn.ymaws.com/staging-scip.site-ym.com/resource/resmgr/global-bg.png) #0c0c0d;
  background-size: cover;
  background-position: bottom right;
  background-repeat: no-repeat;
}

input::-moz-placeholder {
  color: #ffffff !important;
}

input::placeholder,
.deemphasize {
  color: #ffffff !important;
}

@media (min-width: 1200px) {
  .header-out .container {
    width: 1300px !important;
  }
}

input,
select,
textarea,
#sp-main #LoginForm .small {
  background-color: transparent;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: #fff;
}

#sp-main #LoginForm .small {
  height: 36px;
  line-height: 36px;
}

option {
  color: #000;
}

a:not(.btn) {
  color: #42e26f;
}

/* sidebar css */
#right .zone {
  background: rgba(12, 12, 13, 0.5);
  box-shadow: none;
}

.irailhead {
  color: #fff;
  text-shadow: none;
}

.irailcontent {
  color: #fff;
}

.irailhead a {
  background-color: transparent;
  font-size: 16px;
  text-transform: capitalize;
}

/* global css */
.irailhead a:hover {
  background: transparent;
}

/* sidebar css */
.calloutbox,
.infobox {
  background-color: transparent;
  box-shadow: none;
  border: 0;
}

h5 {
  color: #f5f5f5;
  line-height: 1.5;
}

button.btn-primary, button.btn-primary-foot {
  all: unset;
  background-color: #ffffff !important;
  padding: 8px 16px;
  max-height: 36px;
  display: flex;
  align-items: center;
  gap: 20px;
  border-radius: 20px;
  overflow: hidden;
  line-height: 20px;
  cursor: pointer;
  color: #0c0c0d;
}
button.btn-primary span, button.btn-primary-foot span {
  z-index: 3;
  color: #0c0c0d !important;
}
button.btn-primary .icon, button.btn-primary-foot .icon {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
  font-size: 25px;
}
button.btn-primary .icon .first-icon, button.btn-primary-foot .icon .first-icon {
  z-index: 4;
  transition: all 0.7s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
button.btn-primary .icon .hover-icon, button.btn-primary-foot .icon .hover-icon {
  z-index: 5;
  position: absolute;
  transition: all 0.5s ease-in-out;
  transform: translate(-25px, -2px);
  opacity: 0;
}
button.btn-primary .icon::after, button.btn-primary-foot .icon::after {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  border-radius: 50px;
  background-color: #42e26f;
  transition: all 0.4s ease-in-out;
}
button.btn-primary:hover .icon .first-icon, button.btn-primary-foot:hover .icon .first-icon {
  transform: translateX(12px) scale(0);
  opacity: 0;
}
button.btn-primary:hover .icon .hover-icon, button.btn-primary-foot:hover .icon .hover-icon {
  display: block;
  transform: translate(0px, -2px);
  opacity: 1;
}
button.btn-primary:hover .icon::after, button.btn-primary-foot:hover .icon::after {
  content: "";
  position: absolute;
  transform: scale(16);
  background-color: #42e26f;
}

.media-btn {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  text-decoration: none;
  color: #f5f5f5 !important;
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  width: 162.96px;
  font-size: 16px;
  font-weight: 600;
  line-height: 17.6px;
  text-align: left;
  border: 1.2px solid #f5f5f5;
  border-radius: 20px;
  padding: 15px 0;
  position: relative;
  overflow: hidden;
  z-index: 3;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  transition: all 0.5s ease-in-out;
}
.media-btn svg {
  transition: all 0.5s ease-in-out;
}
.media-btn.watch-btn, .media-btn.share-btn {
  background-color: #f5f5f5;
  color: #0c0c0d !important;
}
.media-btn.watch-btn svg path, .media-btn.share-btn svg path {
  fill: #0c0c0d;
}
.media-btn:hover {
  color: #0c0c0d !important;
  border: 1.2px solid #42e26f;
}
.media-btn:hover svg path {
  fill: #0c0c0d;
}
.media-btn:hover .magic {
  transform: translate(-50%, -50%) scale(6);
  opacity: 1;
}
.media-btn .magic {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  height: 30px;
  border-radius: 50%;
  width: 30px;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease-in-out;
  background-color: #42e26f;
}

.group {
  display: grid;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 45px;
  margin-bottom: 45px;
}
@media screen and (max-width: 1200px) {
  .group {
    grid-template-columns: 1fr;
  }
}
.group .my-card {
  width: 370px;
  max-width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  padding: 30px;
  border-radius: 10px;
  border: 1px solid #b9b9b9;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgba(12, 12, 13, 0.5019607843);
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  min-height: 320px;
}
.group .my-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: green;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: -1;
}
.group .my-card:hover::before {
  opacity: 1;
}
.group .my-card:hover a {
  transform: translateY(-34px) scale(1);
  opacity: 1;
}
.group .my-card:hover:has(a) .title,
.group .my-card:hover:has(a) .desc {
  height: -moz-fit-content !important;
  height: fit-content !important;
  opacity: 1;
  transform: translateY(-34px);
}
.group .my-card .title {
  font-family: Roboto;
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  text-align: left;
  margin-bottom: 16px;
  color: #f5f5f5;
  width: 100%;
  transition: all 0.5s ease-in-out;
}
.group .my-card .desc {
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
  color: rgba(245, 245, 245, 0.8);
  transition: all 0.5s ease-in-out;
  opacity: 1;
  height: -moz-fit-content;
  height: fit-content;
}
.group .my-card a {
  position: absolute;
  transition: all 0.5s ease-in-out;
  text-decoration: none;
  transform-origin: left center;
  transform: translateY(-50px) scale(0.4);
  opacity: 0;
  bottom: 0;
  left: 27px;
}

.collapsed .my-card {
  min-height: 92px !important;
  height: 92px !important;
  padding: 0;
}
.collapsed .my-card .title {
  font-size: 20px !important;
  transform-origin: left center;
  margin-bottom: 0 !important;
}
.collapsed .my-card .desc {
  opacity: 0;
  height: 0;
  overflow: hidden;
  transform: translateY(-20px);
}

.group:hover .my-card {
  height: 320px !important;
}
.group:hover .my-card .title {
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 30.8px !important;
  text-align: left !important;
  margin-bottom: 16px !important;
}
.group:hover .my-card .desc {
  opacity: 1;
  height: -moz-fit-content !important;
  height: fit-content !important;
  transform: translateY(0);
}

.affiliate-page {
  background-color: #0c0c0d;
  background-image: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/Background.png);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}
.affiliate-page .affiliate-hero-section {
  height: 100vh;
  z-index: 2;
}
.affiliate-page .affiliate-hero-section .grad {
  position: absolute;
  left: 0;
  background: linear-gradient(180deg, rgba(12, 12, 13, 0) 69.48%, #0c0c0d 100%), linear-gradient(359.93deg, rgba(12, 12, 13, 0) 61.07%, #0c0c0d 99.93%);
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
}
.affiliate-page .affiliate-hero-section.has-video video {
  transform: translate(-50%, -30%);
  mix-blend-mode: lighten;
}
.affiliate-page .affiliate-hero-section .my-width {
  margin: 0 auto;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding-top: 80px;
}
.affiliate-page .affiliate-hero-section .my-width h1 {
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 22px;
  z-index: 2;
}
@media screen and (max-width: 760px) {
  .affiliate-page .affiliate-hero-section .my-width h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
.affiliate-page .affiliate-hero-section .my-width p {
  width: 1036px;
  max-width: 90%;
  margin: 0 auto;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  z-index: 2;
}
.affiliate-page .affiliates-wrapper-below {
  background: linear-gradient(180deg, rgba(12, 12, 13, 0) 69.48%, #0c0c0d 100%), linear-gradient(359.93deg, rgba(12, 12, 13, 0) 61.07%, #0c0c0d 99.93%);
}
.affiliate-page .affiliate-second-section {
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding: 100px 0 180px 0;
  z-index: 2;
}
.affiliate-page .affiliate-second-section .my-width {
  margin: 0 auto;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.affiliate-page .affiliate-second-section .my-width h2 {
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  text-transform: none;
  margin-bottom: 22px;
}
@media screen and (max-width: 760px) {
  .affiliate-page .affiliate-second-section .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.affiliate-page .affiliate-second-section .my-width p {
  width: 1036px;
  max-width: 90%;
  margin: 0 auto;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  margin-bottom: 40px;
}
.affiliate-page .affiliate-second-section .my-width p a {
  color: #42e26f;
  font-weight: bold;
  text-decoration: none;
}

.affiliates-section {
  z-index: 2;
}
.affiliates-section .my-width {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}
.affiliates-section .my-width h2 {
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  text-transform: none;
  margin-bottom: 75px;
  text-align: center;
}
@media screen and (max-width: 760px) {
  .affiliates-section .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.affiliates-section .my-width .affiliates-section-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 180px;
}
@media screen and (max-width: 1270px) {
  .affiliates-section .my-width .affiliates-section-grid {
    flex-direction: column;
  }
  .affiliates-section .my-width .affiliates-section-grid button {
    opacity: 1 !important;
  }
}
.affiliates-section .my-width .affiliates-section-grid .affiliatesGroup {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 20px;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1270px) {
  .affiliates-section .my-width .affiliates-section-grid .affiliatesGroup {
    flex-direction: column;
  }
}
@media screen and (min-width: 1270px) {
  .affiliates-section .my-width .affiliates-section-grid .affiliatesGroup.collapsed .affiliates-section-item {
    gap: 0;
  }
  .affiliates-section .my-width .affiliates-section-grid .affiliatesGroup.collapsed .affiliates-section-item .asi-content {
    height: 0px !important;
  }
  .affiliates-section .my-width .affiliates-section-grid .affiliatesGroup.collapsed:hover .affiliates-section-item {
    gap: 18px;
  }
  .affiliates-section .my-width .affiliates-section-grid .affiliatesGroup.collapsed:hover .affiliates-section-item .asi-content {
    height: 465px !important;
  }
}
.affiliates-section .my-width .affiliates-section-grid .affiliatesGroup .affiliates-section-item {
  border-radius: 10px;
  border: 1px solid #41454d;
  position: relative;
  height: 623px;
  width: 370px;
  z-index: 3;
  padding: 16px;
  background-color: rgba(12, 12, 13, 0.5019607843);
  height: 100%;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  position: relative;
  overflow: hidden;
  transition: all 1s ease-in-out;
}
.affiliates-section .my-width .affiliates-section-grid .affiliatesGroup .affiliates-section-item:hover {
  border: 1px solid #00ffd1;
}
.affiliates-section .my-width .affiliates-section-grid .affiliatesGroup .affiliates-section-item:hover .asi-img {
  filter: brightness(100%);
}
.affiliates-section .my-width .affiliates-section-grid .affiliatesGroup .affiliates-section-item:hover .asi-content button {
  opacity: 1;
}
.affiliates-section .my-width .affiliates-section-grid .affiliatesGroup .affiliates-section-item .asi-img {
  border-radius: 5px;
  width: 100%;
  height: 99px !important;
  background-color: white;
  overflow: hidden;
  padding: 8px 4px;
  filter: brightness(70%);
  transition: all 0.3s ease-in-out;
}
.affiliates-section .my-width .affiliates-section-grid .affiliatesGroup .affiliates-section-item .asi-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.affiliates-section .my-width .affiliates-section-grid .affiliatesGroup .affiliates-section-item .asi-content {
  transition: all 1s ease-in-out;
  opacity: 1;
  height: 443px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  gap: 18px;
  text-align: center;
}
.affiliates-section .my-width .affiliates-section-grid .affiliatesGroup .affiliates-section-item .asi-content .asi-title {
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: white;
}
.affiliates-section .my-width .affiliates-section-grid .affiliatesGroup .affiliates-section-item .asi-content .asi-desc {
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  color: rgba(245, 245, 245, 0.8);
}
.affiliates-section .my-width .affiliates-section-grid .affiliatesGroup .affiliates-section-item .asi-content > a {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.affiliates-section .my-width .affiliates-section-grid .affiliatesGroup .affiliates-section-item .asi-content > a button {
  opacity: 0;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 1s ease-in-out;
  margin: 0 auto;
}

.istream {
  background-color: #0c0c0d;
  background-image: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/Background.png);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow-x: hidden;
}
.istream .istream_hero-section {
  min-height: 50vh;
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 150px;
  padding-bottom: 280px;
}
.istream .istream_hero-section .my-width {
  position: relative;
  margin: 0 auto;
}
.istream .istream_hero-section .my-width .left {
  position: relative;
  z-index: 4;
  width: 747px;
  max-width: 100%;
}
@media screen and (max-width: 600px) {
  .istream .istream_hero-section .my-width .left h1,
  .istream .istream_hero-section .my-width .left p {
    text-align: center;
  }
}
.istream .istream_hero-section .my-width h1 {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  margin-bottom: 22px;
}
@media screen and (max-width: 760px) {
  .istream .istream_hero-section .my-width h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
.istream .istream_hero-section .my-width p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  text-align: left;
}
.istream .istream_hero-section .my-width .right {
  z-index: 1;
  position: absolute;
  top: -120px;
  right: -240px;
  mix-blend-mode: lighten;
}
@media screen and (max-width: 600px) {
  .istream .istream_hero-section .my-width .right {
    top: -120px;
    right: 0;
  }
  .istream .istream_hero-section .my-width .right video {
    width: 100%;
    transform: scale(1.4);
    opacity: 0.4;
  }
}
.istream .istream_hero-section .my-width .right video {
  height: 600px;
  opacity: 0.6;
}
@media screen and (max-width: 500px) {
  .istream .istream_hero-section .my-width .right {
    display: none;
  }
}
.istream .istream_listen__wrapper {
  padding-bottom: 174px;
}
.istream .istream_listen__wrapper .my-width {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.istream .istream_listen__wrapper .my-width h2 {
  width: 853px;
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  text-transform: none;
  margin-bottom: 54px;
}
@media screen and (max-width: 760px) {
  .istream .istream_listen__wrapper .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.istream .istream_listen__wrapper .my-width h2 span {
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.istream .istream_listen__wrapper .my-width .listen__row {
  display: flex;
  align-content: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 1200px) {
  .istream .istream_listen__wrapper .my-width .listen__row {
    justify-content: center;
  }
}
.istream .istream_listen__wrapper .my-width .listen__row .listen-item {
  all: unset;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.istream .istream_listen__wrapper .my-width .listen__row .listen-item .listen-img {
  width: 41.88px;
  height: 42.5px;
  border-radius: 50%;
  background-color: #1ed760;
}
.istream .istream_listen__wrapper .my-width .listen__row .listen-item .listen-text {
  color: #f5f5f5;
  display: flex;
  flex-direction: column;
}
.istream .istream_listen__wrapper .my-width .listen__row .listen-item .listen-text .listen-text--top {
  font-size: 11px;
}
.istream .istream_listen__wrapper .my-width .listen__row .listen-item .listen-text .listen-text--bottom {
  font-size: 26px;
  line-height: 25px;
}
.istream .istream_listen__wrapper .my-width > a {
  margin-top: 40px;
}
.istream .istream_recent-releases .my-width {
  margin: 0 auto;
}
.istream .istream_recent-releases .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 760px) {
  .istream .istream_recent-releases .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.istream .istream_recent-releases .my-width .rr-card_row {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1260px) {
  .istream .istream_recent-releases .my-width .rr-card_row {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 840px) {
  .istream .istream_recent-releases .my-width .rr-card_row {
    grid-template-columns: repeat(1, 1fr);
  }
}
.istream .istream_recent-releases .my-width .rr-card_row .rr-card {
  width: 100%;
  min-width: 387px;
  border-radius: 20px;
  background: rgba(12, 12, 13, 0.5019607843);
  -webkit-backdrop-filter: blur(40px);
          backdrop-filter: blur(40px);
  padding: 34px 24px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 840px) {
  .istream .istream_recent-releases .my-width .rr-card_row .rr-card {
    max-width: 100%;
    min-width: 100% !important;
  }
}
.istream .istream_recent-releases .my-width .rr-card_row .rr-card:hover {
  background: #0c0c0d;
}
.istream .istream_recent-releases .my-width .rr-card_row .rr-card:hover::before {
  opacity: 1;
}
.istream .istream_recent-releases .my-width .rr-card_row .rr-card::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  background-repeat: no-repeat;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='387' height='322' viewBox='0 0 387 322' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M377 0.5H10C4.75329 0.5 0.5 4.75329 0.5 10V312C0.5 317.247 4.75329 321.5 10 321.5H377C382.247 321.5 386.5 317.247 386.5 312V10C386.5 4.75329 382.247 0.5 377 0.5Z' stroke='url(%23paint0_linear_1_19)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_19' x1='28.5492' y1='18.2436' x2='231.156' y2='172.031' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300FFD1'/%3E%3Cstop offset='0.62' stop-color='%2300F1E3' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%2300D8FA' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.istream .istream_recent-releases .my-width .rr-card_row .rr-card .rr-card-top {
  z-index: 3;
}
.istream .istream_recent-releases .my-width .rr-card_row .rr-card .rr-card-top .rrct-title {
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  color: #f5f5f5;
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  margin-bottom: 13px;
}
.istream .istream_recent-releases .my-width .rr-card_row .rr-card .rr-card-top .rrct-date {
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  text-align: left;
  color: rgba(245, 245, 245, 0.8);
}
.istream .istream_recent-releases .my-width .rr-card_row .rr-card .rr-card-middle {
  z-index: 3;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: flex-end;
  padding: 20px 0;
}
.istream .istream_recent-releases .my-width .rr-card_row .rr-card .rr-card-middle .rr-card-user {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 18px;
}
.istream .istream_recent-releases .my-width .rr-card_row .rr-card .rr-card-middle .rr-card-user .left {
  height: 48px !important;
  width: 48px !important;
  overflow: hidden;
  background-color: gray;
  border-radius: 50%;
}
.istream .istream_recent-releases .my-width .rr-card_row .rr-card .rr-card-middle .rr-card-user .left img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.istream .istream_recent-releases .my-width .rr-card_row .rr-card .rr-card-middle .rr-card-user .right {
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  text-align: left;
  color: rgba(245, 245, 245, 0.8);
}
.istream .istream_recent-releases .my-width .rr-card_row .rr-card .rr-card-middle .rr-card-user .right .name {
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  color: #f5f5f5;
  font-size: 16px;
  font-weight: 700;
  line-height: 22.4px;
  text-align: left;
}
.istream .istream_recent-releases .my-width .rr-card_row .rr-card .rr-card-bottom {
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 13px;
}
@media screen and (max-width: 340px) {
  .istream .istream_recent-releases .my-width .rr-card_row .rr-card .rr-card-bottom {
    flex-wrap: wrap;
    flex-direction: column;
  }
}
.istream .istream_recent-releases .my-width .rr-card_row .rr-card .rr-card-bottom a {
  text-decoration: none;
  width: 100%;
  cursor: pointer;
}
.istream .istream_recent-releases .my-width .rr-bottom {
  text-align: center;
  margin-top: 40px;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
}
.istream .istream_recent-releases .my-width .rr-bottom a {
  text-decoration: none;
  color: #1ed760;
}
.istream .istream_podcast-archive .my-width {
  margin: 0 auto;
  padding: 150px 0;
  text-align: center;
  width: 1017px;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.istream .istream_podcast-archive .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 760px) {
  .istream .istream_podcast-archive .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.istream .istream_podcast-archive .my-width p {
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  color: #f5f5f5;
  margin-bottom: 20px;
}

.imag {
  background-color: #0c0c0d;
  background-image: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/Background.png);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}
.imag .imag__hero-section {
  position: relative;
}
.imag .imag__hero-section .my-width {
  margin: 0 auto;
  padding: 95px 0;
  margin-bottom: 80px;
}
.imag .imag__hero-section .my-width .left {
  width: 732px;
  max-width: 90%;
}
@media screen and (max-width: 980px) {
  .imag .imag__hero-section .my-width .left {
    margin: 0 auto;
    text-align: center;
  }
  .imag .imag__hero-section .my-width .left p {
    text-align: center !important;
  }
  .imag .imag__hero-section .my-width .left a {
    margin: 0 auto;
  }
}
.imag .imag__hero-section .my-width .left h1 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  margin-bottom: 20px;
  text-transform: none;
}
@media screen and (max-width: 760px) {
  .imag .imag__hero-section .my-width .left h1 {
    font-size: 30px;
    line-height: 40px;
  }
}
.imag .imag__hero-section .my-width .left p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  text-align: left;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  margin-bottom: 20px;
}
.imag .imag__hero-section .my-width .left p span {
  display: inline-block;
  height: 28px;
  width: 100px;
  margin: 0 6px;
}
.imag .imag__hero-section .my-width .left p span img {
  width: 100%;
  margin: auto;
}
.imag .imag__hero-section .my-width .left a {
  display: block;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
}
.imag .imag__hero-section .my-width .right {
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(12, 12, 13, 0) 0%, #0c0c0d 89.82%);
  mix-blend-mode: lighten;
}
.imag .imag__hero-section .my-width .right video {
  height: 600px;
  mix-blend-mode: lighten;
  opacity: 0.6;
}
@media screen and (max-width: 500px) {
  .imag .imag__hero-section .my-width .right {
    display: none;
  }
}
.imag .imag__editions .my-width {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.imag .imag__editions .my-width .top-img {
  margin: 0 auto;
  margin-bottom: 40px;
  max-width: 100%;
}
.imag .imag__editions .my-width .imag_items {
  padding-bottom: 200px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 980px) {
  .imag .imag__editions .my-width .imag_items {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 620px) {
  .imag .imag__editions .my-width .imag_items {
    grid-template-columns: 1fr;
  }
}
.imag .imag__editions .my-width .imag_items .imag_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.imag .imag__editions .my-width .imag_items .imag_item .img {
  min-width: 284px;
  width: 100%;
  min-height: 400px;
  background-color: rgba(128, 128, 128, 0);
}
.imag .imag__editions .my-width .imag_items .imag_item .img img {
  width: 100%;
}
.imag .imag__editions .my-width .imag_items .imag_item .text {
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  line-height: 1.5;
  text-align: left;
  color: #f5f5f5;
  color: #f5f5f5;
}
.imag .imag__editions .my-width .imag_items .imag_item .text span {
  color: rgba(245, 245, 245, 0.8);
}
.imag .imag__editions .my-width > a {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.imag__main {
  background-image: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/I_MAg_BG.png);
  background-color: #0c0c0d;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}
.imag__main .imag__hero-section .my-width p span img {
  width: 90px;
}
.imag__main .why-imag {
  z-index: 1;
  margin-bottom: 100px;
  position: relative;
}
.imag__main .why-imag .my-width {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.imag__main .why-imag .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 760px) {
  .imag__main .why-imag .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.imag__main .why-imag .my-width h2 span img {
  width: 144px;
}
.imag__main .why-imag .my-width .bordered-card p span img {
  width: 78px;
}
.imag__main .why-imag .my-width .bordered-card p:nth-child(2) {
  width: 771px;
  max-width: 100%;
}
.imag__main .imag__features {
  margin-bottom: 175px;
}
.imag__main .imag__features .my-width {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.imag__main .imag__features .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 45px;
  text-transform: none;
}
@media screen and (max-width: 760px) {
  .imag__main .imag__features .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.imag__main .imag__features .my-width h2 span img {
  width: 144px;
}
.imag__main .imag__features .my-width .imag__features-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  row-gap: 40px;
}
@media screen and (max-width: 1200px) {
  .imag__main .imag__features .my-width .imag__features-items {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 860px) {
  .imag__main .imag__features .my-width .imag__features-items {
    grid-template-columns: 1fr;
  }
}
.imag__main .imag__features .my-width .imag__features-items .imag__features-item {
  display: grid;
  gap: 10px;
  grid-template-columns: 16px 359px;
}
@media screen and (max-width: 420px) {
  .imag__main .imag__features .my-width .imag__features-items .imag__features-item {
    display: flex;
    flex-direction: row;
    gap: 10px;
  }
}
.imag__main .imag__features .my-width .imag__features-items .imag__features-item .right {
  color: rgba(245, 245, 245, 0.8);
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
}
.imag__main .submission__guidelines {
  margin-bottom: 175px;
}
.imag__main .submission__guidelines .my-width {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.imag__main .submission__guidelines .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
  margin-bottom: 45px;
}
@media screen and (max-width: 760px) {
  .imag__main .submission__guidelines .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.imag__main .submission__guidelines .my-width .sg-items {
  display: flex;
  gap: 58px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.imag__main .submission__guidelines .my-width .sg-items .sg-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.imag__main .submission__guidelines .my-width .sg-items .sg-item {
  display: flex;
  gap: 10px;
}
.imag__main .submission__guidelines .my-width .sg-items .sg-item .right {
  width: 359px;
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  color: rgba(245, 245, 245, 0.8);
}
@media screen and (max-width: 400px) {
  .imag__main .submission__guidelines .my-width .sg-items .sg-item .right {
    width: 100%;
    max-width: 100%;
  }
}
.imag__main .submission__guidelines .my-width .sg-below {
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  line-height: 1.5;
  text-align: left;
  color: #f5f5f5;
  margin-bottom: 20px;
  text-align: center;
}
.imag__main .submission__guidelines .my-width .sg-below span img {
  width: 134px;
}
.imag__main .submission__guidelines .my-width .sg-below a {
  color: #42e26f;
  text-decoration: none;
}
.imag__main .submission__guidelines .my-width > a {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.imag__main .features-of-imag {
  margin-bottom: 170px;
}
.imag__main .features-of-imag .my-width {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.imag__main .features-of-imag .my-width h2 {
  margin-bottom: 40px;
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
}
@media screen and (max-width: 760px) {
  .imag__main .features-of-imag .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.imag__main .features-of-imag .my-width h2 span img {
  width: 144px;
}
.imag__main .features-of-imag .my-width .scip-content h5 {
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  line-height: 1.5;
  text-align: left;
  color: #f5f5f5;
  margin-bottom: 20px;
}
.imag__main .features-of-imag .my-width .scip-content p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
}
.imag__main .imag__editions {
  margin-bottom: 175px;
}
.imag__main .imag__editions .imag_items {
  padding-bottom: 0 !important;
  margin-bottom: 40px;
}
.imag__main .want-to-contribute {
  padding: 84px 0 146px 0;
  background: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/Want_to_contribute_bag.png), linear-gradient(0deg, rgba(1, 8, 23, 0.3), rgba(1, 8, 23, 0.3)), linear-gradient(182.68deg, rgba(12, 12, 13, 0) 63.06%, #0c0c0d 97.79%);
  /* Background properties */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.imag__main .want-to-contribute .my-width {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.imag__main .want-to-contribute .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
}
@media screen and (max-width: 760px) {
  .imag__main .want-to-contribute .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.imag__main .want-to-contribute .my-width h2 span img {
  width: 144px;
}
.imag__main .want-to-contribute .my-width p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  width: 1017px;
  margin: 0 auto;
  max-width: 100%;
}
.imag__main .want-to-contribute .my-width p span img {
  width: 88px;
}

.infographics {
  background-image: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/imagbg.png);
  background-size: cover;
}
.infographics .info__hero-section .my-width {
  margin: 0 auto;
  padding-top: 95px;
  padding-bottom: 165px;
}
.infographics .info__hero-section .my-width h1 {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 20px;
}
@media screen and (max-width: 760px) {
  .infographics .info__hero-section .my-width h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
.infographics .info__hero-section .my-width p {
  width: 1009px;
  max-width: 100%;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  color: #f5f5f5;
  margin: 0 auto;
}
.infographics .info__recent .my-width {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.infographics .info__recent .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
}
@media screen and (max-width: 760px) {
  .infographics .info__recent .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.infographics .info__recent .my-width .info-recent_items {
  padding-bottom: 200px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  row-gap: 75px;
}
@media screen and (max-width: 980px) {
  .infographics .info__recent .my-width .info-recent_items {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 620px) {
  .infographics .info__recent .my-width .info-recent_items {
    grid-template-columns: 1fr;
  }
}
.infographics .info__recent .my-width .info-recent_items .info-recent_item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.infographics .info__recent .my-width .info-recent_items .info-recent_item:hover {
  transform: scale(1.04);
}
.infographics .info__recent .my-width .info-recent_items .info-recent_item .img {
  min-width: 284px;
  width: 100%;
  min-height: 400px;
  background-color: rgba(128, 128, 128, 0);
  border-radius: 10px;
  overflow: hidden;
}
.infographics .info__recent .my-width .info-recent_items .info-recent_item .img img {
  width: 100%;
}
.infographics .info__recent .my-width .info-recent_items .info-recent_item .text {
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  line-height: 1.5;
  text-align: left;
  color: #f5f5f5;
  width: 80%;
  font-size: 24px;
  font-weight: 600;
  line-height: 26.4px;
  color: #f5f5f5;
  text-align: center !important;
}

.awards-home {
  background-image: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/Awards_bg.png);
  background-size: cover;
  background-color: #0c0c0d;
  padding-bottom: 100px;
}
.awards-home .awards-hero {
  background: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/awards-hero.png);
  mix-blend-mode: lighten;
}
.awards-home .awards-hero .my-width {
  padding: 100px 0 295px 0;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.awards-home .awards-hero .my-width h1 {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 760px) {
  .awards-home .awards-hero .my-width h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
.awards-home .awards-hero .my-width p {
  width: 987px;
  max-width: 100%;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  color: rgba(245, 245, 245, 0.8);
}
.awards-home .awards-paragraph {
  margin: 0 auto;
  margin-bottom: 183px;
}
.awards-home .awards-paragraph p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  color: rgba(245, 245, 245, 0.8);
}
.awards-home .awards-paragraph .gradient-display {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  margin: 52px 0;
  background: linear-gradient(0.69deg, #5398bf 0.6%, #2f4f65 73.67%, #132228 108.55%);
  padding: 1px;
}
.awards-home .awards-paragraph .gradient-display .gradient-display-inner {
  border-radius: 9px;
  background-color: #132228;
  flex: 1;
  padding: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.awards-home .awards-paragraph .gradient-display .gradient-display-inner h2 {
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  line-height: 1.5;
  text-align: left;
  color: #f5f5f5;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.awards-home .awards-paragraph .awards-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}
@media screen and (max-width: 700px) {
  .awards-home .awards-paragraph .awards-links {
    grid-template-columns: 1fr;
  }
}
.awards-home .awards-paragraph .awards-links .awards-link {
  width: 100%;
  min-height: 405px;
  background: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/ila-award.png);
  transition: all 0.3s ease-in-out;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  border-radius: 10px;
  border: 1px solid rgba(185, 185, 185, 0.2);
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.awards-home .awards-paragraph .awards-links .awards-link:nth-child(2) {
  background: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/ire-award.png);
}
.awards-home .awards-paragraph .awards-links .awards-link .awards-inner {
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(12, 12, 13, 0) 49.88%, rgba(12, 12, 13, 0.614505) 70.46%, rgba(12, 12, 13, 0.833985) 83.68%, #0c0c0d 97.04%);
  display: flex;
  align-items: flex-end;
  padding: 33px 33px;
}
.awards-home .awards-paragraph .awards-links .awards-link .awards-inner .text-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.awards-home .awards-paragraph .awards-links .awards-link .awards-inner .text-container .text {
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  line-height: 1.5;
  text-align: left;
  color: #f5f5f5;
  color: #ffffff;
  max-width: 100%;
}
.awards-home .awards-paragraph .awards-links .awards-link .awards-inner .text-container .hidden-items {
  display: flex;
  gap: 10px;
  flex-direction: column;
  height: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 700px) {
  .awards-home .awards-paragraph .awards-links .awards-link .awards-inner .text-container .hidden-items {
    opacity: 1;
    height: 250px;
  }
}
.awards-home .awards-paragraph .awards-links .awards-link .awards-inner .text-container .hidden-items .desc {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  text-align: left;
}
.awards-home .awards-paragraph .awards-links .awards-link:hover {
  border: 1px solid #5398bf;
  background: none;
}
.awards-home .awards-paragraph .awards-links .awards-link:hover .awards-inner {
  background: linear-gradient(0.69deg, rgba(83, 152, 191, 0.7) 0.6%, rgba(47, 79, 101, 0.7) 73.67%, rgba(19, 34, 40, 0.7) 108.55%);
}
@media screen and (min-width: 701px) {
  .awards-home .awards-paragraph .awards-links .awards-link:hover .awards-inner .text-container .hidden-items {
    opacity: 1;
    height: 200px;
  }
}
.awards-home .awards-share-your-expertise .my-width {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.awards-home .awards-share-your-expertise .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
}
@media screen and (max-width: 760px) {
  .awards-home .awards-share-your-expertise .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.awards-home .awards-share-your-expertise .my-width .scip-content h5 {
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  margin-bottom: 20px;
}
.awards-home .awards-application-areas {
  padding: 145px 0;
}
.awards-home .awards-application-areas .my-width {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.awards-home .awards-application-areas .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
  margin-bottom: 40px;
}
@media screen and (max-width: 760px) {
  .awards-home .awards-application-areas .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.awards-home .awards-application-areas .my-width .aa-row {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media screen and (max-width: 1300px) {
  .awards-home .awards-application-areas .my-width .aa-row {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 600px) {
  .awards-home .awards-application-areas .my-width .aa-row {
    grid-template-columns: 1fr;
  }
}
.awards-home .awards-application-areas .my-width .aa-row .aa-card {
  transition: all 0.3s ease-in-out;
  border: 1px solid transparent;
  min-height: 247px;
  background-image: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/image__1_.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  overflow: hidden;
}
.awards-home .awards-application-areas .my-width .aa-row .aa-card:hover {
  border: 1px solid #5398bf;
}
.awards-home .awards-application-areas .my-width .aa-row .aa-card:nth-child(2) {
  background-image: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/image__2_.png);
}
.awards-home .awards-application-areas .my-width .aa-row .aa-card:nth-child(3) {
  background-image: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/image__3_.png);
}
.awards-home .awards-application-areas .my-width .aa-row .aa-card .aa-inner {
  width: 100%;
  height: 100%;
  background: rgba(12, 12, 13, 0.5019607843);
  padding: 36px 30px;
  padding-right: 140px;
}
.awards-home .awards-application-areas .my-width .aa-row .aa-card .aa-inner h3 {
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  line-height: 1.5;
  text-align: left;
  color: #f5f5f5;
  color: #f5f5f5;
  margin-bottom: 11px;
}
.awards-home .awards-application-areas .my-width .aa-row .aa-card .aa-inner p {
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 19.6px;
  text-align: left;
  color: rgba(245, 245, 245, 0.8);
}
.awards-home .awards-evaluation-process .my-width {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.awards-home .awards-evaluation-process .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
}
@media screen and (max-width: 760px) {
  .awards-home .awards-evaluation-process .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.awards-home .awards-evaluation-process .my-width .evaluation-grid {
  padding-top: 76px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  row-gap: 40px;
  width: 100%;
}
.awards-home .awards-evaluation-process .my-width .evaluation-grid > div {
  width: 100%;
}
.awards-home .awards-evaluation-process .my-width .evaluation-grid .nums-row {
  grid-column: 1/5;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  grid-template-columns: repeat(4, 1fr);
  position: relative;
}
.awards-home .awards-evaluation-process .my-width .evaluation-grid .nums-row .nums {
  height: 69px;
  width: 69px;
  border: 1px solid rgba(185, 185, 185, 0.5019607843);
  display: grid;
  place-items: center;
  border-radius: 50%;
  z-index: 5;
  background-color: #0c0c0d;
}
.awards-home .awards-evaluation-process .my-width .evaluation-grid .nums-row .nums span {
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 34.5px;
  font-weight: 400;
  line-height: 48.3px;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.awards-home .awards-evaluation-process .my-width .evaluation-grid .nums-row .dashed {
  z-index: 1;
  position: absolute;
  height: 1px;
  width: 75%;
  border-bottom: 1px dashed rgba(185, 185, 185, 0.5019607843);
}
.awards-home .awards-evaluation-process .my-width .evaluation-grid .has-label {
  text-align: center;
  display: flex;
  flex-direction: column;
}
.awards-home .awards-evaluation-process .my-width .evaluation-grid .has-label .title {
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  line-height: 1.5;
  text-align: left;
  color: #f5f5f5;
  color: #f5f5f5;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.awards-home .awards-evaluation-process .my-width .evaluation-grid .has-label p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  color: rgba(245, 245, 245, 0.8);
  font-size: 18px;
}
@media screen and (max-width: 850px) {
  .awards-home .awards-evaluation-process .my-width .evaluation-grid {
    grid-template-columns: 1fr 70px 1fr;
    grid-template-rows: repeat(4, 1fr);
    place-items: center;
  }
  .awards-home .awards-evaluation-process .my-width .evaluation-grid .nums-row {
    grid-column: 2/3;
    grid-row: 1/5;
    grid-template-columns: 1fr;
  }
  .awards-home .awards-evaluation-process .my-width .evaluation-grid .nums-row .dashed {
    display: none;
  }
  .awards-home .awards-evaluation-process .my-width .evaluation-grid .nums-row .mobile-dashed {
    position: absolute;
    height: 75%;
    width: 1px;
    border-right: 1px dashed rgba(185, 185, 185, 0.5019607843);
  }
  .awards-home .awards-evaluation-process .my-width .evaluation-grid .has-label-2 {
    grid-column: 3/4;
  }
  .awards-home .awards-evaluation-process .my-width .evaluation-grid .has-label-3 {
    grid-column: 1/2;
    grid-row: 3/4;
  }
  .awards-home .awards-evaluation-process .my-width .evaluation-grid .has-label-4 {
    grid-column: 3/4;
    grid-row: 4/5;
  }
}
@media screen and (max-width: 450px) {
  .awards-home .awards-evaluation-process .my-width .evaluation-grid {
    grid-template-columns: 70px 1fr;
    grid-template-rows: repeat(4, 1fr);
    place-items: center;
  }
  .awards-home .awards-evaluation-process .my-width .evaluation-grid .nums-row {
    grid-column: 1/2;
  }
  .awards-home .awards-evaluation-process .my-width .evaluation-grid .has-label-1 {
    grid-column: 2/3;
  }
  .awards-home .awards-evaluation-process .my-width .evaluation-grid .has-label-2 {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .awards-home .awards-evaluation-process .my-width .evaluation-grid .has-label-3 {
    grid-column: 2/3;
  }
  .awards-home .awards-evaluation-process .my-width .evaluation-grid .has-label-4 {
    grid-column: 2/3;
  }
}

.nominate-section {
  border: 1px solid #5398bf;
  padding: 121px 103px;
  margin: 100px auto;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .nominate-section {
    padding: 80px 50px;
  }
}
.nominate-section h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 23px;
}
@media screen and (max-width: 760px) {
  .nominate-section h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.nominate-section p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
}
.nominate-section a {
  margin: 39px 0;
}

.awards-sub-page {
  background-color: #0c0c0d;
  background-image: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/Background.png);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 180px;
}
.awards-sub-page.ire .asp__hero-section .asp__hero--inner {
  width: 1080px !important;
  max-width: 100% !important;
}
.awards-sub-page.ire .asp__hero-section .asp__hero--inner p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  width: 920px;
  max-width: 100%;
}
.awards-sub-page .asp__hero-section {
  background: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/awards-hero.png);
  mix-blend-mode: lighten;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.awards-sub-page .asp__hero-section .my-width {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.awards-sub-page .asp__hero-section .my-width .asp__hero--inner {
  padding: 180px 0 133px 0;
  width: 920px;
  max-width: 90%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.awards-sub-page .asp__hero-section .my-width .asp__hero--inner h1 {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
@media screen and (max-width: 760px) {
  .awards-sub-page .asp__hero-section .my-width .asp__hero--inner h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
.awards-sub-page .asp__hero-section .my-width .asp__hero--inner p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
}
.awards-sub-page .asp__nomination {
  padding: 55px 0;
}
.awards-sub-page .asp__nomination .my-width {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.awards-sub-page .asp__nomination .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
  margin-bottom: 18px;
}
@media screen and (max-width: 760px) {
  .awards-sub-page .asp__nomination .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.awards-sub-page .asp__nomination .my-width p {
  margin-bottom: 55px;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
}
.awards-sub-page .asp__nomination .my-width .nomination-criteria-lists {
  display: flex;
  justify-content: center;
  gap: 50px;
  flex-wrap: wrap;
}
.awards-sub-page .asp__nomination .my-width .nomination-criteria-lists .nc {
  display: flex;
  gap: 26px;
  width: 380px;
  max-width: 90%;
}
.awards-sub-page .asp__nomination .my-width .nomination-criteria-lists .nc:nth-child(4) {
  width: 470px;
}
@media screen and (max-width: 700px) {
  .awards-sub-page .asp__nomination .my-width .nomination-criteria-lists .nc:nth-child(4) {
    width: 380px;
  }
}
.awards-sub-page .asp__nomination .my-width .nomination-criteria-lists .nc .left {
  height: 27px !important;
  width: 27px !important;
  min-width: 27px;
}
.awards-sub-page .asp__nomination .my-width .nomination-criteria-lists .nc .right {
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
  color: rgba(245, 245, 245, 0.8);
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.awards-sub-page .asp__ila-awardee {
  padding: 115px 0;
}
.awards-sub-page .asp__ila-awardee .my-width {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 50px;
}
.awards-sub-page .asp__ila-awardee .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  text-transform: none;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 760px) {
  .awards-sub-page .asp__ila-awardee .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.awards-sub-page .asp__ila-awardee .my-width .awardee-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media screen and (max-width: 1120px) {
  .awards-sub-page .asp__ila-awardee .my-width .awardee-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 720px) {
  .awards-sub-page .asp__ila-awardee .my-width .awardee-wrapper {
    grid-template-columns: 1fr;
  }
}
.awards-sub-page .asp__ila-awardee .my-width .awardee-wrapper .awardee {
  background: rgba(12, 12, 13, 0.5019607843);
  border: 0.66px solid rgba(185, 185, 185, 0.2);
  -webkit-backdrop-filter: blur(42.4000015259px);
          backdrop-filter: blur(42.4000015259px);
  padding: 42px 30px;
  border-radius: 0.66px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
}
.awards-sub-page .asp__ila-awardee .my-width .awardee-wrapper .awardee .awardee-hover {
  position: absolute;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: gray;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  padding: 22px;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  font-size: 18px;
  line-height: 25.2px;
  background: linear-gradient(0.69deg, rgba(83, 152, 191, 0.5) 0.6%, rgba(47, 79, 101, 0.5) 73.67%, rgba(19, 34, 40, 0.5) 108.55%);
}
.awards-sub-page .asp__ila-awardee .my-width .awardee-wrapper .awardee .awardee-hover a {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.awards-sub-page .asp__ila-awardee .my-width .awardee-wrapper .awardee:hover .awardee-img,
.awards-sub-page .asp__ila-awardee .my-width .awardee-wrapper .awardee:hover .awardee-name,
.awards-sub-page .asp__ila-awardee .my-width .awardee-wrapper .awardee:hover .awardee-text {
  opacity: 0;
}
.awards-sub-page .asp__ila-awardee .my-width .awardee-wrapper .awardee:hover .awardee-hover {
  opacity: 1;
}
.awards-sub-page .asp__ila-awardee .my-width .awardee-wrapper .awardee .awardee-img,
.awards-sub-page .asp__ila-awardee .my-width .awardee-wrapper .awardee .awardee-name,
.awards-sub-page .asp__ila-awardee .my-width .awardee-wrapper .awardee .awardee-text {
  transition: all 0.3s ease-in-out;
}
.awards-sub-page .asp__ila-awardee .my-width .awardee-wrapper .awardee .awardee-img {
  height: 209px;
  width: 195px;
  background-color: gray;
  margin-bottom: 26px;
}
.awards-sub-page .asp__ila-awardee .my-width .awardee-wrapper .awardee .awardee-name {
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  line-height: 1.5;
  text-align: left;
  color: #f5f5f5;
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  color: #fff;
}
.awards-sub-page .asp__ila-awardee .my-width .awardee-wrapper .awardee .awardee-text {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  text-align: left;
  color: rgba(245, 245, 245, 0.8);
  text-align: center;
}

.col-wrap {
  margin-top: -20px;
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .col-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-top: 0;
  }
}
.col-gradient-border:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='285' height='264' viewBox='0 0 285 264' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_b_4630_13656)'%3E%3Crect width='285' height='264' rx='10' fill='%230C0C0D' fill-opacity='0.5'/%3E%3Crect x='0.5' y='0.5' width='284' height='263' rx='9.5' stroke='url(%23paint0_linear_4630_13656)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_4630_13656' x='-20' y='-20' width='325' height='304' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='10'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_4630_13656'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_4630_13656' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_4630_13656' x1='21.0246' y1='14.9575' x2='181.569' y2='124.415' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300FFD1'/%3E%3Cstop offset='0.62' stop-color='%2300F1E3' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%2300D8FA' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: cover;
  border-radius: 10px;
  opacity: 0;
  transition: all 0.4s linear;
}

.col-gradient-overlay {
  position: relative;
}

.col-gradient-overlay:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(359deg, #0c0c0d 5.03%, rgba(12, 12, 13, 0.1) 48.62%, rgba(12, 12, 13, 0) 99.06%);
  transition: all 0.4s linear;
}

.col-3-wrap .scip-col {
  margin-top: 20px;
  color: #fff;
  padding: 30px 32px 0;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}

@media (min-width: 992px) {
  .col-3-wrap .scip-col {
    width: calc(33% - 20px);
    margin-left: 20px;
    max-height: 475px;
    overflow: hidden;
  }
}
@media (min-width: 1200px) {
  .col-3-wrap .scip-col {
    max-height: 360px;
  }
}
.col-3-wrap.col-4-v2 .scip-col:hover {
  transform: translateY(-20px);
  max-height: 100%;
}

.col-3-wrap.col-4-v2 .scip-col:hover .scip-content,
.col-3-wrap.col-4-v2 .scip-col:hover .scip-col-icon {
  transform: translateY(0);
  opacity: 1;
}

.col-3-wrap .scip-col h3 {
  color: #fff;
  font-weight: 600;
  margin-bottom: 18px;
}

.col-3-wrap .scip-col h5 {
  font-size: 20px;
}

.scip-content,
.col-3-wrap.col-4-v2 .scip-col {
  transition: all 0.4s linear;
}

.col-3-wrap .scip-col-icon {
  transition: all 0.4s linear;
  margin-bottom: 24px;
}

.col-3-wrap .scip-col:hover .scip-content {
  transform: translateY(-50px);
  transition: all 0.4s linear;
}

.col-3-wrap .scip-col:hover .scip-col-icon {
  transform: translateY(-30px);
  opacity: 0;
  transition: all 0.4s linear;
}

.col-3-wrap .scip-col .scip-content a {
  color: #42e26f;
  font-family: "Nunito Sans", system-ui;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  transition: all 0.4s linear;
  opacity: 0.8;
}

.col-3-wrap .scip-col .scip-content a span {
  transition: all 0.4s linear;
  margin-left: 5px;
}

.col-3-wrap .scip-col .scip-content a:hover {
  opacity: 1;
}

.col-3-wrap .scip-col .scip-content a:hover span {
  margin-left: 10px;
}

.col-3-wrap .col-gradient-border.scip-col:hover:before {
  opacity: 1;
}

.col-3-wrap .scip-col.col-gradient-overlay:hover:after {
  opacity: 0;
  display: none;
}

.insights {
  min-height: 100vh;
  overflow-x: hidden;
}
.insights .insights__hero {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 187px;
}
.insights .insights__hero .my-width {
  width: calc((100vw - 1300px) / 2 + 1300px);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.insights .insights__hero .my-width .left {
  width: 692px;
}
.insights .insights__hero .my-width .left h1 {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  margin-bottom: 20px;
}
@media screen and (max-width: 760px) {
  .insights .insights__hero .my-width .left h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
.insights .insights__hero .my-width .left p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  text-align: left;
  color: #f5f5f5;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}
.insights .insights__hero .my-width .left p span {
  font-weight: 700;
}
@media screen and (min-width: 1281px) {
  .insights .insights__hero .my-width .right {
    min-height: 480px;
  }
}
.insights .insights__hero .my-width .right video,
.insights .insights__hero .my-width .right img {
  mix-blend-mode: lighten;
  width: 800px;
  transform: scale(1.3) translateX(0px);
}
@media screen and (max-width: 1280px) {
  .insights .insights__hero .my-width {
    width: 100%;
    padding-left: 5vw;
    padding-right: 5vw;
    margin: 0 auto;
    position: relative;
  }
  .insights .insights__hero .my-width .right {
    position: absolute;
    z-index: 2;
    mix-blend-mode: lighten;
    filter: brightness(0.6);
    right: 0;
    top: 0;
  }
  .insights .insights__hero .my-width .right img,
  .insights .insights__hero .my-width .right video {
    width: 700px;
    height: 100%;
    transform: scale(1.3) translateX(100px);
  }
  .insights .insights__hero .my-width .left {
    padding: 100px 0 0 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
  }
  .insights .insights__hero .my-width .left p {
    text-align: center;
  }
}
.insights .what-are-scip-insights {
  margin-bottom: 175px;
}
.insights .what-are-scip-insights .my-width {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.insights .what-are-scip-insights .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
}
@media screen and (max-width: 760px) {
  .insights .what-are-scip-insights .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.insights .guidance-section {
  padding-bottom: 100px;
}
.insights .guidance-section .my-width {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
}
.insights .guidance-section .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
}
@media screen and (max-width: 760px) {
  .insights .guidance-section .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.insights .guidance-section .my-width .star-items {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 28px;
}
.insights .guidance-section .my-width .star-items .star-item {
  display: grid;
  grid-template-columns: 16px 360px;
  gap: 10px;
  margin-bottom: 89px;
}
@media screen and (max-width: 480px) {
  .insights .guidance-section .my-width .star-items .star-item {
    grid-template-columns: 16px 1fr;
    margin-bottom: 40px !important;
  }
}
.insights .guidance-section .my-width .star-items .star-item .star {
  padding-top: 5px;
  width: 16px;
}
.insights .guidance-section .my-width .star-items .star-item .star-text {
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}
.insights .guidance-section .my-width a {
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
}

.bordered-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 20px;
  width: 100%;
  padding: 55px 102px;
  position: relative;
}
@media screen and (max-width: 800px) {
  .bordered-card {
    max-width: 95%;
    margin: 0 auto;
    padding: 55px 20px;
  }
}
.bordered-card::after {
  z-index: -1;
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: bottom;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='1196' height='435' viewBox='0 0 1196 435' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_1_5' fill='white'%3E%3Cpath d='M0 10C0 4.47715 4.47715 0 10 0H1186C1191.52 0 1196 4.47715 1196 10V425C1196 430.523 1191.52 435 1186 435H10C4.47717 435 0 430.523 0 425V10Z'/%3E%3C/mask%3E%3Cpath d='M0 0H1196H0ZM1198 425C1198 431.627 1192.63 437 1186 437H10C3.37258 437 -2 431.627 -2 425H2C2 429.418 5.58172 433 10 433H1186C1190.42 433 1194 429.418 1194 425H1198ZM10 437C3.37258 437 -2 431.627 -2 425V12C-2 5.37258 3.37258 0 10 0C5.58172 0 2 4.47715 2 10V425C2 429.418 5.58172 433 10 433V437ZM1186 0C1192.63 0 1198 5.37258 1198 12V425C1198 431.627 1192.63 437 1186 437V433C1190.42 433 1194 429.418 1194 425V10C1194 4.47715 1190.42 0 1186 0Z' fill='url(%23paint0_linear_1_5)' mask='url(%23path-1-inside-1_1_5)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_5' x1='1196' y1='435' x2='1188.61' y2='132.681' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235398BF'/%3E%3Cstop offset='0.485886' stop-color='%232F4F65'/%3E%3Cstop offset='1' stop-color='%23132228' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.bordered-card p {
  width: 996px;
  max-width: 95%;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.bordered-card p span {
  font-weight: 700;
}

.smart-center {
  background-color: #0c0c0d;
  min-height: 100vh;
  background-image: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/background.png);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow-x: hidden;
  padding-bottom: 100px;
}
.smart-center .smart-center__hero {
  padding: 95px 0 433px 0;
  position: relative;
}
.smart-center .smart-center__hero .my-width {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.smart-center .smart-center__hero .my-width h1 {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 1134px;
  max-width: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 760px) {
  .smart-center .smart-center__hero .my-width h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
.smart-center .smart-center__hero .my-width p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  width: 1016px;
  max-width: 100%;
}
.smart-center .smart-center__hero .my-width p span {
  font-weight: bold;
  color: #f5f5f5;
}
.smart-center .smart-center__hero .my-width h1,
.smart-center .smart-center__hero .my-width p {
  z-index: 6;
}
.smart-center .smart-center__hero .my-width .video-bottom {
  position: absolute;
  width: 1440px;
  max-width: 100vw;
  height: 809.62px;
  top: 120px;
  z-index: 1;
  mix-blend-mode: lighten;
}
.smart-center .smart-center__hero .my-width .video-bottom video {
  z-index: -1;
  width: 100%;
  height: 100%;
  display: none;
  mix-blend-mode: lighten;
}
.smart-center .certification-program {
  margin-bottom: 175px;
}
.smart-center .certification-program .my-width {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 40px;
}
.smart-center .certification-program .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
}
@media screen and (max-width: 760px) {
  .smart-center .certification-program .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.smart-center .certification-program .my-width .cp-container {
  padding: 40px 30px;
  width: 100%;
  background: rgba(12, 12, 13, 0.5019607843);
  background-image: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/vecteezy_businessman-holding.png);
  background-size: cover;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  border-radius: 10px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;
}
.smart-center .certification-program .my-width .cp-container:hover::before {
  opacity: 1;
}
.smart-center .certification-program .my-width .cp-container::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  background-repeat: no-repeat;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='387' height='322' viewBox='0 0 387 322' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M377 0.5H10C4.75329 0.5 0.5 4.75329 0.5 10V312C0.5 317.247 4.75329 321.5 10 321.5H377C382.247 321.5 386.5 317.247 386.5 312V10C386.5 4.75329 382.247 0.5 377 0.5Z' stroke='url(%23paint0_linear_1_19)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_19' x1='28.5492' y1='18.2436' x2='231.156' y2='172.031' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300FFD1'/%3E%3Cstop offset='0.62' stop-color='%2300F1E3' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%2300D8FA' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.smart-center .certification-program .my-width .cp-container h3 {
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  line-height: 1.5;
  text-align: left;
  color: #f5f5f5;
  text-transform: none;
  margin-bottom: 20px;
}
.smart-center .certification-program .my-width .cp-container p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  width: 695px;
  max-width: 100%;
  font-size: 18px;
  line-height: 25.2px;
  text-align: left;
  margin-bottom: 20px;
}
.smart-center .certification-program .my-width .cp-container p span {
  font-weight: 700;
}
.smart-center .education-program-offerings {
  margin-bottom: 175px;
}
.smart-center .education-program-offerings .my-width {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.smart-center .education-program-offerings .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
}
@media screen and (max-width: 760px) {
  .smart-center .education-program-offerings .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.smart-center .education-program-offerings .my-width .epo-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media screen and (max-width: 500px) {
  .smart-center .education-program-offerings .my-width .epo-items {
    grid-template-columns: 1fr;
  }
}
.smart-center .education-program-offerings .my-width .epo-items .epo-item {
  background: rgba(12, 12, 13, 0.5019607843);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  padding: 40px 30px;
  border-radius: 10px;
  gap: 20px;
  display: flex;
  flex-direction: column;
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;
}
.smart-center .education-program-offerings .my-width .epo-items .epo-item:hover {
  background: #0c0c0d;
}
.smart-center .education-program-offerings .my-width .epo-items .epo-item:hover::before {
  opacity: 1;
}
.smart-center .education-program-offerings .my-width .epo-items .epo-item::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  background-repeat: no-repeat;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='387' height='322' viewBox='0 0 387 322' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M377 0.5H10C4.75329 0.5 0.5 4.75329 0.5 10V312C0.5 317.247 4.75329 321.5 10 321.5H377C382.247 321.5 386.5 317.247 386.5 312V10C386.5 4.75329 382.247 0.5 377 0.5Z' stroke='url(%23paint0_linear_1_19)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_19' x1='28.5492' y1='18.2436' x2='231.156' y2='172.031' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300FFD1'/%3E%3Cstop offset='0.62' stop-color='%2300F1E3' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%2300D8FA' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.smart-center .education-program-offerings .my-width .epo-items .epo-item h3 {
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  line-height: 1.5;
  text-align: left;
  color: #f5f5f5;
}
.smart-center .education-program-offerings .my-width .epo-items .epo-item p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  text-align: left;
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
}
.smart-center .education-program-offerings .my-width .epo-items .epo-item .epo-lists {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.smart-center .education-program-offerings .my-width .epo-items .epo-item .epo-lists > div {
  display: flex;
  gap: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
}
.smart-center .smart-center-resources {
  margin-bottom: 175px;
}
.smart-center .smart-center-resources .my-width {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.smart-center .smart-center-resources .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
}
@media screen and (max-width: 760px) {
  .smart-center .smart-center-resources .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.smart-center .smart-center-resources .my-width .resources-wrapper {
  display: flex;
  width: 100%;
  gap: 40px;
}
@media screen and (max-width: 1080px) {
  .smart-center .smart-center-resources .my-width .resources-wrapper {
    flex-direction: column;
  }
}
.smart-center .smart-center-resources .my-width .resources-wrapper .left {
  width: 400px;
  height: 600px;
  border-left: 1px solid #d9d9d9;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 1080px) {
  .smart-center .smart-center-resources .my-width .resources-wrapper .left {
    display: flex;
    width: 100%;
  }
}
.smart-center .smart-center-resources .my-width .resources-wrapper .left button {
  all: unset;
  transform: translateX(-3px);
  cursor: pointer;
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 26.4px;
  text-align: left;
  padding: 20px 22px;
  opacity: 40%;
  display: block;
}
.smart-center .smart-center-resources .my-width .resources-wrapper .left button.active {
  border-left: 6px solid #f5f5f5;
  opacity: 100%;
  view-transition-name: resources-title;
}
.smart-center .smart-center-resources .my-width .resources-wrapper .left button:hover {
  opacity: 100%;
}
.smart-center .smart-center-resources .my-width .resources-wrapper .right {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.smart-center .smart-center-resources .my-width .resources-wrapper .right .resource {
  animation: slide-up-resource 0.4s linear forwards;
  display: none;
  width: 712px;
  flex-direction: column;
  gap: 20px;
  flex-direction: column;
}
.smart-center .smart-center-resources .my-width .resources-wrapper .right .resource p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  text-align: left;
}
.smart-center .smart-center-resources .my-width .resources-wrapper .right .resource:first-child {
  display: flex;
}
.smart-center .webinars-and-workshops {
  margin-bottom: 175px;
}
.smart-center .webinars-and-workshops .my-width {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.smart-center .webinars-and-workshops .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
  margin-bottom: 40px;
}
@media screen and (max-width: 760px) {
  .smart-center .webinars-and-workshops .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.smart-center .pbnm .my-width {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.smart-center .pbnm .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
  margin-bottom: 40px;
}
@media screen and (max-width: 760px) {
  .smart-center .pbnm .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}

@keyframes slide-up-resource {
  from {
    transform: translateY(100px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.tab-and-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 19px;
}
.tab-and-content .tab-section {
  border: 1px solid #b9b9b9;
  padding: 4px 5px;
  border-radius: 10px;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
}
.tab-and-content .tab-section button {
  all: unset;
  padding: 11px 45px;
  border-radius: 4.82px;
  cursor: pointer;
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  line-height: 1.5;
  text-align: left;
  color: #f5f5f5;
  color: #b9b9b9;
  display: grid;
  place-items: center;
}
.tab-and-content .tab-section button.active {
  background-color: #42e26f;
  color: #0c0c0d;
}
@media screen and (max-width: 1200px) {
  .tab-and-content .tab-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
  .tab-and-content .tab-section button {
    padding: 11px 20px;
  }
}
.tab-and-content .content-section {
  border: 1px solid rgba(185, 185, 185, 0.3019607843);
  border-radius: 10px;
  display: flex;
  width: 100%;
  overflow: hidden;
}
.tab-and-content .content-section .cs-left {
  background: rgba(12, 12, 13, 0.5019607843);
  width: 425px;
  padding: 73px 36px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.tab-and-content .content-section .cs-left h3 {
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  line-height: 1.5;
  text-align: left;
  color: #f5f5f5;
  color: #f5f5f5;
}
.tab-and-content .content-section .cs-left p {
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  color: rgba(245, 245, 245, 0.8);
  text-transform: left;
}
.tab-and-content .content-section .cs-right {
  flex: 1;
  padding: 36px 30px;
}
.tab-and-content .content-section .cs-right .top {
  display: flex;
  align-content: center;
  justify-content: space-between;
  margin-bottom: 30px;
  padding: 0 20px;
}
.tab-and-content .content-section .cs-right .top > div {
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  color: #b9b9b9;
  text-align: left;
}
.tab-and-content .content-section .cs-right .tab-mag-scroll {
  max-width: 100%;
  overflow: auto;
  display: flex;
  gap: 40px;
}
.tab-and-content .content-section .cs-right .tab-mag-scroll .mag {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.tab-and-content .content-section .cs-right .tab-mag-scroll .mag .img {
  width: 248.11px;
  height: 349.45px;
  background-color: gray;
}
.tab-and-content .content-section .cs-right .tab-mag-scroll .mag .img img {
  width: 100%;
}
.tab-and-content .content-section .cs-right .tab-mag-scroll .mag .mag-text {
  text-align: center;
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 24.46px;
  font-weight: 600;
  line-height: 26.91px;
  text-align: left;
  color: #f5f5f5;
}
.tab-and-content .content-section .cs-right .tab-mag-scroll .mag .mag-text span {
  color: rgba(245, 245, 245, 0.8);
}
.tab-and-content .content-section .cs-right .cs-right-items .cs-right-item {
  border-top: 1px solid rgba(185, 185, 185, 0.4);
  padding: 24px 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.tab-and-content .content-section .cs-right .cs-right-items .cs-right-item:hover {
  background: rgba(12, 12, 13, 0.5019607843);
}
.tab-and-content .content-section .cs-right .cs-right-items .cs-right-item:hover .tab-user-content .actions-right {
  opacity: 1;
}
.tab-and-content .content-section .cs-right .cs-right-items .cs-right-item .date {
  color: rgba(245, 245, 245, 0.8);
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}
.tab-and-content .content-section .cs-right .cs-right-items .cs-right-item .title {
  color: #f5f5f5;
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 25.2px;
  text-align: left;
}
.tab-and-content .content-section .cs-right .cs-right-items .cs-right-item .links {
  display: flex;
  align-items: center;
  gap: 69px;
  width: -moz-fit-content;
  width: fit-content;
}
.tab-and-content .content-section .cs-right .cs-right-items .cs-right-item .links a,
.tab-and-content .content-section .cs-right .cs-right-items .cs-right-item .links > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22.4px;
  text-align: left;
  color: #42e26f;
}
.tab-and-content .content-section .cs-right .cs-right-items .cs-right-item .tab-user-content {
  display: flex;
  justify-content: space-between;
}
.tab-and-content .content-section .cs-right .cs-right-items .cs-right-item .tab-user-content .actions-right {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.tab-and-content .content-section .cs-right .cs-right-items .cs-right-item .tab-user-content .users-left {
  display: flex;
  flex-direction: row;
  gap: 40px;
}
.tab-and-content .content-section .cs-right .cs-right-items .cs-right-item .tab-user-content .users-left .tab-user {
  display: flex;
  gap: 16px;
  align-items: center;
}
.tab-and-content .content-section .cs-right .cs-right-items .cs-right-item .tab-user-content .users-left .tab-user .left {
  height: 40px;
  width: 40px;
  background-color: gray;
  border-radius: 50%;
  overflow: hidden;
}
.tab-and-content .content-section .cs-right .cs-right-items .cs-right-item .tab-user-content .users-left .tab-user .left img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.tab-and-content .content-section .cs-right .cs-right-items .cs-right-item .tab-user-content .users-left .tab-user .right .name {
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  color: #f5f5f5;
  font-size: 16px;
  font-weight: 700;
  line-height: 22.4px;
  text-align: left;
}
.tab-and-content .content-section .cs-right .cs-right-items .cs-right-item .tab-user-content .users-left .tab-user .right .post,
.tab-and-content .content-section .cs-right .cs-right-items .cs-right-item .tab-user-content .users-left .tab-user .right .company {
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  color: rgba(245, 245, 245, 0.8);
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  text-align: left;
}
.tab-and-content .content-section .cs-right .cs-right-items .cs-right-item .tab-user-content .actions-right {
  transform: all 0.3s ease-in-out;
  opacity: 0;
}
@media screen and (max-width: 1200px) {
  .tab-and-content .content-section {
    flex-direction: column;
  }
  .tab-and-content .content-section .cs-left {
    flex: 1;
    width: 100%;
  }
  .tab-and-content .content-section .cs-right .tab-user-content {
    opacity: 1;
  }
}

.intellicast-archive {
  padding-bottom: 100px;
}
.intellicast-archive .istream_listen__wrapper h2 {
  text-transform: none !important;
}
.intellicast-archive .my-pagination-items .rr-card-middle {
  display: flex;
  flex-direction: row !important;
  align-items: center;
  justify-content: flex-start !important;
  gap: 10px;
}
@media screen and (max-width: 600px) {
  .intellicast-archive .my-pagination-items .rr-card-middle {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}
.intellicast-archive .my-pagination-items .rr-card-middle .rr-card-user .left {
  height: 48px !important;
  width: 48px !important;
  min-height: 48px !important;
  min-width: 48px !important;
  overflow: hidden;
}

.my-pagination-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 100%;
}
.my-pagination-btns button {
  all: unset;
  cursor: pointer;
  border-radius: 10px;
  height: 50px;
  width: 50px;
  display: grid;
  place-items: center;
}
.my-pagination-btns button.active, .my-pagination-btns button:hover {
  background-color: #f5f5f5;
  color: #0c0c0d;
}
.my-pagination-btns button:first-child, .my-pagination-btns button:last-child {
  font-weight: 700;
}

.about-wrapper {
  background: url("https://staging-scip.site-ym.com/resource/resmgr/revamp/about-bg.png") no-repeat 0 0/cover;
}
.about-wrapper .insights {
  min-height: auto;
}
.about-wrapper .insights .what-are-scip-insights {
  margin-bottom: 0;
}
.about-wrapper .svp-section {
  background: none;
}
.about-wrapper .community-wrap {
  position: relative;
  padding-bottom: 150px;
}
.about-wrapper .community-wrap:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: -300px;
  background: url("https://staging-scip.site-ym.com/resource/resmgr/revamp/meet-bg.png") no-repeat 0 0/100%;
  mix-blend-mode: lighten;
}

@media (min-width: 768px) {
  .board-list-dialog {
    width: 700px;
  }
}
@media (min-width: 992px) {
  .board-list-dialog {
    width: 840px;
  }
}

.board {
  text-align: center;
  margin: 0 auto;
}
.board .name-designation {
  margin-bottom: 30px;
}
.board .name-designation.with-min-h {
  min-height: 80px;
}
.board .name-designation:last-child {
  margin-bottom: 0;
}
.board h2 {
  color: #F5F5F5;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 110%; /* 22px */
  margin: 0 0 10px;
}
.board h2:last-child {
  margin-bottom: 0;
}
.board p {
  color: rgba(245, 245, 245, 0.8);
  font-family: "Nunito Sans", system-ui;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  margin-bottom: 0;
}

.board-modal-content {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .board-modal-content .board {
    width: 155px;
  }
}
@media (min-width: 768px) {
  .board-modal-content .board-member-desc {
    width: calc(100% - 195px);
    margin-left: 40px;
  }
}
@media (min-width: 1200px) {
  .board-modal-content .board-member-desc {
    width: calc(100% - 195px);
    margin-left: 40px;
  }
}
.board-modal-content .board-member-desc p {
  color: rgba(245, 245, 245, 0.8);
  font-family: "Nunito Sans", system-ui;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  text-align: center;
}
@media (min-width: 768px) {
  .board-modal-content .board-member-desc p {
    text-align: left;
  }
}
.board-modal-content .board-member-desc p strong {
  color: #F5F5F5;
}
.board-modal-content .board-member-desc p:last-child {
  margin-bottom: 0;
}

.board-member-img {
  width: 125px;
  height: 125px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 30px;
}
.board-member-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.board-list-dialog .scip-modal {
  position: relative;
  border-radius: 10px;
  background: rgba(12, 12, 13, 0.6);
  -webkit-backdrop-filter: blur(45px);
          backdrop-filter: blur(45px);
}
.board-list-dialog .scip-modal::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='830' height='358' viewBox='0 0 830 358' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_b_7543_59454)'%3E%3Crect x='0.5' y='0.5' width='829' height='357' rx='9.5' stroke='url(%23paint0_linear_7543_59454)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_7543_59454' x='-90' y='-90' width='1010' height='538' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='45'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_7543_59454'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_7543_59454' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_7543_59454' x1='61.2295' y1='20.2833' x2='279.073' y2='339.254' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300FFD1'/%3E%3Cstop offset='0.62' stop-color='%2300F1E3' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%2300D8FA' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
}

.board-col {
  margin-top: -30px;
  margin-bottom: 60px;
}
.board-col:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .board-col {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -30px;
    margin-left: -20px;
  }
}
.board-col .board-member {
  margin-top: 30px;
  padding: 32px 24px;
}
@media (min-width: 768px) {
  .board-col .board-member {
    width: calc(50% - 20px);
  }
}
@media (min-width: 1200px) {
  .board-col .board-member {
    width: calc(25% - 20px);
  }
}
.board-col .scip-btn {
  display: inline-block;
}

.cim-archives {
  padding-bottom: 100px;
  min-height: 100vh;
}
.cim-archives h1 {
  text-transform: uppercase !important;
}
.cim-archives .cim-archives-section {
  margin-bottom: 115px;
}
.cim-archives .cim-archives-section .my-width {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 60px;
}
.cim-archives .cim-archives-section .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
}
@media screen and (max-width: 760px) {
  .cim-archives .cim-archives-section .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.cim-archives .cim-archives-section .my-width .cas-items {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
.cim-archives .cim-archives-section .my-width .cas-items .cas-item {
  max-width: 100%;
  width: 420px;
  min-height: 406px;
  border-radius: 10px;
  background: rgba(12, 12, 13, 0.5019607843);
  -webkit-backdrop-filter: blur(40px);
          backdrop-filter: blur(40px);
  padding: 35px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 740px) {
  .cim-archives .cim-archives-section .my-width .cas-items .cas-item {
    max-width: 100%;
    min-width: 100% !important;
  }
}
.cim-archives .cim-archives-section .my-width .cas-items .cas-item:hover {
  background: #0c0c0d;
}
.cim-archives .cim-archives-section .my-width .cas-items .cas-item:hover::before {
  opacity: 1;
}
.cim-archives .cim-archives-section .my-width .cas-items .cas-item::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  background-repeat: no-repeat;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='387' height='322' viewBox='0 0 387 322' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M377 0.5H10C4.75329 0.5 0.5 4.75329 0.5 10V312C0.5 317.247 4.75329 321.5 10 321.5H377C382.247 321.5 386.5 317.247 386.5 312V10C386.5 4.75329 382.247 0.5 377 0.5Z' stroke='url(%23paint0_linear_1_19)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_19' x1='28.5492' y1='18.2436' x2='231.156' y2='172.031' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300FFD1'/%3E%3Cstop offset='0.62' stop-color='%2300F1E3' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%2300D8FA' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.cim-archives .cim-archives-section .my-width .cas-items .cas-item .cas-item-top {
  z-index: 6;
  min-height: 317px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 20px;
}
.cim-archives .cim-archives-section .my-width .cas-items .cas-item .cas-item-top h3 {
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  line-height: 1.5;
  text-align: left;
  color: #f5f5f5;
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 26.4px;
  text-align: left;
  margin-bottom: 20px;
}
.cim-archives .cim-archives-section .my-width .cas-items .cas-item .cas-item-top p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  text-align: left;
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
}
.cim-archives .cim-archives-section .my-width .cas-items .cas-item > a {
  padding: 10px 33px;
  border-radius: 40px;
  border: 1px solid #f5f5f5;
  color: #f5f5f5;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  z-index: 6;
}
.cim-archives .cim-archives-section .my-width .cas-items .cas-item > a:hover {
  background-color: #42e26f;
  border: 1px solid #42e26f;
  color: #0c0c0d;
}
.cim-archives .past-cim-archives .my-width {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.cim-archives .past-cim-archives .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
  margin-bottom: 20px;
}
@media screen and (max-width: 760px) {
  .cim-archives .past-cim-archives .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.cim-archives .past-cim-archives .my-width p {
  width: 848px;
  max-width: 100%;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  margin-bottom: 40px;
}
.cim-archives .past-cim-archives .my-width .archives-btns {
  margin-bottom: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
}
.cim-archives .past-cim-archives .my-width .archives-btns a {
  background: rgba(12, 12, 13, 0.5019607843);
  width: 140px;
  height: 56px;
  border-radius: 40px;
  display: grid;
  place-items: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  line-height: 1.5;
  text-align: left;
  color: #f5f5f5;
  color: #f5f5f5;
}
.cim-archives .past-cim-archives .my-width .archives-btns a:hover {
  background-color: #42e26f;
  color: #0c0c0d;
}
.cim-archives .past-cim-archives .my-width > a {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.custom-star-listing li {
  font-family: "Nunito Sans", system-ui;
}

.conf-home {
  background: url("https://staging-scip.site-ym.com/resource/resmgr/revamp/conference-home.png") no-repeat 0 0/cover;
}

.conf-hotel {
  background: url("https://staging-scip.site-ym.com/resource/resmgr/revamp/hotel-banner.png") no-repeat 0 0/cover;
}

.conf-speakers {
  background: url("https://staging-scip.site-ym.com/resource/resmgr/revamp/speaker-bg.png") no-repeat 0 0/cover;
}

.conf-sponsor {
  background: url("https://staging-scip.site-ym.com/resource/resmgr/revamp/sponsorship-banner.png") no-repeat 0 0/cover;
}
.conf-sponsor .block-heading {
  max-width: 100%;
}
.conf-sponsor .block-heading p {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.conf-registration {
  background: url("https://staging-scip.site-ym.com/resource/resmgr/revamp/intellicon-registraion-bg.png") no-repeat 0 0/cover;
}
.conf-registration .yt-video-section > div p {
  opacity: 1;
  color: #f5f5f5;
}

.conf-program {
  background: url("https://staging-scip.site-ym.com/resource/resmgr/revamp/intellicon-program-bg.png") no-repeat 0 0/cover;
}
.conf-program .col-4-wrap .scip-col:hover .scip-content {
  transform: translateY(-16px);
}

.proposal-singapore {
  background: url("https://staging-scip.site-ym.com/resource/resmgr/revamp/call-for-proposal-bg.png") no-repeat 0 0/cover;
}

.block-heading h2 {
  font-size: 44px;
  margin: 0 0 20px;
  line-height: 1.5;
}
.block-heading h2:last-child {
  margin-bottom: 0;
}
.block-heading p {
  margin-bottom: 20px;
  font-size: 20px;
}
.block-heading p:last-child {
  margin-bottom: 0;
}
.block-heading button {
  margin: 32px auto 0;
}

.full-width-content .block-heading button, .full-width-content .block-heading .action-btns {
  margin: 32px auto 0;
}
.full-width-content .custom-star-listing li {
  font-size: 18px;
  color: #f5f5f5;
}
.full-width-content .custom-star-listing li a {
  font-size: 18px;
  font-weight: 600;
}
.full-width-content p {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.three-col-wrap-bordered .col-content {
  border: 1px solid #B9B9B9;
}

.three-col-wrap {
  margin-left: -20px;
  margin-top: -20px;
}
@media (min-width: 768px) {
  .three-col-wrap {
    display: flex;
    flex-wrap: wrap;
  }
}
.three-col-wrap .col-content {
  border-radius: 10px;
  background: rgba(12, 12, 13, 0.5);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 24px;
  transition: all 0.3s linear;
  position: relative;
  overflow: hidden;
  margin-left: 20px;
  margin-top: 20px;
}
.three-col-wrap .col-content:before {
  content: "";
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  background: linear-gradient(1deg, rgba(83, 152, 191, 0.5) 0.6%, rgba(47, 79, 101, 0.5) 73.67%, rgba(19, 34, 40, 0.5) 108.55%);
  transition: all 0.3s linear;
  opacity: 0;
  z-index: -1;
}
.three-col-wrap .col-content:hover:before {
  opacity: 1;
}
@media (min-width: 992px) {
  .three-col-wrap .col-content {
    width: calc(33.33% - 20px);
    padding: 50px 24px;
  }
}
.three-col-wrap .col-content h3 {
  font-size: 28px;
  margin-bottom: 16px;
  font-family: "Roboto", sans-serif;
  color: #f5f5f5;
  font-weight: 600;
}
.three-col-wrap .col-content p {
  color: rgba(245, 245, 245, 0.8);
  font-size: 18px;
  line-height: 140%; /* 25.2px */
  font-family: "Nunito Sans", system-ui;
}

.full-width-bordered-wrap .scip-content {
  position: relative;
  padding: 36px;
}
@media (min-width: 768px) {
  .full-width-bordered-wrap .scip-content {
    padding: 55px;
  }
}
@media (min-width: 1200px) {
  .full-width-bordered-wrap .scip-content {
    padding: 55px 100px;
  }
}
.full-width-bordered-wrap .scip-content:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='1200' height='411' viewBox='0 0 1200 411' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_57_2443' fill='white'%3E%3Cpath d='M0 10C0 4.47716 4.47715 0 10 0H1190C1195.52 0 1200 4.47715 1200 10V401C1200 406.523 1195.52 411 1190 411H9.99999C4.47714 411 0 406.523 0 401V10Z'/%3E%3C/mask%3E%3Cpath d='M0 0H1200H0ZM1202 401C1202 407.627 1196.63 413 1190 413H10C3.37258 413 -2 407.627 -2 401H2C2 405.418 5.58172 409 10 409H1190C1194.42 409 1198 405.418 1198 401H1202ZM10 413C3.37258 413 -2 407.627 -2 401V12C-2 5.37258 3.37258 0 10 0C5.58172 0 2 4.47715 2 10V401C2 405.418 5.58172 409 10 409V413ZM1190 0C1196.63 0 1202 5.37258 1202 12V401C1202 407.627 1196.63 413 1190 413V409C1194.42 409 1198 405.418 1198 401V10C1198 4.47715 1194.42 0 1190 0Z' fill='url(%23paint0_linear_57_2443)' fill-opacity='0.5' mask='url(%23path-1-inside-1_57_2443)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_57_2443' x1='600' y1='411' x2='595.983' y2='122.556' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235398BF'/%3E%3Cstop offset='0.338445' stop-color='%23417392'/%3E%3Cstop offset='0.67689' stop-color='%232F4F65'/%3E%3Cstop offset='1' stop-color='%23132228' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  opacity: 0;
}
@media (min-width: 768px) {
  .full-width-bordered-wrap .scip-content:before {
    background-size: 100% 140%;
    opacity: 1;
  }
}
@media (min-width: 992px) {
  .full-width-bordered-wrap .scip-content:before {
    background-size: 100% 135%;
  }
}
@media (min-width: 1200px) {
  .full-width-bordered-wrap .scip-content:before {
    background-size: 100% 105%;
  }
}
.full-width-bordered-wrap .scip-content p {
  margin-bottom: 20px;
  color: #F5F5F5;
  font-family: "Nunito Sans", system-ui;
  font-size: 18px;
  line-height: 140%; /* 28px */
}
@media (min-width: 992px) {
  .full-width-bordered-wrap .scip-content p {
    font-size: 20px;
  }
}
.full-width-bordered-wrap .scip-content p:last-child {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .session-list {
    display: flex;
    flex-wrap: wrap;
  }
}
.session-list .session-content {
  border-radius: 10px;
  border: 1px solid rgba(185, 185, 185, 0.3);
  background: rgba(12, 12, 13, 0.5);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 24px;
  position: relative;
}
@media (min-width: 1200px) {
  .session-list .session-content {
    padding: 55px 24px;
  }
}
@media (min-width: 768px) {
  .session-list .session-content h3 {
    margin-top: 0;
    font-size: 28px;
    font-family: "Roboto", sans-serif;
    margin-bottom: 16px;
    color: #f5f5f5;
  }
}
.session-list .session-content p {
  color: rgba(245, 245, 245, 0.8);
  /* Body 2 */
  font-family: "Nunito Sans", system-ui;
  font-size: 18px;
  line-height: 140%; /* 25.2px */
  margin-bottom: 20px;
}
.session-list .session-content p:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .session-list .session-list-sm {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-top: -20px;
  }
}
@media (min-width: 1200px) {
  .session-list .session-list-sm {
    width: calc(100% - 410px);
  }
}
.session-list .session-list-sm .session-content {
  margin-top: 20px;
  margin-left: 20px;
}
@media (min-width: 768px) {
  .session-list .session-list-sm .session-content {
    width: calc(50% - 20px);
  }
}
.session-list .session-list-lg {
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .session-list .session-list-lg {
    margin-top: 0;
    width: 390px;
    margin-left: 20px;
  }
}
.session-list .session-list-lg .session-content {
  height: 100%;
}

@media (min-width: 992px) {
  .hihc-wrap .hihc {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .hihc-wrap .hihc .hihc-img {
    width: 450px;
    margin-right: 60px;
  }
}
.hihc-wrap .hihc .hihc-img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .hihc-wrap .hihc .hihc-content {
    width: calc(100% - 510px);
  }
}
.hihc-wrap .hihc .hihc-content h2 {
  font-family: Roboto;
  font-weight: 700;
  line-height: 120%; /* 52.8px */
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .hihc-wrap .hihc .hihc-content h2 {
    font-size: 44px;
  }
}
.hihc-wrap .hihc .hihc-content p {
  color: #F5F5F5;
  font-family: "Nunito Sans", system-ui;
  margin-bottom: 32px;
}
.hihc-wrap .hihc .hihc-content p:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .hihc-wrap .hihc .hihc-content p {
    font-size: 20px;
    line-height: 140%; /* 28px */
  }
}
@media (min-width: 992px) {
  .hihc-wrap.hihc-img-right .hihc-img {
    order: 2;
    margin-right: 0;
    margin-left: 60px;
  }
}

.action-btns {
  display: flex;
  flex-wrap: wrap;
}
.action-btns a.scip-btn {
  margin-right: 20px;
  font-size: 18px;
  border-radius: 20px;
  min-width: 163px;
  font-weight: 600;
}
.action-btns a.scip-btn:last-child {
  margin-right: 0;
}

.travel-content {
  display: flex;
  flex-wrap: wrap;
}
.travel-content h3 {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 600;
}
.travel-content p {
  font-size: 20px !important;
  margin-bottom: 20px;
  font-family: "Nunito Sans", system-ui;
}
.travel-content p:last-child {
  margin-bottom: 0;
}
.travel-content p.text-sm {
  font-size: 18px !important;
}
@media (min-width: 992px) {
  .travel-content .map-area {
    width: 490px;
  }
}
.travel-content .map-area .hotel-img {
  margin-bottom: 20px;
  border-radius: 10px;
  overflow: hidden;
}
.travel-content .map-area .hotel-img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.travel-content .map-area .map {
  margin-bottom: 20px;
}
.travel-content .map-area .map img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.travel-content .travel-detail {
  margin-top: 32px;
}
@media (min-width: 992px) {
  .travel-content .travel-detail {
    width: calc(100% - 522px);
    margin-left: 32px;
    margin-top: 0;
  }
}
.travel-content .custom-star-listing li {
  font-size: 20px;
  color: #f5f5f5;
}

.intellicon-hero {
  background-repeat: no-repeat;
  background-size: cover;
  mix-blend-mode: lighten;
  padding: 100px 0;
}
@media (min-width: 1200px) {
  .intellicon-hero {
    height: 800px;
  }
}
.intellicon-hero .container {
  height: 100%;
}
.intellicon-hero .hero-banner-content {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.intellicon-hero .hero-banner-content h1 {
  font-family: "Roboto", sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 120%; /* 76.8px */
  max-width: 725px;
  margin: 0 auto 20px;
}
@media (min-width: 768px) {
  .intellicon-hero .hero-banner-content h1 {
    font-size: 64px;
  }
}
.intellicon-hero .hero-banner-content h3 {
  color: #F5F5F5;
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 130%; /* 30.8px */
}
.intellicon-hero .hero-banner-content .conf-date {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  color: #F5F5F5;
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 110%; /* 30.8px */
}
.intellicon-hero .hero-banner-content .conf-date img {
  margin-right: 16px;
}
.intellicon-hero .hero-sub-content {
  margin-top: auto;
}
.intellicon-hero .proposal-date h3 {
  display: flex;
  align-items: center;
}
.intellicon-hero .proposal-date h3 span.conf-date {
  margin-top: 0;
  margin-left: 10px;
}

.syotimer.timer {
  margin-top: 60px;
}
.syotimer.timer .timer-body-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: -20px;
}
.syotimer.timer .timer-body-block .table-cell {
  width: 90px;
  height: 90px;
  position: relative;
  background-image: url("https://staging-scip.site-ym.com/resource/resmgr/revamp/timer-holder.png");
  background-repeat: no-repeat;
  background-size: contain;
  margin: 20px 40px 0;
  text-align: right;
}
.syotimer.timer .timer-body-block .table-cell .tab-val {
  color: #FFF;
  font-family: "Roboto", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
}
.syotimer.timer .timer-body-block .table-cell .tab-unit {
  color: #FFF;
  font-family: "Nunito Sans", system-ui;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%; /* 21.638px */
  text-transform: capitalize;
}

.conf-nav-menu {
  border-radius: 40px;
  border: 1px solid rgba(185, 185, 185, 0.2);
  background: linear-gradient(113deg, rgba(255, 255, 255, 0.12) 34.98%, rgba(0, 0, 0, 0.12) 84.8%);
  padding: 4px;
  margin-top: 60px;
}
.conf-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.conf-nav-menu ul li {
  width: 50%;
}
@media (min-width: 768px) {
  .conf-nav-menu ul li {
    width: 33.33%;
  }
}
@media (min-width: 1200px) {
  .conf-nav-menu ul li {
    width: auto;
  }
}
.conf-nav-menu ul li a {
  color: rgba(245, 245, 245, 0.8);
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 110%; /* 22px */
  padding: 13px 28px;
  display: block;
  border-radius: 36px;
  transition: all 0.3s linear;
  width: 100%;
}
.conf-nav-menu ul li a.active, .conf-nav-menu ul li a:hover {
  background-color: #42E26F;
  color: #0C0C0D;
}

.scip-table.sponsor-table .custom-star-listing {
  margin-bottom: 0;
  margin-top: -5px;
}
.scip-table.sponsor-table .custom-star-listing li {
  font-size: 18px;
  color: #f5f5f5;
  margin-top: 5px;
}
.scip-table.sponsor-table .table thead .text-gradient {
  font-size: 20px;
}
.scip-table.sponsor-table .table thead th {
  padding: 35px;
  background: rgba(12, 12, 13, 0.4);
  width: 22.5%;
  text-align: center;
}
@media (min-width: 768px) {
  .scip-table.sponsor-table .table thead th {
    padding: 35px;
  }
}
.scip-table.sponsor-table .table thead th:first-child {
  width: 55%;
  text-align: left;
}
.scip-table.sponsor-table .table thead td {
  font-size: 18px;
  font-size: 18px;
  background: rgba(12, 12, 13, 0.4);
  width: 22.5%;
  text-align: center;
}
@media (min-width: 768px) {
  .scip-table.sponsor-table .table thead td {
    padding: 35px;
  }
}
@media (min-width: 768px) {
  .scip-table.sponsor-table .table > tbody > tr > td {
    padding: 35px;
  }
}
.scip-table.sponsor-table .table > tbody > tr > td:first-child {
  background: rgba(12, 12, 13, 0.4);
  width: 55%;
}
.scip-table.sponsor-table .table > tbody > tr > td:not(:first-child) {
  width: 22.5%;
  text-align: center;
}

.terms-note {
  margin-top: 24px;
  color: #F5F5F5;
  font-family: "Nunito Sans";
  font-size: 20px;
  font-weight: 700;
  line-height: 140%; /* 28px */
}

.scip-table.scip-conf-table table > tbody > tr td {
  padding: 0;
}
.scip-table.scip-conf-table table > tbody > tr td th, .scip-table.scip-conf-table table > tbody > tr td td {
  padding: 20px;
}
.scip-table.scip-conf-table table > tbody > tr td:last-child {
  background-color: rgba(54, 54, 54, 0.4);
}
.scip-table.scip-conf-table table > tbody > tr th {
  padding: 0;
}
.scip-table.scip-conf-table table > tbody > tr.first-row td {
  border: none;
  background: none;
}
.scip-table.scip-conf-table table > tbody > tr.first-row td:nth-child(2) th {
  border-radius: 10px 0 0 0;
}
.scip-table.scip-conf-table table > tbody > tr.first-row td td, .scip-table.scip-conf-table table > tbody > tr.first-row td th {
  background: rgba(12, 12, 13, 0.4);
}
.scip-table.scip-conf-table table > tbody > tr.second-row td, .scip-table.scip-conf-table table > tbody > tr.second-row th {
  background: rgba(12, 12, 13, 0.5);
}
.scip-table.scip-conf-table table > tbody > tr .first-col {
  width: 200px;
  background: rgba(12, 12, 13, 0.5);
}
.scip-table.scip-conf-table th, .scip-table.scip-conf-table td {
  text-align: center;
}
.scip-table.scip-conf-table th {
  font-family: "Nunito Sans", system-ui;
  font-weight: 700;
}
.scip-table.scip-conf-table .transparent {
  background: none !important;
}

@media (min-width: 768px) {
  .guidelines .custom-star-listing {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -60px;
    margin-top: -40px;
  }
}
.guidelines .custom-star-listing li {
  font-size: 20px;
  font-family: "Nunito Sans", system-ui;
  color: #f5f5f5;
}
@media (min-width: 768px) {
  .guidelines .custom-star-listing li {
    width: calc(50% - 60px);
    margin-left: 60px;
    margin-top: 40px;
  }
}
@media (min-width: 1200px) {
  .guidelines .custom-star-listing li {
    width: calc(33.33% - 60px);
  }
}

.justify-content-center {
  justify-content: center !important;
}

.fs-0 {
  font-size: 0 !important;
}

.scip-table * {
  font-family: "Nunito Sans", system-ui;
}

.sponsor-offer-wrap .block-heading {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.sponsor-offer-wrap .block-heading h3 {
  color: #F5F5F5;
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 110%; /* 30.8px */
  margin: 0 0 20px;
}
.sponsor-offer-wrap .block-heading p {
  color: #F5F5F5;
  font-family: "Nunito Sans", system-ui;
  font-size: 20px !important;
  line-height: 140%; /* 28px */
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.three-col-sponsor-list {
  margin: -20px 0 0 -20px;
}
@media (min-width: 768px) {
  .three-col-sponsor-list {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .three-col-sponsor-list .sponsor-list {
    width: calc(50% - 20px);
    margin-top: 20px;
    margin-left: 20px;
  }
}
@media (min-width: 992px) {
  .three-col-sponsor-list .sponsor-list {
    width: calc(33.33% - 20px);
  }
}

.single-col-sponsor-list {
  margin: 20px auto 0;
  width: 100%;
}
@media (min-width: 768px) {
  .single-col-sponsor-list {
    width: 590px;
  }
}

.sponsor-list-wrap .sponsor-list {
  background: url("https://staging-scip.site-ym.com/resource/resmgr/revamp/box-pattern.png") repeat;
  border-radius: 10px;
  padding: 35px 22px;
}
.sponsor-list-wrap .sponsor-list .sponsor-title {
  margin-bottom: 16px;
}
.sponsor-list-wrap .sponsor-list .sponsor-title h3 {
  font-size: 28px;
  margin: 0;
}
.sponsor-list-wrap .sponsor-list .price {
  color: #F5F5F5;
  font-family: "Nunito Sans", system-ui;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%; /* 28px */
  margin-bottom: 20px;
}
.sponsor-list-wrap .sponsor-list .custom-star-listing li {
  color: #f5f5f5;
}

.scip-nav-tabs.nav-tabs {
  border: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 40px;
}
.scip-nav-tabs.nav-tabs > li {
  float: none;
  margin: 0 12px;
}
.scip-nav-tabs.nav-tabs > li > a {
  margin: 0;
  border-radius: 20px;
  border: 1px solid rgba(185, 185, 185, 0.3);
  color: rgba(245, 245, 245, 0.8);
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  line-height: 110%; /* 22px */
  display: block;
  min-width: 195px;
  text-align: center;
}
.scip-nav-tabs.nav-tabs > li > a:hover {
  background-color: #42E26F;
  border-color: #42E26F;
  color: #0C0C0D;
}
.scip-nav-tabs.nav-tabs > li.active > a {
  color: #0C0C0D;
  font-weight: 600;
  background-color: #42E26F;
  border-color: #42E26F;
}

.scip-program-itenary-lists {
  margin-bottom: 20px;
}
.scip-program-itenary-lists:last-child {
  margin-bottom: 0;
}
.scip-program-itenary-lists .itenary-breakdown {
  margin-left: 20px;
  margin-top: 20px;
}
.scip-program-itenary-lists .itenary-breakdown .scip-program-itenary {
  margin-bottom: 20px;
}
.scip-program-itenary-lists .itenary-breakdown .scip-program-itenary:last-child {
  margin-bottom: 0;
}
.scip-program-itenary-lists .itenary-breakdown .scip-program-yellow:before {
  background-color: #F4854F;
}

.scip-program-itenary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  border-radius: 0 10px 10px 0;
  border: 1px solid rgba(245, 245, 245, 0.2);
  background: rgba(12, 12, 13, 0.5);
  padding: 12px;
  margin-left: 10px;
  min-height: 124px;
}
@media (min-width: 768px) {
  .scip-program-itenary {
    padding: 24px 32px 24px 42px;
    margin-left: 20px;
  }
}
.scip-program-itenary:before {
  content: "";
  position: absolute;
  width: 10px;
  background-color: #B9B9B9;
  top: 0;
  left: -10px;
  bottom: 0;
  max-height: 200px;
  border-radius: 10px 0 0 10px;
  transition: all 0.3s linear;
}
@media (min-width: 768px) {
  .scip-program-itenary:before {
    left: -20px;
    width: 20px;
  }
}
.scip-program-itenary.scip-program-yellow::before {
  background-color: #FFBD59;
}
.scip-program-itenary.scip-program-blue::before {
  background-color: #0CC0DF;
}
.scip-program-itenary.scip-program-blue-yellow::before {
  background: linear-gradient(180deg, #F4854F 0%, #F4854F 50%, #0097B2 50%, #0097B2 100%);
}
@media (min-width: 992px) {
  .scip-program-itenary .program-title {
    max-width: 495px;
  }
}
@media (min-width: 1200px) {
  .scip-program-itenary .program-title {
    max-width: 690px;
  }
}
.scip-program-itenary h3 {
  color: #F5F5F5;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
  margin: 0;
}
@media (min-width: 768px) {
  .scip-program-itenary h3 {
    font-size: 24px;
  }
}
.scip-program-itenary h3 + .program-tag {
  margin-top: 16px;
}
.scip-program-itenary .program-time-venue {
  display: flex;
  align-items: center;
  margin-top: 20px;
  width: 100%;
}
@media (min-width: 992px) {
  .scip-program-itenary .program-time-venue {
    margin-left: auto;
    width: 325px;
    margin-top: 0;
    flex-direction: column;
    align-items: end;
    flex-wrap: wrap;
  }
}
.scip-program-itenary .program-tag {
  padding: 4px 8px;
  text-align: center;
  border-radius: 20px;
  background: #B9B9B9;
  color: #0C0C0D;
  text-align: center;
  font-family: "Nunito Sans", system-ui;
  font-size: 14px;
  line-height: 1;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px) {
  .scip-program-itenary .program-tag {
    padding: 11px 16px;
    font-size: 16px;
  }
}
.scip-program-itenary .program-tag + .program-tag {
  margin-left: 8px;
}
@media (min-width: 992px) {
  .scip-program-itenary .program-tag + .program-tag {
    margin-top: 16px;
    margin-left: 0;
  }
}

.itenary-summary {
  margin-top: 60px;
}
.itenary-summary h5 {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 110%; /* 22px */
  margin: 0 0 30px;
}
.itenary-summary p {
  color: #F5F5F5;
  font-family: "Nunito Sans", system-ui;
  font-size: 18px;
  line-height: 140%;
  margin: 0 0 20px;
}
.itenary-summary p:last-child {
  margin-bottom: 0;
}
.itenary-summary .custom-star-listing {
  margin-bottom: 40px;
}
.itenary-summary .custom-star-listing:last-child {
  margin-bottom: 0;
}
.itenary-summary .custom-star-listing li {
  color: #F5F5F5;
  font-family: "Nunito Sans", system-ui;
  font-size: 18px;
  line-height: 140%;
}

.iti-detail-btn {
  margin-left: auto;
  color: #42E26F;
  font-family: "Nunito Sans", system-ui;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  opacity: 0.8;
  position: relative;
  padding-right: 22px;
  transition: all 0.3s linear;
}
@media (min-width: 992px) {
  .iti-detail-btn {
    margin-top: 24px;
    margin-left: 0;
  }
}
.iti-detail-btn:hover {
  opacity: 1;
  color: #42E26F !important;
}
.iti-detail-btn:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.822696 0.750044H14.3227C14.4594 0.750472 14.5934 0.788169 14.7102 0.859077C14.8271 0.929985 14.9224 1.03142 14.9858 1.15246C15.0493 1.2735 15.0786 1.40956 15.0705 1.54601C15.0624 1.68245 15.0173 1.8141 14.9399 1.92679L8.18995 11.6768C7.9102 12.081 7.2367 12.081 6.9562 11.6768L0.206196 1.92679C0.128065 1.81434 0.0822465 1.68262 0.0737198 1.54595C0.0651931 1.40928 0.0942838 1.27289 0.157831 1.15159C0.221379 1.03029 0.316953 0.928728 0.434169 0.857935C0.551385 0.787143 0.685761 0.749827 0.822696 0.750044Z' fill='%2342E26F'/%3E%3C/svg%3E%0A");
  transition: all 0.3s linear;
  transform: translateY(-50%);
  top: 50%;
  right: 0;
}
.iti-detail-btn[aria-expanded=true]:after {
  transform: rotate(-180deg) translateY(50%);
}

.general-list {
  margin-left: 16px;
}
.general-list li {
  color: #F5F5F5;
  font-family: "Nunito Sans", system-ui;
  font-size: 18px;
  line-height: 140%;
  margin-bottom: 16px;
}
.general-list li ul {
  margin-left: 16px;
}

.custom-star-listing ul {
  list-style: none;
}

.program-tag-group {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
}
.program-tag-group .program-tag {
  margin-right: 16px;
}
.program-tag-group .program-tag:last-child {
  margin-right: 0;
}

.speaker-notes *, .speaker-notes .custom-star-listing li {
  font-family: "Nunito Sans", system-ui;
  font-size: 20px;
  line-height: 140%; /* 28px */
  color: #F5F5F5;
}
.speaker-notes .note {
  margin-top: 54px;
}
.speaker-notes .deadline-submission {
  margin-top: 75px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
.speaker-notes .deadline-submission h3 {
  color: #F5F5F5;
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 110%; /* 24.2px */
  margin-bottom: 20px;
}

.intellicon-main {
  min-height: 100vh;
  background-color: #0c0c0d;
  background-image: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/Group_1410077211.png);
  background-size: cover;
  background-position: top center;
  overflow-x: hidden;
}
.intellicon-main .im__hero {
  padding: 95px 0 300px 0;
  position: relative;
  background: linear-gradient(180deg, rgba(12, 12, 13, 0) 84.44%, #0c0c0d 100%), linear-gradient(0deg, rgba(12, 12, 13, 0) 0%, #0c0c0d 68.2%);
}
.intellicon-main .im__hero video {
  mix-blend-mode: lighten;
  z-index: 1;
  height: 100%;
  width: 100%;
  filter: brightness(0.3);
}
.intellicon-main .im__hero .my-width {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  gap: 20px;
  position: relative;
  z-index: 5;
}
.intellicon-main .im__hero .my-width h1 {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 760px) {
  .intellicon-main .im__hero .my-width h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
.intellicon-main .im__hero .my-width p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  width: 1009px;
  max-width: 100%;
}
.intellicon-main .im__hero .my-width p:nth-child(3) {
  width: 1052px;
  max-width: 100%;
}
.intellicon-main .im__hero .my-width .video-bottom {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.intellicon-main .im__hero .my-width .video-bottom video {
  height: 100%;
  width: 100%;
}
.intellicon-main .im__below {
  background: linear-gradient(180deg, rgba(12, 12, 13, 0) 69.48%, #0c0c0d 100%), linear-gradient(359.93deg, rgba(12, 12, 13, 0) 61.07%, #0c0c0d 99.93%);
}
.intellicon-main .im__countdown-section {
  padding: 90px 0;
}
.intellicon-main .im__countdown-section .my-width {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  gap: 20px;
}
.intellicon-main .im__countdown-section .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
}
@media screen and (max-width: 760px) {
  .intellicon-main .im__countdown-section .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.intellicon-main .im__countdown-section .my-width .heading-below,
.intellicon-main .im__countdown-section .my-width .date {
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  line-height: 1.5;
  text-align: left;
  color: #f5f5f5;
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  text-align: center;
  text-transform: none;
  color: #f5f5f5;
}
.intellicon-main .im__countdown-section .my-width .date {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 17px;
  margin-bottom: 50px;
}
.intellicon-main .im__countdown-section .my-width #countdown {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 75px;
  margin-bottom: 34px;
  flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  .intellicon-main .im__countdown-section .my-width #countdown {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.intellicon-main .im__countdown-section .my-width #countdown > div {
  width: 90px;
  height: 90px;
  position: relative;
  background-image: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/timer-holder.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.intellicon-main .im__countdown-section .my-width #countdown > div .text {
  display: flex;
  flex-direction: column;
  transform: translate(50%, -10%);
}
.intellicon-main .im__countdown-section .my-width #countdown > div .text .num {
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 37.78px;
  font-weight: 700;
  line-height: 45.34px;
}
.intellicon-main .im__countdown-section .my-width #countdown > div .text .txt {
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 15.46px;
  font-weight: 700;
  line-height: 21.64px;
  transform: translateY(-10px);
}
.intellicon-main .im__countdown-section .my-width p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  width: 996px;
  max-width: 100%;
}
.intellicon-main .im__upcoming .my-width {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  gap: 20px;
  padding: 110px 0;
}
.intellicon-main .im__upcoming .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
}
@media screen and (max-width: 760px) {
  .intellicon-main .im__upcoming .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.intellicon-main .im__upcoming .my-width .ie-cards__row {
  padding-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  flex-wrap: wrap;
}
.intellicon-main .im__upcoming .my-width .ie-cards__row .ie-card {
  width: 410px;
  max-width: 100%;
  height: 244px;
  background-color: gray;
  position: relative;
}
@media (min-width: 1200px) and (max-width: 1366px) {
  .intellicon-main .im__upcoming .my-width .ie-cards__row .ie-card {
    width: 390px;
  }
}
.intellicon-main .im__upcoming .my-width .ie-cards__row .ie-card::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 60px;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.intellicon-main .im__upcoming .my-width .ie-cards__row .ie-card:hover::after {
  display: none;
}
.intellicon-main .im__upcoming .my-width .ie-cards__row .ie-card:hover .ie-card-img {
  filter: brightness(0.5);
}
.intellicon-main .im__upcoming .my-width .ie-cards__row .ie-card:hover .ie-card-img img {
  transform: scale(1.2);
}
.intellicon-main .im__upcoming .my-width .ie-cards__row .ie-card:hover .ie-card-hover {
  background: transparent;
  transform: translateY(0px);
}
.intellicon-main .im__upcoming .my-width .ie-cards__row .ie-card:hover .ie-card-hover .top .iec-text {
  opacity: 1;
}
.intellicon-main .im__upcoming .my-width .ie-cards__row .ie-card .ie-card-img {
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
}
.intellicon-main .im__upcoming .my-width .ie-cards__row .ie-card .ie-card-img img {
  transition: all 0.3s ease-in-out;
}
.intellicon-main .im__upcoming .my-width .ie-cards__row .ie-card .ie-card-hover {
  position: absolute;
  height: 100%;
  display: flex;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  padding: 28px 24px;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transform: translateY(160px);
}
.intellicon-main .im__upcoming .my-width .ie-cards__row .ie-card .ie-card-hover .top {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.intellicon-main .im__upcoming .my-width .ie-cards__row .ie-card .ie-card-hover .top .iec-text {
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: left;
  opacity: 0;
}
.intellicon-main .im__upcoming .my-width .ie-cards__row .ie-card .ie-card-hover .iec-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  color: #f5f5f5;
  transform-origin: left center;
  transition: all 0.3s ease-in-out;
}
.intellicon-main .im__upcoming .my-width .ie-cards__row .ie-card .ie-card-hover .iec-date {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 11.73px;
  font-weight: 400;
  line-height: 14.07px;
  text-align: left;
}
.intellicon-main .im-past-intellicon .my-width {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  gap: 20px;
}
.intellicon-main .im-past-intellicon .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
}
@media screen and (max-width: 760px) {
  .intellicon-main .im-past-intellicon .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.intellicon-main .im-past-intellicon .my-width p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  width: 1105px;
  max-width: 100%;
}
.intellicon-main .im-past-intellicon .my-width .sub-heading {
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  line-height: 1.5;
  text-align: left;
  color: #f5f5f5;
  padding-top: 27px;
}
.intellicon-main .im-past-intellicon .my-width .sub-heading span {
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.intellicon-main .im-past-intellicon .im-slider {
  display: flex;
  padding: 40px 0;
  overflow: auto;
}
.intellicon-main .im-past-intellicon .im-slider .im-slide {
  width: 387px;
  height: 244px;
  display: block;
  background-color: gray;
  margin: 0 20px;
}
.intellicon-main .im-past-intellicon .im-slider .im-slide img {
  width: 100%;
  height: 100%;
}

.benchmarks__page {
  background-color: #0c0c0d;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow-x: hidden;
  min-height: 100vh;
  background-image: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/Background__4_.png);
}
.benchmarks__page .benchmarks_hero-section {
  position: relative;
}
.benchmarks__page .benchmarks_hero-section .my-width {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 120px;
  padding-bottom: 340px;
  margin: 0 auto;
  z-index: 2;
  position: relative;
  gap: 20px;
}
.benchmarks__page .benchmarks_hero-section .my-width h1 {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 760px) {
  .benchmarks__page .benchmarks_hero-section .my-width h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
.benchmarks__page .benchmarks_hero-section .my-width P {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  width: 1009px;
  max-width: 100%;
}
.benchmarks__page .benchmarks_hero-section .hero-video {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 100vw;
  -o-object-fit: cover;
     object-fit: cover;
  background: linear-gradient(180deg, rgba(12, 12, 13, 0) 67.16%, #0c0c0d 100%), linear-gradient(0deg, rgba(12, 12, 13, 0) 0%, rgba(12, 12, 13, 0.814917) 51.17%, #0c0c0d 100%);
  overflow: hidden;
}
.benchmarks__page .benchmarks_hero-section .hero-video video {
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  opacity: 0.5;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  mix-blend-mode: luminosity;
}
.benchmarks__page .benchmarking-and-partner {
  padding-top: 40px;
}
.benchmarks__page .benchmarking-and-partner .my-width {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.benchmarks__page .benchmarking-and-partner .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
  margin-bottom: 20px;
}
@media screen and (max-width: 760px) {
  .benchmarks__page .benchmarking-and-partner .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.benchmarks__page .benchmarking-and-partner .my-width .below-head {
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  text-align: center;
  padding-bottom: 40px;
}
.benchmarks__page .benchmarking-and-partner .my-width .partner-items {
  width: 100%;
  display: grid;
  gap: 20px;
}
.benchmarks__page .benchmarking-and-partner .my-width .partner-items .partner-item {
  background: rgba(12, 12, 13, 0.5019607843);
  border: 1px solid rgba(185, 185, 185, 0.3019607843);
  border-radius: 10px;
  padding: 20px;
  display: flex;
  gap: 20px;
  padding: 20px;
}
@media screen and (max-width: 950px) {
  .benchmarks__page .benchmarking-and-partner .my-width .partner-items .partner-item {
    flex-direction: column;
  }
  .benchmarks__page .benchmarking-and-partner .my-width .partner-items .partner-item .img {
    margin: 0 auto;
  }
}
.benchmarks__page .benchmarking-and-partner .my-width .partner-items .partner-item .img {
  min-width: 228px;
  max-width: 228px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.benchmarks__page .benchmarking-and-partner .my-width .partner-items .partner-item .img img {
  width: 100%;
  flex: 1;
}
.benchmarks__page .benchmarking-and-partner .my-width .partner-items .partner-item .right {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.benchmarks__page .benchmarking-and-partner .my-width .partner-items .partner-item .right h3 {
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 20px;
  color: #f5f5f5;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  margin: 0;
}
.benchmarks__page .benchmarking-and-partner .my-width .partner-items .partner-item .right p {
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
  margin: 0;
}
.benchmarks__page .benchmarking-and-partner .my-width .partner-items .partner-item .right .buttons {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  width: 100%;
}
.benchmarks__page .benchmarking-and-partner .my-width .partner-bottom {
  padding: 100px 0;
}

.sic-certification {
  min-height: 100vh;
  overflow-x: hidden;
  background: #0c0c0d;
  background-image: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/Background__5_.png);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}
.sic-certification .sic-hero-section {
  padding-top: 95px;
  padding-bottom: 260px;
  position: relative;
}
.sic-certification .sic-hero-section .my-width {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 0 auto;
  z-index: 3;
  position: relative;
}
.sic-certification .sic-hero-section .my-width h1 {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 760px) {
  .sic-certification .sic-hero-section .my-width h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
.sic-certification .sic-hero-section .my-width p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  width: 995px;
  max-width: 100%;
}
.sic-certification .sic-hero-section .hero-video {
  z-index: 1;
  position: absolute;
  top: 0;
  display: block;
  mix-blend-mode: lighten;
  width: 100%;
  max-height: 100%;
}
.sic-certification .sic-hero-section .hero-video video {
  width: 100%;
  opacity: 0.5;
  height: 1004px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  mix-blend-mode: lighten;
  background: linear-gradient(180deg, rgba(12, 12, 13, 0) 67.16%, #0c0c0d 100%), linear-gradient(0deg, rgba(12, 12, 13, 0) 0%, rgba(12, 12, 13, 0.814917) 51.17%, #0c0c0d 100%);
  mix-blend-mode: lighten;
}
.sic-certification .why-sic {
  margin-bottom: 175px;
  z-index: 3;
  position: relative;
  mix-blend-mode: lighten;
}
.sic-certification .why-sic .grad-img {
  position: absolute;
  height: 350px;
  width: 100%;
  z-index: 1;
  top: -50px;
}
.sic-certification .why-sic .my-width {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  z-index: 3;
  position: relative;
}
.sic-certification .why-sic .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
}
@media screen and (max-width: 760px) {
  .sic-certification .why-sic .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.sic-certification .program-structure {
  margin-bottom: 120px;
}
.sic-certification .program-structure .my-width {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  gap: 40px;
}
.sic-certification .program-structure .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
}
@media screen and (max-width: 760px) {
  .sic-certification .program-structure .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.sic-certification .program-structure .my-width .ps-items {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.sic-certification .program-structure .my-width .ps-items .ps-item {
  width: 387px;
  max-width: 100%;
  min-height: 265px;
  background: rgba(12, 12, 13, 0.5019607843);
  border: 1px solid rgba(185, 185, 185, 0.3019607843);
  padding: 27px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  transition: all 0.3s ease-in-out;
}
.sic-certification .program-structure .my-width .ps-items .ps-item:hover {
  background: linear-gradient(0.69deg, rgba(83, 152, 191, 0.5) 0.6%, rgba(47, 79, 101, 0.5) 73.67%, rgba(19, 34, 40, 0.5) 108.55%);
}
.sic-certification .program-structure .my-width .ps-items .ps-item .title {
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 26.4px;
  text-align: left;
  color: #f5f5f5;
}
.sic-certification .program-structure .my-width .ps-items .ps-item p {
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
  color: rgba(245, 245, 245, 0.8);
}
.sic-certification .recognized-section-sic {
  padding-bottom: 129px;
}
.sic-certification .recognized-section-sic .my-width {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.sic-certification .recognized-section-sic .my-width .recognized-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}
.sic-certification .recognized-section-sic .my-width .recognized-inner .left {
  width: 202px;
  height: 158px;
}
.sic-certification .recognized-section-sic .my-width .recognized-inner .left img {
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.sic-certification .recognized-section-sic .my-width .recognized-inner .right {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 742px;
  max-width: 90%;
}
@media screen and (max-width: 600px) {
  .sic-certification .recognized-section-sic .my-width .recognized-inner .right {
    width: 100%;
  }
}
.sic-certification .recognized-section-sic .my-width .recognized-inner .right h3 {
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 26.4px;
  text-align: left;
  color: #f5f5f5;
  margin: 0;
}
.sic-certification .recognized-section-sic .my-width .recognized-inner .right p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  color: rgba(245, 245, 245, 0.8);
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
}
@media screen and (max-width: 960px) {
  .sic-certification .recognized-section-sic .my-width .recognized-inner {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .sic-certification .recognized-section-sic .my-width .recognized-inner .right {
    align-items: center;
    justify-content: center;
  }
  .sic-certification .recognized-section-sic .my-width .recognized-inner .right p {
    text-align: center;
  }
}
.sic-certification .sic-bottom-section {
  padding-top: 46px;
  padding-bottom: 175px;
}
.sic-certification .sic-bottom-section .my-width {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  gap: 20px;
}
.sic-certification .sic-bottom-section .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 760px) {
  .sic-certification .sic-bottom-section .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.sic-certification .sic-bottom-section .my-width p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  width: 1016px;
  max-width: 100%;
  text-align: center;
}

.templates__page .templates__hero {
  background-image: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/1920-ai-generated-futuristic.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 -100px;
}
.templates__page .templates__hero .hero-video {
  width: 100%;
  height: 100%;
  width: 100vw;
  -o-object-fit: cover;
     object-fit: cover;
}
.templates__page .templates__hero .hero-video img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  mix-blend-mode: lighten;
}
.templates__page .templates__cards-section {
  padding-top: 80px;
  padding-bottom: 100px;
}
.templates__page .templates__cards-section .my-width {
  margin: 0 auto;
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 800px) {
  .templates__page .templates__cards-section .my-width {
    flex-direction: column;
  }
}
.templates__page .templates__cards-section .my-width .col-1,
.templates__page .templates__cards-section .my-width .col-2 {
  flex: 1;
  min-height: 50vh;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.templates__page .templates__cards-section .my-width .col-1 .template__card,
.templates__page .templates__cards-section .my-width .col-2 .template__card {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  padding: 40px 30px;
  position: relative;
  background-color: rgba(12, 12, 13, 0.5019607843);
  border: 1px solid rgba(185, 185, 185, 0.3019607843);
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
  z-index: 3;
}
.templates__page .templates__cards-section .my-width .col-1 .template__card:hover::before,
.templates__page .templates__cards-section .my-width .col-2 .template__card:hover::before {
  opacity: 1;
}
.templates__page .templates__cards-section .my-width .col-1 .template__card::before,
.templates__page .templates__cards-section .my-width .col-2 .template__card::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  background-repeat: no-repeat;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='387' height='322' viewBox='0 0 387 322' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M377 0.5H10C4.75329 0.5 0.5 4.75329 0.5 10V312C0.5 317.247 4.75329 321.5 10 321.5H377C382.247 321.5 386.5 317.247 386.5 312V10C386.5 4.75329 382.247 0.5 377 0.5Z' stroke='url(%23paint0_linear_1_19)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_19' x1='28.5492' y1='18.2436' x2='231.156' y2='172.031' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300FFD1'/%3E%3Cstop offset='0.62' stop-color='%2300F1E3' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%2300D8FA' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.templates__page .templates__cards-section .my-width .col-1 .template__card:hover,
.templates__page .templates__cards-section .my-width .col-2 .template__card:hover {
  border: 1px solid transparent;
  background-color: #0c0c0d;
}
.templates__page .templates__cards-section .my-width .col-1 .template__card::before,
.templates__page .templates__cards-section .my-width .col-2 .template__card::before {
  z-index: 1;
}
.templates__page .templates__cards-section .my-width .col-1 .template__card .title,
.templates__page .templates__cards-section .my-width .col-1 .template__card p,
.templates__page .templates__cards-section .my-width .col-1 .template__card a,
.templates__page .templates__cards-section .my-width .col-2 .template__card .title,
.templates__page .templates__cards-section .my-width .col-2 .template__card p,
.templates__page .templates__cards-section .my-width .col-2 .template__card a {
  position: relative;
  z-index: 3;
}
.templates__page .templates__cards-section .my-width .col-1 .template__card .title,
.templates__page .templates__cards-section .my-width .col-2 .template__card .title {
  margin-bottom: 16px;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 30.8px */
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  color: #f5f5f5;
}
.templates__page .templates__cards-section .my-width .col-1 .template__card p,
.templates__page .templates__cards-section .my-width .col-2 .template__card p {
  margin-bottom: 20px;
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-style: normal;
  line-height: 140%;
  color: rgba(245, 245, 245, 0.8);
}
.templates__page .templates__cards-section .my-width .col-1 .template__card p b,
.templates__page .templates__cards-section .my-width .col-1 .template__card p strong,
.templates__page .templates__cards-section .my-width .col-1 .template__card p span,
.templates__page .templates__cards-section .my-width .col-2 .template__card p b,
.templates__page .templates__cards-section .my-width .col-2 .template__card p strong,
.templates__page .templates__cards-section .my-width .col-2 .template__card p span {
  font-weight: 700;
}
.templates__page .templates__cards-section .my-width .col-1 .template__card > a,
.templates__page .templates__cards-section .my-width .col-2 .template__card > a {
  cursor: pointer;
  padding: 10px 20px;
  border-radius: 20px;
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  color: #f5f5f5;
  border: 1px solid #f5f5f5;
}
.templates__page .templates__cards-section .my-width .col-1 .template__card > a:hover,
.templates__page .templates__cards-section .my-width .col-2 .template__card > a:hover {
  border: 1px solid #42e26f;
  background-color: #42e26f;
  color: #0c0c0d;
}

.intelligent-tools {
  min-height: 100vh;
  background-color: #0c0c0d;
  background-image: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/Background.png);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}
.intelligent-tools .it__hero {
  padding-top: 95px;
  padding-bottom: 161px;
  position: relative;
}
.intelligent-tools .it__hero .hero-bg {
  width: 100%;
  position: absolute;
  top: -80px;
  z-index: 1;
  mix-blend-mode: lighten;
  background: linear-gradient(180deg, rgba(12, 12, 13, 0) 41.58%, #0c0c0d 100%);
  max-height: 891px;
}
.intelligent-tools .it__hero .my-width {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 3;
  margin: 0 auto;
  gap: 20px;
}
.intelligent-tools .it__hero .my-width h1 {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 1105px;
  max-width: 100%;
}
@media screen and (max-width: 760px) {
  .intelligent-tools .it__hero .my-width h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
.intelligent-tools .it__hero .my-width p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  width: 1029px;
  max-width: 100%;
}
.intelligent-tools .it__cards {
  padding-bottom: 100px;
  z-index: 3;
  position: relative;
}
.intelligent-tools .it__cards .my-width {
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 1300px) {
  .intelligent-tools .it__cards .my-width {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 800px) {
  .intelligent-tools .it__cards .my-width {
    grid-template-columns: 1fr;
  }
}
.intelligent-tools .it__cards .my-width .it__card {
  background-color: rgba(12, 12, 13, 0.5);
  border: 1px solid #b9b9b9;
  padding: 35px 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 10px;
  min-height: 280px;
}
.intelligent-tools .it__cards .my-width .it__card .title {
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  color: #f5f5f5;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
  padding-bottom: 6px;
  margin: 0;
}
.intelligent-tools .it__cards .my-width .it__card p {
  color: rgba(245, 245, 245, 0.8);
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}
.intelligent-tools .it__cards .my-width .it__card .title,
.intelligent-tools .it__cards .my-width .it__card p {
  transform: translateY(20px);
}
.intelligent-tools .it__cards .my-width .it__card > a {
  opacity: 0;
}
.intelligent-tools .it__cards .my-width .it__card .title,
.intelligent-tools .it__cards .my-width .it__card p,
.intelligent-tools .it__cards .my-width .it__card > a {
  transition: all 0.5s ease-in-out;
}
.intelligent-tools .it__cards .my-width .it__card:hover {
  background: linear-gradient(0.69deg, rgba(83, 152, 191, 0.5) 0.6%, rgba(47, 79, 101, 0.5) 73.67%, rgba(19, 34, 40, 0.5) 108.55%);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
.intelligent-tools .it__cards .my-width .it__card:hover .title,
.intelligent-tools .it__cards .my-width .it__card:hover p {
  transform: translateY(0px);
}
.intelligent-tools .it__cards .my-width .it__card:hover > a {
  height: -moz-fit-content;
  height: fit-content;
  opacity: 1;
  transform: translateY(0) scale(1);
}
@media screen and (max-width: 800px) {
  .intelligent-tools .it__cards .my-width .it__card {
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .intelligent-tools .it__cards .my-width .it__card .title,
  .intelligent-tools .it__cards .my-width .it__card p,
  .intelligent-tools .it__cards .my-width .it__card a {
    transform: none;
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .col-wrap {
    justify-content: center;
  }
}

.block-heading h3 {
  font-size: 28px;
  margin: 0;
}

.proposal-singapore .block-heading {
  margin-bottom: 60px;
}
.proposal-singapore .full-width-content p {
  margin-bottom: 36px;
}
.proposal-singapore .full-width-content p:last-child {
  margin-bottom: 0;
}

.faq-list .panel-default > .panel-heading + .panel-collapse > .panel-body h4 {
  color: #F5F5F5;
  /* Body 1 */
  font-family: "Nunito Sans", system-ui;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%; /* 28px */
  margin-bottom: 26px;
}

@media (min-width: 992px) {
  .session-type-2-wrap .session-list .session-list-sm, .session-type-2-wrap .session-list .session-list-lg {
    width: calc(50% - 10px);
    margin-right: 10px;
  }
}
.session-type-2-wrap .session-list .session-list-sm {
  margin-left: 0;
}
@media (min-width: 768px) {
  .session-type-2-wrap .session-list .session-list-sm {
    margin-left: -20px;
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .session-type-2-wrap .session-list .session-list-sm {
    margin-left: 0;
    margin-right: 10px;
  }
}
.session-type-2-wrap .session-list .session-list-sm .session-content {
  width: 100%;
  margin-left: 0;
}
@media (min-width: 768px) {
  .session-type-2-wrap .session-list .session-list-sm .session-content {
    width: calc(50% - 20px);
    margin-left: 20px;
  }
}
@media (min-width: 992px) {
  .session-type-2-wrap .session-list .session-list-sm .session-content {
    margin-left: 0;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .session-type-2-wrap .session-list .session-list-lg {
    margin-right: 0;
    margin-left: 10px;
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .scip-vertical-tabs .tab-content {
    width: calc(100% - 350px) !important;
  }
}
@media (min-width: 992px) {
  .scip-vertical-tabs .tab-content {
    width: calc(100% - 485px) !important;
  }
}

.faq-list .panel-default > .panel-heading + .panel-collapse > .panel-body {
  font-size: 20px;
  font-family: "Nunito Sans", system-ui;
}
.faq-list .panel-default > .panel-heading + .panel-collapse > .panel-body .custom-star-listing li {
  font-size: 20px;
  font-family: "Nunito Sans", system-ui;
}

.scip-membership {
  background: url("https://staging-scip.site-ym.com/resource/resmgr/revamp/membership-bg.png") no-repeat 0 0/cover;
}
.scip-membership .hero-section > div p {
  font-size: 18px;
  font-family: "Nunito Sans", system-ui;
}
.scip-membership .has-video > video {
  z-index: initial;
}
.scip-membership .hero-section {
  background: none;
}

.ssp {
  background: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/speed-bg.png) no-repeat 0 0/cover;
  background-color: #0c0c0d;
  min-height: 100vh;
  background: linear-gradient(180deg, rgba(12, 12, 13, 0) 69.48%, #0c0c0d 100%), linear-gradient(359.93deg, rgba(12, 12, 13, 0) 61.07%, #0c0c0d 99.93%);
}
.ssp .ssp__hero {
  padding-top: 95px;
  padding-bottom: 676px;
  position: relative;
  z-index: 2;
}
.ssp .ssp__hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(https://staging-scip.site-ym.com/resource/resmgr/revamp/speed-banner-overlay.png) no-repeat 0 0/cover;
  z-index: 1;
}
.ssp .ssp__hero.has-video {
  background: radial-gradient(134.2% 46.96% at 62.99% 49.95%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.164723) 27.47%, rgba(0, 0, 0, 0.164723) 54.5%, #000000 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), radial-gradient(106.93% 40.79% at 50.84% 46.35%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.476285) 60.21%, #000000 100%);
}
.ssp .ssp__hero.has-video > video {
  filter: brightness(100%) !important;
}
.ssp .ssp__hero .my-width {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  position: relative;
  z-index: 3;
}
.ssp .ssp__hero .my-width h1 {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 760px) {
  .ssp .ssp__hero .my-width h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
.ssp .ssp__hero .my-width p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  width: 996px;
  max-width: 100%;
  color: #f5f5f5;
}
.ssp .ssp__body {
  width: 100%;
  height: 200vh;
  background: radial-gradient(134.2% 46.96% at 62.99% 49.95%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.164723) 27.47%, rgba(0, 0, 0, 0.164723) 54.5%, #000000 100%), radial-gradient(106.93% 40.79% at 50.84% 46.35%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.476285) 60.21%, #000000 100%);
}
.ssp .ssp__body .my-width {
  z-index: 3;
  position: relative;
  margin: 0 auto;
  margin-top: -350px;
  padding-bottom: 100px;
}
.ssp .ssp__body .my-width .ssp__cards {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media screen and (max-width: 800px) {
  .ssp .ssp__body .my-width .ssp__cards {
    grid-template-columns: 1fr;
  }
}
.ssp .ssp__body .my-width .ssp__cards .ssp__card {
  width: 100%;
  padding: 35px 22px;
  background: rgba(12, 12, 13, 0.5019607843);
  border-radius: 10px;
  position: relative;
  gap: 16px;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
.ssp .ssp__body .my-width .ssp__cards .ssp__card:hover::before {
  opacity: 1;
}
.ssp .ssp__body .my-width .ssp__cards .ssp__card::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  background-repeat: no-repeat;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='387' height='322' viewBox='0 0 387 322' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M377 0.5H10C4.75329 0.5 0.5 4.75329 0.5 10V312C0.5 317.247 4.75329 321.5 10 321.5H377C382.247 321.5 386.5 317.247 386.5 312V10C386.5 4.75329 382.247 0.5 377 0.5Z' stroke='url(%23paint0_linear_1_19)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_19' x1='28.5492' y1='18.2436' x2='231.156' y2='172.031' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300FFD1'/%3E%3Cstop offset='0.62' stop-color='%2300F1E3' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%2300D8FA' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.ssp .ssp__body .my-width .ssp__cards .ssp__card h2 {
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  line-height: 1.5;
  text-align: left;
  color: #f5f5f5;
  text-align: left;
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ssp .ssp__body .my-width .ssp__cards .ssp__card .text {
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-align: left;
  color: #f5f5f5;
  padding-bottom: 4px;
  margin-bottom: 20px;
}
.ssp .ssp__body .my-width .ssp__cards .ssp__card .ssp__lists {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 40px;
}
.ssp .ssp__body .my-width .ssp__cards .ssp__card .ssp__lists .ssp-item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ssp .ssp__body .my-width .ssp__cards .ssp__card .h2,
.ssp .ssp__body .my-width .ssp__cards .ssp__card .ssp-item,
.ssp .ssp__body .my-width .ssp__cards .ssp__card a {
  position: relative;
  z-index: 3;
}
.ssp .ssp__body .my-width .ssp__cards .ssp__card a {
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.6px;
  text-align: left;
  color: #f5f5f5;
  border: 1px solid #f5f5f5;
  padding: 10px 20px;
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
}
.ssp .ssp__body .my-width .ssp__cards .ssp__card a:hover {
  color: #0c0c0d;
  border: 1px solid #42e26f;
  background-color: #42e26f;
}

.scip-speed-page {
  background: url("https://staging-scip.site-ym.com/resource/resmgr/revamp/speed-bg.png") no-repeat 0 0/cover;
  mix-blend-mode: lighten;
}
.scip-speed-page .has-video > video {
  z-index: initial;
}
.scip-speed-page .hero-section {
  background: none;
}
.scip-speed-page .hero-section::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url("https://staging-scip.site-ym.com/resource/resmgr/revamp/speed-banner-overlay.png") no-repeat 0 0/cover;
}

.scip-get-involved-page {
  background: url("https://staging-scip.site-ym.com/resource/resmgr/revamp/get-involved-bg.png") no-repeat 0 0/cover;
  mix-blend-mode: lighten;
}
.scip-get-involved-page .has-video > video {
  z-index: initial;
}
.scip-get-involved-page .hero-section {
  background: none;
}
.scip-get-involved-page .get-involved-hero-wrap.hero-section:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background: url("https://cdn.ymaws.com/staging-scip.site-ym.com/resource/resmgr/get-involved/banner-img.png") no-repeat 0 0/contain;
  mix-blend-mode: lighten;
}

.scip-tm-page {
  background: url("https://staging-scip.site-ym.com/resource/resmgr/revamp/tm-bg.png") no-repeat 0 0/cover;
}
.scip-tm-page .hero-section > div p {
  font-size: 18px;
  font-family: "Nunito Sans", system-ui;
}
.scip-tm-page .has-video > video {
  z-index: initial;
}
.scip-tm-page .hero-section {
  background: url("https://cdn.ymaws.com/staging-scip.site-ym.com/resource/resmgr/team-membership/banner-img.png") no-repeat center center/cover;
  mix-blend-mode: lighten;
}

.scip-icoe-page {
  background: url("https://staging-scip.site-ym.com/resource/resmgr/revamp/icoe-bg.png") no-repeat 0 0/cover;
  mix-blend-mode: lighten;
}
.scip-icoe-page .has-video > video {
  z-index: initial;
}
.scip-icoe-page .hero-section {
  background: none;
  mix-blend-mode: lighten;
}
.scip-icoe-page .maps-section {
  background: none;
}
.scip-icoe-page .maps-section .map {
  mix-blend-mode: lighten;
}
.scip-icoe-page .imag__main {
  background: none;
}
.scip-icoe-page .block-heading {
  margin-bottom: 36px;
}
.scip-icoe-page .block-heading h2 {
  text-transform: initial !important;
}
.scip-icoe-page .bordered-card {
  gap: 0;
}
.scip-icoe-page .imag__main .why-imag .my-width .bordered-card p:nth-child(2) {
  width: auto;
}
.scip-icoe-page .col-wrap p {
  background: var(--Gradient-Text-Overlay, linear-gradient(180deg, #F5F5F5 -166.04%, rgba(12, 12, 13, 0.5) 117.07%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.scip-icoe-page .col-3-wrap .scip-col:hover .scip-content p {
  background: transparent;
  color: #f5f5f5;
  -webkit-text-fill-color: #f5f5f5;
}
.scip-icoe-page .col-gradient-overlay:after {
  display: none;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

body {
  background-color: #020f21;
}

a {
  text-decoration: none;
}

.my-width {
  width: 1300px;
  max-width: 95%;
}

.head-wrapper {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 100;
  background: rgba(12, 12, 13, 0.5019607843);
  /* From https://css.glass */
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.head-wrapper .header {
  display: flex;
  align-items: center;
  height: 99px;
}
.head-wrapper .header > div {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.head-wrapper .header > div .logo {
  display: flex;
  align-content: center;
}
.head-wrapper .header > div .right-nav {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
@media screen and (max-width: 1000px) {
  .head-wrapper .header > div .right-nav {
    display: none;
  }
}
.head-wrapper .header > div .right-nav .top .nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.head-wrapper .header > div .right-nav .top .ul {
  gap: 59px;
  margin: 0;
}
.head-wrapper .header > div .right-nav .top .ul li a {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
}
.head-wrapper .header > div .right-nav .bottom .ul {
  gap: 30px;
}
.head-wrapper .header > div .right-nav .bottom .ul li:last-child a {
  padding-right: 0;
}
.head-wrapper .header > div .right-nav .bottom .ul li a {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  padding: 6px 16px;
}
.head-wrapper .header > div .right-nav .ul {
  display: flex;
  list-style: none;
  align-items: center;
  justify-content: flex-end;
}
.head-wrapper .header > div .right-nav .ul li a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.8);
}
.head-wrapper .header > div .right-nav .ul li a:hover {
  color: #42e26f;
}
.head-wrapper .header > div .right-nav .ul li a.active {
  color: #42e26f;
}
.head-wrapper .header > div .right-nav .ul li.menu-trigger {
  position: relative;
}
.head-wrapper .header > div .right-nav .ul li.menu-trigger:hover .menu-triggered {
  display: block !important;
}
.head-wrapper .header > div .right-nav .ul li.menu-trigger:hover a {
  border-radius: 5px;
  background: rgba(250, 250, 250, 0.2);
  color: white;
}
.head-wrapper .header > div .right-nav .ul li .menu-triggered {
  display: none;
  position: absolute;
  top: 30px;
  left: -300px;
  padding-top: 19px;
}
.head-wrapper .header > div .right-nav .ul li .menu-triggered-content {
  width: 586px;
  background-color: #0c0c0c;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 10px;
}
.head-wrapper .header > div .right-nav .ul li .menu-triggered-content .mtc-top {
  padding: 27px 34px 14px 34px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid #b9b9b9;
}
.head-wrapper .header > div .right-nav .ul li .menu-triggered-content .mtc-top .left,
.head-wrapper .header > div .right-nav .ul li .menu-triggered-content .mtc-top .right {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.head-wrapper .header > div .right-nav .ul li .menu-triggered-content .mtc-top .right {
  padding-left: 34px;
}
.head-wrapper .header > div .right-nav .ul li .menu-triggered-content .mtc-bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.head-wrapper .header > div .right-nav .ul li .menu-triggered-content .mtc-bottom ul {
  padding: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  gap: 0;
}
.head-wrapper .header > div .right-nav .ul li .menu-triggered-content .mtc-bottom ul li {
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  padding: 0;
}
.head-wrapper .header > div .right-nav .ul li .menu-triggered-content .mtc-bottom ul li a {
  display: block;
  width: 100%;
  padding: 14px 34px;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
  color: rgba(255, 255, 255, 0.8) !important;
  background-color: transparent !important;
  border-radius: 0 !important;
}
.head-wrapper .header > div .right-nav .ul li .menu-triggered-content .mtc-bottom ul li a:hover {
  color: #42e26f !important;
}

.header-strip {
  background: linear-gradient(180deg, rgba(185, 185, 185, 0.2) -30.52%, rgba(83, 83, 83, 0.2) 127.27%);
  padding: 10px 5%;
  display: flex;
  gap: 40px;
}
.header-strip .spotlight {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 600;
  line-height: 30.8px;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 20px;
  color: #0c0c0d;
  padding: 8px 20px;
}
.header-strip .marquee-section {
  flex: 1;
  display: flex;
  align-items: center;
  color: #f5f5f5;
  gap: 10px;
  font-family: Avenir;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
}
.header-strip .marquee-section svg {
  margin: 0 40px;
}
.header-strip .marquee-section span {
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 10px;
}

.has-video {
  position: relative;
  overflow: hidden;
}
.has-video > video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -o-object-fit: cover;
     object-fit: cover;
  filter: brightness(0.88);
}

.hero-section {
  padding-top: 70px;
  padding-bottom: 50px;
  background: linear-gradient(180deg, rgba(12, 12, 13, 0) 69.48%, #0c0c0d 100%), linear-gradient(0deg, rgba(12, 12, 13, 0.6), rgba(12, 12, 13, 0.6));
}
.hero-section > div {
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.hero-section > div .hero-icon {
  width: 131px;
  height: 164px;
}
.hero-section > div h1 {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 13px;
}
@media screen and (max-width: 760px) {
  .hero-section > div h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
.hero-section > div p {
  width: 1117px;
  max-width: 100%;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  margin-bottom: 60px;
}
.hero-section > div .scroll-indicator {
  color: #f5f5f5;
  padding: 42px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 19px;
}

.global-and-yt {
  background: linear-gradient(180deg, rgba(12, 12, 13, 0) 69.48%, #0c0c0d 100%), linear-gradient(0deg, rgba(12, 12, 13, 0.6), rgba(12, 12, 13, 0.6));
}

.globe-section {
  padding: 100px 0 0 0;
  height: 100vh;
}
@media screen and (max-width: 1000px) {
  .globe-section {
    height: auto;
  }
}
@media screen and (min-width: 1981px) {
  .globe-section {
    height: auto !important;
  }
}
.globe-section > div {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: overflow hidden;
  padding-bottom: 500px;
}
.globe-section > div h2 {
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  width: 1150px;
  max-width: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 760px) {
  .globe-section > div h2 {
    font-size: 40px;
    line-height: 50px;
  }
}
.globe-section > div p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  width: 1059px;
  max-width: 100%;
  margin-bottom: 10px;
}
.globe-section > div a {
  margin-top: 40px;
  z-index: 2;
}
.globe-section > div .globe {
  position: absolute;
  top: -150px;
  opacity: 0;
  width: 1200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1000px) {
  .globe-section > div .globe {
    opacity: 1;
    bottom: 300px;
    top: 100%;
    height: -moz-fit-content;
    height: fit-content;
    transform: translateY(-65%);
  }
  .globe-section > div .globe img {
    transform: scale(1.5);
  }
}
@media screen and (min-width: 1981px) {
  .globe-section > div .globe {
    opacity: 1;
    bottom: 300px;
    top: 100%;
    height: -moz-fit-content;
    height: fit-content;
    transform: translateY(-65%);
  }
  .globe-section > div .globe img {
    transform: scale(1.5);
  }
}
.globe-section > div .globe img {
  width: 100%;
  width: 500px;
}

.yt-video-section {
  padding: 100px 0;
}
.yt-video-section > div {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 35px;
  position: relative;
}
.yt-video-section > div p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  width: 704px;
  max-width: 100%;
}
.yt-video-section > div .yt-video {
  width: 724.69px;
  max-width: 100%;
  height: auto;
}

.svp-section {
  background: linear-gradient(180deg, rgba(12, 12, 13, 0) 69.48%, #0c0c0d 100%), linear-gradient(0deg, rgba(12, 12, 13, 0.6), rgba(12, 12, 13, 0.6));
  padding: 100px 0;
}
.svp-section > div {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.svp-section > div h2 {
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media screen and (max-width: 760px) {
  .svp-section > div h2 {
    font-size: 40px;
    line-height: 50px;
  }
}
.svp-section > div p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  margin-bottom: 100px;
}
.svp-section > div .svp-cards__row {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.svp-section > div .svp-cards__row .my-card {
  width: 370px;
  max-width: 100%;
  height: 265px;
  padding: 27px;
  border-radius: 10px;
  border: 1px solid #b9b9b9;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgba(12, 12, 13, 0.5019607843);
  position: relative;
  position: relative;
  overflow: hidden;
}
.svp-section > div .svp-cards__row .my-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0.69deg, #5398bf 0.6%, #2f4f65 73.67%, #132228 108.55%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: -1;
}
.svp-section > div .svp-cards__row .my-card:hover::before {
  opacity: 1;
}
.svp-section > div .svp-cards__row .my-card:hover a {
  transform: translateY(-34px) scale(1);
  opacity: 1;
}
.svp-section > div .svp-cards__row .my-card:hover:has(a) .title,
.svp-section > div .svp-cards__row .my-card:hover:has(a) .desc {
  transform: translateY(-34px);
}
.svp-section > div .svp-cards__row .my-card .title {
  font-family: Roboto;
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  text-align: left;
  margin-bottom: 16px;
  color: #f5f5f5;
  width: 100%;
  transition: all 0.5s ease-in-out;
}
.svp-section > div .svp-cards__row .my-card .desc {
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
  color: rgba(245, 245, 245, 0.8);
  transition: all 0.5s ease-in-out;
}
.svp-section > div .svp-cards__row .my-card a {
  position: absolute;
  transition: all 0.5s ease-in-out;
  text-decoration: none;
  transform-origin: left center;
  transform: translateY(-50px) scale(0.4);
  opacity: 0;
  bottom: 0;
  left: 27px;
}

.intellicon-event {
  background: linear-gradient(180deg, rgba(12, 12, 13, 0) 69.48%, #0c0c0d 100%), linear-gradient(0deg, rgba(12, 12, 13, 0.6), rgba(12, 12, 13, 0.6));
  padding: 100px 0;
}
.intellicon-event > .my-width {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}
.intellicon-event > .my-width h2 {
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media screen and (max-width: 760px) {
  .intellicon-event > .my-width h2 {
    font-size: 40px;
    line-height: 50px;
  }
}
.intellicon-event > .my-width p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  width: 986px;
  max-width: 100%;
}
.intellicon-event .ie-bottom {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin: 0 auto;
  gap: 50px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1200px) {
  .intellicon-event .ie-bottom {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .intellicon-event .ie-bottom .ieb-right {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
  }
  .intellicon-event .ie-bottom .ieb-right p {
    text-align: center !important;
  }
}
.intellicon-event .ie-bottom .ieb-img {
  width: 854px;
  max-width: 100%;
  z-index: 20;
  background-color: gray;
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .intellicon-event .ie-bottom .ieb-img {
    width: 600px !important;
    background-color: red;
  }
}
.intellicon-event .ie-bottom .ieb-img img {
  width: 100%;
}
.intellicon-event .ie-bottom .ieb-right {
  width: 393px;
  max-width: 100%;
}
.intellicon-event .ie-bottom .ieb-right .ieb-date {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #f5f5f5;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #f5f5f5;
  gap: 10px;
  margin-bottom: 20px;
}
.intellicon-event .ie-bottom .ieb-right .ieb-title {
  color: #f5f5f5;
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  text-align: left;
}
@media screen and (max-width: 760px) {
  .intellicon-event .ie-bottom .ieb-right .ieb-title {
    font-size: 30px;
    line-height: 40px;
  }
}
@media screen and (max-width: 800px) {
  .intellicon-event .ie-bottom .ieb-right .ieb-title {
    text-align: center;
  }
}
.intellicon-event .ie-bottom .ieb-right p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  text-align: left;
  color: rgba(245, 245, 245, 0.8);
}
.intellicon-event .ie-upcoming {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.intellicon-event .ie-upcoming .ie-upcoming-title {
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  line-height: 1.5;
  text-align: left;
  color: #f5f5f5;
  text-align: left;
}
@media screen and (max-width: 1291px) {
  .intellicon-event .ie-upcoming .ie-upcoming-title {
    text-align: center;
    width: 100%;
  }
}
.intellicon-event .ie-cards__row {
  padding-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  flex-wrap: wrap;
}
.intellicon-event .ie-cards__row .ie-card {
  width: 410px;
  max-width: 100%;
  height: 244px;
  background-color: gray;
  position: relative;
}
@media (min-width: 1200px) and (max-width: 1366px) {
  .intellicon-event .ie-cards__row .ie-card {
    width: 390px;
  }
}
.intellicon-event .ie-cards__row .ie-card::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 60px;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.intellicon-event .ie-cards__row .ie-card:hover::after {
  display: none;
}
.intellicon-event .ie-cards__row .ie-card:hover .ie-card-img {
  filter: brightness(0.5);
}
.intellicon-event .ie-cards__row .ie-card:hover .ie-card-img img {
  transform: scale(1.2);
}
.intellicon-event .ie-cards__row .ie-card:hover .ie-card-hover {
  background: transparent;
  transform: translateY(0px);
}
.intellicon-event .ie-cards__row .ie-card:hover .ie-card-hover .top .iec-text {
  opacity: 1;
}
.intellicon-event .ie-cards__row .ie-card .ie-card-img {
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
}
.intellicon-event .ie-cards__row .ie-card .ie-card-img img {
  transition: all 0.3s ease-in-out;
}
.intellicon-event .ie-cards__row .ie-card .ie-card-hover {
  position: absolute;
  height: 100%;
  display: flex;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  padding: 28px 24px;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transform: translateY(160px);
}
.intellicon-event .ie-cards__row .ie-card .ie-card-hover .top {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.intellicon-event .ie-cards__row .ie-card .ie-card-hover .top .iec-text {
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: left;
  opacity: 0;
}
.intellicon-event .ie-cards__row .ie-card .ie-card-hover .iec-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  color: #f5f5f5;
  transform-origin: left center;
  transition: all 0.3s ease-in-out;
}
.intellicon-event .ie-cards__row .ie-card .ie-card-hover .iec-date {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 11.73px;
  font-weight: 400;
  line-height: 14.07px;
  text-align: left;
}

.maps-section {
  background-color: #0c0c0d;
  padding: 100px 0 0 0;
}
.maps-section > .my-width {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 1275px) {
  .maps-section > .my-width {
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
  }
}
.maps-section > .my-width .left {
  display: flex;
  align-items: center;
  gap: 52px;
  flex-wrap: wrap;
  max-width: 100%;
}
@media screen and (max-width: 1275px) {
  .maps-section > .my-width .left {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .maps-section > .my-width .left h2 {
    width: 100% !important;
    max-width: 100% !important;
    white-space: wrap;
    text-align: center !important;
  }
}
.maps-section > .my-width .left h2 {
  width: 479px;
  max-width: 100%;
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
}
@media screen and (max-width: 760px) {
  .maps-section > .my-width .left h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.maps-section > .my-width .left img {
  width: 136px;
  height: 139px;
}
.maps-section > .my-width .right {
  width: 500px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1275px) {
  .maps-section > .my-width .right {
    align-items: center;
    justify-content: center;
  }
}
.maps-section > .my-width .right p {
  color: #f5f5f5;
}
.maps-section > .my-width .right button {
  width: -moz-fit-content;
  width: fit-content;
}
.maps-section .map {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.maps-section .map .mapContainer {
  position: relative;
}
.maps-section .map .pin-container {
  height: 8px;
  width: 15px;
  background-color: #42e26f;
  position: absolute;
  left: 19%;
  top: 41%;
  opacity: 1;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgb(0, 0, 0);
  transform: scale(1);
}
.maps-section .map .pin-container .pin-pulse {
  animation: pulse 2s infinite;
  height: 8px;
  width: 15px;
  background-color: #9dff00;
  border-radius: 50%;
  position: relative;
  z-index: 19;
}
.maps-section .map .pin-container .pin-content-wrapper {
  position: relative;
}
.maps-section .map .pin-container .pin-content-wrapper .pin-content {
  z-index: 10;
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  bottom: 8px;
  left: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  transform-origin: bottom center;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  transform: translateX(-50%) scale(0);
}
.maps-section .map .pin-container .pin-content-wrapper .pin-content svg {
  height: 30px;
  width: 30px;
}
.maps-section .map .pin-container .pin-content-wrapper .pin-content .text {
  background-color: white;
  display: block;
  position: relative;
  z-index: 30;
  opacity: 1;
  padding: 6px 10px;
  border-radius: 8px;
  width: 150px;
  text-align: center;
  color: #000;
}
.maps-section .map .pin-container:hover {
  cursor: pointer;
}
.maps-section .map .pin-container:hover .pin-content-wrapper .pin-content {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}
@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(157, 255, 0, 0.7607843137);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
.maps-section img {
  max-width: 100%;
}

.scip-affiliates-section {
  background: linear-gradient(180deg, rgba(12, 12, 13, 0) 69.48%, #0c0c0d 100%), linear-gradient(0deg, rgba(12, 12, 13, 0.6), rgba(12, 12, 13, 0.6));
}
.scip-affiliates-section .my-width {
  padding: 100px 0;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.scip-affiliates-section .my-width h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 760px) {
  .scip-affiliates-section .my-width h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.scip-affiliates-section .my-width > p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  width: 996px;
  max-width: 100%;
}
.scip-affiliates-section .my-width .affiliates-card__row {
  padding-top: 40px;
  width: 1144px;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 28px;
  margin-bottom: 56px;
}
.scip-affiliates-section .my-width .affiliates-card__row .affiliates-card {
  width: 265px;
  height: 100px;
  background-color: #fff;
  filter: brightness(0.8);
  border-radius: 10px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.scip-affiliates-section .my-width .affiliates-card__row .affiliates-card:hover .ac-img {
  transform: scale(0.6);
  opacity: 0;
}
.scip-affiliates-section .my-width .affiliates-card__row .affiliates-card:hover .ac-text {
  opacity: 1;
  transform: scale(1);
}
.scip-affiliates-section .my-width .affiliates-card__row .affiliates-card .ac-img {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 10px;
  transition: all 0.5s ease-in-out;
  transform: scale(1);
  opacity: 1;
}
.scip-affiliates-section .my-width .affiliates-card__row .affiliates-card .ac-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.scip-affiliates-section .my-width .affiliates-card__row .affiliates-card .ac-text {
  position: absolute;
  width: 100%;
  padding: 16px;
  transform: scale(0.7);
  transition: all 0.5s ease-in-out;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  color: #0c0c0d;
}

.speed-smart-wrapper {
  background: linear-gradient(180deg, rgba(12, 12, 13, 0) 69.48%, #0c0c0d 100%), linear-gradient(0deg, rgba(12, 12, 13, 0.6), rgba(12, 12, 13, 0.6));
}

.speed-section .my-width {
  margin: 0 auto;
  padding: 100px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.speed-section .my-width h2 {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 760px) {
  .speed-section .my-width h2 {
    font-size: 40px;
    line-height: 50px;
  }
}
.speed-section .my-width p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  width: 880px;
  max-width: 100%;
}
.speed-section .my-width .sc-hoverable-top-below {
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  line-height: 1.5;
  text-align: left;
  color: #f5f5f5;
  margin: 26px 0;
  color: #f5f5f5;
}
.speed-section .my-width .sc-expandable-section {
  width: 100%;
}
.speed-section .my-width .sc-expandable-section .sc-expandable {
  color: rgba(245, 245, 245, 0.8);
  border-bottom: 1px solid #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.speed-section .my-width .sc-expandable-section .sc-expandable:first-child {
  border-top: 1px solid #f5f5f5;
}
.speed-section .my-width .sc-expandable-section .sc-expandable:hover {
  color: #f5f5f5;
}
@media screen and (max-width: 715px) {
  .speed-section .my-width .sc-expandable-section .sc-expandable:hover .sc-right {
    display: none;
  }
}
@media screen and (max-width: 715px) {
  .speed-section .my-width .sc-expandable-section .sc-expandable:hover .sc-left {
    flex-direction: column;
  }
}
.speed-section .my-width .sc-expandable-section .sc-expandable:hover .sc-left .scl-left .img {
  width: 305px;
  height: 203px;
  opacity: 1;
}
@media screen and (max-width: 715px) {
  .speed-section .my-width .sc-expandable-section .sc-expandable:hover .sc-left .scl-left .img {
    width: 100%;
    height: auto;
  }
}
.speed-section .my-width .sc-expandable-section .sc-expandable:hover .sc-left .scl-left span {
  opacity: 0;
}
.speed-section .my-width .sc-expandable-section .sc-expandable:hover .sc-left .scl-right {
  padding: 31px 70px;
}
@media screen and (max-width: 715px) {
  .speed-section .my-width .sc-expandable-section .sc-expandable:hover .sc-left .scl-right {
    padding: 10px 0;
    margin-top: 20px;
  }
}
.speed-section .my-width .sc-expandable-section .sc-expandable:hover .sc-left .scl-right > div {
  opacity: 1;
  height: -moz-fit-content;
  height: fit-content;
}
.speed-section .my-width .sc-expandable-section .sc-expandable:hover .sc-right {
  opacity: 0;
}
.speed-section .my-width .sc-expandable-section .sc-expandable .sc-left {
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  line-height: 1.5;
  text-align: left;
  color: #f5f5f5;
  display: flex;
  width: 100%;
  justify-content: flex-start;
}
.speed-section .my-width .sc-expandable-section .sc-expandable .sc-left .scl-left {
  display: flex;
  position: relative;
}
.speed-section .my-width .sc-expandable-section .sc-expandable .sc-left .scl-left span {
  padding: 30px 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.speed-section .my-width .sc-expandable-section .sc-expandable .sc-left .scl-left .img {
  transition: all 0.5s ease-in-out;
  background-color: gray;
  width: 70px;
  height: 93px;
  opacity: 0;
}
.speed-section .my-width .sc-expandable-section .sc-expandable .sc-left .scl-left .img img {
  height: 100%;
  width: 100%;
}
.speed-section .my-width .sc-expandable-section .sc-expandable .sc-left .scl-right {
  height: 100%;
  transition: all 0.5s ease-in-out;
  padding-top: 31px;
  position: relative;
  width: 100%;
}
.speed-section .my-width .sc-expandable-section .sc-expandable .sc-left .scl-right > div {
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  text-align: left;
  margin-top: 18px;
  transition: all 0.5s ease-in-out;
  height: 0;
  opacity: 0;
  width: 100%;
}
.speed-section .my-width .sc-expandable-section .sc-expandable .sc-right {
  font-size: 20px;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.resource-training-section {
  padding: 100px 0;
}
.resource-training-section > div {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.resource-training-section > div h2 {
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 760px) {
  .resource-training-section > div h2 {
    font-size: 40px;
    line-height: 50px;
  }
}
.resource-training-section > div p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  width: 833px;
  max-width: 100%;
  margin-bottom: 79px;
}
.resource-training-section > div .toggle-wrapper {
  margin-bottom: 23px;
}
.resource-training-section > div .toggle-wrapper .toggle-container {
  background-color: linear-gradient(180deg, rgba(185, 185, 185, 0.2) -30.52%, rgba(83, 83, 83, 0.2) 127.27%);
  padding: 5px;
  border: 1px solid #b9b9b9;
  border-radius: 10px;
}
.resource-training-section > div .toggle-wrapper .toggle-container button {
  all: unset;
  cursor: pointer;
  padding: 8px 36px;
  font-family: Roboto;
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  text-align: center;
  border-radius: 5px;
  color: #fff;
}
.resource-training-section > div .toggle-wrapper .toggle-container button.active {
  background-color: #42e26f;
  color: #000;
  view-transition-name: title-toggle-transition;
}
.resource-training-section > div .toggle-content {
  border: 1px solid #b9b9b9;
  width: 100%;
  border-radius: 10px;
  display: flex;
  overflow: hidden;
}
@media screen and (max-width: 1030px) {
  .resource-training-section > div .toggle-content {
    flex-wrap: wrap;
  }
}
.resource-training-section > div .toggle-content .tc-left {
  background-color: rgba(12, 12, 13, 0.5019607843);
  padding: 34px 20px;
  width: 425px;
}
@media screen and (max-width: 1030px) {
  .resource-training-section > div .toggle-content .tc-left {
    width: 100%;
  }
}
.resource-training-section > div .toggle-content .tc-left button {
  all: unset;
  cursor: pointer;
  flex: 1;
  width: calc(100% - 78px);
  max-width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  padding: 18px 39px;
  border-radius: 10px;
  color: #b9b9b9;
  white-space: nowrap;
}
.resource-training-section > div .toggle-content .tc-left button .icon {
  height: 37px;
  width: 37px;
  border-radius: 50%;
  background-color: #f5f5f5;
  display: grid;
  place-items: center;
  font-size: 20px;
  opacity: 0;
}
.resource-training-section > div .toggle-content .tc-left button.active {
  view-transition-name: my-custom-transition;
}
.resource-training-section > div .toggle-content .tc-left button.active {
  background-color: #42e26f;
  color: #0c0c0d;
}
.resource-training-section > div .toggle-content .tc-left button.active .icon {
  opacity: 1;
}
.resource-training-section > div .toggle-content .tc-right {
  padding: 57px;
  flex: 1;
  max-width: 100%;
}
.resource-training-section > div .toggle-content .tc-right .tr-cards-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
  flex: 1;
}
.resource-training-section > div .toggle-content .tc-right .tr-cards-wrapper .content-section {
  flex: 1;
}
.resource-training-section > div .toggle-content .tc-right .tr-cards-wrapper .content-section .content-section-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  line-height: 1.5;
  text-align: left;
  color: #f5f5f5;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 20px;
}
.resource-training-section > div .toggle-content .tc-right .tr-cards-wrapper .content-section > p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  text-align: left;
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 40px;
}
.resource-training-section > div .toggle-content .tc-right .tr-cards-wrapper .content-section a {
  width: -moz-fit-content;
  width: fit-content;
}
.resource-training-section > div .toggle-content .tc-right .tr-card {
  display: flex;
  gap: 25px;
  padding: 8px;
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 800px) {
  .resource-training-section > div .toggle-content .tc-right .tr-card {
    flex-wrap: wrap;
  }
}
.resource-training-section > div .toggle-content .tc-right .tr-card:hover {
  /* From https://css.glass */
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.resource-training-section > div .toggle-content .tc-right .tr-card:hover .tr-card-right .tcr-top {
  transform: translate(0, 0);
}
.resource-training-section > div .toggle-content .tc-right .tr-card:hover .tr-card-right .tcr-btns {
  transform: translateX(0px) scale(1);
  opacity: 1;
}
.resource-training-section > div .toggle-content .tc-right .tr-card:hover .tr-card-right .tcr-btns a {
  all: unset;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}
.resource-training-section > div .toggle-content .tc-right .tr-card .tr-card-img {
  width: 178px;
  min-width: 178px;
  max-width: 178px;
  border-radius: 5px;
  min-height: 108px;
  background-color: rgb(54, 54, 54);
}
@media screen and (max-width: 800px) {
  .resource-training-section > div .toggle-content .tc-right .tr-card .tr-card-img {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}
.resource-training-section > div .toggle-content .tc-right .tr-card .tr-card-right .tcr-top {
  transform: translate(0, 26px);
  transition: all 0.5s ease-in-out;
  color: #f5f5f5;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  margin-bottom: 16px;
}
.resource-training-section > div .toggle-content .tc-right .tr-card .tr-card-right .tcr-btns {
  display: flex;
  align-items: center;
  gap: 11px;
  transition: all 0.5s ease-in-out;
  transform: translateX(20px) scale(0);
  opacity: 0;
}
.resource-training-section > div .toggle-content .tc-right .tr-card .tr-card-right .tcr-btns button {
  all: unset;
  cursor: pointer;
  padding: 10px 22px;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.6px;
  text-align: left;
  border: 1px solid #f5f5f5;
  color: #f5f5f5;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 30px;
}
.resource-training-section > div .toggle-content .tc-right .tr-card .tr-card-right .tcr-btns button:hover {
  background-color: #42e26f;
  border: 1px solid #42e26f;
}

.recognized-section {
  background: linear-gradient(180deg, rgba(12, 12, 13, 0) 69.48%, #0c0c0d 100%), linear-gradient(0deg, rgba(12, 12, 13, 0.6), rgba(12, 12, 13, 0.6));
}
.recognized-section .my-width {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0;
  justify-content: center;
  gap: 100px;
}
.recognized-section .my-width .left {
  width: 363px;
  height: 281.39px;
}
.recognized-section .my-width .left img {
  width: 100%;
}
.recognized-section .my-width .right {
  width: 742px;
  max-width: 100%;
}
.recognized-section .my-width .right h2 {
  margin-bottom: 19px;
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 44px;
  font-weight: 700;
  line-height: 52.8px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #f5f5f5;
  text-align: center;
  text-align: left;
}
@media screen and (max-width: 760px) {
  .recognized-section .my-width .right h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.recognized-section .my-width .right p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  text-align: left;
  color: rgba(255, 255, 255, 0.8);
}
.recognized-section .my-width .right p strong {
  color: #fff;
}

.scip-competative {
  background: linear-gradient(180deg, rgba(12, 12, 13, 0) 69.48%, #0c0c0d 100%), linear-gradient(0deg, rgba(12, 12, 13, 0.6), rgba(12, 12, 13, 0.6));
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 100px 0 200px 0;
}
.scip-competative .my-width {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.scip-competative .my-width h2 {
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  width: 971px;
  max-width: 100%;
}
@media screen and (max-width: 760px) {
  .scip-competative .my-width h2 {
    font-size: 40px;
    line-height: 50px;
  }
}
.scip-competative .my-width p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  width: 800px;
  max-width: 100%;
}
.scip-competative .my-width .competative-card__row {
  display: flex;
  flex-direction: row;
  margin-top: 100px;
  width: 1200px;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.scip-competative .my-width .competative-card__row .competative-card {
  width: 370px;
  max-width: 100%;
  height: 265px;
  padding: 27px;
  border-radius: 10px;
  border: 1px solid #b9b9b9;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgba(12, 12, 13, 0.5019607843);
  position: relative;
  position: relative;
  overflow: hidden;
}
.scip-competative .my-width .competative-card__row .competative-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0.69deg, #5398bf 0.6%, #2f4f65 73.67%, #132228 108.55%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: -1;
}
.scip-competative .my-width .competative-card__row .competative-card:hover::before {
  opacity: 1;
}
.scip-competative .my-width .competative-card__row .competative-card:hover a {
  transform: translateY(-34px) scale(1);
  opacity: 1;
}
.scip-competative .my-width .competative-card__row .competative-card:hover:has(a) .title,
.scip-competative .my-width .competative-card__row .competative-card:hover:has(a) .desc {
  transform: translateY(-34px);
}
.scip-competative .my-width .competative-card__row .competative-card .title {
  font-family: Roboto;
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  text-align: left;
  margin-bottom: 16px;
  color: #f5f5f5;
  width: 100%;
  transition: all 0.5s ease-in-out;
}
.scip-competative .my-width .competative-card__row .competative-card .desc {
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
  color: rgba(245, 245, 245, 0.8);
  transition: all 0.5s ease-in-out;
}
.scip-competative .my-width .competative-card__row .competative-card a {
  position: absolute;
  transition: all 0.5s ease-in-out;
  text-decoration: none;
  transform-origin: left center;
  transform: translateY(-50px) scale(0.4);
  opacity: 0;
  bottom: 0;
  left: 27px;
}

.ready-difference {
  background: linear-gradient(180deg, rgba(12, 12, 13, 0) 69.48%, #0c0c0d 100%), linear-gradient(0deg, rgba(12, 12, 13, 0.6), rgba(12, 12, 13, 0.6));
  padding: 200px 0 200px 0;
  display: flex;
  align-items: center;
}
.ready-difference > div {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ready-difference > div h2 {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  color: #f5f5f5;
  text-transform: uppercase;
  margin-bottom: 30px;
}
@media screen and (max-width: 760px) {
  .ready-difference > div h2 {
    font-size: 40px;
    line-height: 50px;
  }
}
.ready-difference > div h2 span {
  background: linear-gradient(90deg, #00ffd1 0%, #00f1e3 62%, #00d8fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ready-difference > div p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: rgba(245, 245, 245, 0.8);
  margin-bottom: 20px;
}
.ready-difference > div > div {
  font-size: 28px;
  font-weight: 600;
  line-height: 30.8px;
  text-align: center;
  color: #fff;
  margin-bottom: 40px;
}

.scip-footer {
  background-color: #0c0c0d;
}
.scip-footer .ftop {
  display: flex;
  justify-content: space-between;
  width: 1300px;
  max-width: 95%;
  margin: 0 auto;
  flex-wrap: wrap;
  gap: 50px;
}
.scip-footer .ftop .ft-left {
  display: flex;
  flex-direction: column;
  width: 350px;
  max-width: 100%;
}
.scip-footer .ftop .ft-left .logo {
  font-size: 40px;
}
.scip-footer .ftop .ft-left .ftext {
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  margin-bottom: 57px;
}
.scip-footer .ftop .ft-left .social-icons-row {
  display: flex;
  gap: 10px;
}
.scip-footer .ftop .ft-left .social-icons-row .icon {
  height: 30px;
  width: 30px;
  display: grid;
  place-items: center;
  transform: all 0.3s ease;
  font-size: 20px;
  cursor: pointer;
}
.scip-footer .ftop .ft-right {
  display: flex;
  gap: 128px;
  flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  .scip-footer .ftop .ft-right {
    gap: 40px;
  }
}
.scip-footer .ftop .ft-right .flink-section {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.scip-footer .ftop .ft-right .flink-section .flink-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
}
.scip-footer .ftop .ft-right .flink-section .flinks {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.scip-footer .ftop .ft-right .flink-section .flinks li {
  all: unset;
}
.scip-footer .ftop .ft-right .flink-section .flinks li a {
  text-decoration: none;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
  color: rgba(245, 245, 245, 0.8);
}
.scip-footer .ftop .ft-right .flink-section .flinks li a:hover {
  color: #42e26f;
}
.scip-footer .fbottom {
  text-align: center;
  padding: 21px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-align: center;
}
.scip-footer .become-a-member {
  position: fixed;
  width: -moz-fit-content;
  width: fit-content;
  bottom: 20px;
  right: 80px;
  z-index: 20;
}
/* # 6 global_inc\RadControls\Menu\Scripts\4_3_2\menu.css */

.radmenu
{
	white-space:nowrap;
	float:left;
	position:relative;
}


.radmenu:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.radmenu ul.horizontal,
.radmenu ul.vertical
{
	margin:0;
	padding:0;
	display:none;
	position:relative;
	left:0;
	float:left;
}

.radmenu .item
{
	float:left;
	position:relative;
	list-style-image: none;
	list-style-position:outside;
	list-style:none;	
	_display:inline;
}


.radmenu .horizontal .item
{
	clear:none;
}

.radmenu .vertical .item
{
	clear:both;
}


.radmenu ul.active,
.radmenu ul.rootGroup
{
	display:block;
}

.radmenu .slide, 
.contextMenu
{
	position:absolute;
	overflow:hidden;
	display:none;
	_height:1px;
	float:left;
}

.contextMenu
{
	z-index:1000;
}

.radmenu .text
{
	display:block;
}

.radmenu a.link
{
	cursor:default;
	display:block;	
}


.scrollWrap
{
	position:absolute;
	float:left;
	overflow:hidden;
}

.radmenu .leftArrow,
.radmenu .topArrow,
.radmenu .bottomArrow,
.radmenu .rightArrow
{
	position:absolute;
	z-index:2000;
	text-indent:-1000em;
}

.radmenu .leftArrowDisabled,
.radmenu .topArrowDisabled,
.radmenu .bottomArrowDisabled,
.radmenu .rightArrowDisabled
{
	display:none;
	text-indent:-1000em;
}

.radmenu .leftImage
{
	border:0;
	float:left;
}

.rtl
{
	float:right;
}

.rtl ul.horizontal,
.rtl ul.vertical
{
	float:right;
}

.rtl .item
{
	float:right;	
}

.rtl .leftImage,
.rtlcontext .leftImage
{
	border:0;
	float:right;
}

.radmenu ul.rootGroup
{
	float:none;
	_float:left;
}

.radmenu .link
{
	width:auto;
}

/* #  YADMIN-CUSTOM CSS */