.it-expo-2024 {
    font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
    }
    .iframe-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
    .it-expo-2024 .logos-container {
    background:#efefef;
    }
    .it-expo-2024 .logos-container h2 {
    color:#0d2249!Important;
    font-weight: bold!important;
    }
	
	.it-expo-2024 .sub-nav li:last-child a {
	padding-right: 0;
	}
    
    .sub-nav .nav-item .active a,
    a.ticket {
    text-decoration: underline 3px #6714ff;
    }
    .navbar {
    padding: 2rem 0rem;
    }
    .nav-tabs {
      border-bottom: none;
    }
    .nav-tabs li {
    margin: 0 0 0 0;
    }
	.content-hub-videos,
	.cloud-digital-workspace .blog-wrapper {
	padding:20px;
	border-radius:15px;
	background:#195ba6;
	}
	.budget-content-hub-videos .blog-wrapper {
	padding:20px;
	border-radius:15px;
	background:#178b7e;
	}
	.cyber-security .blog-wrapper {
	padding:20px;
	border-radius:15px;
	background:#3d0c98;
	}
	.cloud-digital-workspace .blog-wrapper h3,
	.cyber-security .blog-wrapper h3,
	.budget-content-hub-videos .blog-wrapper h3,
	.content-hub-videos h3 {
	font-size: 1.4rem;
  color: #fff;
  padding-top: 15px;
  margin-bottom: 0.5rem;
	}
	.cloud-digital-workspace .blog-wrapper p,
	.cyber-security .blog-wrapper p,
	.budget-content-hub-videos .blog-wrapper p {
  color: #fff;
	}
	.cloud-digital-workspace .blog-wrapper li {
  color: #fff;
  line-height:1rem;

		}
    .speakers {
    margin-bottom: 2rem;
      padding: 2rem 0 2rem 2rem;
    }
    .blog-wrapper img.responsive, 
    .blog-wrapper .responsive img {
        width: 100%!important;
    }
    
    @media (min-width: 1201px) {
        .blog-wrapper img.responsive, 
        .blog-wrapper .responsive img {
            height: 200px!important;
        }
    }
    .blog-wrapper a {
    text-decoration:none;
    }
    .blog-wrapper {
    padding:20px;
    border:1px solid currentcolor;
    
    
    }
    .blog-wrapper:hover {
    border:1px #fff solid;
    }
    .it-expo-2024 .purple-background .blog-wrapper a h3 {
    font-size: 1.1rem;
      color: #fff;
    }
    .nav-tabs a{
      font-weight: bold;
      font-size: 1.3rem;
      color: #fff;
      text-decoration:none;
      }
    .credentials-carousel-container {
    border-bottom:1px solid #fff;
    }
    .it-expo-2024 .credentials-carousel-container h2 {
    color:#fff;
    font-weight:bold!important;
    }
    .it-expo-2024 .credentials-carousel-container p {
    color:#fff;
    font-weight:200;
    font-size: 1.1rem;
    }
    .it-expo-2024 .credentials-carousel-container p span {
    font-weight:400;
    font-style: italic!important;
    }
    .carousel {
        display: block;
        position: relative;
    }
    @media (min-width:1200px) {
      .container {
        max-width:1700px
      }
    }.carousel > input {
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        height: 1px;
        width: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
    }
    .carousel > input:nth-of-type(4):checked ~ .carousel__slides .carousel__slide:first-of-type {
        margin-left: -300%;
    }
    
    .carousel > input:nth-of-type(3):checked ~ .carousel__slides .carousel__slide:first-of-type {
        margin-left: -200%;
    }
    
    .carousel > input:nth-of-type(2):checked ~ .carousel__slides .carousel__slide:first-of-type {
        margin-left: -100%;
    }
    
    .carousel > input:nth-of-type(1):checked ~ .carousel__slides .carousel__slide:first-of-type {
        margin-left: 0%;
    }
    
    .carousel__slides {
        position: relative;
        z-index: 1;
        padding: 0;
        margin: 0;
        overflow: hidden;
        white-space: nowrap;
        box-sizing: border-box;
        display: flex;
    }
    
    .carousel__slide {
        position: relative;
        display: block;
        flex: 1 0 100%;
        width: 100%;
        height: 100%;
        overflow: hidden;
        transition: all 300ms ease-out;
        box-sizing: border-box;
        white-space: normal;
        margin: 0;
    }
    
    
    @keyframes autoplay {
        0% {
            margin-left: -0%;
        }
    
        25% {
            margin-left: -0%;
        }
    
        30% {
            margin-left: -100%;
        }
    
        55% {
            margin-left: -100%;
        }
    
        60% {
            margin-left: -200%;
        }
    
        85% {
            margin-left: -200%;
        }
    
        100% {
            margin-left: -0%;
        }
    }
    
    .carousel > input:nth-of-type(1):checked ~ .carousel__slides .carousel__slide:first-of-type {
        animation-name: autoplay;
        animation-timing-function: ease;
        animation-duration: 15s;
        animation-iteration-count: infinite;
    }
    
    @keyframes autoplay-label-1 {
        0% {
            background: #008F7C;
        }
    
        25% {
            background: #008F7C;
        }
    
        30% {
            background: #000;
        }
    
        55% {
            background: #000;
        }
    
        60% {
            background: #000;
        }
    
        85% {
            background: #000;
        }
    
        100% {
            background: #008F7C;
        }
    }
    
    .carousel > input:nth-of-type(1):checked ~ .carousel__buttons li:nth-of-type(1) label {
        animation-name: autoplay-label-1;
        animation-timing-function: ease;
        animation-duration: 15s;
        animation-iteration-count: infinite;
    }
    
    @keyframes autoplay-label-2 {
        0% {
            background: #000;
        }
    
        25% {
            background: #000;
        }
    
        30% {
            background: #008F7C;
        }
    
        55% {
            background: #008F7C;
        }
    
        60% {
            background: #000;
        }
    
        85% {
            background: #000;
        }
    
        100% {
            background: #000;
        }
    }
    
    .carousel > input:nth-of-type(1):checked ~ .carousel__buttons li:nth-of-type(2) label {
        animation-name: autoplay-label-2;
        animation-timing-function: ease;
        animation-duration: 15s;
        animation-iteration-count: infinite;
    }
    
    @keyframes autoplay-label-3 {
        0% {
            background: #000;
        }
    
        25% {
            background: #000;
        }
    
        30% {
            background: #000;
        }
    
        55% {
            background: #000;
        }
    
        60% {
            background: #008F7C;
        }
    
        85% {
            background: #008F7C;
        }
    
        100% {
            background: #000;
        }
    }
    
    .carousel > input:nth-of-type(1):checked ~ .carousel__buttons li:nth-of-type(3) label {
        animation-name: autoplay-label-3;
        animation-timing-function: ease;
        animation-duration: 15s;
        animation-iteration-count: infinite;
    }
    @keyframes autoplay-label-4 {
        0% {
            background: #000;
        }
    
        25% {
            background: #000;
        }
    
        30% {
            background: #000;
        }
    
        55% {
            background: #000;
        }
    
        60% {
            background: #008F7C;
        }
    
        85% {
            background: #008F7C;
        }
    
        100% {
            background: #000;
        }
    }
    
    .carousel > input:nth-of-type(1):checked ~ .carousel__buttons li:nth-of-type(4) label {
        animation-name: autoplay-label-4;
        animation-timing-function: ease;
        animation-duration: 15s;
        animation-iteration-count: infinite;
    }
    .carousel__slide.scrollable {
        overflow-y: scroll;
    }
    
    .carousel__buttons {
        list-style: none;
        padding: 0;
        margin: auto;
        display: block;
        text-align: center;
    }
    
    .carousel__slides + .carousel__buttons {
        margin-top: 10px;
    }
    
    .carousel__buttons li {
        display: inline-block;
        margin: 0 10px;
        transition: all 300ms ease-in-out;
    }
    
    .carousel__buttons label {
        display: block;
        position: relative;
        background: #000;
        height: 6px;
        width: 6px;
        border-radius: 50%;
        cursor: pointer;
    }
    
    .carousel > input:nth-of-type(1):checked ~ .carousel__buttons li:nth-of-type(1) label, 
    .carousel > input:nth-of-type(2):checked ~ .carousel__buttons li:nth-of-type(2) label,
    .carousel > input:nth-of-type(3):checked ~ .carousel__buttons li:nth-of-type(3) label,
    .carousel__buttons label:hover,
    .carousel__buttons label:focus 
    {
        background: #008F7C;
    }
    
    .carousel .button-prev label:before,
    .carousel .button-next label:before
    { 
        content: "\f060";
        display: block;
        color: #12ccb5;
        font-family: 'Font Awesome 5 Pro';
        font-size: 35px;
        position: absolute;
        left: -70px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
    }
    
    .carousel .button-next label:before {
        content: "\f061";
        left: auto;
        right: -70px;
    }
    
    .carousel .button-prev:hover label:before,
    .carousel .button-next:hover label:before
    {
        color: #fff;
    }
    
    @media screen and (max-width: 576px) {
        .carousel .button-prev,
        .carousel .button-next
        {
            display: none;
        }
    }
    
    .carousel .button-prev,
    .carousel .button-next 
    {
        display: none;
    }
    
    /*
    .carousel > input:nth-of-type(1):checked ~ .button-prev.slide-3-label,
    .carousel > input:nth-of-type(1):checked ~ .button-next.slide-2-label
    {
        display: block;
    }
    
    .carousel > input:nth-of-type(2):checked ~ .button-prev.slide-1-label,
    .carousel > input:nth-of-type(2):checked ~ .button-next.slide-3-label
    {
        display: block;
    }
    
    .carousel > input:nth-of-type(3):checked ~ .button-prev.slide-2-label,
    .carousel > input:nth-of-type(3):checked ~ .button-next.slide-1-label
    {
        display: block;
    }
    */
    .overlay {
    background-size: 100%;
    }
    .overlay-purple {
    
    color:#fff;
    }
	
	.dark-grey-background {
	background:#242633;
	}
    .post-event-background {
	background: url(/cds/image$IT-Expo-BG-Post-Event$20241024105922) no-repeat;
    }   
	.it-expo-2024 .light-blue-background h2 {
    color:#fff;
    font-size: 1.6rem;
    font-weight: bold!important;
    }
    .navy-background {
    background-color:#0d2249;
    }
	.it-expo-2024 .grey-background h3 {
	color:#12ccb5;
	}

    .it-expo-2024 .purple-background h3,
    .it-expo-2024 .green-background h3,
    .it-expo-2024 .light-blue-background h3
     {
    font-size: 1.4rem;
    color:#fff;
    padding-top:15px;
    margin-bottom: 0.5rem;
    }
    .it-expo-2024 .logo-strip img {
        margin: 15px 20px;
    }

    @media (max-width: 768px) {
        .it-expo-2024  .logo-strip {
            display: block !important;
        }

        .it-expo-2024  .logo-strip img {
            display: block;
            margin: 20px auto;
        }
    }
    
    .footer h2 {
    color: #fff!important;
    text-decoration: none;
    }
    .blue-background a,
    .blue-background p {
    color: #fff;
    text-decoration: none;
    font-size: 1em;
    font-weight: 500;
    }
    .footer a:hover {
    color:#12ccb5;
    }
	.it-expo-2024 .tech-surgery h3,
	.it-expo-2024 .tech-surgery h4,	
	.it-expo-2024 .tech-surgery p,
	.it-expo-2024 .tech-surgery ul li {
	color:#000;
	}

    .it-expo-2024 .agenda-wrapper h3 {
        font-size: 1.3rem;
        margin-bottom: 5px;
    }

    .it-expo-2024 .agenda-wrapper p {
        margin-bottom: 5px;
    }

    .it-expo-2024 .agenda-bar {
        padding: 30px;
    }

    .it-expo-2024 .agenda-wrapper p.tag {
        background: #0d2249;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        display: inline-block;
        padding: 5px 10px;
        font-size: 0.9em;
    }

    .it-expo-2024 .agenda-wrapper p.tag.tag-purple {
        background: #6714ff;
    }

    .it-expo-2024 .agenda-wrapper p.tag.tag-blue {
        background: #227ee6;
    }

    .it-expo-2024 .agenda-wrapper p.tag.tag-green {
        background: #12ccb5;
    }

    .it-expo-2024 .agenda-bar  {
    border-bottom:1px solid #000;
    
    }
    .it-expo-2024 .agenda-bar h2,
    .it-expo-2024 .agenda-bar h3,
    .it-expo-2024 .agenda-bar p {
    color: #000;
    
    }
    .it-expo-2024 .sub-nav {
        display: flex;
    }
    
    .it-expo-2024 .sub-nav li {
        margin: 0;
    }
    
    .it-expo-2024 .sub-nav li a {
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    font-size: 1.1em;
    font-weight: bold;
    }
    
    @media (max-width: 1200px) {
        .it-expo-2024 .sub-nav > a:first-child {
            order: 1;
        }
    
        .it-expo-2024 .sub-nav > ul {
            order: 3;
            padding: 0;
        }
    
        .it-expo-2024 .sub-nav > img  {
            order: 2;
        }
    }
    
    @media (max-width: 992px) {
        .it-expo-2024 .sub-nav  img {
            max-width: 150px !important;
        } 
    
        .it-expo-2024 .sub-nav li {
            margin: 15px 0;
        }
    }
    
    @media (max-width: 768px) {
        .it-expo-2024 .sub-nav  img {
            max-width: 220px !important;
        } 
    
        .it-expo-2024 .sub-nav img.inner-logo {
            max-width: 110px !important;
        } 
    }
    .it-expo-2024 .sub-nav li.active a,
    .it-expo-2024 .sub-nav li a:hover {
    text-decoration: underline 3px #6714ff;
    font-size: 1.1em;
    font-weight: bold;
    }
    
    .it-expo-2024 h1 {
    font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
    font-size: 2.3rem;
    color:#fff;
    font-weight:bold;
    }
    .it-expo-2024 h2 {
    font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
    font-weight:200!important;
    font-size: 1.6rem;
    color:#fff;
    font-weight:bold;
    }
    .it-expo-2024 h3 {
    font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
    font-weight:bold;
    font-size: 1rem;
    color:#fff;
    }
    .it-expo-2024 h4 {
    font-size: 0.85rem;
    color:#fff;
    text-transform:uppercase;
    
    }
    .it-expo-2024 li,
    .it-expo-2024 p {
    font-size: 1rem;
    color:#fff;
    }
    
    .it-expo-2024 .people-home {
        margin-top: -50px;
    }
    
    @media (min-width: 1201px) {
        .it-expo-2024 .people-home {
            margin-top: -250px;
        }
    }
    
    .responsive-tabs li {
        width: 33.33%;
    }
    
    @media (max-width: 768px) {
        .responsive-tabs li {
            width: 100%;
        }
    }
    .speakers h2 {
    font-weight:700!important;
    font-size: 1.5rem;
    color:#042059;
    margin-bottom: 1rem;
    }
    .speakers h3 {
    font-weight:500;
    font-size: 1.1rem;
    text-transform:uppercase;
    color:#6714ff;
    margin-bottom: 0.8rem;
    }
    .speakers p {
    font-size: 1rem;
    color:#042059;
    }
    .speakers-video {
        padding: 30px;
        margin-bottom: 40px;
    }
    .gradient-background {
		background: rgb(35,103,230);
		background: linear-gradient(67deg, rgba(35,103,230,1) 0%, rgba(30,219,196,1) 100%);
		}
    .green-background {
    background:#12ccb5;
    }
    .purple-background {
    background: #6714ff;
    }
    .light-blue-background {
    background: #227ee6;
    }
    .blue-background {
    background: #0d2249;
    }
    .cta-section h2 {
    font-weight:600;
    font-size:1.7rem;
    }
    .cta-section-background {
    background:#6714ff;
    }
	.grey-background {
    background: #464646;
    }
    .white-background {
    background: #ffffff;
    }
    
    .black-background {
    background: #000;
    }
    
    .it-expo-2024 .black-background h3 {
    font-size:1.4rem;
  color: #12ccb5;
    }
    
    .it-expo-2024 .white-background h2 {
    background: linear-gradient(93deg, rgba(30,199,178,1) 14%, rgba(130,122,208,1) 60%, rgba(137,59,220,1) 98%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold !important;
    }
    .it-expo-2024 .white-background li,
    .it-expo-2024 .white-background p {
    color:#0d2249;
    }
    a.expo-button-purple,
    .expo-button-purple {
    background:#6714ff;
    padding:10px 20px;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    margin-right: 0px;
    font-size: 0.9rem;
    margin-bottom: 10px;
	border-radius:7px;
    }
    a.expo-button-purple:hover,
    .expo-button-purple:hover {
    background:#134197;
    padding:10px 20px;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    margin-right:0px;
    font-size: 0.9rem;
    }
    .expo-button-white {
    background:#fff;
    padding:10px 20px;
    color:#0d2249!important;
    font-weight:bold;
    text-decoration:none;
    font-size: 0.9rem;
    margin-bottom: 10px;
    }
    .expo-button-white:hover {
    background:#fff;
    padding:10px 20px;
    color:#12ccb5!important;
    font-weight:bold;
    text-decoration:none;
    font-size: 0.9rem;
    }
    .white-background .expo-button-white {
    background:#fff;
    padding:10px 20px;
    border:1px solid #6714ff;
    color:#0d2249!important;
    font-weight:bold;
    text-decoration:none;
    font-size: 0.9rem;
    margin-bottom: 10px;
    }
    .white-background .expo-button-white:hover {
    background:#6714ff;
    color:#ffffff!important;
    }
    .expo-button-green {
    background:#12ccb5;
    padding:10px 20px;
    border:1px solid #12ccb5;
    color:#fff!important;
    font-weight:bold;
    text-decoration:none;
    font-size: 0.9rem;
    margin-right:20px;
    margin-bottom: 10px;
	border-radius:7px;
    }
    .expo-button-green:hover {
    background:#129686;
    border:1px solid #129686;
    }
    .expo-button-blue {
    background:#227ee6;
    padding:10px 20px;
    border:1px solid #227ee6;
    color:#fff!important;
    font-weight:bold;
    text-decoration:none;
    font-size: 0.9rem;
    margin-right:20px;
    margin-bottom: 10px;
	border-radius:7px;
    }
    .expo-button-blue:hover {
    background:#129686;
    border:1px solid #129686;
    }
    li.nav-item {
    font-style: normal;
    font-weight: 300;
    }
    li.nav-item .expo-button-green {
      font-style: normal;
      font-weight: 500;
    }
    fa.arrow-right {
    content: \f061;
    }
    
    .it-expo-2024 .article-tile h4 {
        font-size:1.2rem;
        text-transform:lowercase;
    }

    .it-expo-2024 .nav-item {
        padding: 0 !important;
        margin: 0 !important;
        height: 100%;
    }

    .it-expo-2024 .nav-tabs a {
        padding: 30px 30px;
        display: flex;
        height: 100%;
        width: 100%;
        vertical-align: middle;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .it-expo-2024 .nav-tabs a:hover {
        background: #134197;
    }
	
	.navbar-toggler {
  border: 1px solid #fff;
  left: 0px;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

@media (max-width:776px) {
  .navbar {
  	padding:1rem 0rem;
  }
  .navbar .container-fluid {
    align-items: center;
    text-align: center;
    justify-content: center;	  
  }
  .navbar ul {
    width: 100%;
  }
  .navbar ul li a{
    padding: 0!important;
  }
}

.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
  height: 0;
  overflow: hidden;
  border-radius: 15px; /* Adjust the value to change the roundness of the corners */
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top:50px;
  border-radius: 15px; /* Same as the container to ensure the iframe corners match */
  pointer-events: none; /* Prevents interaction until needed */
}