@media (max-width: 768px) {
    .region-after-content {
        display: block !important;
    }
    #block-snia-facetsgroup-2{
        width: 100% !important;
        max-width: none !important; 
    }
    .autocomplete-facet{
            width: 100% !important;
    }
    .educaional-library{
         padding: 0px !important;
    }
    .autocomplete-items{
        display: contents !important;
    }
        /* #block-snia-views-block-educational-library-block-1 .form-text, #block-snia-views-block-snia-online-dictionary-block-1 .form-text{
            margin-top: 30px;
        } */
        .facets-widget-dropdown, .facets-widget-checkbox{
            margin-bottom: 0px !important;
        }
        #block-snia-year{
            margin-bottom: 30px;
        }

		/* SNIA DICTIONARY  */

		body form#views-exposed-form-snia-online-dictionary-block-1 {
			display: block !important;
		}
		.snia-dictionary .form-type-textfield {
			padding-right: 0px !important;
		}
		#edit-submit-snia-online-dictionary{
			width: 100% !important;
			max-width: none !important;
			left: revert !important;
		}
		#block-snia-views-block-educational-library-block-1 .form-text, #block-snia-views-block-snia-online-dictionary-block-1 .form-text, #block-snia-views-block-snia-online-dictionary-block-1 select{
			margin-top: none !important;
		}
		.alpha-pagination {
			margin: 0px !important;
			display: grid !important;                 
			grid-template-columns: repeat(8, 1fr);
			grid-auto-rows: auto;    
			gap: 0.5rem;
			padding-top: 450px !important;
		  }
		  .snia-dictionary table {
			margin-top: 220px !important;
		}
		table.cols-0 {
			width: 100%;
			display: block;
			overflow-x: auto; 
		}
	
		table.cols-0 tbody {
			display: block;
			width: 100%;
		}
	
		table.cols-0 tr {
			display: flex;
			flex-direction: column;
			border-bottom: 1px solid #ddd; 
			padding: 10px;
		}
	
		table.cols-0 td {
			display: block;
			width: 100%;
			text-align: left;
			padding: 10px 0;
		}
	
		table.cols-0 td.views-field-name a {
			font-weight: bold; 
		}
		.snia-dictionary input.form-submit {
			margin-left: 0px !important;
		}
    }

.autocomplete-items{
	display: contents !important;
}

.back-to-snia-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E2E2E2;
  padding: 8px 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  text-decoration: none;
  color: #4B2C7F;
  font-family: font-family: 'Inter', sans-serif;
  gap: 8px; 
}

.back-to-snia-button img {
  display: inline-block;
}
.page-node-type-geek-out-on-storage .snia-menu-parent {
	display: none;
}

.page-node-type-geek-out-on-storage .banner{
	display: none;
}

.page-node-type-snia-emerald-pages .footer-upper > .container {
	display: grid;
	grid-template-columns: 150fr 1.6fr 2.5fr 1fr !important;
	  }
	 
	  .page-node-type-snia-emerald-pages .footer-center {
	border: none !important;
	padding-right: 0px !important;
	padding-top: 92px !important;
	
	  }
	 
	  .page-node-type-snia-emerald-pages .emerald-footer-menu,
	  .page-node-type-snia-emerald-pages .emerald-privacy-footer-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	gap: 1.5rem;
	padding: 0;
	margin: 0;
	width: max-content;
	/* padding-top: 45px; */
	}
	 
	  .page-node-type-snia-emerald-pages .emerald-footer-menu .emerald-footer-item,
	  .page-node-type-snia-emerald-pages .emerald-privacy-footer-menu .emerald-footer-item {
	margin: 0;
	padding: 0;
	  }
	 
	  .page-node-type-snia-emerald-pages .emerald-footer-menu .emerald-footer-item a,
	  .page-node-type-snia-emerald-pages .emerald-privacy-footer-menu .emerald-footer-item a {
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	font-family: "Inter", sans-serif;
	line-height: 1.4;
	letter-spacing: 0;
	transition: color 0.3s ease;
	  }
	 
	  .page-node-type-snia-emerald-pages .emerald-footer-menu .emerald-footer-item a:hover {
	color: #ccc;
	  }
	 
	  .page-node-type-snia-emerald-pages .footer {
	background: #108140 !important;
	  }
	 
	  .page-node-type-snia-emerald-pages .emerald-logo {
	padding-bottom: 40px;
	  }
	 
	  .page-node-type-snia-emerald-pages .copyright {
	text-align: center;
	  }
	 
	  .page-node-type-snia-emerald-pages .footer-end {
	border-top: 1px solid #499469;
	padding-top: 2rem;
	padding-bottom: 2rem;
	  }
	 
	.page-node-type-snia-emerald-pages .footer-end p {
	text-decoration: none;
	color: #fff;
	font-size: 1rem;
	font-weight: 500;
	transition: color 0.3s ease;
	}
	
		
  

#views-exposed-form-snia-online-dictionary-block-1 > div.js-form-item.form-item.form-type-select.js-form-type-select.form-item-field-dict-cat-tid.js-form-item-field-dict-cat-tid > label{
	margin-top: 11px !important;
    order: 2;
    color: #979797;
	margin-left: 3px;
}
#views-exposed-form-snia-online-dictionary-block-1 > div.js-form-item.form-item.form-type-select.js-form-type-select.form-item-field-dict-cat-tid.js-form-item-field-dict-cat-tid {
	display: flex;
    white-space: nowrap;
    border-bottom: 1px solid #CCCCCC;
    background: #F0F0F0;
    margin-bottom: 30px !important;
    height: 45px;
    padding-right: 18px;
    padding-left: 10px;
	}
#edit-field-dict-cat-tid {
order: 1;
	padding-right: 10px !important;
}

#block-snia-views-block-snia-online-dictionary-block-1 > div:nth-child(2) > div > div.table-container {
	margin-top: 90px !important;
}

