<style>

.mt-10 {margin-top:  10px; }
.mt-15 {margin-top:  15px; }
.mt-20 {margin-top:  20px; }
.mt-25 {margin-top:  25px; }
.mt-30 {margin-top:  30px; }
.mt-40 {margin-top:  40px; }
.mt-50 {margin-top:  50px; }
.mt-60 {margin-top:  60px; }
.mt-80 {margin-top:  80px; }

#announcement {background:url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/announcement-bar-bg_1743001971153001tIbp.jpg) no-repeat top center / cover #ffffff; padding: 16px 20px; text-align: center; position: relative; top: 118px;}
	#announcement .message {color:#000; font-size: 22px; line-height: 24px; font-weight: 700; font-family: 'proxima-nova'; text-transform: none; }

/* Tell Me More */
#more {padding-top: 4%; padding-bottom: 4%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/tell-me-more-bg_1743521085395001EV7t.jpg) no-repeat top center / cover;}
#more h2 {font-weight: 700;font-size: 40px; color: #000; text-transform: uppercase; line-height: 46px; text-align:  right; font-family: 'proxima-nova'; letter-spacing: 4px; }
#more .n-title {width:  90%; margin-top:  15%; }
#more .n-form {padding:  25px; margin-top: 25px;  }
#more .n-form p {font-size:  18px; font-weight:  400; line-height:  24px; color:  #000; text-align:  left; font-family: 'proxima-nova';}
#more .border-left {border-left:  5px solid #000; }
#more .btn-cta {background-color: #0075B8!important; color: #fff; padding: 16px 32px; border:  1px solid #0075B8; font-weight: 700; text-transform:  uppercase; font-size:  18px; font-family: 'proxima-nova'; border-radius: 40px; }

