/* =========================================================
   Reskin Overrides
========================================================= */

@import url("https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap");


/* =========================================================
   Variables
========================================================= */

:root {
	/* Typography */
	--kw-font-family-primary: "Host Grotesk", sans-serif;
	--kw-letter-spacing-body: -0.4px;
	--kw-letter-spacing-heading: -0.2px;

	/* Colors */
	--kw-color-primary: #4d60fb;
	--kw-color-background: #050821;
	--kw-color-surface: #0d0f31;
	--kw-color-secondary: #ddd6fb;
	--kw-color-accent: #fdca13;
	--kw-color-light: #ffffff;
	--kw-color-paragraph: #9298c8;
	--kw-color-input-text: #a7a9bf;

	/* Layout */
	--kw-container-max-width: 82.5rem;
}


/* =========================================================
   Typography
========================================================= */

body, button, input, select, textarea, .channel-first-partner-second-sec .featured_content p {
	font-family: var(--kw-font-family-primary) !important;
	letter-spacing: var(--kw-letter-spacing-body) !important;
    color: var(--kw-color-paragraph) !important;
}

h1, h2, h3, h4, h5, h6, h1 strong {
	font-family: var(--kw-font-family-primary) !important;
	letter-spacing: var(--kw-letter-spacing-heading) !important;
	color: var(--kw-color-light) !important;
}

/* =========================================================
   Global Layout
========================================================= */

body, #kw-hero-section, #main .page-header-block, #content .page-header-block, .channel-first-partner-second-sec, .generic-content.has-background.color-as-background, .channel-first-partner-third-sec {
	margin-top: 0;
	background-color: var(--kw-color-background) !important;
	background-image: none !important;
}

.grid-x{
	max-width: var(--kw-container-max-width) !important;
}

/* resouces CSS  */
.card-footer {
   position: absolute;
   bottom: 0px;
}
.post-card, .team-tile, .kw-pr-card{
    background: linear-gradient(180deg, rgba(21, 29, 83, 0.93) 0%, rgb(13 15 48) 100%);
    border: 1px solid rgba(100, 115, 235, 0.23);
    border-radius: 10px;
    box-shadow: inset 0 0 34px rgba(128, 148, 255, 0.22), 0 16px 42px rgba(0, 0, 0, 0.28);
    padding: 18px 18px 20px;
    min-height: 174px;
    position: relative;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.post-card .card-title, .kw-pr-card .kw-pr-title h3, .kw-pr-card .kw-pr-title a{
    color:var(--kw-color-light) !important;
    font-size: 1.125rem !important;
    line-height: 1.3 !important;
    margin: 0 0 8px;
    font-weight: 500;
    letter-spacing:0.2px !important;
	text-decoration:none;
}
.featured-resources .post-term {
   margin: 2.625rem 0 1.5rem !important;
}
.post-card .card-image, .promo-block img, .kw-pr-card img{
    border-radius:10px; 
}
.post-cards-grid .card-section{
    border:none;
    padding-top:15px;
}
.featured-resources h2, .modal-content0 h2 {
   font-weight: 700;
   padding: unset !important;
   font-size: 2.3125rem !important;
   color:var(--kw-color-light) !important;
}
/* resouces CSS  */
/*Footer Get Started*/
#kw-newsletter-section{
    background-image: none !important;
    background-color: var(--kw-color-surface) !important;
}
#kw-newsletter-section .grid-x, #kw-newsletter-section .grid-x h2, #kw-newsletter-section .grid-x div{
    text-align:Center;
    max-width:100%;
    justify-content: center;
}
#kw-newsletter-section p, #kw-newsletter-section>div>div:nth-child(3){
    margin-left:0% !important;
}
.cta-newsletter-home-con {
    background-color: transparent !important;
    width: auto !important;
    text-transform: none !important;
    height: auto !important;
    display: block !important;
}
.cta-newsletter-home-con:hover{
    background:transparent;
}
/* Buttons */
.featured-resources .block-footer .button, .cta-kw-newsletter-footer, .channel-first-partner-first-sec-buttonone button, .channel-first-partner-second-sec .featured_content a{
    background: rgba(0,0,0,0.2) !important;
    border: 2px solid #ffc400 !important;
    color: #ffc400 !important;
    border-radius: 20px !important;
    padding: 15px 35px !important;
    text-decoration: none;
    font-size: 18px;
    transition: background-color 0.3s ease;
    box-shadow: inset 0 0 28px rgba(255, 196, 0, 0.12), 0 0 14px rgba(255, 196, 0, 0.18) !important;
    text-decoration:none !important;
	cursor:pointer;
}
.featured-resources .block-footer .button:hover, .cta-kw-newsletter-footer:hover, .channel-first-partner-first-sec-buttonone button:hover, .channel-first-partner-second-sec .featured_content a:hover{
  background: rgba(0,0,0,0.5) !important;
  box-shadow: inset 0 -24px 30px rgba(255, 196, 0, 0.18), 0 18px 28px -22px rgba(255, 196, 0, 0.45) !important;
  border: 2px solid #ffc400;
}