.webform-progress-tracker {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	width: 100%;
	list-style: none;
	padding: 0;
  }
  
  .progress-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
  }
  
  .progress-marker-membership {
	position: relative;
	z-index: 2;
  }
  
  .progress-line {
	position: absolute;
	top: 40%;
	left: -50%;
	width: 100%;
	height: 2px;
	background-color: var(--Gray-200, #E5E7EB);
	z-index: 1;
	transform: translateY(-50%);
  }
  
.progress-marker-membership {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
  }
  
  .progress-marker-membership img {
	max-width: 100%;
	max-height: 100%;
	display: block;
  }
  

.alpha-pagination {
	margin: 245px 0;
	display: flex;
	gap: 7px;
	/* flex-wrap: wrap;
	justify-content: center; */
  }

  #block-snia-alphapaginationblock{
	width: 0px;
    height: 34px;
    z-index: 1;
  }
  
  .alpha-pagination a {
	display: inline-block;
	padding: 5px 10px;
	margin: 2px;
	text-decoration: none;
	color: var(--brand-primary, #552D80);
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #ddd;
	border-radius: 4px;
  }

  .alpha-pagination a:hover,
  .alpha-pagination a.active {
	background-color: var(--brand-primary, #552D80);
	color: white;
  }
  
  .educaional-library .pager__items {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 40px auto;
  }

  .educaional-library .pager__item {
	background: #FFFFFF; 
	border: 1px solid #D0D5DD; 
	font-family: 'Inter'; 
	font-weight: 400; 
	font-size: 13px; 
	line-height: 140%; 
	color: #222222; 
	outline: none; 
	height: 38px; 
	cursor: pointer; 
	width: 40px;
	display: flex;
	padding: 10px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.educaional-library .pager__item a {
	background: #FFFFFF !important; 
	font-family: 'Inter' !important; 
	font-weight: 400 !important; 
	font-size: 13px !important; 
	line-height: 140% !important; 
	color: #222222 !important; 
	outline: none !important; 
	cursor: pointer !important;
}

.educaional-library .pager__item--next,
.educaional-library .pager__item--previous {
	width: 92px; 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	gap: 5px;
}

.educaional-library .pager__item--previous,
.educaional-library .pager__item--first {
	border-top-left-radius: 10px; 
	border-bottom-left-radius: 10px;
}

.educaional-library .pager__item--next,
.educaional-library .pager__item--last {
	border-top-right-radius: 10px; 
	border-bottom-right-radius: 10px;
}

.educaional-library .pager__item--first,
.educaional-library .pager__item--last {
	display: none;
}

.educaional-library .pager__item.is-active,
.educaional-library .pager__item.is-active a {
	background: rgba(208, 213, 221, 0.3) !important;
}

.btn{
	padding: 0.5em 1.2em;

	color: #222;
	font-family: var(--font-manrope);
	font-size: var(--body-sm-600-size);
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 12px */

	border: 1px solid #EBEBEB;
	width: fit-content;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.btn:hover{
	background-color: var(--text-brand);
	transition: all 0.3s ease;
	color: white;
}

.btn-accent-yellow{
	background: var(--brand-secondry, #FFD25A);
	color: #222;
	border: 1px solid var(--brand-secondry, #FFD25A);
}

.btn-accent-yellow:hover{
	background: var(--brand-secondry, #FFD25A);
	color: #222;
}

.btn-white-bg{
	width: fit-content;
	padding: 0.8em 1.2em;
	color: var(--text-brand, #552D80);
	text-align: center;

	/* body/sm/500 */
	font-family: var(--family-body, Inter);
	font-size: var(--size-body-sm-500, 13px);
	font-style: normal;
	font-weight: var(--weight-500, 500);
	line-height: 140%; /* 18.2px */

	background-color: white;
	border: 1px solid var(--border-02, #E2E2E2);
}

.btn-white-bg:hover{
	background-color: var(--text-brand);
	color: white;
}

.btn-white-bg:hover svg path{
	fill: white;
}

.calendar-favorite-02-icon {
	height: 20px;
	width: 20px;
	position: relative;
  }
  .september-16-18-2024 {
	flex: 1;
	position: relative;
	line-height: 140%;
	display: inline-block;
	max-width: calc(100% - 35px);
  }
  .calendar-favorite-02-parent {
	display: none !important;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 15px;
	max-width: 100%;
  }
  .frame-child {
	height: 18px;
	width: 18px;
	position: relative;
  }
  .frame-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
  }
  .label {
	position: relative;
	line-height: 140%;
	font-weight: 500;
	display: inline-block;
	min-width: 35px;
  }
  .vector-icon {
	height: 13.2px;
	width: 9.4px;
	position: relative;
  }
  .branded-button {
	width: 72.4px;
	border: 1px solid var(--border-02);
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: var(--padding-6xs) var(--padding-2xs);
	gap: var(--gap-9xs);
  }
  .label1 {
	position: relative;
	font-size: var(--body-sm-600-size);
	line-height: 140%;
	font-weight: 500;
	font-family: var(--body-sm-600);
	color: var(--surface-03);
	text-align: center;
	display: inline-block;
	min-width: 61px;
  }
  .vector-icon1 {
	height: 13.2px;
	width: 9.4px;
	position: relative;
  }
  .branded-button1 {
	cursor: pointer;
	border: 0;
	padding: var(--padding-4xs) var(--padding-xs);
	background-color: var(--text-brand);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: var(--gap-9xs);
	white-space: nowrap;
  }
  .branded-button1:hover {
	background-color: var(--color-darkslateblue-100);
  }
  .branded-button-parent {
	justify-content: flex-start;
	gap: var(--gap-6xs);
  }
  .banner,
  .branded-button-parent,
  .frame-parent {
	display: flex;
	flex-direction: row;
	align-items: center;
  }
  .frame-parent {
	display: flex;
	margin-left:auto;
	justify-content: flex-start;
	gap: var(--gap-4xl);
	text-align: center;
	font-size: var(--body-sm-600-size);
	color: var(--text-brand);
  }
  .banner {
	align-self: stretch;
	background-color: var(--surface-01);
	border-bottom: 1px solid var(--color-whitesmoke-100);
	box-sizing: border-box;
	justify-content: space-between;
	padding: var(--padding-5xs) var(--padding-45xl) var(--padding-7xs);
	max-width: 100%;
	gap: var(--gap-xl);
  }
  .snia {
	position: relative;
	line-height: 80%;
	display: inline-block;
	min-width: 90.7px;
  }
  .snia-parent {
	gap: 3.9px;
  }
  .logo,
  .snia-parent {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
  }
  .about {
	position: relative;
	line-height: 140%;
	display: inline-block;
	min-width: 37px;
  }
  .outline-arrows-chevron-bot {
	height: 16px;
	width: 16px;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
  }
  .about-parent {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: var(--gap-9xs);
  }
  .standards {
	position: relative;
	line-height: 140%;
	display: inline-block;
	min-width: 63px;
  }
  .outline-arrows-chevron-bot1 {
	height: 16px;
	width: 16px;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
  }
  .standards-parent {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: var(--gap-9xs);
  }
  .education {
	position: relative;
	line-height: 140%;
	display: inline-block;
	min-width: 62px;
  }
  .outline-arrows-chevron-bot2 {
	height: 16px;
	width: 16px;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
  }
  .education-parent {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: var(--gap-9xs);
  }
  .groups {
	position: relative;
	line-height: 140%;
	display: inline-block;
	min-width: 45px;
  }
  .outline-arrows-chevron-bot3 {
	height: 16px;
	width: 16px;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
  }
  .groups-parent {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: var(--gap-9xs);
  }
  .news-events {
	position: relative;
	line-height: 140%;
	display: inline-block;
	min-width: 92px;
  }
  .outline-arrows-chevron-bot4 {
	height: 16px;
	width: 16px;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
  }
  .news-events-parent {
	flex: 1;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: var(--gap-9xs);
	min-width: 73px;
  }
  .resources {
	position: relative;
	line-height: 140%;
	display: inline-block;
	min-width: 65px;
  }
  .outline-arrows-chevron-bot5 {
	height: 16px;
	width: 16px;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
  }
  .resources-parent {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: var(--gap-9xs);
  }
  .membership {
	position: relative;
	line-height: 140%;
	display: inline-block;
	min-width: 77px;
  }
  .outline-arrows-chevron-bot6 {
	height: 16px;
	width: 16px;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
  }
  .membership-parent {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: var(--gap-9xs);
  }
  .data-focus-areas {
	position: relative;
	line-height: 140%;
	display: inline-block;
	min-width: 109px;
  }
  .data-focus-areas-wrapper {
	flex: 1;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	min-width: 73px;
  }
  .items,
  .menu {
	display: flex;
	flex-direction: row;
	max-width: 100%;
  }
  .items {
	width: 937px;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.9px;
    font-size: var(--body-sm-600-size);
    font-family: var(--body-sm-600);


  }
  .menu {
	align-self: stretch;
	border-bottom: 1px solid var(--color-whitesmoke-300);
	box-sizing: border-box;
	align-items: center;
	justify-content: space-between;
	padding: var(--padding-base) var(--padding-71xl) var(--padding-sm)
	  var(--padding-45xl);
	gap: var(--gap-xl);
	color: var(--text-primary);
	font-family: var(--font-almarai);
  }
  .navigation-bar,
  .navigation-bar-wrapper {
	display: flex;
	justify-content: flex-start;
	max-width: 100%;
  }
  .navigation-bar {
	flex: 1;
	background-color: var(--surface-01);
	flex-direction: column;
	align-items: center;
	text-align: left;
	font-size: var(--label-lg-400-size);
	color: var(--color-black);
	font-family: var(--body-sm-600);
  }
  .navigation-bar-wrapper {
	align-self: stretch;
	flex-direction: row;
	align-items: flex-start;
	padding: 0 0 0 var(--padding-12xs);
	box-sizing: border-box;
	flex-shrink: 0;
  }

  .navigation-bar {

    max-width: var(--max-width, 1200px);
    padding: var(--padding-5xs) var(--padding-45xl);
    width: 100% !important;
    margin-inline: auto;
/*	overflow-y: hidden;*/

	width: var(--width-mobile, 90vw);

  }

  .navigation-bar .menu {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	gap: 0;
	margin-top: 1em;
  }

  .navigation-bar .banner {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
  }

  @media screen and (max-width: 1275px) {
	.navigation-bar{

		padding: 0 !important;
	}
  }


  .subtract-icon {
	width: 0;
	height: 0;
	position: relative;
	object-fit: cover;
	display: none;
  }
  .event {
	position: relative;
	line-height: 120%;
	font-weight: 500;
	display: inline-block;
	min-width: 31px;
  }
  .event-wrapper {
	background-color: var(--brand-secondry);
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-6xs-5) var(--padding-4xl);
  }
  .may-2024 {
	position: relative;
	line-height: 120%;
	text-transform: uppercase;
	font-weight: 500;
	display: inline-block;
	min-width: 58px;
  }
  .frame-parent1,
  .frame-wrapper1,
  .may-2024-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
  }
  .may-2024-wrapper {
	flex-direction: column;
	padding: var(--padding-6xs-5) 0 0;
	color: var(--color-gray-100);
  }
  .frame-parent1,
  .frame-wrapper1 {
	flex-direction: row;
  }
  .frame-parent1 {
	gap: 14px;
  }
  .frame-wrapper1 {
	padding: 0 var(--padding-12xs);
  }
  .snia-developer-conference {
	margin: 0;
	align-self: stretch;
	position: relative;
	font-size: inherit;
	line-height: 121.03%;
	font-weight: 400;
	font-family: inherit;
  }
  .lorem-ipsum-dolor {
	width: 356.1px;
	position: relative;
	font-size: var(--text-sm-medium-size);
	line-height: 22px;
	color: var(--color-gray-100);
	display: inline-block;
	max-width: 100%;
  }
  .snia-developer-conference-sdc-parent {
	align-self: stretch;
	gap: 33.5px;
	font-size: var(--font-size-20xl);
	font-family: var(--body-sm-600);
  }
  .frame-container,
  .frame-div,
  .snia-developer-conference-sdc-parent {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 100%;
  }
  .frame-div {
	align-self: stretch;
	gap: var(--gap-7xl);
  }
  .frame-container {
	width: 30%;
	padding: var(--padding-mini) 0 0;
	box-sizing: border-box;
	/*min-width: 422px;*/
  }
  .frame-item {
	height: 435.2px;
	/*flex: 1;*/
	/*width: 35%;*/
	position: relative;
	overflow: hidden;
	object-fit: cover;
	/*min-width: 315px;*/
  }
  .frame-item:hover {
	background: linear-gradient(180deg, rgba(85, 45, 128, 0.00) 0%, rgba(85, 45, 128, 0.33) 100%);z-index: 1
  }
  .event1 {
	position: relative;
	line-height: 120%;
	font-weight: 500;
	display: inline-block;
	min-width: 31px;
  }
  .event-container {
	width: 78px;
	border: 1px solid var(--color-whitesmoke-200);
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: var(--padding-8xs) var(--padding-3xl);
  }
  .snia-developer-conference1 {
	align-self: stretch;
	position: relative;
	font-size: var(--body-sm-600-size);
	letter-spacing: -0.03px;
	font-family: var(--body-sm-600);
  }
  .frame-parent3 {
	align-self: stretch;
	border-bottom: 0.5px solid var(--border-01);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-base) var(--padding-base) var(--padding-12xl);
	gap: var(--gap-xs);
  }
  .news {
	position: relative;
	line-height: 120%;
	font-weight: 500;
	display: inline-block;
	min-width: 29px;
  }
  .news-wrapper {
	width: 78px;
	border: 1px solid var(--color-whitesmoke-200);
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: var(--padding-8xs) var(--padding-4xl);
  }
  .snia-developer-conference2 {
	width: 192.1px;
	position: relative;
	font-size: var(--body-sm-600-size);
	font-family: var(--body-sm-600);
	display: inline-block;
  }
  /** News Block Home **/
  .news-block {
	align-self: stretch;
	border-bottom: 0.5px solid var(--border-01);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-base) 0 var(--padding-12xl) var(--padding-base);
	gap: var(--gap-xs);
	transition: background 0.3s ease; /* Transición suave para el fondo */
  }
  
  /* Efecto hover: cambia el fondo a un degradado */
  .news-block:hover {
	background: linear-gradient(180deg, #e9e0f3, rgba(244, 244, 244, 0)); /* Fondo con degradado */
  }
  .podcast {
	position: relative;
	line-height: 120%;
	font-weight: 500;
	display: inline-block;
	min-width: 46px;
  }
  .podcast-wrapper {
	width: 78px;
	border: 1px solid var(--color-whitesmoke-200);
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: var(--padding-8xs) var(--padding-mini);
  }
  .snia-developer-conference3 {
	align-self: stretch;
	position: relative;
	font-size: var(--body-sm-600-size);
	letter-spacing: -0.03px;
	font-family: var(--body-sm-600);
	color: #060606;
  }
  .frame-parent2,
  .frame-parent5 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
  }
  .frame-parent5 {
	align-self: stretch;
	background: linear-gradient(180deg, #e9e0f3, rgba(244, 244, 244, 0));
	padding: var(--padding-base) var(--padding-base) var(--padding-13xl);
	gap: var(--gap-xs);
  }
  .frame-parent2 {
	width: 173px;
	gap: var(--gap-base);
	min-width: 173px;
  }
  .rectangle-parent {
	flex: 1;
	gap: var(--gap-3xl);
	min-width: 442px;
  }
  .frame-group,
  .homepager3july16-inner,
  .rectangle-parent {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 100%;
  }
  .frame-group {
	/*flex: 1;*/
	gap: 49px;
  }
  .homepager3july16-inner {
	align-self: stretch;
	/*box-sizing: border-box;*/
	flex-shrink: 0;
	text-align: left;
	font-size: var(--font-size-3xs);
	color: var(--text-primary);
	font-family: var(--display-md-500);
	margin-top:70.6px;
	padding: 0;
	max-width: var(--max-width,1200px);
	margin-inline: auto;
  }
  .frame-inner {
	height: 443px;
	width: 986.1px;
	position: absolute;
	margin: 0 !important;
	right: -6.1px;
	bottom: -76px;
  }
  .frame-child1,
  .we-are-the {
	position: relative;
	flex-shrink: 0;
	top: calc(50% - 54.5px);
    left: 56px;
    font-size: var(--display-md-500-size);
    letter-spacing: -0.02em;
    line-height: 120%;
    font-weight: 500;
    font-family: var(--display-md-500);
    display: inline-block;
    width: 342.1px;
	top: 35px;
  }
  .frame-child1 {
	margin-left: -874.2px;
	height: 430.4px;
	width: 635.5px;
	max-width: calc(100% - 385.79999999999995px);
  }
  .we-are-the {
	margin: 0;
	align-self: stretch;
	font-size: inherit;
	letter-spacing: -0.02em;
	line-height: 120%;
	font-weight: 500;
	font-family: inherit;
	z-index: 1;
  }
  .we-are-the-experts-on-data-wrapper {
	width: 342.1px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 89.8px 0 0;
	box-sizing: border-box;
	max-width: calc(100% - 1554px);
	flex-shrink: 0;
  }
  .here-are-over {
    top: calc(60% - 62.82px);
    left: 640px;
    line-height: 28px;
    display: inline-block;
    width: 437.8px;
	font-size: 20px;
	text-align: left;
  }
  .label2 {
	position: relative;
	font-size: var(--body-sm-600-size);
	line-height: 140%;
	font-weight: 500;
	font-family: var(--body-sm-600);
	color: var(--text-brand);
	text-align: center;
	display: inline-block;
	min-width: 120px;
  }
  .vector-icon2 {
	width: 9.4px;
	height: 13.2px;
	position: relative;
  }
  .vector-wrapper {
	flex-direction: column;
	padding: var(--padding-10xs-4) 0 0;
  }
  .branded-button2,
  .here-are-over-3000-reasons-to-parent,
  .vector-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
  }
  .branded-button2 {
	cursor: pointer;
	border: 0;
	padding: var(--padding-4xs) var(--padding-xs);
	background-color: var(--surface-01);
	flex-direction: row;
	gap: var(--gap-9xs);
	z-index: 1;
  }
  .here-are-over-3000-reasons-to-parent {
	align-self: stretch;
	flex-direction: column;
	gap: 22.3px;
	flex-shrink: 0;
  }
  .frame-wrapper2,
  .homepager3july16-child {
    width: 100%;
    text-align: left;
    font-size: var(--display-md-500-size);
    color: var(--surface-01);
    font-family: var(--display-md-500);
    display: flex;
    justify-content: center;
}

.frame-parent6 {
    width: 100%;
    max-width: 100%;
    display: flex; /* Usar Flexbox para organizar los hijos */
    justify-content: space-between; /* Asegura que los hijos estén separados */
    align-items: center; /* Centra verticalmente los elementos */
    gap: 20px; /* Espacio entre los elementos */
	background-color: var(--text-brand);
	padding: 10.3px var(--padding-37xl) 100px;
	top: 10px;
}

.left-content {
    flex: 1; /* Ocupa el espacio disponible a la izquierda */
    text-align: left;
}
.right-content {
    flex: 1; /* Ocupa el espacio disponible a la derecha */
    text-align: right;
    display: flex; /* Usar Flexbox para alinear el texto y el botón */
    flex-direction: column; /* Alinea verticalmente el texto y el botón */
    gap: 10px; /* Espacio entre el texto y el botón */
    padding-top: 3%;
    position: relative; /* Contexto de posición relativo para elementos hijos */
    overflow: hidden; /* Oculta cualquier desbordamiento si es necesario */
}

.group-icon {
    opacity: 0.1; /* Ajusta la opacidad del fondo */
    width: 100%; /* Asegura que la imagen cubra todo el ancho del contenedor */
    height: 100%; /* Asegura que la imagen cubra todo el alto del contenedor */
    position: absolute; /* Posiciona la imagen de fondo de forma absoluta */
    top: 0; /* Alinea la parte superior de la imagen con el contenedor */
    left: 0; /* Alinea la parte izquierda de la imagen con el contenedor */
    z-index: -1; /* Coloca la imagen detrás del contenido */
    object-fit: cover; /* Asegura que la imagen cubra todo el contenedor */
    pointer-events: none; /* Permite la interacción con el contenido sobre la imagen */
}

  .frame-wrapper2 {
	width: 437.8px;
	flex-direction: column;
	padding: 81.5px 0 0;
	max-width: calc(100% - 1458px);
	font-size: var(--font-size-xl);
	font-family: var(--body-sm-600);
  }
  .rectangle-div {
	width: 621px;
	height: 620px;
	position: relative;
	background-color: var(--brand-secondry);
	display: none;
	max-width: 100%;
  }
  .focus,
  .snias-data-centric {
	margin: 0;
  }
  .snias-data-centric-focus-container {
	margin: 0;
	width: 382.5px;
	position: relative;
	font-size: inherit;
	font-weight: 400;
	font-family: inherit;
	display: inline-block;
	max-width: 100%;
	z-index: 1;
  }
  .our-members-collaborate,
  .snia-is-an {
	align-self: stretch;
	position: relative;
	z-index: 1;
  }
  .snia-is-an {
	margin: 0;
	font-size: inherit;
	line-height: 28px;
	font-weight: 500;
	font-family: inherit;
  }
  .our-members-collaborate {
	font-size: var(--text-md-semibold-size);
	line-height: 22px;
	color: var(--color-gray-100);
  }
  .rectangle-group,
  .snia-is-an-industry-organizati-parent {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
  }
  .snia-is-an-industry-organizati-parent {
	width: 467px;
	gap: 40px;
	max-width: 100%;
	font-size: var(--font-size-xl);
	color: #323232;
  }
  .rectangle-group {
	margin-top: -186.9px;
	width: 621px;
	background-color: var(--brand-secondry);
	padding: 80.3px var(--padding-37xl) 188.7px;
	box-sizing: border-box;
	gap: 45px;
	max-width: calc(100% - 602px);
	flex-shrink: 0;
	text-align: left;
	font-size: var(--font-size-20xl);
  }
  .section03-child {
	height: 103px;
	width: 103px;
	position: relative;
	filter: blur(105.2px);
	border-radius: 50%;
	background-color: var(--surface-01);
	display: none;
	z-index: 1;
  }
  .polygon-icon {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	z-index: 6;
  }
  .zap-icon {
	position: absolute;
	top: 40.3px;
	left: 67.3px;
	width: 22px;
	height: 22px;
	z-index: 7;
  }
  .polygon-parent {
	width: 100%;
	height: 100%;
	position: absolute;
	margin: 0 !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
  }
  .accelerate,
  .data {
	margin: 0;
  }
  .frame-parent7 {
	margin: 0 !important;
	position: absolute;
	top: 57.8px;
	right: 133.6px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 76.9px 39px 42.8px 40px;
	color: rgba(101, 101, 101, 0.7);
  }
  .frame-child2 {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	z-index: 7;
  }
  .settings-02-icon {
	position: absolute;
	top: 32.6px;
	left: 66.7px;
	width: 22px;
	height: 22px;
	z-index: 8;
  }
  .polygon-group {
	width: 100%;
	height: 100%;
	position: absolute;
	margin: 0 !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
  }
  .for-data,
  .infrastructure,
  .optimize {
	margin: 0;
  }
  .optimize-infrastructure-for-container {
	position: relative;
	text-transform: capitalize;
	font-weight: 500;
	z-index: 8;
  }
  .frame-parent8 {
	margin: 0 !important;
	position: absolute;
	right: 133.9px;
	bottom: 91.4px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 69.2px 29px 32.5px;
	color: var(--color-gray-200);
  }
  .frame-child3 {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	z-index: 6;
  }
  .database-01-icon {
	position: absolute;
	top: 41.8px;
	left: 66.5px;
	width: 22px;
	height: 22px;
	z-index: 7;
  }
  .polygon-container {
	width: 100%;
	height: 100%;
	position: absolute;
	margin: 0 !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
  }
  .data1,
  .format {
	margin: 0;
  }
  .format-data {
	position: relative;
	text-transform: capitalize;
	font-weight: 200;
	z-index: 7;
  }
  .frame-parent9 {
	margin: 0 !important;
	position: absolute;
	top: 57.9px;
	right: 318.7px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 78.5px var(--padding-33xl) 41.2px;
  }
  .frame-child4 {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	z-index: 6;
  }
  .database-02-icon {
	position: absolute;
	top: 41.5px;
	left: 66.7px;
	width: 22px;
	height: 22px;
	z-index: 7;
  }
  .polygon-parent1 {
	width: 100%;
	height: 100%;
	position: absolute;
	margin: 0 !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
  }
  .data2,
  .store {
	margin: 0;
  }
  .frame-parent12 {
	margin: 0 !important;
	position: absolute;
	right: -91.7px;
	bottom: -128px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	padding: var(--padding-59xl-2) var(--padding-39xl) var(--padding-22xl-5);
	box-sizing: border-box;
	width: 100%;
  }
  .frame-child5 {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	z-index: 6;
  }
  .blockchain-01-icon {
	position: absolute;
	top: 41.6px;
	left: 66.7px;
	width: 22px;
	height: 22px;
	z-index: 7;
  }
  .polygon-parent2 {
	width: 100%;
	height: 100%;
	position: absolute;
	margin: 0 !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
  }
  .frame-child6,
  .line-icon {
	height: 213.5px;
	width: 371px;
	position: absolute;
	margin: 0 !important;
	top: -106.6px;
	right: -338.9px;
	object-fit: contain;
	z-index: 3;
  }
  .frame-child6 {
	height: 214px;
	width: 370.7px;
	top: -101.6px;
	right: -326.5px;
	z-index: 4;
  }
  .data3,
  .transport {
	margin: 0;
  }
  .line-parent {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	position: relative;
  }
  .frame-parent13 {
	flex-direction: column;
	justify-content: flex-end;
	padding: var(--padding-59xl-2) 43px var(--padding-22xl-5);
	position: relative;
	flex-shrink: 0;
  }
  .frame-parent11,
  .frame-parent13,
  .frame-wrapper3 {
	display: flex;
	align-items: flex-start;
  }
  .frame-wrapper3 {
	flex-direction: column;
	justify-content: flex-end;
	padding: 0 0 29.2px;
  }
  .frame-parent11 {
	flex-direction: row;
	justify-content: flex-start;
	position: relative;
  }
  .frame-child7 {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	z-index: 5;
  }
  .line-div {
	height: 428.5px;
	width: 0.5px;
	position: absolute;
	margin: 0 !important;
	right: 17.8px;
	bottom: -227.1px;
	border-right: 0.5px solid var(--text-brand);
	box-sizing: border-box;
	z-index: 2;
  }
  .group-icon1 {
	height: 43.9px;
	width: 38px;
	position: relative;
	z-index: 6;
  }
  .line-group {
	position: absolute;
	top: 45.1px;
	left: 87.6px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
  }
  .frame-child8,
  .polygon-parent3 {
	position: absolute;
	margin: 0 !important;
  }
  .polygon-parent3 {
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
  }
  .frame-child8 {
	height: 155.5px;
	width: 155.5px;
	top: -117.9px;
	left: -65.5px;
	object-fit: contain;
  }
  .snia1 {
	position: relative;
	display: inline-block;
	min-width: 85px;
	z-index: 6;
  }
  .frame-wrapper4,
  .polygon-parent4 {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
  }
  .polygon-parent4 {
	position: relative;
  }
  .frame-wrapper4 {
	padding: 0 18px 0 var(--padding-sm);
  }
  .experts-on-data {
	position: relative;
	font-size: var(--font-size-mini-7);
	font-weight: 500;
	color: rgba(0, 0, 0, 0.6);
	display: inline-block;
	min-width: 115px;
	z-index: 6;
  }
  .frame-parent14 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 93px var(--padding-30xl) 56.4px;
	position: relative;
	gap: 5px;
	flex-shrink: 0;
	margin-left: -0.7px;
	text-align: left;
	font-size: 35.7px;
	color: var(--text-primary);
  }
  .frame-child9 {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	z-index: 6;
  }
  .lock-password-icon {
	position: absolute;
	top: 42.2px;
	left: 66.5px;
	width: 22px;
	height: 22px;
	z-index: 7;
  }
  .polygon-parent5 {
	width: 100%;
	height: 100%;
	position: absolute;
	margin: 0 !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
  }
  .data4,
  .protect {
	margin: 0;
  }
  .frame-parent15,
  .frame-wrapper5 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
  }
  .frame-parent15 {
	padding: 78.9px var(--padding-30xl) 40.8px;
	position: relative;
	flex-shrink: 0;
  }
  .frame-wrapper5 {
	padding: 0 0 29.3px;
	margin-left: -0.7px;
  }
  .frame-parent10 {
	flex: 1;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: flex-start;
	max-width: calc(100% - 698px);
	row-gap: 20px;
	color: var(--color-gray-200);
  }
  .section03,
  .section03-item {
	align-self: stretch;
	position: relative;
  }
  .section03 {
	height: 619px;
	background-color: var(--surface-01);
	overflow: hidden;
	flex-shrink: 0;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 185.9px var(--padding-5xs) 0;
	box-sizing: border-box;
	gap: 77.2px;
	max-width: 100%;
	text-align: center;
	font-size: var(--font-size-mini-7);
	color: var(--text-primary);
	font-family: var(--body-sm-600);
  }
  .section03-item {
	height: 755.2px;
	display: none;
  }
  #availableResources h2{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 39px;
	line-height: 47px;
	color: #222222;
  }

  .available-resources-wrapper {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
  }
  .text {
	position: relative;
	text-transform: uppercase;
	font-weight: 600;
	display: inline-block;
	min-width: 46px;

	border: 1px solid #80808038;
    margin-right: 10px;
  }
  .text1 {
	position: relative;
	text-transform: uppercase;
	font-weight: 500;
	display: inline-block;
	min-width: 74px;
  }
  .text2 {
	position: relative;
	text-transform: uppercase;
	font-weight: 500;
	display: inline-block;
	min-width: 71px;
  }
  .text3 {
	position: relative;
	text-transform: uppercase;
	font-weight: 500;
	display: inline-block;
	min-width: 40px;
  }
  .text4 {
	align-self: stretch;
	position: relative;
	line-height: 24px;
	font-weight: 600;
  }
  .text5 {
	align-self: stretch;
	position: relative;
	line-height: 24px;
	font-weight: 600;
  }
  .text6 {
	align-self: stretch;
	position: relative;
	line-height: 24px;
	font-weight: 600;
  }
  .text7,
  .text8 {
	align-self: stretch;
	position: relative;
	line-height: 24px;
	font-weight: 600;
  }
  .text8 {
	line-height: 20px;
	font-weight: 500;
  }
  .badge {
	align-self: stretch;
	border-radius: 16px;
	background-color: var(--gray-50);
	border: 1px solid var(--gray-200);
	display: flex;
	justify-content: flex-start;
	padding: 2px var(--padding-4xs);
	mix-blend-mode: multiply;
	text-align: center;
	font-size: var(--text-sm-medium-size);
	color: var(--gray-700);
  }
  .text9 {
	align-self: stretch;
	position: relative;
	line-height: 24px;
	font-weight: 600;
  }
  .text10 {
	align-self: stretch;
	position: relative;
	line-height: 24px;
	font-weight: 600;
  }
  .horizontal-tabs,
  .tabs {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
  }
  .tabs {
	margin: 0 !important;
	position: absolute;
	top: 3px;
	left: 50%;
	flex-direction: row;
	gap: var(--gap-base);
  }
  .horizontal-tabs {
	align-self: stretch;
	height: 46px;

	display: flex; 
	justify-content: flex-end; 
	align-items: center; 

	position: relative;
	z-index: 3;
	width: 100%; 
	max-width: 100%;
	margin: 0 auto; 

	position: relative;

  }

  .horizontal-tabs::before{
	position:absolute;
	content: '';
	background-color: var(--surface-05);
	width: 200vw;
	left: -100vw;
	bottom: 0;
	height: 2px;
  }

  .rectangle-icon {
	height: 100%;
	width: 100%;
	position: absolute;
	margin: 0 !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	object-fit: cover;
	z-index: 1;
  }
  .frame-icon {
	height: 131.1px;
	width: 104px;
	position: relative;
	z-index: 2;
  }
  .rectangle-container {
	flex: 1;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: flex-start;
	padding: 42px var(--padding-16xl) 41.9px;
	box-sizing: border-box;
	position: relative;
	min-width: 350px;
	max-width: 100%;
  }
  @media(min-width:800px) {
	.rectangle-container {
		min-height: 576px;
	}
  }
  .next-gen-ssd-performance {
	margin: 0;
	align-self: stretch;
	position: relative;
	font-size: var(--font-size-xl);
	font-weight: 500;
	font-family: inherit;
  }
  .label3,
  .snia-technical-council {
	position: relative;
	display: inline-block;
  }
  .snia-technical-council {
	width: 427.4px;
	line-height: 18px;
	color: var(--text-primary);
	max-width: 100%;
  }
  .label3 {
	line-height: 140%;
	font-weight: 500;
	min-width: 67px;
  }
  .vector-icon3 {
	width: 9.4px;
	height: 13.2px;
	position: relative;
  }
  .vector-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-10xs-4) 0 0;
  }
  .branded-button3,
  .card-resources-parent {
	background-color: var(--surface-01);
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
  }
  .branded-button3 {
	flex-direction: row;
	padding: var(--padding-4xs) var(--padding-xs);
	gap: var(--gap-9xs);
	text-align: center;
	color: var(--text-brand);
  }
  .card-resources-parent {
	align-self: stretch;
	border-left: 3px solid var(--text-brand);
	box-sizing: border-box;
	flex-direction: column;
	padding: var(--padding-5xl) var(--padding-xl) var(--padding-9xl)
	  var(--padding-5xl);
	gap: var(--gap-15xl);
	max-width: 100%;
	z-index: 1;
	font-size: var(--body-sm-600-size);
	color: var(--brand-primary-hover);
  }
  .three-truths-about {
	flex: 1;
	position: relative;
	display: inline-block;
	max-width: 100%;
  }
  .three-truths-about-hard-drives-wrapper {
	align-self: stretch;
	border-bottom: 1px solid var(--color-gainsboro-200);
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-5xl) var(--padding-5xl) var(--padding-3xl);
	max-width: 100%;
	z-index: 1;
  }
  .on-demand-webinar-ceph {
	margin: 0;
	flex: 1;
	position: relative;
	font-size: inherit;
	font-weight: 400;
	font-family: inherit;
	display: inline-block;
	max-width: 100%;
  }
  .on-demand-webinar-ceph-the-l-wrapper {
	align-self: stretch;
	border-radius: 8px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-5xl);
	box-sizing: border-box;
	max-width: 100%;
	z-index: 1;
  }
  .frame-parent17 {
	align-self: stretch;
	flex-direction: column;
	gap: 20.3px;
  }
  .frame-parent16,
  .frame-parent17,
  .card-parent-available-resources {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 100%;
  }
  .card-parent-available-resources {
	width: 508px;
	flex-direction: column;
	padding: var(--padding-5xl) 0 0;
	box-sizing: border-box;
	min-width: 508px;
  }
  .frame-parent16 {
	flex: 1;
	flex-direction: row;
	gap: 45.8px;
  }
  .frame-wrapper6 {
	width: 1201px;
	flex-direction: row;
	padding: 0 54px;
	box-sizing: border-box;
	font-size: var(--font-size-xl);
	color: var(--color-gray-200);
  }
  .frame-wrapper6,
  .horizontal-tabs-parent,
  .section03-wrapper,
  .section031 {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 100%;
  }
  .horizontal-tabs-parent {
	align-self: stretch;
	flex-direction: column;
	gap: 43px;
	font-size: var(--text-md-semibold-size);
	color: var(--gray-500);
  }
  .section03-wrapper,
  .section031 {
	box-sizing: border-box;
  }
  .section031 {
	flex: 1;
	background-color: #f3f3f3;
	flex-direction: column;
	padding: 70.8px 0 70px;
	gap: 26.2px;
  }
  .section03-wrapper {
	align-self: stretch;
	flex-direction: row;
	padding: 0 var(--padding-5xs) 90.9px;
	flex-shrink: 0;
	text-align: left;
	font-size: var(--font-size-20xl);
	color: var(--text-primary);
	font-family: var(--body-sm-600);
  }
  .from-multi-day-conferences,
  .snia-events {
	margin: 0;
	position: relative;
	font-size: inherit;
	font-weight: 400;
	font-family: inherit;
  }

  .brand-icon-subheading {
	color: #000000;
    text-align: left;
    font-family: "Manrope-Regular", sans-serif;
    font-size: 20px;
    font-weight: 400;
    position: relative;
    align-self: stretch;
    height: 27px;
  }
  .from-multi-day-conferences {
	align-self: stretch;
	text-wrap: wrap;
  }
  .label4 {
	flex: 1;
	position: relative;
	font-size: var(--body-sm-600-size);
	line-height: 140%;
	font-weight: 500;
	font-family: var(--body-sm-600);
	color: var(--surface-03);
	text-align: center;
  }
  .vector-icon4 {
	width: 9.4px;
	height: 13.2px;
	position: relative;
  }
  .vector-frame {
	flex-direction: column;
	padding: var(--padding-10xs-4) 0 0;
  }
  .branded-button4,
  .from-multi-day-conferences-to-parent,
  .vector-frame {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
  }
  .expert-on-data-cta {
    left: 640px;
    background-color: var(--surface-01);
    height: 36px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: var(--padding-8xs) var(--padding-xs);
    box-sizing: border-box;
    gap: var(--gap-9xs);
    text-align: center;
    font-size: var(--body-sm-500-size);
    color: var(--text-brand);
	width: 30%;
  }
  .branded-button4 {
	cursor: pointer;
	border: 0;
	padding: var(--padding-4xs) var(--padding-xs);
	background-color: var(--text-brand);
	width: 220.4px;
	flex-direction: row;
	box-sizing: border-box;
	gap: var(--gap-9xs);
  }
  .from-multi-day-conferences-to-parent {
	width: 50%;
    flex-direction: column;
    gap: 15px;
    max-width: 100%;
    font-size: var(--font-size-xl);
    color: var(--color-gray-100);
    font-family: var(--display-md-500);
  }
  .snia-events-parent {
	display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 100%;
    flex-shrink: 0;
	gap: 329px;
  }
  .frame-child10 {
	height: 180px;
	max-width: 100%;
	overflow: hidden;
	flex-shrink: 0;
	object-fit: cover;
  }
  .coding-theory-and,
  .frame-child10,
  .sunday-july-7 {
	align-self: stretch;
	position: relative;
  }
  .coding-theory-and {
	margin: 0;
	font-size: inherit;
	font-weight: 500;
	font-family: inherit;
  }
  .sunday-july-7 {
	font-size: var(--text-md-semibold-size);
	line-height: 22px;
	color: var(--color-gray-100);
  }
  .coding-theory-and-algorithms-f-parent,
  .rectangle-parent1 {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--gap-xl);
  }
  .rectangle-parent1 {
	gap: var(--gap-5xl);
  }
  .label5 {
	position: relative;
	font-size: var(--body-sm-600-size);
	line-height: 140%;
	font-weight: 500;
	font-family: var(--body-sm-600);
	color: var(--text-brand);
	text-align: center;
	display: inline-block;
	min-width: 67px;
  }
  .vector-icon5 {
	height: 13.2px;
	width: 9.4px;
	position: relative;
  }
  .branded-button5 {
	cursor: pointer;
	border: 1px solid var(--border-02);
	padding: var(--padding-6xs) var(--padding-2xs);
	background-color: transparent;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: var(--gap-9xs);
  }
  .branded-button5:hover,
  .branded-button6:hover,
  .branded-button7:hover,
  .frame-parent20 {
	background-color: var(--color-silver-200);
	border: 1px solid var(--color-silver-100);
	box-sizing: border-box;
  }
  .frame-parent20 {
	width: 32%;
	background-color: var(--surface-01);
	border: 0.5px solid var(--border-01);
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	padding: var(--padding-base) var(--padding-mini);
	min-height: 490px;
	max-width: 100%;
  }
  .frame-child11 {
	align-self: stretch;
	height: 180px;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	flex-shrink: 0;
	object-fit: cover;
  }
  .fms-event {
	margin: 0;
	position: relative;
	font-size: inherit;
	font-weight: 500;
	font-family: inherit;
	display: inline-block;
	min-width: 103px;
  }
  .fms-event:hover {
	color: #552D80;
  }
  .snia-developer-conference4:hover {
	color: #552D80;
  }
  .coding-theory-and:hover {
	color: #552D80;
  }
  .tuesday-august-6 {
	align-self: stretch;
	position: relative;
	font-size: var(--text-md-semibold-size);
	line-height: 22px;
	color: var(--color-gray-100);
  }
  .fms-event-parent,
  .rectangle-parent2 {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--gap-xl);
  }
  .rectangle-parent2 {
	gap: var(--gap-5xl);
  }
  .label6 {
	position: relative;
	font-size: var(--body-sm-600-size);
	line-height: 140%;
	font-weight: 500;
	font-family: var(--body-sm-600);
	color: var(--text-brand);
	text-align: center;
	display: inline-block;
	min-width: 67px;
  }
  .vector-icon6 {
	height: 13.2px;
	width: 9.4px;
	position: relative;
  }
  .branded-button6 {
	cursor: pointer;
	border: 1px solid var(--border-02);
	padding: var(--padding-6xs) var(--padding-2xs);
	background-color: transparent;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: var(--gap-9xs);
  }
  .frame-parent21 {
	width: 32%;
	border: 1px solid #ededed;
	box-sizing: border-box;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	padding: var(--padding-base) var(--padding-mini);
	min-height: 490px;
	max-width: 100%;
  }
  .frame-parent20:hover {
	background: linear-gradient(180deg, #f4eaff, rgba(255, 255, 255, 0));
  }
  .frame-parent21:hover {
	background: linear-gradient(180deg, #f4eaff, rgba(255, 255, 255, 0));
  }
  .frame-child12 {
	align-self: stretch;
	height: 180px;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	flex-shrink: 0;
	object-fit: cover;
  }
  .snia-developer-conference4 {
	margin: 0;
	align-self: stretch;
	position: relative;
	font-size: inherit;
	font-weight: 500;
	font-family: inherit;
  }
  .monday-september-16 {
	align-self: stretch;
	position: relative;
	font-size: var(--text-md-semibold-size);
	line-height: 22px;
	color: var(--color-gray-100);
  }
  .rectangle-parent3,
  .snia-developer-conference-2024-parent {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--gap-xl);
  }
  .rectangle-parent3 {
	gap: var(--gap-5xl);
  }
  .label7 {
	position: relative;
	font-size: var(--body-sm-600-size);
	line-height: 140%;
	font-weight: 500;
	font-family: var(--body-sm-600);
	color: var(--text-brand);
	text-align: center;
	display: inline-block;
	min-width: 67px;
  }
  .vector-icon7 {
	height: 13.2px;
	width: 9.4px;
	position: relative;
  }
  .branded-button7 {
	cursor: pointer;
	border: 1px solid var(--border-02);
	padding: var(--padding-6xs) var(--padding-2xs);
	background-color: transparent;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: var(--gap-9xs);
  }
  .frame-parent22 {
	width: 32%;
	background-color: var(--surface-01);
	border: 0.5px solid var(--border-01);
	box-sizing: border-box;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	padding: var(--padding-base) var(--padding-mini);
	min-height: 490px;
	max-width: 100%;
  }
  .frame-parent19 {
	width: 100%;
	overflow-x: auto;
	flex-direction: row;
	gap: var(--gap-xl);
	max-width: 100%;
	flex-shrink: 0;
	font-size: var(--font-size-xl);
  }
  .frame-parent18,
  .frame-parent19,
  .frame-section {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
  }
  .frame-parent18 {
	height: 652.3px;
	flex-direction: column;
	gap: 77.3px;
	max-width: 100%;
  }
  .frame-section {
	display: flex;
    flex-direction: row;
    flex-shrink: 0;
    text-align: left;
    font-size: var(--font-size-20xl);
    color: var(--text-primary);
    font-family: var(--body-sm-600);
    /* justify-content: center; */
    align-items: center;
    /*padding: 0 4%;*/
	padding-left: var(--padding-13xl);
	padding-right: var(--padding-13xl);
	margin-inline: auto;
	max-width: var(--max-width, 1200px);
}
  .frame-child13,
  .frame-section {
	align-self: stretch;
	/*box-sizing: border-box;*/
	/*max-width: 100%;*/
	margin-bottom: 10%;
  }
  .frame-child13 {
	flex: 1;
	position: relative;
	border-top: 1px solid var(--color-whitesmoke-300);
  }
  .members,
  .snia-voting {
	margin: 0;
  }
  .full-list-of,
  .snia-voting-members-container {
	margin: 0;
	position: relative;
	font-size: inherit;
	font-family: inherit;
  }
  .snia-voting-members-container {
	width: 468px;
	line-height: 120%;
	font-weight: 500;
	display: inline-block;
	flex-shrink: 0;
	max-width: 100%;
  }
  .full-list-of {
	font-weight: 400;
  }
  .label8 {
	position: relative;
	line-height: 140%;
	font-weight: 500;
	display: inline-block;
	min-width: 108px;
  }
  .vector-icon8 {
	height: 13.2px;
	width: 9.4px;
	position: relative;
  }
  .branded-button8 {
	border: 1px solid var(--border-02);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: var(--padding-6xs) var(--padding-2xs);
	gap: var(--gap-9xs);
	text-align: center;
	font-size: var(--body-sm-600-size);
	color: var(--text-brand);
	font-family: var(--body-sm-600);
  }
  .full-list-of-snia-member-organ-parent {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--gap-5xl);
	max-width: 100%;
	font-size: var(--font-size-xl);
	color: var(--color-black);
  }
  .snia-voting-members-parent {
	width: 939px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	max-width: 100%;
	gap: var(--gap-xl);
  }
  .cisco-1-icon,
  .pngwingcom-1-icon {
	position: relative;
	object-fit: cover;
  }
  .pngwingcom-1-icon {
	height: 58px;
	width: 94px;
  }
  .cisco-1-icon {
	align-self: stretch;
	height: 45px;
	max-width: 100%;
	overflow: hidden;
	flex-shrink: 0;
  }
  .cisco-1-wrapper {
	width: 85px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-6xs-5) 0 0;
	box-sizing: border-box;
  }
  .dell-logo-1-icon {
	align-self: stretch;
	height: 43px;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	flex-shrink: 0;
	object-fit: cover;
  }
  .dell-logo-1-wrapper {
	width: 74px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 7.5px 0 0;
	box-sizing: border-box;
  }
  .fujitsu110x50-icon {
	align-self: stretch;
	flex: 1;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	object-fit: cover;
	mix-blend-mode: darken;
  }
  .fujitsu110x50-wrapper {
	height: 54.5px;
	width: 106px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-9xs-5) 0 0;
	box-sizing: border-box;
  }
  .clip-path-group {
	align-self: stretch;
	height: 18.4px;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	flex-shrink: 0;
  }
  .clip-path-group-wrapper {
	width: 98.4px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 19.8px 0 0;
	box-sizing: border-box;
  }
  .frame-wrapper8,
  .pngwingcom-1-parent {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	max-width: 100%;
  }
  .pngwingcom-1-parent {
	flex: 1;
	justify-content: space-between;
	gap: var(--gap-xl);
  }
  .frame-wrapper8 {
	align-self: stretch;
	justify-content: flex-end;
	padding: 0 63px var(--padding-2xs) var(--padding-48xl);
	box-sizing: border-box;
  }
  .frame-child14,
  .frame-child15,
  .frame-child16 {
	height: 1px;
	border-top: 1px solid var(--color-gainsboro-100);
	box-sizing: border-box;
  }
  .frame-child14 {
	align-self: stretch;
	position: relative;
  }
  .frame-child15,
  .frame-child16 {
	width: calc(100% + 1px);
	position: absolute;
	margin: 0 !important;
	right: -1px;
	bottom: -22px;
	left: 0;
  }
  .frame-child16 {
	bottom: -186px;
  }
  .frame-child17 {
	left: 230px;
  }
  .frame-child17,
  .frame-child18,
  .frame-child19,
  .frame-child20 {
	width: 1px;
	height: 649px;
	position: absolute;
	margin: 0 !important;
	bottom: -186px;
	border-right: 1px solid var(--color-gainsboro-100);
	box-sizing: border-box;
	z-index: 1;
  }
  .frame-child18 {
	left: 461px;
  }
  .frame-child19,
  .frame-child20 {
	right: 460px;
  }
  .frame-child20 {
	right: 229px;
  }
  .hp-enterprise-1-icon {
	align-self: stretch;
	width: 95px;
	position: relative;
	max-height: 100%;
	object-fit: cover;
	min-height: 44px;
  }
  .iei-logo-1-icon,
  .intel-1-icon {
	align-self: stretch;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
  }
  .iei-logo-1-icon {
	width: 80px;
	max-height: 100%;
	min-height: 44px;
  }
  .intel-1-icon {
	height: 34px;
	max-width: 100%;
	object-fit: cover;
  }
  .intel-1-wrapper {
	width: 82px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-8xs) 0 0;
	box-sizing: border-box;
  }
  .kioxia-logo2-icon {
	align-self: stretch;
	height: 34px;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	flex-shrink: 0;
	object-fit: cover;
	mix-blend-mode: darken;
  }
  .kioxia-logo2-wrapper {
	width: 93px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-8xs) 0 0;
	box-sizing: border-box;
  }
  .macrosan110x50-1-icon {
	align-self: stretch;
	height: 42px;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	flex-shrink: 0;
	object-fit: cover;
  }
  .macrosan110x50-1-wrapper {
	width: 98.4px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-12xs) 0 0;
	box-sizing: border-box;
  }
  .hp-enterprise-1-parent {
	flex: 1;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	max-width: 100%;
	gap: var(--gap-xl);
  }
  .frame-child21,
  .frame-wrapper9 {
	align-self: stretch;
	box-sizing: border-box;
  }
  .frame-wrapper9 {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0 var(--padding-45xl) var(--padding-xs) var(--padding-48xl);
	max-width: 100%;
  }
  .frame-child21 {
	height: 1px;
	position: relative;
	border-top: 1px solid var(--color-gainsboro-100);
  }
  .samsung-logo-new-1-icon {
	align-self: stretch;
	height: 33px;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	flex-shrink: 0;
	object-fit: cover;
  }
  .samsung-logo-new-1-wrapper {
	width: 108px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-9xs-5) 0 0;
	box-sizing: border-box;
  }
  .solidigm-logo-1-icon {
	align-self: stretch;
	height: 27px;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	flex-shrink: 0;
	object-fit: cover;
  }
  .solidigm-logo-1-wrapper {
	width: 143px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-6xs-5) 0 0;
	box-sizing: border-box;
  }
  .image-16-icon {
	align-self: stretch;
	height: 30px;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	flex-shrink: 0;
	object-fit: cover;
  }
  .image-16-wrapper {
	width: 100px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-8xs) 0 0;
	box-sizing: border-box;
  }
  .image-17-icon {
	align-self: stretch;
	height: 34px;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	flex-shrink: 0;
	object-fit: cover;
  }
  .image-17-wrapper {
	width: 150px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 3px 0 0;
	box-sizing: border-box;
  }
  .image-20-icon {
	align-self: stretch;
	width: 90px;
	position: relative;
	max-height: 100%;
	object-fit: cover;
	min-height: 40px;
  }
  .frame-parent25 {
	flex: 1;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	max-width: 100%;
	gap: var(--gap-xl);
	z-index: 2;
  }
  .frame-wrapper10,
  .image-19-icon {
	align-self: stretch;
	max-width: 100%;
  }
  .frame-wrapper10 {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0 var(--padding-51xl) 0 var(--padding-48xl);
	box-sizing: border-box;
  }
  .image-19-icon {
	height: 27px;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
	object-fit: cover;
  }
  .image-19-wrapper {
	width: 120px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 11.5px 0 0;
	box-sizing: border-box;
  }
  .image-21-icon,
  .image-22-icon,
  .image-23-icon {
	align-self: stretch;
	position: relative;
	object-fit: cover;
  }
  .image-21-icon,
  .image-22-icon {
	width: 110px;
	max-height: 100%;
	min-height: 50px;
  }
  .image-23-icon {
	height: 16px;
	max-width: 100%;
	overflow: hidden;
	flex-shrink: 0;
  }
  .frame-parent26,
  .image-23-wrapper {
	display: flex;
	align-items: flex-start;
  }
  .image-23-wrapper {
	width: 148px;
	flex-direction: column;
	justify-content: flex-start;
	padding: 17px 0 0;
	box-sizing: border-box;
  }
  .frame-parent26 {
	width: 806px;
	margin: 0 !important;
	position: absolute;
	bottom: -120px;
	left: 67px;
	flex-direction: row;
	justify-content: space-between;
	gap: var(--gap-xl);
	max-width: 100%;
	z-index: 2;
  }
  .frame-parent24 {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	padding: 34px 0 var(--padding-30xl);
	box-sizing: border-box;
	position: relative;
	gap: 53px;
	max-width: 100%;
  }
  .frame-parent23,
  .homepager3july16-inner2 {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 100%;
  }
  .frame-parent23 {
	flex: 1;
	flex-direction: column;
	gap: 68px;
  }
  .homepager3july16-inner2 {
	align-self: stretch;
	flex-direction: row;
	padding: 0 var(--padding-45xl) 333px;
	box-sizing: border-box;
	flex-shrink: 0;
	text-align: left;
	font-size: var(--font-size-20xl);
	color: var(--text-primary);
	font-family: var(--display-md-500);
  }
  .frame-child22 {
	position: absolute;
	top: 0;
	left: calc(50% - 632px);
	background-color: var(--brand-secondry);
	width: 100%;
	height: 100%;
	display: none;
  }
  .frame-child23 {
	position: absolute;
	top: -8.5px;
	left: 78.3px;
	width: 395.7px;
	height: 439.5px;
	z-index: 1;
  }
  .snias-at-a {
	margin: 0;
	width: 252px;
	position: relative;
	font-size: inherit;
	font-weight: 400;
	font-family: inherit;
	display: inline-block;
  }
  .explore-discover-share {
	align-self: stretch;
	position: relative;
	font-size: var(--text-md-semibold-size);
	line-height: 22px;
	color: var(--color-gray-100);
  }
  .snias-at-a-glance-parent {
	width: 451px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-xl) 0;
	box-sizing: border-box;
	gap: 11px;
	min-width: 451px;
	max-width: 100%;
  }
  .frame-child24 {
	height: 261px;
	width: 1px;
	position: relative;
	border-right: 1px solid rgba(227, 227, 227, 0.56);
	box-sizing: border-box;
  }
  .div {
	height: 36px;
	position: relative;
	display: inline-block;
	min-width: 92px;
  }
  .industry-leading-organization {
	align-self: stretch;
	position: relative;
	font-size: var(--text-md-semibold-size);
	color: var(--text-primary);
  }
  .parent {
	flex: 1;
	background-color: var(--surface-01);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	padding: var(--padding-13xl) var(--padding-xl) var(--padding-13xl)
	  var(--padding-5xl);
	box-sizing: border-box;
	min-width: 193px;
	min-height: 260px;
	flex-shrink: 0;
  }
  .k {
	height: 36px;
	position: relative;
	display: inline-block;
	min-width: 106px;
  }
  .active-contributing-members {
	align-self: stretch;
	position: relative;
	font-size: var(--text-md-semibold-size);
	color: var(--text-primary);
  }
  .k-parent {
	flex: 1;
    background-color: var(--brand-secondry);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: var(--padding-13xl) var(--padding-xl) var(--padding-13xl) var(--padding-5xl);
    box-sizing: border-box;
    min-width: 193px;
    min-height: 260px;
    flex-shrink: 0;
  }
  .k-parent:hover {
	flex: 1;
    background-color: var(--surface-01);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: var(--padding-13xl) var(--padding-xl) var(--padding-13xl) var(--padding-5xl);
    box-sizing: border-box;
    min-width: 193px;
    min-height: 260px;
    flex-shrink: 0;
  }
  .frame-child25 {
	height: 261px;
	width: 1px;
	position: relative;
	border-right: 1px solid #e9c054;
	box-sizing: border-box;
  }
  .k1 {
	height: 36px;
	position: relative;
	display: inline-block;
	min-width: 93px;
  }
  .it-end-users {
	align-self: stretch;
	position: relative;
	font-size: var(--text-md-semibold-size);
	color: var(--text-primary);
  }
  .k-group {
	height: 260px;
	width: 186.3px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	padding: var(--padding-13xl) var(--padding-xl) var(--padding-13xl)
	  var(--padding-5xl);
	box-sizing: border-box;
  }
  .frame-parent27,
  .line-container {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	max-width: 100%;
  }
  .line-container {
	flex: 1;
	align-items: flex-start;
	gap: 1px;
	min-width: 438px;
	color: var(--color-black);
  }
  .frame-parent27 {
	position: absolute;
	top: 85px;
	left: 60px;
	width: 1143.7px;
	align-items: center;
	gap: var(--gap-lgi);
	z-index: 2;
  }
  .rectangle-parent4 {
	height: 431px;
	flex: 1;
	position: relative;
	background-color: var(--brand-secondry);
	max-width: 100%;
  }
  .homepager3july16-inner3 {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 1px var(--padding-39xl);
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	text-align: left;
	font-size: var(--font-size-30xl);
	color: var(--text-primary);
	font-family: var(--body-sm-600);
	padding-top: 15px;
  }
  .shadow {
	position: absolute;
	top: 178px;
	left: -2px;
	filter: blur(200px);
	width: 1282px;
	height: 437px;
  }

  .footer-child {
	position: absolute;
	top: 519px;
	left: calc(50% - 640px);
	width: 1280px;
	height: 0;
	z-index: 1;
  }
  .snia2 {
	position: relative;
	line-height: 24px;
	display: inline-block;
	min-width: 74px;
  }
  .group-icon2 {
	height: 24.8px;
	width: 21.5px;
	position: relative;
	min-height: 25px;
  }
  .snia-group {
	padding: 0;
	gap: 3.2px;
  }
  .logo1,
  .snia-group {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
  }
  .snia-experts-on {
	position: relative;
	font-size: 16.3px;
	font-family: var(--display-md-500);
	color: var(--text-brand);
  }
  .logo-parent {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 9.8px;
  }
  .label9,
  .snia-develops-and {
	position: relative;
	line-height: 140%;
	font-family: var(--body-sm-600);
	display: inline-block;
  }
  .snia-develops-and {
	width: 369px;
	font-size: var(--body-sm-600-size);
	max-width: 100%;
  }
  .label9 {
	font-size: var(--body-md-600-size);
	font-weight: 500;
	color: var(--surface-03);
	text-align: center;
	min-width: 71px;
  }
  .vector-icon9 {
	height: 13.2px;
	width: 9.4px;
	position: relative;
  }
  .branded-button9 {
	cursor: pointer;
	border: 0;
	padding: 13.5px var(--padding-xl);
	background-color: var(--text-brand);
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: var(--gap-6xs);
	white-space: nowrap;
  }
  .branded-button9:hover {
	background-color: var(--color-darkslateblue-100);
  }
  .social-icons {
	height: 24px;
	width: 24px;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
  }
  .social-icons-wrapper {
	width: 91px;
	border: 1px solid var(--surface-02);
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: var(--padding-7xs) var(--padding-13xl);
  }
  .social-icons1 {
	height: 24px;
	width: 24px;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
  }
  .social-icons-container {
	width: 91px;
	border: 1px solid var(--surface-02);
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: var(--padding-7xs) var(--padding-13xl);
  }
  .social-icons2 {
	height: 24px;
	width: 24px;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
  }
  .social-icons-frame {
	width: 91px;
	border: 1px solid var(--surface-02);
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: var(--padding-7xs) var(--padding-13xl);
  }
  .social-icons3 {
	height: 24px;
	width: 24px;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
  }
  .social-icons-wrapper1 {
	width: 91px;
	border: 1px solid var(--surface-02);
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: var(--padding-7xs) var(--padding-13xl);
  }
  .frame-parent29,
  .frame-parent30 {
	display: flex;
	align-items: flex-start;
  }
  .frame-parent30 {
	align-self: stretch;
	flex-direction: row;
	justify-content: space-between;
	gap: 14.67px;
  }
  .frame-parent29 {
	width: 458px;
	border: 1px solid var(--border-01);
	box-sizing: border-box;
	flex-direction: column;
	justify-content: flex-start;
	padding: var(--padding-3xl) var(--padding-5xl);
	gap: var(--gap-5xl);
	min-width: 458px;
	max-width: 100%;
  }
  .discover-snia {
	position: relative;
	line-height: 140%;
	font-weight: 600;
	display: inline-block;
	min-width: 104px;
  }
  .discover-snia-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 0 0 var(--padding-xs);
  }
  .discover-snia-menu a {
	position: relative;
    line-height: 40%;
    font-weight: 600;
    /*display: inline-block;*/
    /*min-width: 39px;
    top: 20px;*/
	color: var(--text-secondry);
  }
  .standards1 {
	min-width: 65px;
  }
  .data-focus-area,
  .educations,
  .standards1 {
	position: relative;
	line-height: 140%;
	font-weight: 600;
	display: inline-block;
  }
  .educations {
	color: var(--text-primary);
	min-width: 71px;
  }
  .data-focus-area {
	min-width: 99px;
  }
  .groups1 {
	min-width: 46px;
  }
  .groups1,
  .membership1,
  .news-events1,
  .resources1 {
	position: relative;
	line-height: 140%;
	font-weight: 600;
	display: inline-block;
  }
  .news-events1 {
	min-width: 94px;
  }
  .membership1,
  .resources1 {
	width: 67px;
	height: 18px;
  }
  .membership1 {
	width: 79px;
  }
  .about-group,
  .frame-parent32 {
	/*
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 16px;
	text-align: left;
	font-size: 13px;
	color: #5e5e5e;
	font-family: Inter;
	*/
	display: flex;
	flex-direction: column;
	gap: 1rem;
  }
  .about-group {
	padding: 0 var(--padding-8xs) 0 0;
	gap: var(--gap-base);
	font-size: var(--body-sm-600-size);
	color: #222222;
	text-decoration: none;
  }
  .about-group a {
	color: #222222;
	text-decoration: none;
  }
  /* .about-group a:hover {
	text-decoration: underline;
  } */
  .snia-blogs {
	position: relative;
	line-height: 140%;
	font-weight: 600;
	display: inline-block;
	min-width: 81px;
  }
  .snia-blogs-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 0 var(--padding-xl) var(--padding-xs) 0;
  }
  .snia-expert-on {
	position: relative;
	line-height: 140%;
	font-weight: 600;
  }
  .cloud-storage-blog {
	display: inline-block;
	min-width: 120px;
  }
  .cloud-storage-blog,
  .computer-memory,
  .data-networking,
  .storage-management-blog {
	position: relative;
	line-height: 140%;
	font-weight: 600;
  }
  .frame-parent33,
  .snia-expert-on-data-blog-parent {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
  }
  .snia-expert-on-data-blog-parent {
	padding: 0 var(--padding-12xs) 0 0;
	gap: var(--gap-base);
	font-size: var(--body-sm-600-size);
	color: var(--text-secondry);
  }
  .frame-parent33 {
	border-left: 1px solid var(--color-whitesmoke-100);
	padding: 0 var(--padding-2xs) 184px var(--padding-12xl);
	gap: var(--gap-9xl);
  }
  .snia-international {
	position: relative;
	line-height: 140%;
	font-weight: 600;
  }
  .snia-international-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 0 var(--padding-12xs) var(--padding-xs) 0;
  }
  .snia-india,
  .snia-japan {
	position: relative;
	line-height: 140%;
	font-weight: 600;
	display: inline-block;
	min-width: 66px;
  }
  .snia-japan {
	min-width: 73px;
	white-space: nowrap;
  }
  .snia-india-parent {
	flex-direction: column;
	padding: 0 var(--padding-xl) 0 0;
	gap: var(--gap-base);
	font-size: var(--body-sm-600-size);
	color: var(--text-secondry);
  }
  .frame-parent28,
  .frame-parent31,
  .frame-parent34,
  .snia-india-parent {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
  }
  .frame-parent34 {
	border-left: 1px solid var(--color-whitesmoke-100);
	flex-direction: column;
	/*padding: 0 var(--padding-2xs) 284px var(--padding-12xl);*/
	gap: var(--gap-9xl);
  }
  .frame-parent28,
  .frame-parent31 {
	flex-direction: row;
	max-width: 100%;
  }
  .frame-parent31 {
	gap: 42px;
	min-width: 663px;
	font-size: var(--body-md-600-size);
	color: var(--text-brand);
	font-family: var(--body-sm-600);
	padding-left: 10%;
  }
  .frame-parent31 a {
	color: var(--text-secondry, #5e5e5e);
    text-align: left;
    font-family: var(--body-sm-600-font-family, "Inter-SemiBold", sans-serif);
    font-size: var(--body-sm-600-font-size, 13px);
    line-height: var(--body-sm-600-line-height, 140%);
    font-weight: var(--body-sm-600-font-weight, 600);
    position: relative;
	text-decoration: none;
	
}
  .frame-parent28 {
	gap: var(--gap-5xl);
	z-index: 1;
	font-size: 29.6px;
	color: var(--text-primary);
	font-family: var(--font-almarai);
	/*padding: 48px 2%;*/
    color: #fff;
    line-height: 1.5;
    margin: 0;
  }
  .footer,
  .homepager3july16 {
	position: relative;
	background-color: var(--surface-01);
	overflow: hidden;
	box-sizing: border-box;
  }
  .footer {
	align-self: stretch;
	height: 609px;
	flex-shrink: 0;
	max-width: 100%;
	text-align: left;
	font-size: var(--body-sm-600-size);
	color: var(--color-gray-200);
	font-family: var(--body-sm-600);

	background-color: #F9F9F9;
	border-top: 1px solid #e0e0e0;
  }
  .homepager3july16 {
	width: 100%;
	gap: 9px;
	line-height: normal;
	letter-spacing: normal;

	margin-inline: auto;
  }
  @media screen and (max-width: 1275px) {
	.menu {
	  flex-wrap: wrap;
	}
	.frame-child1 {
	  display: none;
	}
	.we-are-the-experts-on-data-wrapper {
	  max-width: calc(100% - 678px);
	}
	.frame-wrapper2 {
	  max-width: calc(100% - 582px);
	}
	.frame-parent6 {
	  gap: 120px;
	  padding-left: var(--padding-9xl);
	  padding-right: var(--padding-9xl);
	  box-sizing: border-box;
	}
	.frame-wrapper6 {
	  padding-left: var(--padding-8xl);
	  padding-right: var(--padding-8xl);
	  box-sizing: border-box;
	}
	.frame-parent18 {
	  gap: var(--gap-20xl);
	  padding-bottom: 334px;
	  box-sizing: border-box;
	}
	.frame-wrapper10,
	.frame-wrapper8,
	.frame-wrapper9 {
	  padding-left: var(--padding-14xl);
	  padding-right: var(--padding-12xl);
	  box-sizing: border-box;
	}
	.frame-wrapper10,
	.frame-wrapper9 {
	  padding-right: var(--padding-13xl);
	}
	.frame-wrapper10 {
	  padding-right: var(--padding-16xl);
	}
	.frame-parent23 {
	  gap: var(--gap-15xl);
	}
  }
  @media screen and (max-width: 1100px) {
	.banner,
	.items {
	  flex-wrap: wrap;
	}
	.frame-container {
	  /*flex: 1;*/
	}
	.frame-group {
	  flex-wrap: wrap;
	}
	.frame-child1 {
	  display: none;
	}
	.we-are-the-experts-on-data-wrapper {
	  max-width: calc(100% - 678px);
	}
	.frame-wrapper2 {
	  max-width: calc(100% - 582px);
	}
	.rectangle-group {
	  display: none;
	}
	.frame-parent10 {
	  max-width: 100%;
	}
	.section03 {
	  padding-left: var(--padding-xl);
	  padding-top: 121px;
	  padding-right: var(--padding-xl);
	  box-sizing: border-box;
	}
	.card-parent-available-resources {
	  flex: 1;
	}
	.frame-parent16 {
	  flex-wrap: wrap;
	}
	.section031 {
	  padding-top: 46px;
	  padding-bottom: 107px;
	  box-sizing: border-box;
	}
	.section03-wrapper {
	  padding-bottom: 59px;
	  box-sizing: border-box;
	}
	.snia-events-parent {
	  flex-wrap: wrap;
	}
	.frame-parent18 {
	  height: auto;
	}
	.snia-voting-members-parent {
	  flex-wrap: wrap;
	}
	.frame-parent25 {
	  flex-wrap: wrap;
	  justify-content: center;
	}
	.homepager3july16-inner2 {
	  padding-bottom: 216px;
	  box-sizing: border-box;
	}
	.snias-at-a-glance-parent {
	  flex: 1;
	}
	.frame-parent27 {
	  flex-wrap: wrap;
	}
	.rectangle-parent4 {
	  height: auto;
	  min-height: 431;
	}
	.frame-parent29,
	.frame-parent31 {
	  flex: 1;
	}
	.frame-parent28 {
	  flex-wrap: wrap;
	}
	.footer,
	.homepager3july16 {
	  height: auto;
	}
  }
  @media screen and (max-width: 750px) {
	.banner {
	  padding-left: var(--padding-13xl);
	  padding-right: var(--padding-13xl);
	  box-sizing: border-box;

	  width: var(--width-mobile, 90vw);
  	  margin-inline: auto;
	}
	.snia {
	  font-size: var(--font-size-10xl);
	  line-height: 23px;
	}
	.menu {
	  padding-left: var(--padding-13xl);
	  padding-right: 45px;
	  box-sizing: border-box;
	}
	.snia-developer-conference {
	  font-size: var(--font-size-12xl);
	  line-height: 38px;
	}
	.frame-container {
	  min-width: 100%;
	}
	.frame-parent2 {
	  flex: 1;
	}
	.rectangle-parent {
	  flex-wrap: wrap;
	  min-width: 100%;
	}
	.frame-group {
	  gap: var(--gap-5xl);
	}
	.homepager3july16-inner {
		border-top: 1px solid var(--color-whitesmoke-100);
		margin-top: 1.5rem;
		box-sizing: border-box;
		padding-top: 1rem;
	}
	.frame-child1 {
	  display: none;
	}
	.we-are-the {
	  font-size: 34px;
	  line-height: 40px;
	}
	.we-are-the-experts-on-data-wrapper {
	  max-width: calc(100% - 678px);
	}
	.frame-wrapper2 {
	  max-width: calc(100% - 582px);
	}
	.frame-parent6 {
	  gap: 60px;
	  padding-top: var(--padding-xl);
	  padding-bottom: 69px;
	  box-sizing: border-box;
	}
	.snias-data-centric-focus-container {
	  font-size: var(--font-size-12xl);
	}
	.snia-is-an-industry-organizati-parent {
	  gap: var(--gap-xl);
	}
	.rectangle-group {
	  gap: var(--gap-3xl);
	  padding: var(--padding-33xl) var(--padding-9xl) 123px;
	  box-sizing: border-box;
	}
	.snia1 {
	  font-size: var(--font-size-10xl);
	}
	.frame-parent10 {
	  flex-wrap: wrap;
	}
	.section03 {
	  height: auto;
	  gap: var(--gap-20xl);
	}
	#availableResources h2 {
	  font-size: var(--font-size-12xl);
	}
	.available-resources-wrapper {
	  padding-left: var(--padding-8xl);
	  padding-right: var(--padding-8xl);
	  box-sizing: border-box;
	}
	.tabs {
	  flex-wrap: wrap;
	}
	.horizontal-tabs {
	  height: auto;
	  min-height: 46;
	}
	.rectangle-container {
	  min-width: 100%;
	}
	.card-resources-parent {
	  gap: var(--gap-mid);
	}
	.card-parent-available-resources {
	  min-width: 100%;
	}
	.frame-parent16 {
	  gap: var(--gap-4xl);
	}
	.horizontal-tabs-parent {
	  gap: 21px;
	}
	.section031 {
	  padding-top: 30px;
	  padding-bottom: var(--padding-51xl);
	  box-sizing: border-box;
	}
	.section03-wrapper {
	  padding-bottom: var(--padding-19xl);
	  box-sizing: border-box;
	}
	.snia-events {
	  font-size: var(--font-size-12xl);
	}
	.frame-parent18 {
	  gap: var(--gap-lgi);
	  padding-bottom: 217px;
	  box-sizing: border-box;
	}
	.frame-section {
	  padding-left: var(--padding-13xl);
	  padding-right: var(--padding-13xl);
	  padding-bottom: 62px;
	  box-sizing: border-box;
	}
	.snia-voting-members-container {
	  font-size: var(--font-size-12xl);
	  line-height: 37px;
	}
	.frame-parent26,
	.hp-enterprise-1-parent,
	.pngwingcom-1-parent {
	  flex-wrap: wrap;
	  justify-content: center;
	}
	.frame-parent24 {
	  gap: var(--gap-7xl);
	}
	.frame-parent23 {
	  gap: var(--gap-mid);
	}
	.homepager3july16-inner2 {
	  padding-left: var(--padding-13xl);
	  padding-right: var(--padding-13xl);
	  padding-bottom: 140px;
	  box-sizing: border-box;
	}
	.snias-at-a {
	  font-size: var(--font-size-20xl);
	}
	.snias-at-a-glance-parent {
	  min-width: 100%;
	}
	.frame-child24 {
	  width: 100%;
	  height: 1px;
	}
	.div {
	  font-size: var(--font-size-20xl);
	}
	.parent {
	  min-height: auto;
	}
	.k {
	  font-size: var(--font-size-20xl);
	}
	.frame-child25 {
	  width: 100%;
	  height: 1px;
	}
	.k1 {
	  font-size: var(--font-size-20xl);
	}
	.line-container {
	  flex-wrap: wrap;
	  min-width: 100%;
	}
	.homepager3july16-inner3 {
	  padding-bottom: var(--padding-19xl);
	  box-sizing: border-box;
	}
	.frame-parent29 {
	  min-width: 100%;
	}
	.frame-parent31 {
	  flex-wrap: wrap;
	  min-width: 100%;
	}

	/* PODCASTS */
	.authors {
		display: block !important;

	}

	.auth1 {
		margin-bottom: 20px;
		width: 100% !important;
	}

	.heading {
		display: block !important;
	}

	.heading h1 {
		width: 100% !important;
		max-width: 100% !important;
		white-space: wrap !important;
	}

	.links-container {
		justify-content: start !important;
		margin-top: 20px;
	}

	.links-container .ytb {
		margin-left: 0 !important;
	}
	
	
  }
  @media screen and (max-width: 450px) {
	.snia {
	  font-size: 22px;
	  line-height: 17px;
	}
	.menu {
	  padding-right: var(--padding-xl);
	  box-sizing: border-box;
	}
	.snia-developer-conference {
	  font-size: var(--font-size-4xl);
	  line-height: 28px;
	}
	.snia-developer-conference-sdc-parent {
	  gap: var(--gap-mid);
	}
	.frame-child1 {
	  display: none;
	}
	.we-are-the {
	  font-size: 25px;
	  line-height: 30px;
	}
	.we-are-the-experts-on-data-wrapper {
	  max-width: calc(100% - 678px);
	}
	.here-are-over {
	  font-size: var(--text-md-semibold-size);
	  line-height: 22px;
	}
	.frame-wrapper2 {
	  max-width: calc(100% - 582px);
	}
	.frame-parent6 {
	  gap: 30px;
	}
	.snias-data-centric-focus-container {
	  font-size: var(--font-size-4xl);
	}
	.snia-is-an {
	  font-size: var(--text-md-semibold-size);
	  line-height: 22px;
	}
	.snia1 {
	  font-size: 21px;
	}
	.section03 {
	  gap: var(--gap-lgi);
	  padding-top: 79px;
	  box-sizing: border-box;
	}
	.available-resources {
	  font-size: var(--font-size-4xl);
	}
	.next-gen-ssd-performance,
	.on-demand-webinar-ceph,
	.three-truths-about {
	  font-size: var(--text-md-semibold-size);
	}
	.snia-events {
	  font-size: var(--font-size-4xl);
	}
	.coding-theory-and,
	.fms-event,
	.from-multi-day-conferences,
	.snia-developer-conference4 {
	  font-size: var(--text-md-semibold-size);
	}
	.snia-voting-members-container {
	  font-size: var(--font-size-4xl);
	  line-height: 28px;
	}
	.full-list-of {
	  font-size: var(--text-md-semibold-size);
	}
	.frame-parent24 {
	  padding-top: var(--padding-3xl);
	  padding-bottom: var(--padding-13xl);
	  box-sizing: border-box;
	}
	.div,
	.k,
	.k1,
	.snias-at-a {
	  font-size: var(--font-size-10xl);
	}
	.snia2 {
	  font-size: 24px;
	  line-height: 19px;
	}
	.frame-parent30 {
	  flex-wrap: wrap;
	  justify-content: center;
	}
  }
  /** Brand logo Section **/
  .brand-logo-grid {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
	padding-bottom: 50px;
	max-width: var(--max-width, 1200px);
	margin-inline: auto;
	/*padding-left: var(--padding-13xl);
	padding-right: var(--padding-13xl);
	box-sizing: border-box;*/
}