/* Home */
#hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/aihi-home-hero-updated_1753283668637001lZMM.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;}
	.homehero {padding-top:  6%; padding-bottom: 5%;   }
	.homehero .hero-card {padding: 40px;}
	.homehero h1 {color: #fff; font-size:  40px; line-height:  48px; font-weight:  700; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 4px; }
	.homehero h2 {font-size:  34px; line-height:  38px; color:  #fff; font-weight:  700; text-transform: none; font-family: 'proxima-nova'; }
.homehero h3 {font-size:  28px; line-height:  32px; color:  #fff; font-weight:  700; text-transform: none; font-family: 'proxima-nova'; }
.homehero h4 {font-size:  22px; line-height:  30px; color:  #fff; font-weight:  700; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.1px;}
	.homehero .cta-btn {border:2px solid #0075B8; background: #0075B8; color: #ffffff; font-size: 16px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 40px; }
	.homehero .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 16px; text-transform: uppercase; padding: 16px 32px; margin-left: 15px; font-weight: 700; border-radius: 40px; }
	.homehero .cta {text-align: center; display: inline-block; margin-top: 35px;}

#returns {padding-top: 8%; padding-bottom: 5%; }
	#returns .card {width: 92%; }
	#returns .card h2 {font-size:  34px; line-height:  40px; color:  #000; font-weight:  700; text-transform: none; font-family: 'proxima-nova'; }
	#returns .card h3 {font-size:  28px; line-height:  32px; color:  #0075B8; font-weight:  700; text-transform: none; font-family: 'proxima-nova'; }
	#returns .card p {font-size:  18px; line-height:  22px; color:  #000; font-weight:  400; text-transform: none; font-family: 'proxima-nova'; }
	#returns .card .cta-btn-ghost {border: 2px solid #0075B8; background: #fff; color: #0075B8; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-right: 30px; font-weight: 700;}
	#returns .e-img img {width: 100%;}

#quiz {margin-top: 5%; margin-bottom: 5%; background: #EFEFEF}
#quiz .card {padding: 40px;}

#newsletter { padding-bottom: 5%; }
	#newsletter .g-content {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/ah-hi-podcast-bg_1748370676543001fdXT.jpg) no-repeat top center / cover #ffffff; padding: 5%; }
	#newsletter h2 {font-size:  40px; line-height: 44px; color: #fff; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 4px; }
	#newsletter h4 {font-size:  22px; line-height: 28px; color: #F9C64C; font-weight: 700; text-transform: none; font-family: 'proxima-nova';letter-spacing: 1.1px;}
	#newsletter p {color: #fff; font-size:  18px; font-weight:  400; text-transform: none; font-family: 'proxima-nova'; line-height:  24px; width: 74%; }
	#newsletter a {color:#F9C64C}
	#newsletter .cta-btn-ghost {border: 2px solid #F9C64C; background: transparent; color: #F9C64C; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-right: 30px; font-weight: 700; border-radius: 40px; }

#video {margin-top: 5%; margin-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/video-container-bg_1743521085461001EYKG.jpg) no-repeat top center / cover #ffffff;}
	#video .video-card {padding-top: 15%; padding-bottom: 7%; }
	iframe {border:none; }

#why {padding-top: 5%; padding-bottom: 5%; background: #EFEFEF; margin-top: -5%;  }
	#why h2 {font-size:  34px; line-height:  40px; color:  #000; font-weight:  700; text-transform: none; font-family: 'proxima-nova'; text-align: center; letter-spacing: 1.7px; }
	#why .title {text-align: center; }
	#why .icon {position: relative; left: -15px; }
	#why .card {background: #fff; height: 200px; }
	#why .transform {height: 180px; }
	#why .max {height: 170px; }
	#why .card .content h3 {font-size: 28px; line-height: 32px; color: #000; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.4px}
	#why .card .content p {font-size: 18px; line-height: 20px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';}

#highlights {padding-top: 5%; padding-bottom: 5%; }
	#highlights h2 {font-size:  34px; line-height:  40px; color:  #000; font-weight:  700; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.7px; }
	#highlights .card {padding: 24px; min-height: 165px; }
	#highlights .card.foundation {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/ai-foundations-bg_1743521084480001E2P8.jpg) no-repeat top center / cover;}
	#highlights .card.innovation {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/ai-innovations-bg_1743521084526001E3s5.jpg) no-repeat top center / cover;}
	#highlights .card.ethics {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/ai-ethics-bg_1743521084365001EF63.jpg) no-repeat top center / cover;}
	#highlights .card.scale {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/ai-scale-bg_1743521084574001EA2c.jpg) no-repeat top center / cover;}
	#highlights .card.transformation {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/ai-transformation-bg_1743521084684001EEQs.jpg) no-repeat top center / cover;}
	#highlights .card .title {font-size:  56px; line-height:  56px; color:  #fff; font-weight:  400; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 11.2px; }
	#highlights .card h4 {font-size:  28px; line-height:  32px; color:  #fff; font-weight:  700; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.4px; }
	#highlights .card .icon {float: right; position: relative; top: -100px; }

/*Rates Page */
#rates-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/rates-hero-bg-latest_1743693179754001u4dG.jpg) no-repeat top center / cover #ffffff; margin-top: 4%;}

#offers {padding-top: 5%; padding-bottom: 5%; }
	#offers .card h2 {font-size:  34px; line-height:  40px; color:  #000; font-weight:  700; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.7px; }
	#offers .card h3 {font-size:  28px; line-height:  32px; color:  #000; font-weight:  600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.4px;}
	#offers .card p {font-size:  18px; line-height:  22px; color:  #000; font-weight:  400; text-transform: none; font-family: 'proxima-nova'; }
	#offers .card ul li {font-size:  18px; line-height:  22px; color:  #000; font-weight:  400; text-transform: none; font-family: 'proxima-nova'; }

#rate-grid {padding-top: 5%; padding-bottom: 5%; }
#rate-grid h2 {font-size:  34px; line-height:  40px; color:  #000; font-weight:  600; text-transform: uppercase; font-family: 'proxima-nova-condensed'; }
#rate-grid .row {margin-left: 0; margin-right: 0; }
#rate-grid .subtext {color:#AD380E; font-size: 14px; font-weight: 600; text-transform: uppercase;}
#rate-grid .cta {border-top: 2px solid var(--2026-Saturated-Colors-4, #2AA5E9); border-bottom: 2px solid #2AA5E9; padding: 44px 0; text-align: center;}
#rate-grid .cta-btn {border:2px solid #0075B8; background: #0075B8; color: #ffffff; font-size: 16px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 40px; }
#rate-grid small {font-size: 14px; font-family: 'proxima-nova'; font-weight: 400; color: #000; }

/* Style tab links */
.tablink {color: #000; background: none; border: none;outline: none;cursor: pointer;font-weight: bold;text-align: center;margin: 0 16px;padding:8px 0;font-size: 28px; font-family: 'proxima-nova-condensed'; }
.tablink.selected, .tablink:hover, .tablink:focus {color: #000;}
.tablink.selected {padding-bottom:4px;border-bottom: 4px solid #F48134;}
	
.unstripetable { width:100%; }
.unstripetable th { font-size:22px; color: #000000; border: 2px solid #CCC; text-align: center; padding:8px 16px; font-weight: normal; background: none; }
.unstripetable tr:first-child th:first-child {background: #efefef; }
.unstripetable td, .unstripetable th { font-size:18px; color: #000000; border: 6px solid #EFEFEF; text-align: center; padding:8px 16px; font-weight: 600;}
.unstripetable th strong { display: block; font-size:22px; }
.unstripetable tr:first-child th:first-child { border: none; }
.unstripetable td:first-child { text-align: left; }

#group { padding-bottom: 5%; }
#group .g-content {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/rates-group-bg_1743533765550001bmll.jpg) no-repeat top center / cover #ffffff; padding: 40px; }
#group h2 {font-size:  40px; line-height: 44px; color: #fff; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 4px; }
#group h4 {font-size:  22px; line-height: 28px; color: #F9C64C; font-weight: 700; text-transform: none; font-family: 'proxima-nova';letter-spacing: 1.1px;}
#group p {color: #fff; font-size:  18px; font-weight:  400; text-transform: none; font-family: 'proxima-nova'; line-height:  24px; }
#group a {color:#F9C64C}
#group .cta-btn-ghost {border: 2px solid #F9C64C; background: transparent; color: #F9C64C; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-right: 30px; font-weight: 700; border-radius: 40px; }

 #faqs {padding-top: 5%; padding-bottom: 5%; background: #efeded}
    #faqs h2 {font-size:  34px; line-height:  40px; color:  #000; font-weight:  600; text-transform: none; font-family: 'proxima-nova-condensed'; }
    .accordion {background-color: #fff; color: #1B3C69; cursor: pointer; padding: 16px; width: 100%;border: none;text-align: left;outline: none;font-size: 22px;transition: 0.4s; text-transform: none; font-family: 'proxima-nova'; font-weight: 600; border: 1px solid #0075B8; border-radius: 4px; }
    #faqs .active, .accordion:hover {background-color: #1B3C69; color:#fff; }
    .accordion:after {content: '\002B';color: #1B3C69;font-weight: bold;float: right;margin-left: 5px;}
    #faqs .active:after {content: "\2212"; color:#fff;}
    .panel {padding: 0 18px;background-color: white; max-height: 0; overflow: hidden;transition: max-height 0.2s ease-out; border:1px solid #0075B8; }
    .panel p {font-size: 18px; font-weight: 400; line-height: normal; font-family: 'proxima-nova'; color:#000;}
    .panel ul li {font-size: 18px; font-weight: 400; line-height: normal; font-family: 'proxima-nova'; color:#000;}

/*Event Policies */
#ep-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/rates-hero-bg_1743533765815001biSF.jpg) no-repeat top center / cover #ffffff; margin-top: 4%; }
#ep-hero .homehero {padding-top:  8%; padding-bottom: 10%;   }

#policy {padding-top: 5%; padding-bottom: 5%; }
#policy h4 {font-size:  22px; line-height:  24px; color:  #000; font-weight:  700; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.1px;}
#policy h3 {font-size:  28px; line-height:  32px; color:  #000; font-weight:  600; text-transform: none; font-family: 'proxima-nova';letter-spacing: 1.4px;}
#policy p {color: #000; font-size:  18px; font-weight:  400; font-family: 'proxima-nova'; line-height: normal; }
#policy .content ul li {color: #000; font-size:  18px; font-weight:  400; font-family: 'proxima-nova'; line-height: normal; }

/* Program Overview */
#program-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/aihi-program-hero-updated_1753284853282001S6he.jpg) no-repeat top center / cover #ffffff; margin-top: 4%;}

#designed {padding-top: 5%; padding-bottom: 5%; }
	#designed .card h2 {font-size:  34px; line-height:  40px; color:  #000; font-weight:  700; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.7px; }
	#designed .card p {font-size:  18px; line-height:  22px; color:  #000; font-weight:  400; text-transform: none; font-family: 'proxima-nova'; }

#kind {padding-top: 5%; padding-bottom: 5%; }
	#kind .card {width: 92%; }
	#kind .card h3 {font-size:  28px; line-height:  32px; color:  #000; font-weight:  600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.4px;}
	#kind .card h4 {font-size:  22px; line-height:  26px; color:  #000; font-weight:  700; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.1px; }
	#kind .card p {font-size:  18px; line-height:  22px; color:  #000; font-weight:  400; text-transform: none; font-family: 'proxima-nova'; }
	#kind .card ul li {font-size:  18px; line-height:  22px; color:  #000; font-weight:  400; text-transform: none; font-family: 'proxima-nova'; }

/*In-Person */
#in-person-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/aihi-inperson-hero-bg_1753206441214001eBEI.jpg) no-repeat top center / cover #ffffff; margin-top: 4%;}
    #in-person-hero .homehero .hero-card {background: transparent;  padding: 40px;}
    #in-person-hero .homehero h1 {color: #fff; font-size:  40px; line-height:  46px; font-weight:  700; text-transform: uppercase; font-family: 'proxima-nova'; }

#attend {padding-top: 5%; padding-bottom: 5%; }
    #attend h2 {font-size:  34px; line-height:  40px; color:  #000; font-weight:  700; text-transform: none; font-family: 'proxima-nova'; text-align: center; letter-spacing: 1.7px; width: 50%; margin: auto; }
	#attend .title {text-align: center; }
	#attend .card h3 {font-size:  28px; line-height:  32px; color:  #000; font-weight:  700; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.4px; }
	#attend .card p {font-size:  18px; line-height:  22px; color:  #000; font-weight:  400; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 0.36px;}
    #attend .cta {border-top: 2px solid #2AA5E9; border-bottom: 2px solid #2AA5E9; padding: 44px 0; text-align: center;}
    #attend .cta-btn {border:2px solid #0075B8; background: #0075B8; color: #ffffff; font-size: 16px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 40px; }

#includes {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/aihi-inperson-slider-bg_1753206441929001ey9q.jpg) no-repeat top center / cover;}
    #includes .title {text-align: center;}
	#includes h2 {font-size:  34px; line-height:  40px; color:  #fff; font-weight:  700; text-transform: none; font-family: 'proxima-nova'; text-align: center; letter-spacing: 1.7px;}
    #includes .card {border-left: 8px solid #E4B77B; background: #000; backdrop-filter: blur(4px); width: 359px; height: 350px; }
    #includes .card .content {padding: 20px; margin-top: -20px; }
	#includes .card h3 {font-size:  28px; line-height:  32px; color:  #fff; font-weight:  600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.4px;}
	#includes .card h4 {font-size:  22px; line-height:  26px; color:  #fff; font-weight:  700; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.1px; }
	#includes .card p {font-size:  18px; line-height:  22px; color:  #fff; font-weight:  400; text-transform: none; font-family: 'proxima-nova'; }
	#includes.carousel-container {display: flex;flex-direction: column;align-items: center;position: relative;width: 80%;margin: auto;}
    #includes .carousel {display: flex;width: 105%;position: relative; transition: transform 0.5s ease-in-out;}
    #includes .carousel-item {flex: 0 0 25%; box-sizing: border-box;padding: 10px;text-align:left;margin-right: 10px;}
    #includes .dots-container {display: flex;justify-content: left;margin-top: 10px;}
    #includes .dot {width: 15px;height: 15px;background-color: #787878;border-radius: 50%;margin: 0 5px;cursor: pointer;transition: background-color 0.3s ease;}
    #includes .dot.active {background: linear-gradient(270deg, #E9C27D 0%, #EFC46C 32%, #C0842B 70%, #E4B77C 100%); width: 50px; border-radius: 8px;}

/* Team */
#team-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/aihi-team-hero-bg_1753297453142001KZlN.jpg) no-repeat top center / cover #ffffff; margin-top: 4%;}

#prepare {padding-top: 5%; padding-bottom: 5%; }
    #prepare .card h2 {font-size:  34px; line-height:  40px; color:  #000; font-weight:  700; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.7px; }
	#prepare .card p {font-size:  18px; line-height:  22px; color:  #000; font-weight:  400; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 0.36px;}
    #prepare .card ul li {font-size:  18px; line-height:  22px; color:  #000; font-weight:  400; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 0.36px;}
    #prepare .cta {border-top: 2px solid var(--2026-Saturated-Colors-4, #2AA5E9); border-bottom: 2px solid #2AA5E9; padding: 44px 0; text-align: center;}
    #prepare .cta-btn {border:2px solid #0075B8; background: #0075B8; color: #ffffff; font-size: 16px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 40px; }


/*footer*/
#footer {padding-top: 2%; padding-bottom: 2%; background: #1B3C69; }
    #footer p {font-size: 14px; color:#fff; text-align: center; font-weight: 500; font-family: 'proxima-nova'; }
    #footer .links {float:left; margin-top: 5%; margin-left: -15px; }
    #footer .social {float:right; }
    #footer .links {color:#fff;}
    #footer .links a {font-size: 14px; color:#fff; text-align: center; font-weight: 500; font-family: 'proxima-nova'; text-decoration: underline; }
    #footer .fineprint p {text-align: left; }


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 767px) {
    #navbar.navbar .container a.navbar-brand {width: 65%; }
    #announcement {top: 65px;}
    #announcement .message {font-size: 18px; }
    #footer {padding-left: 15px; padding-right: 15px; }
    #footer .spread-icons {text-align: left; }
    #footer .social {float:none; }
    #footer .links {float:none; }
    #footer p {text-align: left; }
#ep-hero .homehero {padding-top: 20%; padding-bottom: 20%; }
    .homehero {padding-top: 20%; padding-bottom: 20%; }
.homehero h1{font-size: 36px; line-height: 40px; }
    .homehero .hero-card {width: auto; padding: 20px; }
    .homehero .cta {display:grid; }
    .homehero .cta-btn {margin-bottom: 20px; }
    #returns .card {width: auto; }
    #why {padding-left: 15px; padding-right: 15px; }
    #why .card {margin-bottom: 20px; }
    #why .card .content h3 {font-size: 20px; line-height: 24px; }
    #why .card .content p {font-size: 14px; line-height: 16px; }
    #why .transform {height: 150px; }
    #why .card .icon img {height: 150px; }
    #why .card.max {height: 160px; }
    #why .card.max .icon img {height: 160px; }
    #why .card {height: 150px; }
    #highlights {padding-left: 15px; padding-right: 15px; }
    #highlights .card {margin-bottom: 20px; }
    #faqs {padding-left: 15px; padding-right: 15px; }
    #policy {padding-left: 15px; padding-right: 15px; }
    #group h2 {letter-spacing: normal;}


    #more h2 {text-align: left; }
    #more .border-left {border-left: none; }
    #more .n-form {padding: 0; margin-bottom: 25px; }
    
    
}
/* Tablet (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) and (max-width:  1024px) {
.homehero {padding-top: 10%; padding-bottom: 10%; }
.homehero .cta-btn-ghost {position:relative; top: 20px; }
}
</style>