.featured-resources .block-footer .button.is-pressed, .cta-kw-newsletter-footer.is-pressed, .channel-first-partner-first-sec-buttonone button.is-pressed, .channel-first-partner-second-sec .featured_content a.is-pressed {
  background: rgba(0,0,0,0.6) !important;
  transform: translateY(1px);
  box-shadow:
    inset 0 -28px 36px rgba(255, 196, 0, 0.24),
    inset 0 0 18px rgba(255, 196, 0, 0.10),
    0 14px 24px -24px rgba(255, 196, 0, 0.55) !important;
	border: 2px solid #ffc400;
}
.featured-resources .block-footer .button:active, .cta-kw-newsletter-footer:active, .channel-first-partner-first-sec-buttonone button:active, .channel-first-partner-second-sec .featured_content a:active{
  background: rgba(0,0,0,0.6) !important;
  transform: translateY(1px);
  box-shadow:
    inset 0 -28px 36px rgba(255, 196, 0, 0.24),
    inset 0 0 18px rgba(255, 196, 0, 0.10),
    0 14px 24px -24px rgba(255, 196, 0, 0.8);
	border: 2px solid #ffc400;
}

.channel-first-partner-first-sec-buttontwo button {
    background: rgba(0, 0, 0, 0.2) !important;
    border: 2px solid #4d60fb !important;
    color: #4d60fb !important;
    border-radius: 20px !important;
    padding: 15px 35px !important;
    text-decoration: none !important;
    font-size: 18px;
    transition: background-color 0.3s ease;
    box-shadow:
        inset 0 0 28px rgba(77, 96, 251, 0.12),
        0 0 14px rgba(77, 96, 251, 0.18) !important;
    cursor: pointer;
}

.channel-first-partner-first-sec-buttontwo button:hover {
    background: rgba(0, 0, 0, 0.5) !important;
    box-shadow:
        inset 0 -24px 30px rgba(77, 96, 251, 0.18),
        0 18px 28px -22px rgba(77, 96, 251, 0.45) !important;
    border: 2px solid #4d60fb !important;
}

.channel-first-partner-first-sec-buttontwo button.is-pressed {
    background: rgba(0, 0, 0, 0.6) !important;
    transform: translateY(1px);
    box-shadow:
        inset 0 -28px 36px rgba(77, 96, 251, 0.24),
        inset 0 0 18px rgba(77, 96, 251, 0.10),
        0 14px 24px -24px rgba(77, 96, 251, 0.55) !important;
    border: 2px solid #4d60fb !important;
}

.channel-first-partner-first-sec-buttontwo button:active {
    background: rgba(0, 0, 0, 0.6) !important;
    transform: translateY(1px);
    box-shadow:
        inset 0 -28px 36px rgba(77, 96, 251, 0.24),
        inset 0 0 18px rgba(77, 96, 251, 0.10),
        0 14px 24px -24px rgba(77, 96, 251, 0.8) !important;
    border: 2px solid #4d60fb !important;
}
/*Buttons*/

#in-page-menu-2{
	background-color:var(--kw-color-primary) !important
}
.second-sec-sub-sec-one p, .second-sec-sub-sec-two, .channel-first-partner-third-sec p, .fourth-sec-sub-two{
	margin-left:0px !important;
	margin-right:0px !important;
}
.channel-first-partner-second-sec .featured_img img{
	border-radius:20px;
}

.fourth-sec-sub-two .col-4{
	padding:0px !important;
	margin:0px !important;
}
.fourth-sec-sub-two .col-4 img{
	background-color:var(--kw-color-light);
	min-height:160px;
	max-height:160px;
	width:90% !important;
	padding:40px;
	border-radius:20px;
}
.slide-container .thumbnail{
	background-color:var(--kw-color-light);
}