/* Grilla de Logos */
.logo-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* column-gap: 20px; */
    /* row-gap: 141px; */
    width: 80%;
    /* max-width: 1000px; */
    /* align-items: center; */
    /* align-content: stretch; */
}

/* Estilo para cada logo para que se ajusten 5 por fila */
.logo-item {
    /*flex: 1 1 calc(20% - 20px);*/
    /*max-width: calc(20% - 20px);*/
    box-sizing: border-box;
    text-align: center;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    margin: 0px;
    width: 200px;
    height: 200px;
}


.logo-item:nth-child(5n) {
    border-right: none;
}


.logo-item:hover {
    opacity: 0.8; /* Reduces opacity to 80% */
}

.logo-item img {
    width: 50%;
    height: 100%;
    object-fit: contain;
    flex-shrink: 0;
}

/* Responsive Styles */
@media (max-width: 1024px) {
    .logo-item {
        flex: 1 1 calc(33.33% - 30px); /* 3 columns on medium screens with increased gap */
        /*max-width: calc(33.33% - 30px);*/
    }
}

@media (max-width: 768px) {
    .logo-item {
        flex: 1 1 calc(50% - 30px); /* 2 columns on small screens with increased gap */
        /*max-width: calc(50% - 30px);*/
    }
}

@media (max-width: 480px) {
    .logo-item {
        flex: 1 1 100%; /* 1 column on extra small screens */
        /*max-width: 100%;*/
    }
}

  #block-snia-content {
    justify-content: center;
  }
  .section-03,
.section-03 * {
  box-sizing: border-box;
}
.section-03 {
  background: #ffffff;
  border-style: solid;
  border-color: transparent;
  border-width: 0px 0px 1px 0px;
  width: 100%;
  /*height: 619px;*/
  position: relative;
  overflow: hidden;
}
.frame-1201 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.snia-s-data-centric-focus {
  color: #222222;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 39px;
  font-weight: 400;
  position: relative;
  width: 382.48px;
}
.frame-854 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  /*align-self: stretch;
  flex-shrink: 0;*/
  position: relative;
}
.frame-854--subtitle{
  color: #323232;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 21px;
  line-height: 28px;
  font-weight: 500;
  position: relative;
  width: 467px;
}
.frame-854--text {
  color: rgba(34, 34, 34, 0.8);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 17px;
  line-height: 22px;
  font-weight: 400;
  position: relative;
  width: 467px;
}
.frame-833 {
  width: 516.18px;
  height: 467.12px;
  position: absolute;
  left: 55%;
  top: 61.44px;
}
.polygon-4 {
  width: 113.86px;
  height: 113.86px;
  position: absolute;
  left: 307.54px;
  top: 198.17px;
  transform: translate(-134.7px, -70.14px);
  overflow: visible;
}
.ellipse-774 {
  background: #ffffff;
  border-radius: 50%;
  width: 103px;
  height: 103px;
  position: absolute;
  left: 208px;
  top: 179.56px;
  filter: blur(52.6px);
}
.line-96 {
  margin-top: -0.46px;
  border-style: solid;
  border-color: #552d80;
  border-width: 0.46px 0 0 0;
  width: 428.01px;
  height: 0px;
  position: absolute;
  left: 260.22px;
  top: 12.09px;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
}
.line-97 {
  margin-top: -0.46px;
  border-style: solid;
  border-color: #552d80;
  border-width: 0.46px 0 0 0;
  width: 428.01px;
  height: 0px;
  position: absolute;
  left: 449.16px;
  top: 340.07px;
  transform-origin: 0 0;
  transform: rotate(-150.076deg) scale(1, 1);
}
.line-98 {
  margin-top: -0.46px;
  border-style: solid;
  border-color: #552d80;
  border-width: 0.46px 0 0 0;
  width: 428.01px;
  height: 0px;
  position: absolute;
  left: 66.12px;
  top: 345.54px;
  transform-origin: 0 0;
  transform: rotate(-30deg) scale(1, 1);
}
.polygon-1 {
  width: 215.43px;
  height: 215.43px;
  position: absolute;
  left: calc(50% - 105.22px);
  top: 124.42px;
  overflow: visible;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(4px);
}
.frame-826 {
  display: flex;
  flex-direction: row;
  gap: 7.11px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 274.72px;
  top: -3.66px;
}
.polygon-2 {
  flex-shrink: 0;
  width: 155.71px;
  height: 155.71px;
  position: relative;
  overflow: visible;
}
.frame-825 {
  display: flex;
  flex-direction: column;
  gap: 14.65px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: absolute;
  left: 40.29px;
  top: 40.29px;
  pointer-events: none;
  top: 49.29px;
}
.zap {
  opacity: 0.7;
  flex-shrink: 0;
  width: 21.98px;
  height: 21.98px;
  position: relative;
  overflow: visible;
}
.frame-827 {
  display: flex;
  flex-direction: row;
  gap: 7.11px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 367.79px;
  top: 154.9px;
}
.polygon-22 {
  flex-shrink: 0;
  width: 155.71px;
  height: 155.71px;
  position: relative;
  overflow: visible;
}
.frame-8252 {
  display: flex;
  flex-direction: column;
  gap: 14.65px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: absolute;
  left: calc(50% - 25.35px);
  top: calc(50% - 35.65px);
  pointer-events: none;
}
.lock-password {
  opacity: 0.7;
  flex-shrink: 0;
  width: 21.98px;
  height: 21.98px;
  position: relative;
  overflow: visible;
}
.frame-828 {
  display: flex;
  flex-direction: row;
  gap: 7.11px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 274.44px;
  top: 310.5px;
}
.polygon-23 {
  flex-shrink: 0;
  width: 155.71px;
  height: 155.71px;
  position: relative;
  overflow: visible;
}
.frame-8253 {
  display: flex;
  flex-direction: column;
  gap: 14.65px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: absolute;
  left: calc(50% - 48.68px);
  top: calc(50% - 45.29px);
  pointer-events: none;
}
.settings-02 {
  opacity: 0.7;
  flex-shrink: 0;
  width: 21.98px;
  height: 21.98px;
  position: relative;
  overflow: visible;
}
.frame-829 {
  display: flex;
  flex-direction: row;
  gap: 7.11px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 89.88px;
  top: 312.12px;
}
.polygon-24 {
  flex-shrink: 0;
  width: 155.71px;
  height: 155.71px;
  position: relative;
  overflow: visible;
}
.frame-8254 {
  display: flex;
  flex-direction: column;
  gap: 14.65px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: absolute;
  left: calc(50% - 19.17px);
  top: calc(50% - 36.29px);
  pointer-events: none;
}
.database-02 {
  opacity: 0.7;
  flex-shrink: 0;
  width: 21.98px;
  height: 21.98px;
  position: relative;
  overflow: visible;
}
.frame-830 {
  display: flex;
  flex-direction: row;
  gap: 7.11px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -1.84px;
  top: 155px;
}
.polygon-25 {
  flex-shrink: 0;
  width: 155.71px;
  height: 155.71px;
  position: relative;
  overflow: visible;
}
.frame-8255 {
  display: flex;
  flex-direction: column;
  gap: 0.65px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: absolute;
  left: calc(50% - 34.67px);
  top: calc(50% - 36.29px);
  pointer-events: none;
}
.blockchain-01 {
  opacity: 0.7;
  flex-shrink: 0;
  width: 21.98px;
  height: 21.98px;
  position: relative;
  overflow: visible;
  
}
.frame-831 {
  display: flex;
  flex-direction: row;
  gap: 7.11px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 89.58px;
  top: -3.55px;
}
.frame-831:hover .polygon-text,
.frame-826:hover .polygon-text,
.frame-827:hover .polygon-text,
.frame-828:hover .polygon-text,
.frame-829:hover .polygon-text,
.frame-830:hover .polygon-text,
.frame-831:hover .polygon-text {
	opacity: 1;
	color: var(--title-color);
}

.frame-831 svg,
.frame-826 svg,
.frame-827 svg,
.frame-828 svg,
.frame-829 svg,
.frame-830 svg,
.frame-831 svg {
	opacity: 0.7;
}

.frame-831:hover svg,
.frame-826:hover svg,
.frame-827:hover svg,
.frame-828:hover svg,
.frame-829:hover svg,
.frame-830:hover svg,
.frame-831:hover svg {
	opacity: 1;
	color: var(--title-color);
}

.polygon-26 {
  flex-shrink: 0;
  width: 155.71px;
  height: 155.71px;
  position: relative;
  overflow: visible;
}
.frame-8256 {
  display: flex;
  flex-direction: column;
  gap: 4.65px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: absolute;
  left: calc(50% - 25.31px);
  top: calc(50% - 36px);
  pointer-events: none;
}
.database-01 {
  flex-shrink: 0;
  width: 21.98px;
  height: 21.98px;
  position: relative;
  overflow: visible;
}
.format-data {
  color: #222222;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 14.65170669555664px;
  font-weight: 500;
  position: relative;
}
.frame-1218 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  width: 115px;
  position: absolute;
  left: 202px;
  top: 169.56px;
}
.group {
  flex-shrink: 0;
  width: 38px;
  height: 43.9px;
  position: relative;
  overflow: visible;
}
.frame-822 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.snia {
  color: #222222;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 35.71353530883789px;
  font-weight: 400;
  position: relative;
}
.experts-on-data {
  color: rgba(0, 0, 0, 0.6);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 14.65170669555664px;
  font-weight: 500;
  position: relative;
}

/** Expert On Data Block Start **/
.content-block {
    width: 100%;
    position: relative;
    background-color: #552d80;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    box-sizing: border-box;
    height: 315px;
    overflow: hidden;
    text-align: left;
    font-size: 1.25rem;
    color: #fff;
    font-family: Inter;
}

.background-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.main-text {
    position: absolute;
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
    line-height: 1.4;
    display: inline-block;
    max-width: 30%;
    z-index: 2;
	font-size: 20px;
}


.button {
    /*position: absolute;*/
	/*top: 70%;*/
    /*left: 61%;*/
    /*transform: translate(-50%, -50%);*/
    background-color: #fff;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 5px 12px;
    box-sizing: border-box;
    gap: 4px;
    text-align: center;
    font-size: 1rem;
    color: #552d80;
    width: fit-content;
    z-index: 2;
}

.button-label {
    line-height: 1.4;
    font-weight: 500;
}

.button-icon {
    width: 10px;
    height: 14px;
}

.foreground-image {
    position: absolute;
    top: 50%;
    left: 10%;
    width: 50%;
    height: auto;
    opacity: 0.1;
    transform: translateY(-50%);
    z-index: 2;
}

.secondary-text {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
	font-size: 42px;
    letter-spacing: -0.02em;
    line-height: 1.2;
    font-weight: 500;
    font-family: Manrope;
    display: inline-block;
    max-width: 20%;
    z-index: 2;
}

.history_of_snia_container {
	margin-top: 70px;
	margin-bottom: 70px;
}

.history_of_snia_table {
	width: 100%;
    font-family: Inter;
    border-spacing: 0;
    table-layout: fixed;
    min-width: 600px;
}

.history_of_snia_table tr:nth-child(odd) td{
           background:#ffffff;
}
.history_of_snia_table tr:nth-child(even) td{
            background:#f7f7f7;
}
.history_of_snia_table th:nth-child(1),.history_of_snia_table th:nth-child(2){
    width:25%
}
.history_of_snia_table th:nth-child(3){
    width:50%
}
.history_of_snia_table tr td:nth-child(1){
    padding-left: 20px
}

.history_of_snia_table th{
	background: #552d80;
	color: white;
	font-size:15px;
	font-weight: 400;
	padding: 10px;
    text-align: start;
    /*padding-left: 20px;*/
}
.history_of_snia_table th:nth-child(1){
    padding-left: 20px;
}

.history_of_snia_table td .fixed_height {
  display: flex;
  align-items: center;
}


.history_of_snia_table td {
    border-bottom: 1px solid #e1e1e1;
}

.hos_year {
  font-size: 26px;
  font-weight: 600;
  color: #552d80;
  word-wrap: break-word;
 /* margin-left: 12%;*/
  width: 100px;
  text-align: start;
}

.hos_description {
    font-size: 16px;
    width: 80%;
    padding: 25px;
}
.hos_description div{
	color: #222222;
	font-size: 15px;
	font-weight: 400;
	line-height: 21px;
	word-wrap: break-word;
}
.hos_description div ul{
    padding-left: 12px;
}

.hos_image {
    text-align: center;
    padding: 10px;
}

.hos_image img {
	max-width: 84px;
  	height: auto;
}

.history_of_snia_table > tbody:nth-child(2) > tr:nth-child(12) img {
	max-width: 121px;
	left: -19px;
	position: relative;
}


@media screen and (max-width: 768px) {
    .history_of_snia_table {
        display: block;
        min-width: 100%;
    }

    .history_of_snia_table thead {
        display: none;
    }
    .history_of_snia_table tr {
        display: block;
        margin-bottom: 10px;
    }
    .history_of_snia_table td {
        display: flex;
        flex-direction: row;
        text-align: left;
        position: relative;
        width: auto;
        padding: 10px 20px;
    }
    .history_of_snia_table td:nth-child(3){
      display: block;
    }
    .history_of_snia_table tr td:nth-child(1){
        padding-left: 20px !important;
    }
    .history_of_snia_table td::before {
        content: attr(data-label);
        width: calc(50% - 10px);
        white-space: nowrap;
        font-size: 15px;
        font-weight: bold;
        color: #000000 !important;
    }
}


/* Media Queries para Responsividad */

@media (max-width: 1200px) {

    .secondary-text {
        max-width: 30%;
        font-size: 1.8rem;
    }
}

@media (max-width: 768px) {
    .main-text, .button {
        left: 50%; /* Centra los elementos en pantallas pequeñas */
        max-width: 60%;
    }
    .secondary-text {
        max-width: 40%;
        font-size: 1.5rem;
    }
    .foreground-image {
        width: 70%; /* Aumenta el tamaño de la imagen de fondo */
        left: 15%;
    }
}

@media (max-width: 480px) {
    .main-text, .button {
        left: 50%;
        max-width: 80%;
        font-size: 0.9rem;
    }
    .button {
        padding: 4px 8px;
        gap: 2px;
    }
    .secondary-text {
        max-width: 60%;
        font-size: 1.2rem;
    }
    .foreground-image {
        width: 90%;
        left: 5%;
    }
}
/** Expert on data block End **/

/** Footer Block **/
.snia-section {
	position: relative;

    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 24px;
    text-align: left;
    font-size: 29.61px;
    color: #222;
    font-family: Inter;
    margin-left: 15%;

	padding: 3em 1.5em;

	background-color: white !important;
}

@media(min-width:800px){
	.snia-section {
		border-right: 1px solid #e0e0e0;
	}
}

.snia-logo-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 4px; /* Ajusta el valor para reducir el espacio entre los elementos */
    font-family: Almarai;
}


.snia-logo {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

.snia-logo-group {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 3.2px;
}

.snia-title {
    width: 74px;
    position: relative;
    line-height: 80%;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.snia-icon {
    width: 21.5px;
    position: relative;
    height: 24.8px;
}

.snia-experts-text {
    position: relative;
    font-size: 16.3px;
    font-family: Manrope;
    color: #552d80;
}

.snia-description {
    width: 100%;
    position: relative;
    font-size: 13px;
    line-height: 140%;
    display: inline-block;
	padding-bottom: 24px;
	color: #5E5E5E;
	margin-top: 2rem;
}


.snia-cta-button {
    background-color: #552d80;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 5px 20px;
    box-sizing: border-box;
    gap: 8px;
    text-align: center;
    font-size: 15px;
    color: #f9f9f9;

	padding-left: min(3em, 2vw);
	padding-right: min(3em, 2vw);

	margin-bottom: 2rem;

}

.snia-cta-label {
    position: relative;
    line-height: 140%;
    font-weight: 500;
}

.snia-cta-icon {
    width: 9.4px;
    position: relative;
    height: 13.2px;
}

.snia-social-links {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

@media(max-width:450px){
	.snia-social-links{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1rem;
	}
}

.snia-social-icon {
    min-width: 24px;
    position: relative;
    min-height: 24px;
    overflow: hidden;
    flex-shrink: 0;
}

.snia-social-icon-wrapper {
    border: 1px solid #f5f5f5;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	transition: all 300ms ease;
}
.snia-social-icon-wrapper a{
	padding: 0.5em 2em;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.snia-social-icon-wrapper:hover{
	border: 1px solid var(--text-brand);
	border: 1px solid #a1a1a1;
	border-radius: 6px;
	transition: all 300ms ease;
}


/** Footer Block **/
.svg-container {
    display: inline-block; 
    padding: 5px; 
    background-color: white; 
    border-radius: 4px; 
    transition: box-shadow 0.3s ease; 
}

.blockchain-01 {
    transition: filter 0.3s ease; 
}


.database-02 {
    transition: filter 0.3s ease; 
}

.database-01 {
    transition: filter 0.3s ease; 
}



.settings-02 {
    transition: filter 0.3s ease; 
}


.lock-password {
    transition: filter 0.3s ease; 
}


.frame-8252:hover .lock-password {
    filter: drop-shadow(0 0 1px #552d80); 
}

.zap {
    transition: filter 0.3s ease; 
}


.polygon-text {
	color: #616060;
    text-align: center;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14.65170669555664px;
    font-weight: 500;
    opacity: 0.7;
    position: relative;
}
.image-container {
	position: relative; 
	display: inline-block;
  }
  
  .image-container img.polygon-25 {
	display: block;
	transition: opacity 0.3s ease; 
  }
  
  .image-container::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url('/themes/custom/snia/images/polygon-25.svg'); 
	background-size: cover;
	background-repeat: no-repeat;
	pointer-events: none; 
	filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.7)); 
	opacity: 0; 
	transition: opacity 0.3s ease; 
  }
  

  .image-container:hover::after {
	opacity: 1; 
  }
  
  
  .image-container .polygon-text {
	transition: font-weight 0.3s ease; 
  }
  
  
  .image-container:hover .polygon-text {
	font-weight: 700; 
  }
  
/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}


.tab div {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer; 
    padding: var(--padding-xs) 68px var(--padding-4xs);
    transition: 0.3s;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: var(--text-sm-medium-size);
    color: var(--text-primary);
    font-family: var(--display-md-500);
}
.tabs .text, .tabs .text1, .tabs .text2, .tabs .text3 {
    border: none;
    outline: none;
    cursor: pointer; 
}

.tab div:hover {
    background-color: #ddd;
    cursor: pointer; 
}
.tabs .text:hover, .tabs .text1:hover, .tabs .text2:hover, .tabs .text3:hover {
    background-color: #ddd;
    cursor: pointer; 
}

.tab div.active {
    background-color: rgba(85, 45, 128, 0.17);
    border-bottom: 2px solid var(--text-brand);
    overflow: hidden;
}

.tabs .active {
    background-color: rgba(85, 45, 128, 0.17);
    border-bottom: 2px solid var(--text-brand);
}
  
.tabcontent {
	display: none;
    border-top: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;

    opacity: 0;
    transition: opacity 0.5s ease;
    margin-right: 4px;
	box-sizing: border-box;
}

.tabcontent.fade-in {
    opacity: 1;
}
.tabcontent.fade-in {
    opacity: 1; 
}
.tab-button-base.active {
    background-color: rgba(85, 45, 128, 0.17);
    border-bottom: 3px solid var(--text-brand);
    overflow: hidden;
}
.tab-button-base:hover{
	border-bottom: 3px solid var(--text-primary, #222);
		background: var(--surface-01, #FFF);
		color: var(--text-primary, #222);
}

.tab-button-base:hover .text{
	background: var(--surface-01, #FFF);
	color: var(--text-primary, #222);
}

.tab-button-base {
	overflow: hidden;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: var(--padding-xs) 20px var(--padding-4xs);
	font-size: var(--text-sm-medium-size);
	color: var(--text-primary);
	font-family: var(--display-md-500);
}

/** Expert on data Block **/
.content-wrapper {
    display: flex;
    flex-wrap: wrap; 
    width: 100%;
    height: 315px; 
    justify-content: center; 
    align-items: center; 
    background-color: var(--text-brand); 
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 0 20px; 
    box-sizing: border-box; 
    position: relative; 

	margin-inline: auto;

	overflow: hidden;
}
.left-block, 
.right-block {
    width: 50%; 
    display: flex;
    align-items: center; 
    justify-content: center; 
    text-align: center; 
    box-sizing: border-box; 
    position: relative;
    height: 100%; 
}

.left-text {
    font-size: 42px;
    letter-spacing: -0.02em;
    line-height: 1.2;
    font-weight: 500;
    font-family: 'Manrope', sans-serif; 
    color: white; 
    margin: 0;
    z-index: 2; 
    text-align: left;
    max-width: 42%;
    overflow-wrap: break-word;
    word-break: break-word; 
}

.right-block {
    position: relative; 
    overflow: hidden;
    display: flex; 
    flex-direction: column; 
    align-items: flex-start; 
}

.right-background {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

@media(min-width: 1200px){
	.right-background {
		position: absolute;
		top: 0;
		right: 0;
		width: 70%;
		height: 100%;
		object-fit: cover;
		z-index: 1;
		margin-left: auto;
	}
}
@media(max-width:1200px){
	.right-background{
		height: 55%;
		top: unset;
		bottom: 0;
	}
}
.right-main-text {
    font-size: 20px; 
    line-height: 28px; 
    font-family: 'Inter', sans-serif; 
    color: #fff; 
    text-align: left; 
    display: inline-block; 
    margin: 0 0 10px 0; 
    z-index: 2; 
	width: 70%;
}

.branded-button {
    position: relative;
    background-color: #fff;
    width: 100%;
    height: 36px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 5px 12px;
    box-sizing: border-box;
    gap: 4px;
    text-align: center;
    font-size: 13px;
    color: #552d80;
    font-family: 'Inter', sans-serif; 
    z-index: 2; 
    margin-top: 0;
	width: 25%;
}


.branded-button:hover {
	cursor: pointer;
	background-color: #c9c9c9;
	border: 1px solid var(--color-silver-100);
	box-sizing: border-box;
}

.branded-button-login {
    width: 72.4px;
	border: 1px solid var(--border-02);
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: var(--padding-6xs) var(--padding-2xs);
	gap: var(--gap-9xs);
}

.branded-button-login .label {
	font-size: 13px;
}


.branded-button-login:hover {
	cursor: pointer;
	background-color: #c9c9c9;
	border: 1px solid var(--color-silver-100);
	box-sizing: border-box;
}


.label {
    position: relative;
    line-height: 140%;
    font-weight: 500;
}


.vector-icon {
    width: 9.4px;
    height: 13.2px;
    position: relative;
    z-index: 2; 
}


@media (max-width: 768px) {
    .left-block, 
    .right-block {
        width: 100%; 
        
        height: auto; 
    }

    .content-wrapper {
        height: auto; 
        padding: 20px; 
    }
}

@media (max-width: 768px) {
    .left-block, 
    .right-block {
        width: 100%; 
        
        height: auto; 
    }

    .content-wrapper {
        height: auto; 
		padding-top: 30px !important;
		padding-bottom: 30px !important;
        
    }
}
/** LOGO GRID **/
.snia-events-container {
    display: flex;
    flex-wrap: wrap; 
    width: 100%;
    justify-content: space-between; 
    margin-bottom: 20px; 
}


.snia-events-left {
    width: 50%; 
    
    box-sizing: border-box; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    text-align: center; 
}
  
  .snia-events-right {
	width: 50%; 
	
	box-sizing: border-box; 
	text-align: left; 
  }
  

  .brand-icon-heading {
	font-size: 24px;
	font-weight: 600;
	color: #552d80; 
	margin: 0;
	width: 42%;
	font-size: 39px;
	line-height: 120%;
	font-weight: 500;
	font-family: Manrope;
	color: #222;
	text-align: left;
  }
  
  .brand-icons-subheading {
	margin-bottom: 15px;
	width: 70%;
	font-size: 20px;
	font-family: Manrope;
	color: #000;
	text-align: left;
  }
  
  .branded-button4 {
	display: flex;
	align-items: center;
	background-color: #fff;
	padding: 5px 12px;
	border: none;
	box-sizing: border-box;
	gap: 4px;
	cursor: pointer;
	color: #552d80;
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
  }
  
  .label4 {
	line-height: 140%;
	font-size: 13px;
	font-weight: 500;
	font-family: Inter;
	color: #552d80;
  }
  
  .vector-icon4 {
	width: 9.4px;
	height: 13.2px;
  }
  

  
  .logo-item {
	flex: 1 1 calc(20%); 
	max-width: calc(20%); 
	box-sizing: border-box;
	text-align: center;

  }

  .logo-item,
  .logo-item div:has(img){
	display:flex;
	justify-content: center;
	align-items: center;
  }

  

  @media (max-width: 768px) {
	.snia-events-left, .snia-events-right {
	  width: 100%; 

	}
  
	.logo-item {
	  flex: 1 1 calc(50%); 
	  max-width: calc(50%);
	}
  }
  
  @media (max-width: 480px) {
	.logo-item {
	  flex: 1 1 100%; 
	  max-width: 100%;
	}
  }
  /** AT A GLANCE BLOCK **/
  .content-section{
	position: relative;
	background-color: #ffd25a; 
	display: flex; 
	justify-content: space-between; 
	align-items: center; 
	width: 100%;
	min-height: 431px; 	
}

.content-section .overlay-image{
	position: absolute;
	left: 0;
	top: 0;
	width: 39%;
	height: 100%;
	transform: none;
	padding: 0;
	margin: 0;
	z-index: 0;
	opacity: .6;
}
.info-title {
	font-size: 49px;
	font-family: Inter;
	color: #000;
}
.info-number {
	font-size: 49px;
	font-family: Inter;
	color: #000;
}
.info-description {
	font-size: 16px;
	font-family: Inter;
	color: #222;
	text-align: left;
}
.info-text {
	font-size: 16px;
	font-family: Inter;
	color: #222;
	text-align: left;
}
  
  .content-left{
    width: 40%;
	z-index: 1;
}
.content-right {
    height: 80%;
    width: 60%;
    display: flex;
    gap: 0;
    justify-content: end;
  }
  @media(min-width:800px){
	.content-right {
		padding-top: 4rem;
	  padding-bottom: 4rem;
	  }
  }
  .text-container{
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  
  .main-title{
    padding: 0;
    margin: 0;
	color: #222222;
    font-family: "Inter-Regular", sans-serif;
    font-size: 39px;
    font-weight: 400;
  }
  
  .description-text {
	font-size: 16px;
	line-height: 1.5;
	font-size: 16px;
	line-height: 22px;
	font-family: Inter;
	color: rgba(34, 34, 34, 0.8);
  }

  .info-block {
    padding: 2rem;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: space-between;
    flex: 0;
    min-width: 160px;
    transition: all 800ms ease;
  }
  @media(min-width:800px){
	.info-block {min-height: 300px;}
  }

  .info-block.active {
    flex: 1 !important;
    transition: all 500ms ease;
    background: white;
  }
  @media(min-width:1000px){
    .info-block:nth-child(2){
        border-left: 1px solid #E9C054;
        border-right: 1px solid #E9C054;
      }
  }
  
  @media (max-width: 768px) {
	.content-left {
	  font-size: 36px; 
	  padding: 15px; 
	}
  }
  
  @media (max-width: 480px) {
	.content-left {
	  font-size: 28px; 
	  padding: 10px; 
	}
  }
  

  .line-divider {
	width: 1px; 
	height: 100%; 
	background-color: #ddd; 
	margin: 0 10px; 
  }
  
  
  @media (max-width: 768px) {
	.content-right {
	  flex-direction: column; 
	  align-items: flex-start; 
	}
  
	.info-block {
	  width: 100%; 
	  margin-bottom: 20px; 
	}
  
	.line-divider {
	  display: none; 
	}
  }



  /** POLYGONS **/
.section-03 {
	display: flex; 
	width: 100%; 
	justify-content: space-between; 
	align-items: flex-start; 
	box-sizing: border-box; 
	margin-inline: auto;	
  }
  
  /* POLYGONS LEFT */
  .content-left-polygon {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	text-align: left;
	gap: 11px;
	box-sizing: border-box;
	background: #ffd25a;
	padding-block: var(--padding-13xl);

	justify-content: center;
  }
  
  /* POLYGONS RIGHT */
  .content-right-polygon {
	width: 50%; 
	display: flex;
	flex-wrap: wrap; 
	justify-content: flex-start; 
	align-items: flex-start; 
	gap: 20px; 
	padding: 10px; 
	box-sizing: border-box; 

	padding: min(3em, 5vw);
  }

  @media(min-width:1000px){
	.content-right-polygon {
		padding-top: 0;
		padding-bottom: 0;
	  }
  }
  
  .image-container {
	position: relative;
	text-align: center;
	margin-bottom: 0px;
  }

.polygon-text {
    font-size: 14.65px; 
    text-transform: capitalize; 
    font-weight: 500; 
    font-family: 'Inter', sans-serif; 
    color: #696969; 
    text-align: center; 
    transition: color 0.3s ease; 
}


.card_with_logo_description_and_h {
	width: 100%;
	padding: 20px;
	border: 1px solid #c8c8c8;
	box-sizing: border-box;
	font-family: Manrope;
}

.card_with_logo_description_and_h img {
	margin-bottom: 10px !important;

}

.card_with_logo_description_and_h h4 {
	margin-bottom: 10px;

}

.b_layout {
	max-width: var(--max-width, 1200px);
	margin-inline: auto;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: var(--padding-13xl) !important;
  	padding-right: var(--padding-13xl) !important;
    /*overflow-x: auto;*/
}

.paragraph-icon-cards-component-with-headin {

	padding-top: 50px;
	padding-bottom: 50px;

}

.paragraph-icon-cards-component-with-headin h2 {
	font-size: 41px;
  	font-family: Manrope;
	margin-bottom: 30px;
}

.paragraph--type--card-with-logo-description-and-h {
	border: 1px solid;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 10px;
}

.paragraph_list_on_left_image_on_right_parent {
	/*background-color: #F5F5F5;*/ 
}

.paragraph_list_on_left_image_on_right {
	max-width: var(--max-width, 1200px);
	margin-inline: auto;
	padding-top: 50px;
	padding-bottom: 50px;
	/*padding-left: var(--padding-13xl) !important;
	padding-right: var(--padding-13xl) !important;*/
}

.paragraph_list_on_left_image_on_right h1 {
	width: 45%;
	font-size: 36px;
	color: #552D80;
	font-family: Manrope;
	margin: 0;
	margin-bottom: 50px;
}

.p_right, .p_left {
	width:45%;
}

.paragraph_list_on_left_image_on_right .first_style  {
	color: black !important;
}

.first_right {
	margin-top:-40px;
}

.first_style div p {
	/*color:red !important;*/
	width: calc(100% - 30px);
}

.first_style div {
	position: relative;
}

.first_style div p::after {
	content: "";
	background-image: url("/themes/custom/snia/images/open_new.svg");
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	width: 20px; /* Adjust width as needed */
	height: 20px; /* Adjust height as needed */
	position: absolute;
	right: 10px;
  	bottom: 5px;
}

.p_right {
	margin-left: 10%;
}

.p_flex_container {
	display: flex;
}

.p_flex_container .p_img img {
	width: 100%;
	height: auto;
}

.p_flex_container .paragraph--type--simple-text-paragraph {
	border-bottom: 1px solid;
	font-size: 14px;
	margin-top: 0;
}

.first_style .paragraph--type--simple-text-paragraph {
	border-bottom: 1px solid #b8b8b8 !important;
}


.featured-honoree {
    display: inline-flex;
	padding-top: 70px;
	padding-bottom: 70px;
}

.ft-l h3 {
    color: #222222;
    font-size: 29px;
    font-family: Manrope;
    font-weight: 600;
    line-height: 34.80px;
    word-wrap: break-word;
    margin-top: 0;
}

.ft-l p {
    color: #222222;
    font-size: 13px;
    font-family: Inter;
    font-weight: 400;
    line-height: 21px;
    word-wrap: break-word;
    margin-bottom: 0px;
    margin-right: 123px;
}

.ft-l {
    width: 100%;
    justify-content: space-between;
    flex-direction: column;
    display: flex;
}

.ft-r {
    width: 100%;
    display: flex;
}

.ft-r .honoree_name {

    font-size: 25px;
    font-family: Manrope;
    font-weight: 600;
}

.ft-r .honoree_title {
    color: #552D80;
    font-size: 19px;
    font-family: Manrope;
    font-weight: 600;
    max-width: 200px;
}

.ft-r .honoree_img {
    height: 379px;
    width: 45%;
    object-fit: cover;
}

.ft-r .honoree_cta a {
    width: 126px;
  display: block;
  height: 34px;
  text-align: center;
  padding-top: 11px;
  padding-bottom: 31px;
  border: 1px solid var(--border-02, #E2E2E2);
} 

.ft-r .honoree_cta a::after {
    content: ""; 
    display: inline-block; 
    width: 16px; 
    height: 16px; 
    background-image: url('/themes/custom/snia/images/top_link.svg'); 
    background-size: contain; 
    background-repeat: no-repeat; 
    margin-left: 5px; 
    position: relative; 
    top: 2px; 
}



  /* Ajustes responsivos */
  @media (max-width: 768px) {
	.section-03 {
	  flex-direction: column; 
	  padding: 10px; 
	}
  
	.content-left,
	.content-right {
	  width: 100%; 
	}
  }
  .page-container {
	/*max-width: 1400px;*/
	/*margin-inline: auto;*/
	/*width: 95vw;*/
  }

  /** Fixed From Figma **/
  @media(max-width:1000px){
    .lorem-ipsum-dolor{
        width: 100%;
    }

    .section-03{
        flex-direction: column;
        height: fit-content;
    }

    .content-left-polygon{
        width: 100%;
        min-height: 350px;
		padding-inline: 2em;
    }

    .rectangle-6920{display: none;}

    .frame-1201{
        position: relative;
        width: 100%;
        top: 40px;
    }
    .snia-s-data-centric-focus{width: 100%;}
    .snia-s-data-centric-focus br{display: none;}
    .frame-854{gap: 2rem;}

    .frame-854--subtitle,
    .frame-854--text{
        width: 100%;
    }

    .content-right-polygon{width: 100%;}
    .frame-833{
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        top: 2rem;
        height: 600px;
    }

    .horizontal-tabs{justify-content: start;}

    .frame-parent16{flex-direction: column-reverse;}
    .card-resources-parent,
    .snia-technical-council{width: 100%;}

    .rectangle-container{width: 100%;}


	.tabcontent {
		padding-right: var(--padding-13xl);
		padding-left: var(--padding-13xl);
	}

    .snia-events-parent{gap: 2rem;}

    .frame-parent18{padding-bottom: 0;}

    .left-text{ max-width: 60%; }
    .branded-button{width: fit-content;}

    .brand-icon-heading{width: 60%;}

    .logo-grid{width: 100%;}

    .content-section{
        flex-direction: column;
        height: fit-content;
    }
    .content-left{
        width: 100%;
        overflow: visible;
    }

    .text-container{
        width: 100%;
        padding: 0;
    }

    .content-right{width: 100%;}

    .frame-parent28{
        display: flex;
        justify-content: start;
    }
}

.left-image-heading-subheading-ri {
    border-bottom: 1px solid gainsboro;
	margin-top: 60px;
}

.left-image-heading-subheading-ri h2 {
    font-size: 36px;
    color: #552d80;;
    font-family: Manrope;
    margin-bottom: 5px;
    margin-top: 0;
}

.left-image-heading-subheading-ri .p_left .field_description {
    font-size: 25px;
    font-family: Manrope;
    margin-bottom: 21px;
    color: #4a4a4a;
}

.left-image-heading-subheading-ri .field_photo img {
  max-width: 270px;
  height: auto;
  padding-bottom: 40px;
  padding-top: 40px;;
}

.left-image-heading-subheading-ri .p_right div p {
    font-family: Manrope !important;;
    font-size: 17px
}

.left-image-heading-subheading-ri .p_right h4 {
    font-family: Manrope !important;;
    color: #552d80;;
    font-size: 17px;
    font-weight: 600;
	margin-top: 15px;
	margin-bottom: 15px;
}


.left-image-heading-subheading-ri .p_right div ul, .left-image-heading-subheading-ri .p_right div a {
    font-family: Manrope !important;;
    color:#552d80;
    font-size: 15px;
    font-weight: 600;
    list-style-type: none;
	padding-bottom: 60px;
}

.left-image-heading-subheading-ri .p_right ul {
    padding-left: 0
}

.left-image-heading-subheading-ri .p_right div li {
    border-bottom: 1px solid silver;
    padding-bottom: 7px;
    padding-top: 7px;
    position: relative;
    color: #000000;
	font-weight: 100;
}

.left-image-heading-subheading-ri .p_right div a::after {
  content:"";
  background-image: url("/themes/custom/snia/images/open_new.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  bottom: 5px;
}

.left-image-heading-subheading-ri {
    display: flex;
	margin-bottom: 60px;
}

.collapsible-content {
    display: none;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }

  .collapsible-header {
    cursor: pointer;
    font-weight: bold;
    margin: 10px 0;
	align-self: stretch;
    flex-direction: column;
    gap: 43px;
    font-size: var(--text-md-semibold-size);
    color: var(--gray-500);
  }

  /** Fixed CSS **/
  .content-wrapper{padding: 0;}
.left-block{
  display: flex;
  justify-content: start;
}
.left-text{max-width: 12ch;}
.right-block{gap: 0.5rem;
  padding-right: 0;
  margin-right: 0;
}

.events-list-paragraph {
	margin-bottom: 60px;;
	margin-top: 60px;
}

.events-list-paragraph h2 {
	font-size: 32px;
	margin-bottom: 30px;
}

.events-list-paragraph > div {
    display: flex;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    grid-auto-rows: 1fr;
                grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(2, 1fr);
    flex-wrap: wrap;
}


.events-list-paragraph > div > div {
  flex: 1 1 calc(50% - 30px);
  box-sizing: border-box;
  display: flex;
  max-width: calc(50% - 30px);
}


.paragraph--type--event-paragraph {
    padding: 25px;
    border:1px solid #d2d2d2;
    display: flex;
    flex-direction: column;
    justify-content: start;
    flex-grow: 1;
}

.paragraph--type--event-paragraph img {
    width: auto;
    height: 10em;
    object-fit: cover;
}

.paragraph--type--event-paragraph > div:nth-of-type(2) {
    font-size: 12px;
    margin-top:15px;
    color:#7d7d7d;
    font-family: Manrope;
    margin-bottom: 7px;
    display: flex;
}

.paragraph--type--event-paragraph > div:nth-of-type(3) {
    font-size: 20px;
    /*! margin-top:10px; */
    margin-bottom:7px;
    color:#552d80;
    font-family: Manrope;
}

.paragraph--type--event-paragraph > div:nth-of-type(4) {
    font-size: 14px;
    /*! margin-top:10px; */
    /*! margin-bottom:10px; */
    color:#000;
    font-family: Manrope;
}

.paragraph--type--event-paragraph > div:nth-of-type(5) {
    font-size: 14px;
    margin-top:10px;
    margin-bottom:10px;
    color:#777;
    font-family: Manrope;
}

.paragraph--type--event-paragraph > div:nth-of-type(6) {
    margin-top: auto;
}



.paragraph--type--event-paragraph a
{
    padding: 10px;
    border: 1px solid #c6c6c6;
    width: 117px;
    text-align: center;
    position: relative;
    align-self: end;
    width: 144px;
    display: flex;
    position: relative;
    margin-inline: auto 0;
    padding-left: 32px;
    /*! bottom: 0; */
    margin-top: auto;
}

.paragraph--type--event-paragraph a:after
{
    padding: 0px;
    width: 14px;
    height: 14px;
    display: block;
    text-align: center;
    content: "";
    background-image: url("/themes/custom/snia/images/top_link.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 26px;
    top: 11px;
}

  .branded-button{width: fit-content;}

  .section03-wrapper{
    padding: 0;
	margin-bottom: 4rem;
	background-color: #f3f3f3;
  }

  .frame-parent19 > div:hover h3{
    color: #552D80 !important;
  }


  .snia-events-container{
    max-width: var(--max-width, 1200px);
    margin-inline: auto;
    width: 100%;
	padding-left: var(--padding-13xl);
	padding-right: var(--padding-13xl);
  }

  .snia-events-left{justify-content: start;}
  .brand-icons-subheading{
    font-weight: 400;
  margin-bottom: 1.5rem;
  }

  .logo-grid{width: 100%;}

  .footer{height: fit-content;}
  .frame-parent28{
    border-top: 1px solid var(--color-whitesmoke-100);
    padding-bottom: 0;
    height: fit-content;
  }

  .frame-parent31{
    padding-left: 0;
  margin-left: auto;
}

/*  FOOTER */
@media(min-width:800px){
	.footer-upper > .container > div:nth-child(2),
	.footer-upper > .container > div:nth-child(3){
		border-right: 1px solid #ECECEC;
	}

	.footer-upper > .container > div:not(:first-child){
		padding-right: 2rem;
		padding-left: 2rem;
	}

	.footer-upper > .container > div:nth-child(2){
		padding-right: 4rem;
	}
}

/* footer titles */
.footer .discover-snia{
	color: #222;

	/* body/md/600 */
	font-family: var(--family-body, Inter);
	font-size: var(--size-body-md-600, 15px);
	font-style: normal;
	font-weight: var(--weight-600, 600);
	line-height: 140%; /* 21px */

	margin-bottom:1rem;
	width: max-content;
}

@media(max-width:800px){
	.footer .discover-snia{
		margin-top:2rem;		

		text-align: center;
		margin-inline: auto;
		width: 100%;

		font-size: 18px;
	}
	.footer a:not(.btn){font-size: 16px;}

	.footer-upper > .container > div:nth-child(3),
	.footer-upper > .container > div:nth-child(4){
		border-top: 1px solid #ECECEC;
	}
}

/* footer  links */
#footer-emerald .footer-upper{
	padding-top: 4rem;
	padding-bottom: 4rem;
}
@media(min-width:1000px){
	.footer-upper > .container{
		display: grid;
	  grid-template-columns: 2fr 1fr 1fr 1fr;
	}
	
}
@media(max-width:1000px){
	.footer-upper > .container{
		display: grid;
	  grid-template-columns: 1fr 1fr;
	}
}
@media(max-width:800px){
	#footer-emerald .footer-upper{
		padding-top: 4rem;
		padding-bottom: 2rem;
	}

	.footer-upper > .container{
		display: grid;
	  grid-template-columns: 1fr;
	}
}

.footer-upper a:not(.btn){
	color: #5E5E5E;
	font-weight: 400;
}

.footer-upper a:not(.btn):hover{
	color: var(--text-primary, #222222);
}

.footer-end{
	border-top: 1px solid #e1e1e1;
	padding-top:2rem;
	padding-bottom:2rem;
}

.footer-end a{
	color: rgba(34, 34, 34, 0.70);

}
@media(min-width:800px){
	.footer-end a{
		opacity: 0.7;
	}
}
.footer-end a:hover{
	color: var(--text-brand);
	opacity: 1;
}
.snia-section{margin-left: 0;}
.frame-parent19{
	display: grid;
	grid-template-columns:repeat(3, 1fr);
  }
  
  .frame-parent20, .frame-parent21, .frame-parent22{width: 100%;}
  
  @media (max-width: 1000px) {

	.honoree_container {

        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px;

    }
  
	.content-left-polygon {
	  height: fit-content;
	}
  
	.card-parent-available-resources{
	  width: 100%;
	}
  
	.frame-parent19{
	  display: grid;
	  grid-template-columns:repeat(2, 1fr);
	}
	
	.content-section{
	  /*padding: 3em;*/
	}
  
	.frame-parent28{
	  gap: 5rem;
	}
  }
  
  @media (max-width: 600px) {

	.events-list-paragraph > div > div {
		flex: 1 1 calc(100%);
		box-sizing: border-box;
		display: flex;
		max-width: calc(100%);
	}

	.rr_container {
		display: block !important;
	}

	.rr_child {
		width: 100% !important;
	}

	.single-row-layout {
		grid-template-columns: repeat(1, 1fr) !important;
		
	}

	.single-row-layout-container {
		margin-bottom: 0 !important;
	}

	.accordion {
		display: block !important;
	}

	.accordion-item {
		width: 100% !important;
	  }

	.partner-item {
		flex-basis: 100% !important;
		width: 100%;
	  }

	.ft-l p {
		margin-right: 0 !important;
	}

	.ft-r {
		margin-top:25px;
	}

	.featured-honoree {
		display: block !important;
	}

	.honoree_container {

        grid-template-columns: repeat(1, 1fr) !important;
        gap: 30px;

    }

	.logos_with_card {
		display: block !important;
	}

	.card_with_logo_description_and_h {
		margin-bottom: 20px;
	
	}

	.p_flex_container .p_img img {
		margin-top: 40px;
	}

	.paragraph_list_on_left_image_on_right h1 {
		width: 100% !important;
	}

	.p_right, .p_left {
		width:100%;
		display: block;
	}

	.p_right {
		margin-left: 0% !important;
	}

	.p_flex_container {
		display: block;
	}

	.frame-parent19{
	  display: grid;
	  grid-template-columns: 1fr;
	}
	
	.content-wrapper{
	  /*padding: 3em;
	  padding-left: var(--padding-13xl) !important;
	  padding-right: var(--padding-13xl) !important;*/
	}
  
	.left-block,.right-block{
	  /*padding-left: 0;*/
	}
  
	.content-left-polygon{
	  height: fit-content;
	padding: 3em;
	padding-left: var(--padding-13xl) !important;
	padding-right: var(--padding-13xl) !important;
	}
  
	.frame-1201{
	  position: relative;
	  width: 100%;
	  left: unset;
	  top: unset;
	}
  
	.horizontal-tabs, .tabs{
	  width: 100%;
	}
  
	.tabs{
	  left: 1.5rem;
	}
  
	.horizontal-tabs-parent{
	  gap: 4rem;
	}
  
	.snia-events-parent{flex-direction: column;}
  
	.from-multi-day-conferences-to-parent{width: 100%;}
  
	.info-block{width: fit-content;}
  
	.frame-parent28 > div:first-child *{
	  /*max-width: 100%;*/
	}
  
	.frame-parent31{
	  padding: 2em;
	  padding-top: 0;
	  padding-bottom: 6rem;
	}
	.frame-parent34{padding: 0;}
  
	/*
	.footer > div:last-child{
	  flex-direction: column;
	}
	*/
  }
  .content-right-polygon{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
  }
  
  .frame-833{
	position: relative;
	left: unset;
	top: unset;
  }
  
  .tabs{
	position: relative;
	top: unset;
	left: unset;
  }
  
  .tab-button-base.active{
	min-width: 8rem;
	flex: 1;
  }
  
  .tab-button-base .text{
	color: var(--Gray-500, #667085) !important;
  }
  
  .tab-button-base.active .text{
	color: var(--text-primary) !important;
	font-weight: 900;
  }
  
  .frame-parent20, .frame-parent21{min-height: 450px;}
  
  .frame-section{margin-bottom: 3rem;}
  @media(min-width:1000px){
	.rectangle-container, .card-parent-available-resources{
	  width: 50%;
	}
	
	.frame-parent17{
	  max-width: 100%;
	  padding-right: 2rem;
	}
	
	.collapsible-content{
	  width: 100%;
	}
  }

.menu-checkbox {
	display: none;
  }
  
  .hamburger-menu {
	display: none;
	font-size: 30px;
	cursor: pointer;
	padding: 10px;
	position: relative;
	z-index: 11; 
  }
  
  .items {
	display: flex; 
	flex-direction: row;
	justify-content: center; 
	align-items: center; 
	gap: 20px; 
	list-style: none;
	padding: 0;
	margin: 0;
  }
  

  .close-menu {
	display: none; 
  }
  
  @media (max-width: 800px) {
	.hamburger-menu {
	  display: block; 
	}
  
	.items {
	  display: none;
	}  

	.items.active {
	  display: flex; 
	  background-color: #fff; 
	  position: fixed; 
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  justify-content: center;
	  align-items: center; 
	  text-align: center; 
	  flex-direction: column; 
	  z-index: 10;
	}
	#close-menu.hidden,
	#open-menu.hidden{
		display: none;

	}
	#open-menu.inactive,
	#close-menu.inactive{
		z-index: -1;
		opacity: 0;
		visibility: hidden;
	}
  
	.close-menu {
	  display: block;
	  position: relative;
	  top: 10px;
	  right: 20px;
	  background: none;
	  border: none;
	  color: white;
	  font-size: 30px;
	  cursor: pointer;
	}
  
	.about-group {
	  text-align: center; 
	  width: 100%; 
	}
  
	.education a {
	 color: #552D80;
	 font-size: 13px;
	  font-family: Inter;
	  font-weight: 400;
	  line-height: 18.20px;
	  word-wrap: break-word;
	  text-decoration: none;
	  display: inline-block;
	  width: 100%; 
	}
  }
  .polygons-mobile{
	display: none;
  }
  
  @media(min-width:1275px){
	.education {
	  min-width: 0;
	}
	.about-group {
	  gap: 0;
	  padding: 0;
	  margin: 0;
	  width: fit-content;
	}
	#menuItems{
	  gap: 2.5rem;
	 justify-content: end;
	}
  }
  
  @media(max-width:1000px){
	.polygons-mobile{
	  padding-top: 2em;
	  display: block;
	  width: 100%;
	  padding-bottom: 2em;
	  padding-left: var(--padding-13xl);
	  padding-right: var(--padding-13xl);
	  box-sizing: border-box;
	}
  
  }
  
  @media(max-width:768px){
  	#menuItems{
  		position: relative !important;
  		width: 100%;
  	}
	.hamburger-menu{
	  margin-left: auto;
	}
  
	.items.active{
	  /* height: fit-content; */
	 padding-bottom: 2rem;
	 padding-top: 5rem;
	}

	#block-snia-content.active{
		background: white;
		opacity: 0.1;
	}
  
	.frame-parent{
	  width: 100%;
	justify-content: space-between;
	}
  
	.section-03{
	  padding: 0;
	}
  
	.frame-833{
	  transform: none;
	  width: 90vw;
	  display:none;
	}
  
	.logo-grid .logo-item:last-child{
	  display: none;
	}
  
	.footer .snia-social-icon-wrapper, .footer .snia-cta-label, .footer .vector-icon1{
	  width: fit-content !important;
	}
  
	.frame-parent34{border: 0;}
	
  }
  @media(max-width:600px){

	.rectangle-parent{
	  display: flex;
	flex-direction: column;
	}
  
	.frame-item{min-width: 0;}
	.frame-parent2{width: 100%;}
  
	.news-block div:last-child{width: 100%;}
  }

  @media(min-width:1000px){
	.tabs{
		width: 49%;
	}
  }

  @media(min-width:1000px){
	.frame-parent34{
	  border: 0;
	}
  
	.frame-parent34.lines{
	position: relative;
	
	}
  
	.frame-parent34.lines::before{
	  content: '';
	  position: absolute;
	  height: 80%;
	  width: 1px;
	  background: var(--color-whitesmoke-100);
	  left: 0;
	  top: 0;
	}
  
	.frame-parent34.lines::after{
		content: '';
		position: absolute;
		height: 80%;
		width: 1px;
		background: var(--color-whitesmoke-100);
		right: -5rem;
		top: 0;
	}
  }
  @media(max-width:600px){

	.left-image-heading-subheading-ri {
        display: block !important;
    }
    
    .left-image-heading-subheading-ri .field_photo img {
          width: 100% !important;;
          max-width: 100% !important;;
          height: auto;
    }


	.left_right__wrapper {
		display: block !important;
	}

	.paragraph__right_0, .left-description, .right-description, .paragraph__left_0, .description .right-image, .p_l_description, .p_r_description  {
		width: 100% !important;
	}

	.paragraph__right_0{
		margin-top: 1rem;
	}

	.container .description, .p_description {
		display: block !important;
	}
	
	.snia-logo-group{
	  display: flex !important;
	align-items: center !important;
	}
  
	.snia-title, .snia-title img{
	  width: fit-content !important;
	}
  
	.snia-title img{
	  margin-left: 0.5rem !important;
	}
  }
  .frame-section {
	margin-bottom: 6rem;
	margin-top: 6rem;
  }
  
  .snia-events-container{
	margin-top: 3rem;
	padding-top: 3rem;
	border-top: 1px solid #EAEAEA;
  }
  .img-container{
	position: relative;
  }
  
  @media(min-width:1000px){
	.homepager3july16-inner .img-container{
	  margin-left: auto;
	}
  }
  
  .img-container .overlay{
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: linear-gradient(180deg, rgba(85, 45, 128, 0.00) 0%, rgba(85, 45, 128, 0.33) 100%);
	  z-index: 1;
  }
  
  img.frame-item{
	/*height: 100%;*/
	display: block;
	/*max-width: 500px;*/
	width: 100%;
  }

  @media(max-width:750px){
	img.frame-item{
	  
	  height: 100% !important;
	}
  }
  
  #Blogs .icons{
	position: absolute;
	  bottom: 2rem;
	  left: 2rem;
	 z-index: 2;
  }
  #Blogs .rectangle-container{
	padding: 0;
  }
  
  #Blogs .img-container{
	width: 100%;
  }
  
  #Blogs .rectangle-icon{
	position: relative;
	display: block;
  }

  #Podcasts .icons{
	position: absolute;
	  bottom: 2rem;
	  left: 2rem;
	 z-index: 2;
  }
  #Podcasts .rectangle-container{
	padding: 0;
  }
  
  #Podcasts .img-container{
	width: 100%;
  }
  
  #Podcasts .rectangle-icon{
	position: relative;
	display: block;
  }

  #Webinars .icons{
	position: absolute;
	  bottom: 2rem;
	  left: 2rem;
	 z-index: 2;
  }
  #Webinars .rectangle-container{
	padding: 0;
  }
  
  #Webinars .img-container{
	width: 100%;
  }
  
  #Webinars .rectangle-icon{
	position: relative;
	display: block;
  }

  #Video .icons{
	position: absolute;
	  bottom: 2rem;
	  left: 2rem;
	 z-index: 2;
  }
  #Video .rectangle-container{
	padding: 0;
  }
  
  #Video .img-container{
	width: 100%;
  }
  
  #Video .rectangle-icon{
	position: relative;
	display: block;
  }

  
  /*BREADCRUMBS*/

  .static_page_breadcrumbs {
	list-style-type: none;
	margin: 0;
	padding: 0;

  }

  .static_page_breadcrumbs li{
	display: inline-block;
	font-size:13px;
	font-weight: 400;
	font-family: 'Inter';
	color:dimgrey;
  }
   .static_page_breadcrumbs li a{
	   font-size:13px;
	   font-weight: 400;
	   font-family: 'Inter';
	   color: #979797;
   }

  .static_page_breadcrumbs li:after {
	content: ' / ';
	font-size:26px;
	color:dimgrey;
	margin-left: 18px;
	margin-right: 18px;
	top:4px;
	position: relative;
	transform: rotate(20deg);
	opacity: 0.5;
  }

  .static_page_breadcrumbs li img {
	top: 4px;
    position: relative;
  }



  .static_page_breadcrumbs li:last-child {
	color: #552D80;
  }

  .static_page_breadcrumbs li:last-child:after {
	content: '';
	color: red;
	margin-left: 20px;
  }

  .static_page_breadcrumbs_container {
	padding-top:40px;
  }

@media(max-width:600px) {

	.hide-mobile {
		display:none;
	}

	.about_1 {
		
		padding-left: var(--padding-13xl) !important;
    	padding-right: var(--padding-13xl) !important;
		padding-bottom: var(--padding-13xl) !important;
	}

	.static_page_breadcrumbs_container {
		padding-top:0px;
	}

}

@media(min-width:600px) {

	.hide-desktop {
		display:none;
	}

	.about_1 {
    	padding-left: var(--padding-13xl) !important;
    	padding-right: var(--padding-13xl) !important; 
	}

}
/*END BREADCRUMBS*/

.active2 {
	background-color: #552D80;
	color:white;
}

/* ABOUT PAGE CONTAINERS RULES */

.about_all {
	padding-left: var(--padding-13xl);
	padding-right: var(--padding-13xl);
	font-family: 'Inter';
}

.about_all.about_5.about_51{
	margin-bottom: 50px !important;
}

.c-left, .c-right {
	width: 100%;
	display: block;
}

.containerFull {
	font-family: 'Inter';
}

@media(min-width:600px) {

	.c-left, .c-right {
		width: 50%;
		display: inline-block;
	}
	.hero-banner-section .c-left {
		white-space: nowrap;
		padding: 2em;
		padding-left: 0;
	}
	.about_all {
		padding: var(--padding-5xs) var(--padding-45xl);
		font-family: 'Inter';
		display: flex;
		max-width: var(--max-width, 1200px);
        margin-inline: auto;
	}
	
	.containerFull {
		display: flex;
		font-family: 'Inter';
	}

	.containerFullChild {
		max-width: var(--max-width, 1200px);
        margin-inline: auto;
	}

	.card-30 {
		/*border:1px solid #e0e0e0;*/
		padding:25px;
		margin-bottom:10px;
		/*margin-left: var(--padding-13xl);*/
		/*margin-right: var(--padding-13xl);*/
		/*width: 320px;*/
		/*display: inline-block;*/
		background: white;
		overflow: hidden;
	}
	
}

@media(min-width:800px){
	.containerFull .c-left.limit{
		max-width: 540px;
		margin-left: auto;
	}
}

@media(min-width:1200px){
	.containerFull .c-left.limit{
		max-width: 630px;
		margin-left: auto;
	}
}

.card-30 {
	/*border:1px solid #e0e0e0;*/
	padding:1.4rem;
	margin-bottom:10px;
	/*margin-left: var(--padding-13xl);*/
	/*margin-right: var(--padding-13xl);*/
	/*width: 320px;*/
	display: inline-block;
	background: white;
	overflow: hidden;
	gap: 10px;
}

.cardYellow {
	height: 308px;
	background: #FFD25A;
}

.cardYellow img {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    margin: auto;
}

.about_9 .containerFullChild {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap:2rem;
}

.w100 {
	width: 100%;
}

.d-inline-block {
	display: inline-block;
}

.Cpurple {
	color:#552d80;
}

.about_15 {
	margin-bottom: 0 !important;
}


.about_35 {
	background: #FAFAFA;
}

.card-31 {
	box-sizing: border-box;
	transition: all 0.5s;
	height: 202px;
	overflow: hidden;
}

.card-31-hover {
	width: 40% !important;
}

.about_6 .containerFullChild {
	border: 1px solid var(--border-02, #E2E2E2);
}

footer .frame-parent28 {
	max-width: var(--max-width, 1200px);
	margin:0;
	padding: 0;
	padding-top: 6rem;
	margin-inline: auto;
	padding-left: var(--padding-13xl) !important;
	padding-right: var(--padding-13xl) !important;
	
}

@media(max-width:600px){

	.flex-box {
		display: block !important;
	}

	.divLink {
		justify-content: space-between;
		display: flex;
		border-bottom: 1px solid var(--border-02, #E2E2E2);
		padding: 20px
	}

	.divLink div p {
		max-width: 278px !important;
		width: 100%;
	}


	.about_2 {
		margin-top:40px !important;
	}

	.about_3 .c-right img {
		margin-top:40px;
	}

	.about_35 .c-right p {
		
		padding-left: var(--padding-13xl) !important;
    	padding-right: var(--padding-13xl) !important;
	}

	.about_35 .c-right div {
		
		padding-left: var(--padding-13xl) !important;
    	padding-right: var(--padding-13xl) !important;
	}

	.about_35 .c-right div div, .about_35 .c-right div div p {
		
		padding:0 !important;
    	
	}

	.about_5 h2 {
		width: 100% !important;
	}

	.about_51 {
		margin-top:40px !important;
	}

	.about_6 {
		padding-left: var(--padding-13xl) !important;
		padding-right: var(--padding-13xl) !important;
	}

	.about_6 .containerFullChild {
		flex-direction: column;
		border: 1px solid var(--border-02, #E2E2E2) !important;

	}

	.about_6 .card-31 {
		padding:0 !important;
	}

	.about_6 .card-31 {
		width: 100% !important;
		border: none !important;
		border-bottom: 1px solid var(--border-02, #E2E2E2) !important;
		padding: 18px !important;
	}

	.about_6 div {

	}

	.about_6 p {
		padding:0;
		margin:0 !important;
		padding-top:20px;
		padding-bottom:20px;
	}

	.about_7 .containerFullChild {
		padding-left: var(--padding-13xl);
        padding-right: var(--padding-13xl);
		display: block !important;
		width: inherit !important;
	}

	.about_7 h3 {
		padding-top: 55px;
		padding-bottom: 46px;
	}

	.about_7 {
		padding: 0 !important;
		margin-top: 85px !important; 
	}
	
	.about_7 {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}

	.about_75 {
		padding:0 !important;
		padding-bottom: 30px !important;
	}

	.about_75 .containerFullChild {
		
		grid-template-columns: repeat(1, 1fr) !important;
		padding-left: var(--padding-13xl);
		padding-right: var(--padding-13xl);
		width: inherit !important;
	}

	.about_9 .containerFullChild {
		width: 100%;
		display: block;
		display: grid;
		grid-template-columns: 1fr;
		gap:2rem;
	}


}

.divLink {
	justify-content: space-between;
	display: flex;
	border-bottom: 1px solid var(--border-02, #E2E2E2);
	padding: 20px
}

.divLink div {
	display: flex;
	align-items: center;
}

.divLink div p {
	max-width: 100%;
	width: 100%;
	width: max-content;
}
  .collapsible-header{
	opacity: 0.7;
	color: var(--text-primary, #222);
	font-weight: 400;
	border-bottom: 1px solid #EAEAEA;
	font-size: clamp(13px, 4vw, 24px);
	max-width: 35ch;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0.8em 1em;
  }
  
  .collapsible-content h3{
	font-size: clamp(13px, 4vw, 24px);
	max-width: 35ch;
  }
  
  .snia-technical-council{
	font-size: clamp(13px, 1.1vw, 16px);
	width: 90%;
	line-height: clamp(18px, 4vw, 22px);
  }
  
  .tabs {
	position: relative;
	top: unset;
	left: unset;
	justify-content: space-between;
  }
  
  @media(min-width:1000px){
	.tabs {
	  width: 49%;
	}
  }

.hero-banner-section {
    background: #FAFAFA;
}
.hero-banner-section.has-submenu{
	margin-top: 4rem;
}
.hero-banner-breadcrumbs{
	padding:0;

	width: max-content;
}
.hero-banner-breadcrumbs a, .hero-banner-breadcrumbs li{
	color: var(--text-placeholder, #979797);

	font-family: var(--family-body, Inter);
	font-size: var(--body-sm-600-size, 13px);
	font-style: normal;
	font-weight: var(--weight-400, 400);
	line-height: 140%; /* 18.2px */
	/*white-space: initial;*/
}
.hero-banner-breadcrumbs li{
	color: var(--text-primary, #222);
}
.hero-banner-breadcrumbs a:hover{
	color: var(--text-brand);
}
.hero-banner-breadcrumbs svg:last-child{
	display: none;
}
@media(max-width:800px){
	.hero-banner-section .c-left{
		padding: 2em;
	}

	.hero-banner-breadcrumbs{
		/*gap: 2px !important;*/
	}
	
}
.hero-banner-breadcrumbs a:hover {
	color: var(--brand-primary-hover) !important;
  }
/* scroll bar on the breadcrumps */
.simplebar-track.simplebar-horizontal {
	height: 5px !important;
	background: white !important;
  	border-radius: 6px;
  }
.simplebar-track.simplebar-horizontal .simplebar-scrollbar{
	border-radius: 6px;
	background-color: #552d80 !important;
}
.simplebar-scrollbar.simplebar-visible::before {
	opacity: 0 !important;
}

.about-container {
    padding: var(--padding-5xs) var(--padding-45xl);
    max-width: var(--max-width, 1200px);
    display: flex;
}

.about-left {
    flex: 1;
    padding-right: 0;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start; 
}

.about-content {
    padding-top: 0;
    height: 325px;
}

.heading-container {
    margin-bottom: 25px;
}

.hero-banner-heading {
    font-size: 41px;
    font-weight: 100;
    margin: 0;
}

.about-right {
    flex: 0 0 auto;
}

.banner-section-image {
    max-height: 325px; 
    width: 100%; 
    object-fit: cover; 
}

    .organization-chart {
        width: 100%;
        height: 100%;
        background: #F9F9F9;
    }

    .organization-chart-wrapper {
        max-width: var(--max-width, 1200px);
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }

    .organization-chart-image {
        margin-top: 80px;
        margin-bottom: 80px;
        text-align: center;
    }

    .responsive-chart {
        max-width: 100%;
        height: auto;
    }


    /* Media Queries */
    @media (max-width: 1200px) {
        .responsive-chart {
            max-width: 600px;
        }
    }

    @media (max-width: 768px) {

		.ci_container {
			display: block !important;
		}

		.box-right {
			width: 100% !important;
			margin-left: 0% !important;
		}

		.box-left {
			width: 100% !important;
			margin-left: 0% !important;
		}

		.b_white {
			margin-top: 30px !important;
  			margin-bottom: 30px !important;
		}
 
        .responsive-chart {
            max-width: 400px;

        }
    }

    @media (max-width: 480px) {
        .responsive-chart {
            max-width: 300px;
        }
    }

.partners-wrapper {
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    padding: 20px;
  }

  .partners-layout {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .partner-item {
    flex-basis: calc(50% - 10px);
    border-bottom: 1px solid var(--border-02, #E2E2E2);
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .link-title {
    font-weight: normal;
    margin-right: 10px;
  }

  .open-link-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
  }

  .partners-heading {
	color: #222222;
font-size: 29px;
font-family: Manrope;
font-weight: 600;
line-height: 34.80px;
word-wrap: break-word;
  }
  
 a {
    color: #552D80;
	color: var(--text-brand);
    font-size: 13px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    line-height: 18.20px;
    word-wrap: break-word;
    text-decoration: none;
}

.container a {
    color: var(--text-brand, #552D80);
	/* body/md/600 */
	font-family: var(--family-body, Inter);
	font-size: var(--size-body-md-600, 15px);
	font-style: normal;
	font-weight: var(--weight-600, 600);
	line-height: 140%;
    text-decoration: none;
}


.bg-White {
	background-color: white;
}

.bg-Yellow {
	background-color: #FFD25A;
}

.bg-Gray {
	background-color: #F9F9F9;
}
  
  .bg-Blue {
	background-color: #552D80;
}
.bg-purple {
  	background-color: #DBBAFF;
}
.paragraph-wrapper {
	/*width: 100%;*/
}
  

.honoree_container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
	margin-bottom: 60px;
}

.honoree_h3 {
    font-family: Manrope, sans-serif;
    font-size: 30px;
    margin-bottom: 17px;
    margin-top: 17px;
	font-weight: 500 !important;
}

[data-history-node-id="29"] .heading-with-right-and-left-desc {
	margin-top: 0 !important;	
}


.honoree {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 12px;
    border: 1px solid #d1d1d1;
    position: relative;
}

.honoree:hover #svg_honoree path {

		fill: #9E4CF580;
	
}

.honoree:hover {
	border: 1px solid #b181e5;;
	background: #e1e1e157;
}

.honoree_name {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 10px;
	margin-top: 30px;
}

[data-history-node-id="38"] .honoree_name {
	margin-top: 0px;
	margin-left: 0;
}

[data-history-node-id="38"] .honoree_img {
	height: 100%;
	margin-right: 0 !important;
}

[data-history-node-id="38"] .honoree {
	gap: 20px;
}


.honoree_title {
    font-size: 12px;
    margin: 0;
    margin-bottom: 10px;
    color: #552D80;
}

.honoree_description {
    font-size: 10px;
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 10px;
    font-weight: 0;
    color: #4e4e4e;
}

.honoree_img {
    width: 45%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: inline-block;
    margin-right: 30px;
    height: auto;
    position: relative;
}

.honoree_text_wrapper {
    display: inline-block;
    width: 55%;
    height: 100%;
    position: relative;
}

#svg_honoree {
    position: absolute;
    bottom: 12px;
    right: 12px;
}

.honoree_text {
    /*display: inline-block;*/
    /*width: 55%; */
    font-family: 'Inter', sans-serif;
}



[data-history-node-id="41"] .logos_with_card {
	grid-template-columns: repeat(3, 1fr) !important;
}

.contact_information 
{
	background-color: #552D80;
	background-size: 219px;
	background-repeat: no-repeat;
	background-position-x: 42%;
	background-position-y: 69px;
	background-image: url('/themes/custom/snia/images/bg-contact-info.png');
}

/*Vishal*/

.full-width-background.clr{
	padding-top: var(--padding-51xl);
	padding-bottom: var(--padding-51xl);
}
.full-width-background.clr .container{
	width: 100%;
	max-width: var(--max-width, 1200px);
	margin: 0 auto;
	/*padding-left: 10px;
	padding-right: 10px;*/
	box-sizing: border-box;
}
.full-width-background.clr .description{
	display: flex;
	gap:10%;
}

.full-width-background.clr.img-rev .description{
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	gap:10%;
}
.full-width-background.clr.img-rev .right-description{
	width: 50%;
	display: flex;
	flex-direction: column;
}
.full-width-background.clr.img-rev .left-image img,.full-width-background.clr .right-image img{
	width: 100%;
	height: auto;
}
.full-width-background.clr .left-description{
	width: 40%;
	display: flex;
	flex-direction: column;
}
.full-width-background.clr .left-description div:first-child{
	padding-bottom: 20px;
}
.full-width-background.clr .head-ft29{
	color: #222222;
	font-size: 29px;
	font-family: Manrope;
	font-weight: 600;
	line-height: 34.80px;
	word-wrap: break-word;
}
.full-width-background.clr .field-description{
	color: #222222;
	font-size: 15px;
	font-family: Inter;
	font-weight: 400;
	line-height: 21px;
	word-wrap: break-word;
	white-space: normal;
	word-break: break-word;
}
.full-width-background.clr .button-wrapper a{
	text-decoration: none;
	border: 1px solid #E2E2E2;
	padding: 12px 20px;
	display: inline-flex;
	align-items: center;
	background: transparent;
	color: #552d80;
	font-size: 15px;
	font-family: Inter;
	font-weight: 500;
	line-height: 21px;
}
.full-width-background.clr .button-wrapper a img{
	padding:5px;
}
.full-width-background.clr .right-image,.full-width-background.clr.img-rev .left-image{
	width: 50%;
}
.full-width-background.clr.img-rev .right-description div:first-child .head-ft29,.full-width-background.clr .left-description h2.head-ft29,.full-width-background.clr .left-description h2.head-ft29 p{
	margin-top: 0px;
}

@media only screen and (max-width:1199px) {
	.full-width-background.clr.img-rev .left-image{
		width: 100%;
	}
	.full-width-background.clr .button-wrapper{
		margin-bottom: 10px;
	}
	.full-width-background.clr .container{
		padding-left: 30px;
		padding-right: 30px;
	}
	.full-width-background.clr .left-description, .full-width-background.clr .right-description, .full-width-background.clr .description .right-image{
		width: 100% !important;
	}
	.full-width-background.clr .container .description{
		display: block !important;
	}
}
@media only screen and (min-width : 1200px) and (max-width : 1300px) {
	.full-width-background.clr .container{
		padding-left: 30px;
		padding-right: 30px;
	}
}


.lnk-arw{
	font-weight: 400;
}
.lnk-arw.fs15{
	font-size: 15px;
}
.lnk-arw:after,.table-link:after,.left-button:after,.right-button:after{
	content: "";
	background-image: url(/themes/custom/snia/images/up-aw.svg);
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	width: 8px;
	height: 8px;
	position: relative;
	margin: 0px 2px 0px 4px;
}
.about-snia-anchor{
color: #552D80;
font-size: 23px;
font-family: Inter;
font-weight: 400;
line-height: 32.20px;
word-wrap: break-word;
}

.site-logo-link{
	display: inline;
	line-height: 0;
	font-size: 0;
}

.site-logo {
	max-width: 104px;
}

[data-history-node-id="22"] .left-imag .button-wrapper {
	border-bottom: 0;
  
  }
  
  /*[data-history-node-id="22"] .left-imag .button-wrapper a {
  
	padding: 15px !important;
	padding-right: 30px !important;
	padding-left: 10px !important;
	position: relative !important;
  
  }*/
  
  [data-history-node-id="22"] .right-image {
	width: 132px;
	height: 66px;
	margin-right: 10px;
  }
  
  [data-history-node-id="22"] .right-heading-description {
	margin-top: 18px;
	font-weight: 600;
	color: black;
  }

.flex-box {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #DBBAFF; /* Adjusted to match the purple design */
padding: 20px;
width: 100%;
max-width: var(--max-width, 1200px);
margin: 20px auto;
}
.flex-text {
flex: 1;
}
.flex-email {
flex: 1;
text-align: left;
}
.flex-box a {
text-decoration: none;
font-weight: bold;
}


.btn-snia-icon{
	background-color:var(--text-brand);
	color: #fff;
	border: none;
	cursor: pointer;
	font-family: 'Inter';
	font-weight: 500;
	font-size: 15px;
	position: relative;
	display: inline-block;
	padding: 15px 25px;
}
.btn-snia-icon:hover{
	background-color:var(--text-primary);
}
.btn-snia-icon:after {
	content: "";
	background-image: url(/themes/custom/snia/images/sab.svg);
	background-size: cover;
	background-repeat: no-repeat;
	display: inline-block;
	width: 10px;
	height: 13px;
	position: relative;
	top: 0px;
	left: 4px;
}
.paragraph-wrapper h3,.full-width-background.clr h3,.chead-inr-ft h3{
	font-family: Manrope;
	font-weight: 500;
	font-size: 36px;
}

/* ------------------------- HOME PAGE ------------------------------ */

/* HERO */
section.hero {
	padding-top: var(--padding-16xl);
	padding-bottom: var(--padding-13xl);
}


section.hero h1{
	color: var(--title-color);
	font-family: var(--font-inter);
	font-size: clamp(30px, 4vw, 39px);
	font-style: normal;
	font-weight: 400;
	line-height: 121.035%; /* 47.204px */
}


section.hero .hero-post-date{
	font-family: var(--font-manrope);

	color: rgba(34, 34, 34, 0.80);
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 12px */
	text-transform: uppercase;
}
section.hero .post-excerpt p,
section.hero .post-excerpt li{
	color: rgba(34, 34, 34, 0.80);
	font-family: var(--font-inter);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px; /* 157.143% */
}
section.hero .post-excerpt li{
	list-style-type: disc;
}
.recommended-items hr{
	display: none;
}
.recommended-item{
	padding: 1em;
	padding-bottom: 1.5em;
}

.recommended-item:hover{
	background: linear-gradient(180deg, #E9E0F3 -29.53%, rgba(244, 244, 244, 0.00) 58.39%);
	transition: all 0.3s ease-in-out;
}

.recommended-item:not(:last-child){
	border-bottom: 1px solid #E0E0E0;
}

@media(min-width: 1200px) {
	section.hero > .container {
		grid-template-columns: 10fr 2fr;
	}
	section.hero .hero-post-info{
		padding-top: 1.5rem;
	}
}

/* ------------------------- END HOME PAGE ------------------------------ */

.latest_news_block {
	/*width: 100%;  */
	}
	
	.latest_news_block h1 {
	color: #222222;
	font-size: 27px;
	font-family: Manrope;
	font-weight: 500;
	line-height: 50.40px;
	word-wrap: break-word;
	margin-bottom: 21px;
  	margin-top: 80px;
	}
	
	.latest_news_block .views-element-container > div:first-child {
	/* Your styles here */
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	}
	
	.latest_news_block .views-row {
	/*width: 33%;*/
	border:1px solid #cbcbcb;
	padding:20px;
	position: relative;
	/*height: 174px;*/
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	}
	
	.latest_news_block .views-field-title a {
		/*color:red !important;;*/
		font-size: 18px;

	}
	
	.latest_news_block .views-field-created {
	color:#6d6d6d;
	font-size: 13px;
	font-family: Manrope;
	margin-top: 10px;
	margin-bottom: 30px;
	}
	
	.latest_news_block .views-field-view-node {
		padding: 8px;
		border: 1px solid #c6c6c6;
		width: 117px;
		text-align: center;
		position: relative;
		align-self: end;
	}
	
	
	.latest_news_block .views-field-view-node:after {
		padding: 0px;
		width: 14px;
		height: 14px; /* Required for the image to show */
		display: block; /* Ensures the pseudo-element is visible */
		text-align: center;
		content: "";
		background-image: url("/themes/custom/snia/images/top_link.svg");
		background-size: contain; /* Ensures the image fits properly */
		background-repeat: no-repeat;
		background-position: center;
		 position: absolute;
		right: 6px;
		top: 10px;
	}
			
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.sponsored_events_p {
	background:#F9F9F9;
	padding-top:30px;
	padding-bottom:60px;
	margin-top:70px;
	}
	
	.sponsored_events {

	}
	
	.sponsored_events .last_events {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	}
	
	.event_row {
	padding:10px;
	border:1px solid #cbcbcb;
	}
	
	.event_row img {
	width: 100%;
	margin-bottom: 20px;
	height: auto;
	}
	
	.sponsored_events p {
	margin:0;
	}
	
	.sponsored_events h1 {
	color: #222222;
	font-size: 27px;
	font-family: Manrope;
	font-weight: 500;
	line-height: 50.40px;
	word-wrap: break-word;
	margin-bottom: 21px;
  margin-top: 29px;
	
	}
	
	.sponsored_events .box {
	border:1px solid #c4c4c4;
	border-radius: 7px;
	font-size: 12px;
	padding: 4px;
	color: #552d80;
	font-family: Manrope;
	margin-top: 41px !important;; 
	margin-bottom: 20px;
	}
	
	
	.sponsored_events .title {
	color: #222222;
	font-size: 17px;
	font-family: Manrope;
	font-weight: 500;
	margin:14px 0px;
	}
	
	.sponsored_events .date {
	font-size:13px;
	font-family: Manrope;
	color:#9e9e9e;
	font-weight: bold;
	}
	
	
	
	
	
	
	
	
	
	
	
	[data-history-node-id="50"] .bg- {
	background-image: url('/themes/custom/snia/images/bg-faded.png');
	}
	
	[data-history-node-id="50"] .bg-::before {
	filter:blur(40px);
	}
	
	[data-history-node-id="50"] .heading-with-right-and-left-desc {
	padding-top:40px;
	padding-bottom:45px;
	}
	
	[data-history-node-id="50"] .heading-with-right-and-left-desc .heading {
	font-size: 20px;
	font-family: Manrope;
	font-weight:500;
	}
	
	[data-history-node-id="50"] .heading-with-right-and-left-desc .heading p {
		margin-top: 30px;
		margin-bottom: 15px;
	}
	
		
	[data-history-node-id="50"] .heading-with-right-and-left-desc .heading h3 {
		margin-bottom: 22px;
	}
	
	[data-history-node-id="50"] .date .button {
	position: relative;
	top:0;
	right:0;
	left: 0;
	transform: none;
	background: #552d80;
	color: white;
	padding: 10px;
	font-size: 13px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 30px;
	} 
	
	
	[data-history-node-id="50"] .date .button:after {
	content: "";
	background-image: url(/themes/custom/snia/images/sab.svg);
	background-size: cover;
	background-repeat: no-repeat;
	display: inline-block;
	width: 10px;
	height: 13px;
	position: relative;
	top: 0px;
	left: 3px;
	}
	
	
	
	/*******/
	

[data-history-node-id="50"] .bg-Gray {
	background: none;
}
	
	.smn-heading {
		color: #222222;
	  font-size: 27px;
	  font-family: Manrope;
	  font-weight: 500;
	  line-height: 50.40px;
	  word-wrap: break-word;
		margin: 0;
		margin-bottom: 30px;
	}
	.social-media-news {
		display: grid;
		/*! justify-content: space-between; */
		/*! margin: 20px; */
		font-family: Manrope, sans-serif;
		/*! background: red; */

		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 60px;
	  }
	  
.social-section {
	flex: 1;
	/*! margin-right: 20px; */
}

.section-title {
	font-size: 16px;
	color: #4b0082; /* Dark Purple */
	margin-bottom: 10px;
	font-weight: 500;
}

.social-links {
	list-style-type: none;
	padding: 0;
	position:relative;
}

.social-links li {
	margin: 8px 0;
	border-bottom: 1px solid #cbcbcb;
	padding-bottom: 3px;
}
	
.social-links li:after {

	content: "";
	background-image: url(/themes/custom/snia/images/open_new.svg);
	background-size: cover;
	background-repeat: no-repeat;

	width: 14px;
	height: 14px;
	position: absolute;
	right: 0px;
	margin-top: 5px;

}
	  
.social-links a {
	text-decoration: none;
	color: red;
	font-size: 13px;
	transition: color 0.3s ease;
	color: #5f5f5f;
}
	  
.social-links a:hover {
	color: #4b0082; /* Purple on hover */
}
	
.smn-container {
	background:#f9f9f9;
	padding-top: 56px;
	padding-bottom: 56px;
}

.hero-banner-desc {
	font-family: var(--font-manrope);
	color: #555;
	margin-top: 10px;
}


.paragraph_3_column {
    padding-top: 50px;
    padding-bottom: 60px;
}

.paragraph_3_column h4{
    font-family: var(--font-inter);
    font-size: 28px;
    line-height: 121.035%;
    font-weight: 500;
    color: var( --title-color);

}

.column_3_heading {
    display: flex;
    flex-direction: row;
    margin-bottom: 25px;
    justify-content: space-between;
}

.column_3_heading a { 
	vertical-align: bottom;
	align-content: end;
	position: relative;
	font-size: 15px;
}

.column_3_heading a::after {
	content: '';
	display: inline-block;
	width: 18px;
	height: 16px;
	margin-left: 11px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="14" viewBox="0 0 9 14" fill="none"><path d="M1 1L7 7L1 13" stroke="%23552D80" stroke-width="1.5" stroke-miterlimit="16"/></svg>');
	background-size: contain;
	background-repeat: no-repeat;
	top: 3px;
	position: relative;
}

.card_container > div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    grid-auto-columns: 3fr;
}

.paragraph--type--card-column {
    background: white;

    padding: 20px;
    font-family: Manrope;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #e8e8e8;
    padding-top: 40px;
    padding-bottom: 40px;
    min-height: 100%;
}

.paragraph--type--card-column div:nth-child(1) {
    color:#848484;
    font-size: 12px;
    
    margin-bottom: 12px;
}

.paragraph--type--card-column div:nth-child(2) a {

    font-size: 18px;
    
    
    /*! margin-bottom: 10px; */
}

.paragraph--type--card-column div:nth-child(3) {
    font-size: 12px;
    color:#848484;
    margin-top: 10px;
}

.paragraph_3_column_desc {
    margin-top: 21px;
    font-size: 18px;
    font-family: Manrope;
}
.reverse-layout {
	flex-direction: row-reverse;
}
.normal-layout {
	flex-direction: row;
}

.paragraph-wrapper ul.c-uli{
	padding: 20px 0px 20px 20px;
}
.paragraph-wrapper ul.c-uli li:nth-child(1){
	padding-top: 0;
}
.paragraph-wrapper ul.c-uli li{
	font-weight: 600;
	padding-top: 20px;
	list-style: disc;
	max-width: 80%;
}
.paragraph-wrapper ul.c-uli.rtop li{
	padding-top:0px;
}
.txt-brand-18{
	font-size:var(--title-sm-500-font-size);
	color:var(--text-brand);
	font-weight:var(--display-lg-600-font-weight);
	padding-bottom:5px;
	line-height: 140%;
}

@media screen and (max-width: 600px) {

	.latest_news_block .views-element-container > div:first-child {
		grid-template-columns: repeat(1, 1fr) !important;;
		gap: 20px !important;;
	}
		
	.sponsored_events .last_events {
  		grid-template-columns: repeat(1, 1fr) !important;; 
	}
		
	.social-media-news {
			grid-template-columns: repeat(1, 1fr) !important;; 
	}

	.left-image {
		width: 100% !important;;
		margin-bottom: 30px;
	}

	.description .right-description {
		margin-left: 0 !important;
		width: 100% !important;

	}

	.card_container > div {
		grid-template-columns: repeat(1, 1fr) !important;
	}

	.column_3_heading {
		display: block!important;
	}

	.paragraph_3_column h4 {
		margin-bottom: 10px;
	}

}

p + p {
	margin-top: 1rem;
}

.webinars-view * {
	font-family: "Inter", Arial, "sans serif";
}

.webinars-view .views-row .views-field-title a{
	font-family: "Manrope","Inter", Arial, "sans serif";
}

.webinars-view .views-row {
	column-count: 2;
}

.webinars-view .views-row .views-field-title {
	column-span:all;
	padding-top:40px;
	padding-bottom: 30px;
}

.webinars-view .views-row .views-field-title a {
	font-size: 30px;
	color:black;
	width:50%;
	display:block;
}

.webinars-view .views-field-body {
	padding-top: 30px;
	column-span: all;
	column-count: 2;
}

.webinars-view .views-field-body p:has(iframe) {
	column-span: all;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}

.webinars-view .views-field-body iframe {
	column-span: all;
	width: 100%;
}

.webinars-view .views-field-body ul {
	padding-left: 0;
	font-size: 15px;
	font-family: Manrope;
}

.webinars-view .watch_now_button {
	background: #552d80;;
	padding: 10px;
	width: 180px;
	display: block;
	text-align: center;
	color:white !important;
}

.webinars-view .watch_now_button img {
	display: inline-block;
}

.webinars-view .views-field-field-event-date time, .views-field-field-location {
	font-size: 17px;
	font-family: Manrope;
	color:#552d80;
	font-weight: bold;
}

.webinars-view #edit-submit-event-blocks {
	display: none;
}



/*
#views-exposed-form-event-blocks-block-1 {
	margin-top:30px;
	order:-1;
}
*/

.webinars-view #edit-field-focus-area-target-id {
	padding: 10px;
	background:white;
	border:1px solid #dfdfdf;
	width: 100%;
}

.webinars-view .form-item-field-focus-area-target-id {
	display: inline-block;
	width: calc(43% - 25px);
}

#edit-field-event-date-value--wrapper {
	display:inline-block;
	width: 57%;
	border: 1px solid #eaeaea;
	margin-right: 15px;
}

.webinars-view #edit-submit-event-blocks {
	display: none;
}

.webinars-view #edit-field-event-date-value {
	display: inline-block;
	max-width: 50%;
}

.webinars-view #edit-field-event-date-value div {
	display: inline-block;
} 

.webinars-view #edit-field-event-date-value div:first-child {
	display: none;
} 

.webinars-view #edit-field-event-date-value div:has(input:checked) {
	background:#552d80;
	color:white;
	padding: 12px;
	padding-left:30px;
	padding-right:30px;
}

.webinars-view #edit-field-event-date-value div {
		padding: 12px;
	padding-left:30px;
	padding-right:30px;
}


.webinars-view #edit-field-event-date-value input {
	opacity: 0;
	width: 1px;
}

#paragraph-1072 {
	display: none;
}

header #paragraph-1072 {

	display: block;;
}

.webinars-view > div > div  {
	display: grid;
}

.webinars-view nav {
    margin: auto;
}

/* PODCASTS */

.podcast-container {
	background:#f0f0f091;
	border:1px solid #c4c4c436;
}

.podcast-container .tags {
	color:#552d80;
	/*! padding-bottom: 20px; */
	font-weight: 600;
}


.podcast-container .heading {
	display: flex;
	margin-top: 10px;
	margin-bottom: 12px;
}

.podcast-container h1 {
	width: 50%;
	font-size: 20px;
	font-weight: 500;
	max-width: 50%;
	white-space: nowrap;
}

.podcast-container .links-container {
	width: 50%;
	display: flex;
	align-items: center;
	/*! align-content: end; */
	justify-content: end;
}

.podcast-container ul {
	font-family: Manrope;
	font-size: 15px;
	list-style-type: disc;
}

.podcast-container ul li {

	list-style-type: disc;
}


.links-container .ytb {
	
	height: 22px;
	/*! margin-top: 2px; */
	object-fit: cover;

		
}

.links-container * {
	margin-left: 25px;
}

.podcast-container .description {
	margin-bottom: 20px;
}

.podcast-container .player {
	margin-bottom: 20px;
}

audio {
	height: 30px;
	width: 100%;
}

.authors {
	display: flex;
}

.auth1 {
	width: 50%;
	display: flex;
}

.auth1 img {
	width: 50px;
	border-radius: 100%;
	object-fit: cover;
	aspect-ratio: 1 / 1;
	height: auto;
}

.text-i {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: 10px;
}

.auth1 .name {
	font-weight: 600;
	font-size: 13px;
}
.auth1 .title {
	display: flex;
	height: max-content;
	font-size: 10px;
	margin-top: 0;
}



.auth1 .name, .auth1 .title {
	display: flex;
	height: max-content;
}

.tags2 p {
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 20px;
}

.tags2 span {
	color:#552d80;
}




#webform-submission-feedback-submission-paragraph-616-add-form {
	padding: 0 !important;
	padding-top: 60px !important;
	max-width: var(--max-width, 1200px) !important;
  	width: var(--width-mobile, 90vw) !important;
}

#webform-submission-feedback-submission-paragraph-616-add-form label, #webform-submission-feedback-submission-paragraph-616-add-form legend .fieldset-legend {
	font-size: 15px !important;
}

#webform-submission-feedback-submission-paragraph-616-add-form .form-textarea {
	border: none !important;
	resize:none !important;
}

#webform-submission-feedback-submission-paragraph-616-add-form .form-file {
	height: 150px !important;
	border: none !important;
	background: white !important;
	width: 100% !important;
}

#webform-submission-feedback-submission-paragraph-616-add-form #edit-phone {
	-webkit-appearance: none !important;
	-moz-appearance: textfield !important;
}

#edit-does-your-submission-contain-a-proposed-fix-solution-or-improvem--wrapper legend {
	max-width: 409px;
}

.js-form-item-optional-upload-a-text-file-that-contains-your-feedback {
	position: relative;
}

#edit-optional-upload-a-text-file-that-contains-your-feedback {
	
	color: white;;
}

#edit-optional-upload-a-text-file-that-contains-your-feedback::before {
	content: "";
	position: absolute;
	display: flex;
	width: 100%;
	display: block;
	background-image: url('/themes/custom/snia/images/upload-file.png');
	height: 93px;
	background-size: cover;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: none;
	top: 50px;
}
  
#webform-submission-feedback-submission-paragraph-616-add-form .form-file::file-selector-button  {
	display: none;
}
  
#webform-submission-feedback-submission-paragraph-616-add-form .form-actions .button {
	padding-top:10px;
	padding-bottom:10px;
	font-family: Manrope;
	border: none;
}

#paragraph-616 #edit-actions::before {
	content: "";
	position:absolute;
	left: 0;
	margin-left: 130px;
	background-image: url(/themes/custom/snia/images/vector-1.svg);
	width: 20px;
	height: 30px;
	background-repeat: no-repeat;
	margin-top: 15px;
}

.block-facets-ajax h2 {
    color: var(--text-secondry-hover, #413F3F);
    font-family: var(--family-body, Inter);
    font-size: var(--size-body-sm-400, 13px);
    font-style: normal;
    font-weight: var(--weight-400, 400);
    line-height: 140%;
	padding-top: 24px;
	padding-bottom: 24px;
}
 
.autocomplete-facet {
    width: 230px;
    height: 40px;
    border: none;
    border-bottom: 1px solid #ccc;
    background: rgba(85, 45, 128, 0.04);
    padding: 5px;
    font-family: var(--font-family-name, Inter);
    font-size: var(--font-size-body-medium-400, 15px);
    font-weight: var(--font-weight-400, 400);
    color: var(--text-placeholder, #979797);
    box-shadow: none;
    border-radius: 0;
    outline: none;
}

.facets-dropdown {
	width: 230px;
	height: 40px;
	border: none;
	border-bottom: 1px solid #ccc;
	background: rgba(85, 45, 128, 0.04);
	padding: 5px; 
	font-family: var(--font-family-name, Inter);
	font-size: var(--font-size-body-medium-400, 15px);
	font-weight: var(--font-weight-400, 400);
	color: var(--text-placeholder, #979797);
	box-shadow: none;
	border-radius: 0;
	outline: none;
  }

  .facets-dropdown option:hover {
	background: rgba(85, 45, 128, 0.08);
  }
  
  .facets-dropdown:focus {
	border-bottom: 2px solid #552D80;
	background: rgba(85, 45, 128, 0.06);
  }
  
  #block-snia-facetsgroup-2{
	border: 1px solid var(--surface-05, #D0D0D0);
    width: 100%;
    max-width: 263px;
  }

  .facet-inactive .js-facets-links{
	padding: 0px;
  }





  .region-after-content {
	display:flex;
}

#block-snia-facetsgroup-2 {
	/*background:red;*/
	padding: 19px;
}

#block-snia-views-block-educational-library-block-1,
#block-snia-views-block-snia-online-dictionary-block-1 {
	width:100%;
	font-family:Manrope;
}

#block-snia-views-block-educational-library-block-1 .form-text,
#block-snia-views-block-snia-online-dictionary-block-1 .form-text,
#block-snia-views-block-snia-online-dictionary-block-1 select {
	width: 100%;
    margin-bottom: 30px;
    height: 45px;
    border: none;
    border-bottom: 1px solid #cccccc;
    background: #f0f0f0;
    padding-left: 10px;
}

.educaional-library {
	padding:30px;
	padding-top:0;
}

#block-snia-views-block-educational-library-block-1 table,
#block-snia-views-block-snia-online-dictionary-block-1 table {
	width:100%;
}

#block-snia-views-block-educational-library-block-1 table th,
#block-snia-views-block-snia-online-dictionary-block-1 table th {text-align:left;padding-bottom: 20px;font-weight: 100;}

#block-snia-views-block-educational-library-block-1 tr,
#block-snia-views-block-snia-online-dictionary-block-1 tr {
	/* border: 8px solid red !important; */
	box-sizing: border-box;
}
.educaional-library tbody tr td,
.snia-dictionary tbody tr td {
	padding-top:20px;
	padding-bottom:20px;
	border: none;
	margin: 0;
}

#block-snia-views-block-educational-library-block-1 table,
#block-snia-views-block-snia-online-dictionary-block-1 table {
	border-spacing:0
}

.educaional-library tbody,
.snia-dictionary tbody {
	border-top: 2px solid #552d80 !important;
}

.educaional-library tbody tr:nth-child(even),
.snia-dictionary tbody tr:nth-child(even) {background: #ffffff}

.educaional-library tbody tr:nth-child(odd),
.snia-dictionary tbody tr:nth-child(odd) {
    background: #e3e3e37d;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}

.facets-widget-dropdown h3, .block-facets-ajax h2, .facets-widget-links h3 {
	font-family:Manrope;
	font-size:15px;
	font-weight:100;
	padding:0;
	padding-top:15px;
}

.facets-dropdown {
	width:100%;
}


.snia-plugfest-reg {
	/* display: flex !important; */
	/* width: 1152px !important;
	padding: 4px !important;
	align-items: flex-start !important;
	gap: 16px !important;
	border: 1px solid var(--border-02, #E2E2E2) !important; */
}

.snia-plugfest-reg .form-item {
  display: flex !important;
  padding: var(--spacing-spacing-none, 10px) !important;
  flex-direction: column !important;
  /* align-items: flex-start !important; */
  gap: var(--spacing-spacing-md, 6px) !important;
  flex: 1 0 0 !important;
  align-self: stretch !important;
  color: var(--text-secondry, #5E5E5E) !important;
  font-family: var(--font-family-name, Inter) !important;
  font-size: var(--font-size-body-small-400, 13px) !important;
  font-style: normal !important;
  font-weight: var(--font-weight-400, 400) !important;
  line-height: normal !important;
}

.snia-plugfest-reg .form-item input,
.snia-plugfest-reg .form-item select {
  display: flex !important;
  height: 48px !important;
  padding: var(--spacing-spacing-xl, 10px) var(--spacing-spacing-none, 0px);
  align-items: center !important;
  gap: var(--spacing-spacing-lg, 8px) !important;
  flex: 0 0 1 !important;
  color: var(--text-secondry, #5E5E5E) !important;
  font-family: var(--font-family-name, Inter) !important;
  font-size: var(--font-size-body-small-400, 13px) !important;
  font-style: normal !important;
  font-weight: var(--font-weight-400, 400) !important;
  line-height: normal !important;
}

.snia-plugfest-reg .progress-tracker {
  display: flex !important;
  width: 1152px !important;
  padding: 4px !important;
  align-items: flex-start !important;
  gap: 16px !important;
  margin: 0 0 20px 0 !important;
}

.snia-plugfest-reg .progress-step {
  display: flex !important;
  min-width: 90px !important;
  padding: 10px 12px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  border: 1px solid var(--surface-02, #F5F5F5) !important;
  background: var(--surface-01, #FFF) !important;
}

.snia-plugfest-reg .progress-title {
  font-weight: 100 !important;
}

.snia-plugfest-reg .progress-step.is-active {
  border-bottom: 2px solid var(--brand-primary, #552D80) !important;
  background: var(--text-brand, #552D80) !important;
}

.snia-plugfest-reg .webform-progress-tracker .progress-step.is-active .progress-title {
  font-weight: 50 !important;
  color: var(--surface-01, #FFF) !important;
}

.snia-plugfest-reg .progress-marker {
  display: none !important;
}

/* Make the fieldset a flex container */
#edit-additional-contacts,
#edit-general-information,
#edit-billing-contact,
#edit-product-information-for-plugfest {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  width: 1152px;
  padding: 48px 48px 150px 48px;
  align-items: flex-start;
  gap: 32px;
  background: var(--surface-03, #F9F9F9) !important;
}

/* Ensure each form item takes 50% of the space */
#edit-additional-contacts > .js-form-item,
#edit-general-information > .js-form-item,
#edit-billing-contact > .js-form-item,
#edit-product-information-for-plugfest > .js-form-item {
  flex: 1 1 calc(50% - 10px) !important; /* 50% width minus gap */
  max-width: calc(50% - 10px) !important;
}

/* Stack fields on smaller screens */
@media (max-width: 768px) {
  #edit-additional-contacts > .js-form-item,
  #edit-general-information > .js-form-item,
  #edit-billing-contact > .js-form-item,
  #edit-product-information-for-plugfest > .js-form-item {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
}


.snia-plugfest-reg .webform-button--next,
.snia-plugfest-reg .webform-button--submit {
  display: flex !important;
  width: 225px !important;
  height: 48px !important;
  padding: 5px 20px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  background: var(--text-brand, #552D80) !important;
  color: #ffff !important;
  margin-top: 100px !important;
  left: 160px !important;
  font-family: var(--font-family-name, Inter) !important;
  font-size: var(--font-size-body-small-400, 13px) !important;
  font-style: normal !important;
  font-weight: var(--font-weight-400, 400) !important;
}

.snia-plugfest-reg .webform-button--previous {
	display: flex !important;
	width: 225px !important;
	height: 48px !important;
	padding: 5px 20px !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 8px !important;
	background: var(--text-brand, #552D80) !important;
	color: #ffff !important;
	margin-top: 100px !important;
	left: 710px !important;
	font-family: var(--font-family-name, Inter) !important;
	font-size: var(--font-size-body-small-400, 13px) !important;
	font-style: normal !important;
	font-weight: var(--font-weight-400, 400) !important;
}  

.snia-plugfest-reg [data-webform-page="webform_confirmation"] {
	display: none !important;
}

.snia-plugfest-reg .webform-confirmation {
	font-family: var(--font-family-name, Inter) !important;
	font-size: var(--font-size-body-small-400, 13px) !important;
	font-style: normal !important;
	font-weight: var(--font-weight-400, 400) !important;
	line-height: normal !important;
	padding: 40px !important;
	background: var(--surface-03, #F9F9F9) !important;
}

.form-item-is-the-billing-contact-the-same-as-the-primary-contact {
	margin-top: 24px !important;
}


/**/

#activated_filters {
	margin-bottom:15px;
}

#activated_filters input {
	display:none;
}

#activated_filters li {
    list-style-type: none;
}

#activated_filters .facet-item {
	background:#552D801A;
	color:#552d80;
	width:fit-content;
	display:inline-block;
	padding:6px;
	font-weight:500;
	font-family:Arial;
	font-size:13px;
	cursor:pointer !important;
	margin-right:3px;
	margin-bottom:5px;
}

#activated_filters .facet-item__value:after{
	content:" X"
}

.reset_top {
	margin-bottom:15px;
}

#reset_button {
	font-weight:100;
	margin-left:4px;
}

.advanced_filter, #block-snia-facetsgroup-2 h2, #block-snia-facetsgroup-2 h3 {
	color:#313131;
	font-size:12px;
	font-family: var(--font-inter);
	font-weight:100;
	margin-bottom:10px;
	margin-top:10px;
}

.advanced_filter {
	margin-top:5px;
	font-size:14px;
	color:#575757;
}

.facet-active, .facet-inactive {
	margin:0;
	padding:0;
	
}
input[id^="library-content-type-"] {
    display: none;
}
input[id^="publication-date-"] {
    display: none;
}

.facet-item {
	background:#f4f4f48a;
	padding:9px;
	color:#7c7c7c;
	font-family: var(--font-inter);
	font-size:13px;
	margin-bottom:6px;
}

.facet-item:hover {
	background:#eeeaf2;
	color:#552d80;
	cursor:pointer;
}


.facet-item__value {
	width:100%;
	display:block;
}

.facets-widget-dropdown,
.facets-widget-checkbox {
	margin-bottom: 15%;
}

.educaional-library table {
	border-collapse: collapse;
}

.educaional-library td, .educaional-library th {
	padding-left: 20px;
}

.educaional-library th {
	font-size:12px;
}

.educaional-library td a {
	color:black;
	font-weight: 500;
	font-size:12px;
}

.educaional-library tbody td {
	font-size:12px;
	font-family: var(--font-inter);
}

#edit-submit-educational-library--2 {
	display: none;
}

.emerald-branded-button {
    background-color: #FFF !important;
    color: var( --emerald-text-accent, #46733F) !important;
    padding: 1em 4em;
    text-align: center;
    font-family: var(--family-body, Inter);
    font-size: var(--size-body-md-500, 15px);
    font-style: normal;
    font-weight: var(--weight-500, 500) !important;
    line-height: 140%; /* 21px */
    border: 1px solid var(--border-02, #E2E2E2);
    width: fit-content; 
    margin-right: auto;
    margin-top: 1rem;
  }

  .emerald-branded-button:hover{
    color: #FFF !important;
    background-color: var( --emerald-text-accent, #46733F) !important;
  }
  .emerald-branded-button svg path{
    fill: var( --emerald-text-accent, #46733F) !important;    
  }
  
  .emerald-branded-button:hover svg path{
    fill: #fff !important;
  }

  

  .snia-dictionary input.form-submit {
	position: relative !important;
	/* top: 31% !important; */
    border: 0px !important;
    padding: .8rem 6rem .8rem 5rem !important;
    background-position: 64% center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 45px;
    background: var(--brand-primary, #552D80);
    color: #fff;
    text-align: center;
	font-family: var(--font-family-name, Inter);
	font-size: var(--font-size-body-small-700, 16px);
	font-style: normal;
	font-weight: var(--font-weight-700, 700);
	line-height: normal;
	margin-left: 45px;
  }
  

  form#views-exposed-form-snia-online-dictionary-block-1 {
	display:flex !important;
	margin: 0 20px 20px 0;
  }

  .snia-dictionary table {
	margin-top: 100px;
  }

  .snia-dictionary td {
	padding: 32px 24px 32px 24px;
  }
 
  .snia-dictionary tbody td:nth-child(odd) {
	width: 200px !important;
  }

  .snia-dictionary .form-type-textfield {
	width: 100%;
	padding-right: 20px;
  }


 .snia-dictionary .form-select {
	width: 0 !important;
    padding-right: 10px !important;
  }

  /* Wrap select in a relative container */
  .snia-dictionary select {
	appearance: none; /* Remove default arrow */
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #fff;
	padding: 10px;
	padding-right: 40px; /* Space for the icon */
	cursor: pointer;
	width: 100%; /* Adjust as needed */
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="%23848484"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.12783 1.875C4.14084 1.875 4.1539 1.875 4.167 1.875L15.8728 1.875C16.4286 1.87497 16.9037 1.87495 17.2835 1.92285C17.6862 1.97365 18.0755 2.08774 18.3952 2.3877C18.7205 2.69295 18.8498 3.0738 18.9066 3.47004C18.9587 3.83403 18.9587 4.28664 18.9587 4.80298L18.9587 5.4501C18.9587 5.85719 18.9587 6.20912 18.9283 6.50259C18.8956 6.81838 18.8241 7.11466 18.6524 7.39911C18.4821 7.68141 18.2526 7.88633 17.9882 8.07003C17.7391 8.24308 17.4208 8.42224 17.0464 8.63296L14.5944 10.0133C14.0362 10.3275 13.8419 10.4406 13.7121 10.5533C13.4141 10.812 13.2435 11.099 13.1633 11.4586C13.129 11.6124 13.1253 11.806 13.1253 12.3941L13.1253 14.6708C13.1254 15.4218 13.1254 16.0595 13.0481 16.5496C12.9659 17.0709 12.7752 17.5708 12.2751 17.8835C11.7865 18.1892 11.2482 18.1611 10.7252 18.0369C10.2214 17.9172 9.60055 17.6745 8.85562 17.3833L8.78323 17.355C8.43429 17.2186 8.12875 17.0991 7.88686 16.9742C7.62691 16.84 7.38549 16.673 7.20079 16.4131C7.014 16.1502 6.93912 15.8684 6.90573 15.5803C6.87528 15.3175 6.8753 15.0022 6.87533 14.6505L6.87533 12.3941C6.87533 11.806 6.87162 11.6124 6.83734 11.4586C6.75716 11.099 6.58651 10.812 6.28852 10.5533C6.15877 10.4406 5.96443 10.3275 5.40627 10.0133L2.95425 8.63296C2.5799 8.42224 2.2616 8.24308 2.01248 8.07003C1.74803 7.88633 1.51858 7.68141 1.34822 7.39911C1.17656 7.11466 1.10508 6.81838 1.07237 6.50259C1.04196 6.20912 1.04198 5.85718 1.042 5.45009L1.042 4.84555C1.042 4.83131 1.042 4.81711 1.04199 4.80297C1.04196 4.28663 1.04192 3.83403 1.09408 3.47004C1.15086 3.0738 1.28012 2.69295 1.60548 2.3877C1.92518 2.08774 2.31445 1.97365 2.71719 1.92285C3.09693 1.87495 3.57205 1.87497 4.12783 1.875Z" fill="rgb(94.12%, 94.12%, 94.12%)"/></svg>') !important;
	background-repeat: no-repeat !important;
    background-position: right 4px center !important;
    background-size: 16px !important;
  }
  
  /* Hide default dropdown arrow in older browsers */
  .snia-dictionary  select::-ms-expand {
	display: none;
  }
  
  .snia-dictionary header {
	color: var(--title-color, #222);
    font-size: 15px;
    font-family: var(--font-inter);
    font-weight: 400;
    line-height: 21px;
	margin-top: 100px;
	margin-bottom: 30px;
  }

  .snia-dictionary header a {
	color: var(--brand-primary, #552D80) !important;
	font-family: var(--family-body, Inter) !important;
	font-size: var(--size-body-sm-500, 13px) !important;
	font-style: normal !important;
	font-weight: var(--weight-500, 500) !important;
	line-height: 140% !important; /* 18.2px */
  }

  .download-dictionary {
	margin-left: 28%;
  }

  .snia-dictionary .views-field-description__value dd p {
	display: inline;
  }

  .dictionary-reset  {
	margin-left: 20px;
  }

  .dictionary-reset span::before {
    content: url('data:image/svg+xml;utf8,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.4475 2.54801C15.7927 2.54801 16.0725 2.82783 16.0725 3.17301V6.70855C16.0725 7.05372 15.7927 7.33355 15.4475 7.33355H11.912C11.5668 7.33355 11.287 7.05372 11.287 6.70855C11.287 6.36337 11.5668 6.08355 11.912 6.08355H13.879C11.5078 4.21431 8.05979 4.37354 5.8721 6.56123C3.51268 8.92065 3.51268 12.746 5.8721 15.1054C8.23152 17.4649 12.0569 17.4649 14.4163 15.1054C15.997 13.5247 16.5195 11.2856 15.9808 9.26822C15.8917 8.93473 16.0899 8.59219 16.4234 8.50313C16.7569 8.41407 17.0994 8.61222 17.1885 8.94571C17.8376 11.3765 17.2092 14.0803 15.3002 15.9893C12.4526 18.8369 7.83579 18.8369 4.98822 15.9893C2.14065 13.1417 2.14065 8.52492 4.98822 5.67735C7.68157 2.984 11.9577 2.83813 14.8225 5.23973V3.17301C14.8225 2.82783 15.1023 2.54801 15.4475 2.54801Z" fill="%23552D80"/></svg>');
    display: inline-block;
    vertical-align: middle;
    width: 21px;
    height: 25px;
  }
  
  .download-dictionary span::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 25px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10.4613 13.7551C10.3429 13.8846 10.1755 13.9583 10 13.9583C9.82453 13.9583 9.65714 13.8846 9.53873 13.7551L6.2054 10.1092C5.97248 9.85448 5.99019 9.45915 6.24494 9.22623C6.49969 8.99332 6.89502 9.01102 7.12794 9.26577L9.375 11.7235V2.5C9.375 2.15482 9.65482 1.875 10 1.875C10.3452 1.875 10.625 2.15482 10.625 2.5V11.7235L12.8721 9.26577C13.105 9.01102 13.5003 8.99332 13.7551 9.22623C14.0098 9.45915 14.0275 9.85448 13.7946 10.1092L10.4613 13.7551Z" fill="%23552D80"/><path d="M3.125 12.5C3.125 12.1548 2.84518 11.875 2.5 11.875C2.15482 11.875 1.875 12.1548 1.875 12.5V12.5457C1.87498 13.6854 1.87497 14.604 1.9721 15.3265C2.07295 16.0765 2.2887 16.7081 2.79029 17.2097C3.29189 17.7113 3.92345 17.927 4.67354 18.0279C5.39602 18.125 6.31462 18.125 7.45428 18.125H12.5457C13.6854 18.125 14.604 18.125 15.3265 18.0279C16.0766 17.927 16.7081 17.7113 17.2097 17.2097C17.7113 16.7081 17.9271 16.0765 18.0279 15.3265C18.125 14.604 18.125 13.6854 18.125 12.5457V12.5C18.125 12.1548 17.8452 11.875 17.5 11.875C17.1548 11.875 16.875 12.1548 16.875 12.5C16.875 13.6962 16.8737 14.5304 16.789 15.1599C16.7068 15.7714 16.5565 16.0952 16.3258 16.3258C16.0952 16.5565 15.7714 16.7068 15.1599 16.789C14.5304 16.8737 13.6962 16.875 12.5 16.875H7.5C6.30382 16.875 5.46956 16.8737 4.8401 16.789C4.22862 16.7068 3.90481 16.5565 3.67418 16.3258C3.44354 16.0952 3.29317 15.7714 3.21096 15.1599C3.12633 14.5304 3.125 13.6962 3.125 12.5Z" fill="%23552D80"/></svg>');
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
  }

  .snia-dictionary .form-text {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.58366 2.29167C5.55658 2.29167 2.29199 5.55626 2.29199 9.58334C2.29199 13.6104 5.55658 16.875 9.58366 16.875C13.6107 16.875 16.8753 13.6104 16.8753 9.58334C16.8753 5.55626 13.6107 2.29167 9.58366 2.29167ZM1.04199 9.58334C1.04199 4.8659 4.86623 1.04167 9.58366 1.04167C14.3011 1.04167 18.1253 4.8659 18.1253 9.58334C18.1253 11.7171 17.3429 13.6681 16.0494 15.1652L18.7756 17.8914C19.0197 18.1355 19.0197 18.5312 18.7756 18.7753C18.5315 19.0194 18.1358 19.0194 17.8917 18.7753L15.1655 16.0491C13.6684 17.3426 11.7174 18.125 9.58366 18.125C4.86623 18.125 1.04199 14.3008 1.04199 9.58334Z" fill="%235E5E5E"/></svg>') !important;
	background-repeat: no-repeat !important;
	background-size: 16px !important;
	background-position: 10px center !important;
	padding-left: 30px !important;
  }

  
/* SNIA DICTIONARY */
.feed-icon {
	display: none;
}
.hero-banner-section {
	background-color: white !important;
}

#result h1 {
	color: var(--text-primary, #222);
	font-family: var(--family-heading, Manrope);
	font-size: var(--size-headline-md-600, 29px);
	font-style: normal;
	font-weight: var(--weight-600, 600);
	line-height: 120%;
	background: var(--brand-on-primary, #DBBAFF);
	padding: 1rem;
}

#result a.back {
	color: var(--text-brand, #552D80);
	text-align: center;
	font-family: var(--family-body, Inter);
	font-size: var(--size-body-sm-500, 13px);
	font-style: normal;
	font-weight: var(--weight-500, 500);
	line-height: 140%;
	padding: 0.8em 1em;
	width: fit-content;
	border: 1px solid var(--border-02, #E2E2E2);
}

#result a.back:hover {
	background: var(--text-brand, #552D80);
	color: white;
}

#result a:not(.back) {
	text-decoration: underline;
}

#result .context-box {
	width: fit-content;
}

#result .context-box p {
	color: var(--text-secondry, #5E5E5E);
	margin-top: 0;
}

#result .context-box p.title {
	background: var(--surface-03, #F9F9F9);
	padding: 0.5rem 1rem;
	color: #222;

	font-weight: 500;
}

@media(min-width:800px) {
	#result .context-box {
		width: 18rem;
	}
}

footer.footer {
	background: var(--surface-03, #F9F9F9);
}

.swordfish_details {
	margin-bottom: 10px;
}
  .summary_1 {
	background: #e1e1e180;
	padding: 12px;

	cursor: pointer;
	border: 1px solid #c2c2c2;
	font-weight: 600;
}

.swordfish_table {
	table-layout: fixed;
	border-spacing:0;
	border-collapse: collapse;
}
.swordfish_table th {
	color: white;
	text-align: left;
	padding: 10px;
	font-weight: 100;
	font-family: 'Manrope';
}

.swordfish_table h3 {
	font-family: 'Manrope';
	font-size: 17px;
}

.swordfish_table td {
	padding-top:10px;
	padding-left:10px;
	padding-bottom: 10px;    
}

.swordfish_table tr {
	border:1px solid #b9b9b9 !important;
}

.def-zip, .def-pdf, .def-html {
	font-size: 0px !important;
}
.def-zip::after {
	content:"";
	display: block;
	width: 32px;
	height: 32px;
	background-image: url('/sites/default/files/2025-02/sworfish-icons/zip.svg');
}
.def-html::after {
	content:"";
	display: block;
	width: 32px;
	height: 32px;
	background-image: url('/sites/default/files/2025-02/sworfish-icons/html.svg');
}
.def-pdf::after {
	content:"";
	display: block;
	width: 32px;
	height: 32px;
	background-image: url('/sites/default/files/2025-02/sworfish-icons/pdf.svg');
}

/* press-release-content  */
.press-release-content p{
	color: var(--title-color, #222);
	font-size: 15px;
	font-family: var(--font-inter);
	font-weight: 400;
	line-height: 21px;
}
.press-release-content li{
	list-style: disc;
	color: var(--title-color, #222);
	font-size: 15px;
	font-family: var(--font-inter);
	font-weight: 400;
	line-height: 21px;
}

.press-release-content * + *:not(li){
	margin-top: 1rem;
}

.press-release-content h2{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 25px;
	line-height: 140%;
	color: #552D80;
}
.press-release-content h3{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 140%;
	color: #552D80;
}

.press-release-content h4{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	color: #552D80;
}


/*MOBILE MENU HOTFIX*/
@media screen and (max-width: 800px) {
	nav .toggle-arrow {

		width: 100px;
		height: 40px;
		position: absolute;
		/* left: 100px; */
		right: 0;
		object-fit: scale-down;
	}

	nav .toggle-arrow:hover {
		background: #f3f3f3; 
		object-fit:scale-down;
	}
	
	nav .submenu-full-width {
		max-height: 400px !important;;
	}

}

/* basic styles for articles */
/*body.page-node-type-article #block-snia-content {
	width: 90vw;
	max-width: 1200px;
	margin-inline: auto;
	margin-top: 3rem;
	margin-bottom: 3rem;
}*/
body.page-node-type-article #block-snia-content ul,
body.page-node-type-article #block-snia-content ol{
	padding-top: 1rem;
	padding-bottom: 1rem;
}
body.page-node-type-article #block-snia-content li{
	color: var(--title-color,#222);
	font-size: 15px;
	font-family: var(--font-inter);
	font-weight: 400;
	line-height: 21px;
}


body.page-node-type-article #block-snia-content h2{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 25px;
	line-height: 140%;
	color: #552D80;

	margin-top: 1rem;
	margin-bottom: 1rem;
}
body.page-node-type-article #block-snia-content h3{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 140%;
	color: #552D80;
		
	margin-top: 1rem;
	margin-bottom: 1rem;
}

body.page-node-type-article #block-snia-content h4{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	color: #552D80;
		
	margin-top: 1rem;
	margin-bottom: 1rem;
}


/*body.page-node-type-article #block-snia-content li{
	list-style-type: disc;
}*/

body.page-node-type-article #block-snia-content li a,
body.page-node-type-article #block-snia-content p a{
	font-size: inherit;
}

body.page-node-type-article #block-snia-content footer{display:none !important;}

#author_presenterautocomplete-list{
    padding: 9px;
    color: #7c7c7c;
    font-family: var(--font-inter);
    font-size: 13px;
    margin-bottom: 6px;
}

/* fix for default width and height of iframes on events and dynamic pages */
.page-node-type-event div > iframe,
.page-node-type-snia-dynamic-page div > iframe{
	min-height: 400px;
	min-width: 100%;
}

.custom-contextual-links {
	position: relative;
}

.custom-contextual-links .open {
	background: #ffffff;

}
.custom-contextual-links .open ul {
	padding:10px!important;
	padding-left:10px!important;
	list-style-type: none !important;
	width:100px;
	top: 20px;
}

.custom-contextual-links .open li {
	list-style-type: none !important;
}

.specifications-item {
	background: var(--surface-01, #FFF);
	padding: min(2rem, 5vw);
	padding-bottom: min(4rem, 5vw);
	position: relative;
	border: 1px solid var(--border-02, #FFF);
}

.specifications-item p {
	margin-top: 0 !important;
}

.specifications-item h3 {
	color: var(--text-primary, #222);
	font-family: var(--family-body, Inter);
	font-size: var(--size-title-sm-600, 18px);
	font-style: normal;
	font-weight: var(--weight-600, 600);
	line-height: 140%;
	/* 25.2px */
}

/* Purple navigation mobile fixes */

@media screen and (max-width: 800px) {
    .nav_section_main:not(.nav_section_main_india) {
        display: block !important;
    }
    .nav_section_main {
        width:auto!important;
    }
    .submenu-level-3-container img {
        display:none;
        width:30px!important;
        height:auto!important;
        opacity:0.5;
        object-fit: cover;
        margin-top:3px;
    }
    .submenu-level-3-container {
        padding-left:15px!important;
        gap:0!important;
    }
    .sliding-wrapper {
        margin-top: 4px;
    }
}

.paragraph--type--full-width-paragraph {
	font-family: Manrope;
}

/*Webform styles*/
.webform-submission-form.webform-submission-smb3-io-lab-emea-registration-form input {
    width: 100%;
}
.webform-submission-form.webform-submission-smb3-io-lab-emea-registration-form .form-type-radio input, .webform-submission-form.webform-submission-smb3-io-lab-emea-registration-form .form-checkbox {
    width: auto;
}
.webform-submission-form.webform-submission-smb3-io-lab-emea-registration-form div {
    background-color: #FFF !important;
    padding: 0 !important;
}



.multiple_cards h2 {
	align-self: center;
	height: fit-content;
}

.headof {
	justify-content: space-between;
	flex-wrap: wrap;
}

.card_with_cta {
    background: var(--surface-01,#FFF);
    padding: min(2rem,5vw);
    width: 33%;
    border: 1px solid var(--border-02,#FFF);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-family: Manrope;
}

.section_no_rotating {
    gap: 2rem;
}

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

.section_rotating .card_with_cta {
    margin-right: 2rem;
}

.card_with_cta h3 {
    min-height: 78px;
    ;color: var(--text-primary,#222);
    font-family: var(--family-body,Inter);
    font-size: var(--size-title-sm-600,18px);
    font-style: normal;
    font-weight: var(--weight-600,600);
    line-height: 140%;
}

.card_with_cta p {
    min-height: 189px;
}

.card_with_cta img {
    width: 100%;
    height: 175px;
    object-fit: cover;
}

.flickity-viewport,.flickity-slider {
    width: 100%;
}

.card_with_cta.flickity-cell {
    min-height: 100%;
}

.card_button_class {
    margin-top: auto;
}

@media screen and (max-width: 1050px) {
    .section_no_rotating {
        flex-wrap:wrap;
    }
    .card_with_cta {
        width: calc(50% - 1rem);
        gap:0;
        margin:0;
    }

    .card_with_cta img {
        height:200px;
        object-fit:contain
    }

}

@media screen and (max-width: 800px) {
    .section_no_rotating {
        flex-wrap:wrap;
    }

    .card_with_cta {
        width: 100%;
    }

    .card_with_cta img {
        height:auto;
        width:100%!important;
        object-fit:contain;
    }

    .multiple_cards .purple_cta {
        width:fit-content;
        font-size:12px
    }

    .card_with_cta h3 {
        min-height: 51px;
        ;}

    .card_with_cta p {
        height: 200px;
        ;}
}

.node-preview-container {
    position: fixed;
    margin-top: 80px;
}