/*
Theme Name: sunRISE - Sprinklr OE 2027
Author: Hydrogen Interactive
Version: 2027

Earth Green: #70bf54
Sun Orange: #faa21b
Ocean Blue: #118acb
Sky Blue: #00bae9
Slate Blue: #36647d
Space Gray: #2e3841
bgGrey: #f5f7f8
bgBlue: #e7f5fa;

font-family: 'Montserrat', sans-serif; */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

html { scroll-behavior: smooth;}

html,
button,
input,
select,
textarea {
font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}

body {background: #ffffff; color: #2e3841; font-family: "Montserrat", sans-serif; font-style: normal; font-size: 14px;font-weight: 400; line-height: 1.5; margin: 0;}

a { color: #36647d; text-decoration: underline;}
a:visited { color:#36647d ;}
a:focus {outline: thin dotted;}
a:active {color: #00bae9; outline: 0;}
a:hover {color: #118acb; text-decoration: none;}

h1,h2,h3,h4,h5,h6 {
	padding: 0;
	margin: .5em auto;
	line-height: 1.1;	
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
 	font-style: normal;
    text-decoration: none !important;
}

h1 /*page title*/ {font-size: 280%; font-weight: 800;}
h2 /*section title*/  {font-size: 180%;} h2.like1 {font-size: 240%; font-weight: 800;}
h3 /*subtitle*/ {font-size: 140%; color: #111111;}
h4 /*intro + accordions*/{font-size: 120%; } 
h5 /*subsection*/ {font-size: 110%;}
h6 {font-size: 100%; } 

p {	margin: 0 0 10px;}
b, strong {font-weight: 600; color: #111111;}
hr {	
clear: both;
background: none;
border:0; 
border-top: 1px #da7e0e5 solid;
	height: 1px;
	margin: 20px auto 10px;
}

.cb{clear: both;}
.fl, .ifl, .alignleft{float: left; margin: -15px 40px 10px 0;} 
.fr, .ifr, .alignright {float: right; margin: -15px 0 10px 40px;}
.aligncenter {display: block;margin: 0 auto}
.pw {max-width: 1280px; padding: 0; margin: 0 auto;}
.smaller {font-size: 12px;}

.notes {font-size: 90%; font-style: italic;}

.whiteBG{background: #ffffff;}
.greyBG{background: #f5f7f8;}
.greenBG{background: #f1f9ee;}
.skyBG {background: #e7f5fa;}
.skyFade {background-image: linear-gradient(#ffffff, #e7f5fa);}
.sprRainbow{background-image:url("images/gradient-arc.jpg"); background-size: cover;}
.skyBanner{background: #118ACB; background: linear-gradient(135deg,rgba(17, 138, 203, 1) 50%, rgba(0, 186, 233, 1) 100%);}
.spaceBanner{background: #118ACB; background: linear-gradient(to right ,rgba(17, 138, 203, 1) 0%, rgba(54, 100, 125, 1) 50%, rgba(46, 56, 65, 1) 100%);}
.sunBanner{background: #faa21b; background: linear-gradient(135deg,rgba(250, 162, 27, 1) 0%, rgba(159, 57, 1, 1) 100%);}
.greenBanner{background: #70bf54; background: linear-gradient(135deg,rgba(60, 150, 80, 1) 0%, rgba(112, 191, 84, 1) 100%);}

.roundCorners{border-radius: 20px; overflow: hidden;}
.smileShape{display: flex; flex-direction: column; aspect-ratio: 2.4;
	clip-path: shape(from 100% 0%,vline by 83.02%,curve by -100% 0.8% with -26.02% 23.6%/-78.13% 21.4%,vline to 0.8%,line by 100% -0.8%,close); }

.whiteText h1, .whiteText h2, .whiteText h3, .whiteText h4, .whiteText p {color: #ffffff !important}
.whiteText p {font-weight: 500;}

/*** 1.0 Reset* ----------------------------------------------------------------------------*/
html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;}

menu,
ol,
ul {
	margin: 10px 0 20px;
	padding: 0 0 0 40px;
}

ul {
	list-style: disc;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

li > ul,
li > ol {
	margin: 0;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
	border: 1px #666666 solid;
	border-radius: 4px;
}

button,
input {
	line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 220px;
	
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top; }

table {
    table-layout: fixed; 
    width: 100%;
	overflow: auto;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0; }

th {
	line-height: 1.1; 
	font-weight: 600; 
	text-align: center;
	color: #ffffff; 
	background-color: #faa21b; 
	border: 0;
	padding: 15px 10px;}

td {
	background-color: #ffffff;
	border:none;
	padding: 15px 10px;
	line-height: 1.1;
}

td ul {margin: 0; padding: 0 0 0 10px;}
td ul li {line-height: 1.2; padding-bottom: 4px;}

tr:nth-of-type(even) td {background-color: #f5f7f8;}


.chart-columns{display: block; width: 100%; border-collapse: separate; border-spacing: 2px; border: 0; overflow: auto;}

.chart-columns tr td{text-align: center; }
.chart-columns tr td:first-child  {text-align: left; font-weight: 600;}
.chart-columns tr td:last-child  {border-right: 0;}

.chart-columns tr th{text-align: center;}
.chart-columns tr th:first-child {text-align: left;}

.chart-columns tr th:nth-child(1n){background-color: transparent; }
.chart-columns tr th:nth-child(2n){background-color: #70bf54; }
.chart-columns tr th:nth-child(3n){background-color: #faa21b;}
.chart-columns tr th:nth-child(4n){background-color: #00bae9; }
.chart-columns tr th:nth-child(5n){background-color: #118acb; }
.chart-columns tr th:nth-child(6n){background-color: #aa519f; }
.chart-columns tr th:nth-child(7n){background-color: #e0277f; }

td.th-sub,
.chart-columns tr td.th-sub{color: #ffffff; font-size: 80%; font-weight: 600; background-color: #36647d !important; padding: 10px; text-align: center;}

.chart-footnotes{font-style: italic; font-size: 80%; padding: 10px 2px; line-height: 1.2;}

.chart-columns.cc-rewards tr th:nth-child(1n){background-color: #faa21b; width: 70%; }
.chart-columns.cc-rewards tr th:nth-child(2n){background-color: #00bae9;  width: 20%;}
.chart-columns.cc-rewards tr th:nth-child(3n){background-color: #70bf54; width: 10%;}
.chart-columns.cc-rewards tr td {padding: 10px}
.chart-columns.cc-rewards tr td:first-child{font-weight: 400;}
.chart-columns.cc-rewards tr td:last-child {font-weight: 600;}

/**2.0 Repeatable Patterns* ----------------------------------------------------------------------------*/
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	position: absolute !important;
	height: 1px;
	width: 1px;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

button,
input,
textarea {
	border: 1px solid #999999;
	font-family: inherit;
	padding: 4px;
}

input,
textarea {
	color: #141412;
}

input:focus,
textarea:focus {
	border: 1px solid #003F72;
	outline: 0;
}

/*BUTTONS*/
a.button-link,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	display: table;	
	color: #ffffff;
	background:#118acb;
	padding: 8px 24px !important;
	margin: 40px 0 20px;
	text-decoration: none;
	text-align: center;
    font-weight: 700;
	border: none;
	border-radius: 40px;
}

a:hover.button-link,
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	color: #ffffff;
	outline: none;
	background: #00bae9;
}

a:active.button-link,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #ffffff;
	outline: none;
	background: #70bf54; /* Old browsers */	
}

a.action-link {margin: 10px 0; color: #000000; text-decoration: none; font-weight: 700; display: inline-flex; align-items: center; gap: 4px;}
a.action-link::after {content: url("images/arrowRight.svg"); width: 18px; height: 14px;}
a:hover.action-link{color: #00bae9;}
a:hover.action-link::after {content: url("images/arrowRightSky.svg");}

a.button-link.b-small {display: block; padding: 10px;margin: 0; font-size: 80%; width: 120px}
a.button-link.b-cta{margin: 10px auto;}
a.button-link.b-inline{display: inline-block; margin-right: 20px !important;}
a.button-link.b-centered{display: table; margin: 20px auto  10px !important;}
a.button-link.b-bigger{padding: 8px 20px !important; font-size: 100%;}

.whiteText a.button-link{color: #118acb; background: #ffffff;}
.whiteText a.action-link {color: #ffffff; padding: 4px 8px; border: 1px #ffffff solid;}
.whiteText a.action-link::after {content: url("images/arrowRightWhite.svg");}
.whiteText a:hover.action-link{background: #ffffff; color: #00bae9;}
.whiteText a:hover.action-link::after {content: url("images/arrowRightSky.svg");}
a.more-link{margin: 0 0 0 6px;}

/** Responsive images Fluid images for posts*/
.entry-content img, .post-thumbnail img, .ifl img, .alignleft img, .ifr img, .alignright img, .banner-image img, .header-image img, .promo-icon img, .sc-image img, .provider-logo img, .flag-icon img {max-width: 100%; height: auto;}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
img.wp-post-image {
	height: auto;
	max-width: 100%;
}

/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
	border: none;
}

/** * 4.0 Header * ----------------------------------------------------------------------------*/
.site-header {display: block; background:#ffffff; width: 100%; height: 100px; padding: 0 40px; -webkit-transition: all 400ms ease;transition: all 400ms ease;}
.site-header .home-link {display: inline-block; width: 333px; height: 40px;margin: 0;padding: 0;font-size: 0;text-decoration: none;background-image: url("images/sprinkr-benefits.svg");background-size: contain;background-repeat: no-repeat;-webkit-transition: all 400ms ease;transition: all 400ms ease;}

.navbar {display: inline-block; float: right; height: 40px; padding-top: 8px; -webkit-transition: all 400ms ease;transition: all 400ms ease;}
.utbar {display: block; width: 100%; height: 40px; padding: 10px; margin: 0; font-size: 12px; font-weight: 500;}
.utbar a {display: inline-block;margin: 0; padding: 0; text-decoration: none; border: none; color: #118acb}
.utbar a:hover, .utbar a:active {color: #00bae9}
.ut-menu li {display: inline-block; position: relative; margin-right: 5px;}


/*** 4.2 Navigation* ----------------------------------------------------------------------------*/

.main-navigation {margin: 0 auto; position: relative;}
.utility-navigation {margin: 0 auto; position: relative; float: right; }

.menu-toggle {display: none;}

ul.nav-menu, div.nav-menu > ul, ul.ut-menu, div.ut-menu > ul {margin: 0; padding: 0;}
.nav-menu li{display: inline-block; position: relative; margin-right: 18px;}
.nav-menu li a {
	color: #2c3438;	
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	padding: 6px;
	text-decoration: none;
	border: none;
    display: inline-flex; align-items: center; gap: 6px;
}

.nav-menu li.menu-item-has-children > a::after{content: url("images/downArrow.svg"); width: 10px;}
.nav-menu li:hover {}
.nav-menu li:hover > a, .nav-menu li a:hover { }
.nav-menu li:focus > a, .nav-menu li a:focus {}

.ut-menu li a {color: #36647d; padding: 0 6px;}
.nav-menu li#menu-item-3126 a {background: #faa21b; color: #ffffff; padding: 8px 16px; border-radius: 20px; font-weight: 600; font-size: 98%} 
.nav-menu li#menu-item-3126 a:hover {background: #70bf54; color: #ffffff;}
.nav-menu li#menu-item-3126 a::after {content: ""; width: 0; height: 0;}
.nav-menu li:last-child {margin: 0;} 

.nav-menu ul.sub-menu {
	background-color: #e7f5fa;
    background-image: linear-gradient(to right, #e7f5fa, #ffffff);
    position: absolute;
	border-top: 2px solid #00bae9;
    left: 0;
    margin: 0;
    padding: 0;
	z-index: 99999;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

ul.nav-menu ul a,
.nav-menu ul ul a {display: inline-block;font-size: 100%; margin: 0; width: 240px; border-bottom-right-radius: 20px; border-top-right-radius: 20px;}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover{color: #ffffff;background: #118ACB; background: linear-gradient(135deg,rgba(17, 138, 203, 1) 0%, rgba(0, 186, 233, 1) 60%, rgba(0, 186, 233, 0) 100%);}
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {color: #ffffff;background-color: #00bae9}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: 500px;
}
ul.nav-menu li.menu-item-3124:hover > ul, ul.nav-menu li.menu-item-4479:hover > ul,
.nav-menu ul li.menu-item-3124:hover > ul, .nav-menu ul li.menu-item-4479:hover > ul,
ul.nav-menu .focus li.menu-item-3124 > ul, ul.nav-menu .focus li.menu-item-4479 > ul,
.nav-menu .focus li.menu-item-3124 > ul, .nav-menu .focus li.menu-item-4479 > ul {
    width: 250px;
}

ul.sub-menu li{margin-right: 5px;} 

.nav-links{padding: 20px;}
.nav-previous, .nav-next{display: inline-block; }
.nav-previous a, .nav-next a{
    display: block;	
	background: #f0c81f;
	padding: 10px 20px !important;
	margin: 10px;
	text-decoration: none;
	text-align: center;
	font-weight: 600;
	border: none;
	border-radius: 20px; }

.nav-next a{background: #fee952;}

/** * 5.0 Content * ----------------------------------------------------------------------------*/
.section {clear: both; padding: 0 40px;}
.section-content {display: block; clear: both; max-width: 1200px; padding: 40px 0 20px; margin: 0 auto; }
.bottomBorder{border: 2px solid #faa21b;border-image-slice: 1; border-width: 1px; border-left: 0; border-right: 0; border-top: 0;
    border-image-source: linear-gradient(to left,rgba(250, 162, 27, 1) 0%, rgba(112, 191, 84, 1) 34%, rgba(0, 186, 233, 1) 74%, rgba(18, 138, 203, 1) 100%);}

.section-content ul, .section-content ol {padding: 0 0 0 20px;}
.section-content ul li, .section-content ol li {padding: 0 0 6px 0}
.section-content ul li:nth-child(1n)::marker, .section-content ol li:nth-child(1n)::marker {color: #70bf54; font-weight: 800;}
.section-content ul li:nth-child(2n)::marker, .section-content ol li:nth-child(2n)::marker {color: #faa21b; font-weight: 800;}
.section-content ul li:nth-child(3n)::marker, .section-content ol li:nth-child(3n)::marker {color: #00bae9; font-weight: 800;}

ul.premium-callout{display: table; margin: 0; padding: 0; list-style: none; border: 1px #d7e0e5 solid;}
ul.premium-callout li {display: inline-block; padding: 4px 20px;}

/*US Home Banner*/
.banner-contents{width: 100%; padding: 0; margin: 0 auto 0 -4%; display: grid; grid-template-columns: 44% 60%; align-items: center;}
.banner-image{background: url("images/spr-flying-feet-1000.jpg") right center no-repeat; background-size: contain; aspect-ratio: 1.667;
	clip-path: shape(from 90.44% 0%,hline to 0%,vline by 100%,hline by 90.44%,curve by 9.56% -50.02% with 6.08% -14.72%/9.56% -31.82%,smooth to 90.44% 0% with 96.52% 14.75%,hline by 0%,close);}
.banner-content{}
.banner-text{max-width: 900px; padding: 20px 60px;}
.banner-contents h2{font-size: 180%; margin: 1.5em auto .5em}

/*Landing Banner*/
.landing-contents{width: 100%; max-width: 1569px; padding: 0; margin: 0 auto; display: grid; grid-template-columns: 38% 62%; align-items: center;}
.landing-image{text-align: right; aspect-ratio: 1.5;
	clip-path: shape(from 92.01% 0%,hline to 0%,vline by 100%,hline by 92.01%,curve by 7.99% -50.03% with 5.08% -14.72%/7.99% -31.82%,smooth by -7.99% -49.97% with -2.91% -35.22%,hline by 0%,close);}
.landing-content{padding: 20px 40px 10px 60px;}
.landing-contents h2{font-size: 180%; margin: 1.5em auto .5em}
.landing-contents p{font-size: 120%;}

/*Post Header*/
.header-contents{width: 96%; display: grid; grid-template-columns: 62% 40%; align-items: center;}
.header-image{text-align: right; aspect-ratio: 1.5; clip-path: shape(from 89.26% 100%,curve by 10.74% -50.03% with 6.83% -14.73%/10.74% -31.81%,smooth by -10.74% -49.97% with -3.91% -35.24%,hline to 10.74%,curve by -10.74% 50.03% with -6.83% 14.73%/-10.74% 31.81%,curve by 10.74% 49.97% with 0% 18.22%/3.91% 35.24%,hline by 78.52%,close); }
.header-content{max-width: 780px; padding: 20px 60px 20px 40px;}
.header-content p{font-size: 114%;}


/*STANDARD SECTIONS*/
.calloutBox {width: 100%; max-width: 800px; text-align: center; margin: 20px auto; padding: 40px; border-radius: 20px;  
    border: 4px solid transparent;background-origin: border-box; background-clip: padding-box, border-box;
    background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(315deg,rgba(250, 162, 27, 1) 0%, rgba(112, 191, 84, 1) 34%, rgba(0, 186, 233, 1) 74%, rgba(18, 138, 203, 1) 100%); }

.call-to-action {width: 80%; margin: auto; padding: 40px; font-size: 140%; text-align: center;}
.call-to-action a.button-link, .calloutBox a.button-link {margin: 40px auto 20px;} 

.two-columns{padding: 20px 0 0; display: grid; grid-template-columns: 50% 50%;}
.column-left{padding-right: 40px; border: 2px solid #faa21b; border-image-slice: 1; border-width: 1px; border-left: 0; border-bottom: 0; border-top: 0;
    border-image-source: linear-gradient(to top, rgba(112, 191, 84, 1) 0%, rgba(0, 186, 233, 1) 50%, rgba(18, 138, 203, 1) 100%);}
.column-right{padding-left: 40px;}

.with-sidebar{padding: 0; display: grid; grid-template-columns: 25% 75%;}
.with-sidebar .column-left{background: #e7f5fa; padding: 20px;}
.with-sidebar .column-right{padding: 20px;}

.splitContents{width: 90%; margin: 0 auto 30px; display: grid; align-items: center; justify-content: space-between; grid-template-columns: 48% 48%;}
.sc-image{aspect-ratio: 1.5;clip-path: shape(from 0% 0%,hline by 100%,vline by 100%,hline to 0%,curve by 7.97% -50.03% with 5.08% -14.73%/7.97% -31.83%,smooth by -7.97% -49.97% with -2.91% -35.23%,hline by 0%,close);}
.sc-content{padding: 20px;}
.sc-content a.button-link{margin: 20px auto 10px 0;}

.promo-boxes {display: grid; align-items: stretch; justify-content: space-between; grid-template-columns: 48% 48%;} 
.promo-boxes.pb-3x {grid-template-columns: 31% 31% 31%; } 
.promo-boxes.pb-4x {grid-template-columns: 24% 24% 24% 24%; } 
.promo-box{font-size: 120%; padding: 16px; display: grid; grid-template-columns: 20% 80%; grid-template-rows: 70% 30%; 
  border-radius: 20px; border: 4px solid transparent;background-origin: border-box; background-clip: padding-box, border-box;
  background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(315deg,rgba(250, 162, 27, 1) 0%, rgba(112, 191, 84, 1) 34%, rgba(0, 186, 233, 1) 74%, rgba(18, 138, 203, 1) 100%); }
.promo-icon {padding: 0 20px 0 0 } 
.promo-box a.action-link::after {width: 20px; height: 18px;}

.benefits-boxes{display: grid; align-items: stretch; justify-content: space-between; grid-template-columns: 32% 32% 32%; margin-bottom: 40px;} 
.benefit-box{background: #ffffff; padding: 20px 40px; border-radius: 10px; border: 1px #d7e0e5 solid}

.new-bug{
    display: inline-block;	
    font-size: 80%;
	color: #ffffff;
	background: #00bae9;
    margin: -10px 6px auto 0;
    padding: 4px 12px;
	text-align: center;
    font-weight: 700;
	border: none;
    border-radius: 40px;}


/*DYNAMIC SECTIONS*/
.post-boxes{display: grid; align-items: stretch; justify-content: space-between; grid-template-columns: 32% 32% 32%;}
.post-boxes-5x{display: grid; align-items: stretch; justify-content: space-between; grid-template-columns: 20% 20% 20% 20% 20%; }

.post-box{padding: 20px; text-align: center;} 
.post-box h3 {font-size: 110%; font-weight: 600; margin: .25em auto 0;}
.post-box a {text-decoration: none;}
.post-box img {border-radius: 20px; overflow: hidden;} 

.post-summary{}
.post-summary .ps-box{display: block; padding: 5px 20px 5px 30px;  background-position: 5px 18px; background-repeat: no-repeat; background-size: 15px; line-height: 1.4;}
.post-summary .ps-box:nth-child(1n){background-image: url("images/circleGreen.svg");}
.post-summary .ps-box:nth-child(2n){background-image: url("images/circleOrange.svg");}
.post-summary .ps-box:nth-child(3n){background-image: url("images/circleSky.svg");}
.post-summary .ps-box a {text-decoration: none;}

.provider-boxes{display: grid; align-items: stretch; justify-content: space-between; grid-template-columns: 25% 25% 25% 25%; grid-column-gap: 20px; grid-row-gap: 20px } 
.provider-box{background: #ffffff; padding: 20px; border-radius: 10px; border: 1px #d7e0e5 solid;}

.provider-logo img{height: 60px; width: auto; padding-bottom: 10px;}
.provider-content{display: grid; grid-row-gap: 8px; grid-template-rows: 20px 20px 20px 30px; }
.provider-content div {}
.provider-add{font-size: 80%; line-height: 1.2; font-style: italic;}
a.appStore {display: inline-block; margin-right: 6px; border: 1px solid #d7e0e5; border-radius: 4px; width: 108px; height: 36px; background-position: center; background-size: 108px auto; background-repeat: no-repeat; text-decoration: none; }
a.appStore.apple {background-image: url(images/app-apple.svg)} 
a.appStore.google {background-image: url("images/app-google.svg")} 

.resource-boxes{display: grid; align-items: stretch; justify-content: space-between; grid-template-columns: 16% 16% 16% 16% 16% 16%;}
a.resource-box{background: #ffffff; font-weight: 800; text-decoration: none;padding: 40px 20px;text-align: center; border-radius: 20px; border: 4px solid transparent;background-origin: border-box; background-clip: padding-box, border-box; background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(315deg,rgba(250, 162, 27, 1) 0%, rgba(112, 191, 84, 1) 34%, rgba(0, 186, 233, 1) 74%, rgba(18, 138, 203, 1) 100%);} 

a:hover.resource-box {color: #ffffff;background-image: linear-gradient(315deg, rgba(112, 191, 84, 1) 0%, rgba(0, 186, 233, 1) 50%, rgba(18, 138, 203, 1) 100%);}

/*Special Boxes & Stripes*/
.sidebarBG{background: linear-gradient(90deg,rgba(245, 247, 248, 1) 50%, rgba(112, 191, 84, 1) 51%);}
.sidebar-stripe{display: grid; align-items: stretch; grid-template-columns: 68% 32%;}
.featured-news{padding: 40px;}
.quick-links{background: #70bf54; padding: 40px 0 20px 120px; aspect-ratio: 0.6;
	clip-path: shape(from 19.99% 100%,hline by 80.01%,vline to 0%,hline by -80.01%,curve by -19.99% 50.03% with -12.72% 14.73%/-19.99% 31.81%,smooth by 19.99% 49.97% with 7.27% 35.24%,close); }

ul.quick-menu {padding: 0; list-style: none;}
ul.quick-menu li {padding: 4px 0 10px;}
ul.quick-menu li a {color: #ffffff; text-decoration: none; font-weight: 600; font-size: 110%; display: inline-flex; align-items: center; gap: 8px;}
ul.quick-menu li a::after {content: url("images/arrowRightWhite.svg"); width: 18px; height: 18px;}
ul.quick-menu li a:hover{color: #000000;}
ul.quick-menu li a:hover::after {content: url("images/arrowRightBlack.svg");}

.circleList {margin: 0; padding: 0;border-top: 1px #d7e0e5 solid; display: grid; grid-auto-rows: 1fr;}
.circleList .cl-item{padding: 30px 20px 10px 160px; background-position: -120px center; background-repeat: no-repeat; background-size: 240px;}
.circleList .cl-item:nth-child(1n){background-image: url("images/circleGreen.svg"); border-bottom: 1px solid #70bf54; }
.circleList .cl-item:nth-child(2n){background-image: url("images/circleOrange.svg"); border-bottom: 1px solid #faa21b; }
.circleList .cl-item:nth-child(3n){background-image: url("images/circleSky.svg"); border-bottom: 1px solid #00bae9; }

.home .navbar, .home .ut-menu{display: none;}
.home .utbar {height: 30px;}

.home .section-content {font-size: 110%; font-weight:600;}
.global-boxes{display: grid; align-items: stretch; justify-content: space-between; grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10% ; grid-row-gap: 20px; padding: 10px 0 60px;} 
.flag-icon{width: 80px; height: 80px; margin: 10px auto; border-radius: 50px; border: 2px solid #ffffff; overflow: hidden;}
a.global-box{padding: 10px; text-align: center; text-decoration: none; line-height: 1.2}
a:hover.global-box{background: #ffffff;}
a:hover.global-box .flag-icon{border-radius: 0; }

/*FAQs ACCORDION*/
.accordion {display: block; clear: both; margin: 20px 0;
    border: 10px solid;border-image-slice: 1; border-width: 5px; border-left: 0; border-right: 0; border-top: 0;
    border-image-source: linear-gradient(to left,rgba(250, 162, 27, 1) 0%, rgba(112, 191, 84, 1) 34%, rgba(0, 186, 233, 1) 74%, rgba(18, 138, 203, 1) 100%); }
.accordion-content {padding: 20px 20px 20px 40px; background: #e7f5fa; border: 0;}
.accordion-content ul li {padding-bottom: .5em;}

h3.accordion-title {font-size: 120%; margin: 0; padding: 20px 0; cursor: pointer; padding-left: 60px; 
	background-image: url("images/plus_minus_sprite.gif");  background-repeat: no-repeat; background-size: 20px auto; background-position: 20px -2px; color: #118acb;  border: 2px solid; border-image-slice: 1; border-width: 2px; border-right: 0; border-left: 0; border-bottom: 0;
    border-image-source: linear-gradient(to left,rgba(250, 162, 27, 1) 0%, rgba(112, 191, 84, 1) 34%, rgba(0, 186, 233, 1) 74%, rgba(18, 138, 203, 1) 100%); 
  -webkit-transition: background-color 500ms ease-out;
    -moz-transition: background-color  500ms ease-out;
    -o-transition:  background-color  500ms ease-out;
    transition:  background-color  500ms ease-out;}
h3.accordion-title:hover {background-color:#00bae9; color: #ffffff; }
h3.accordion-title.open {cursor: default; background-color:#118acb; color: #ffffff; background-position: 20px -64px; }

/*VIDEOS*/
.video-gallery {display: grid; grid-template-columns: 33% 33% 33%; grid-gap: 10px; }
.video-gallery-item {}

 .embed-container { 
        position: relative; 
        padding-bottom: 56.25%;
        overflow: hidden;; 
        max-width: 100%;
        height: auto;
    } 

    .embed-container iframe,
    .embed-container object,
    .embed-container embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


/*** 7.0 Footer* ----------------------------------------------------------------------------*/
.site-footer {clear: both; width: 100%; padding: 80px 20px 40px; margin: 0 auto;}
.site-info{font-size: 11px; text-align: center; color: #36647d; padding: 10px 40px;}
.site-footer .home-link {
	display: block; width: 300px; height: 80px; margin: 20px auto; background-image: url("images/sprinklr-logo.svg"); background-size: contain; background-repeat: no-repeat; }

.footer-navigation{width: 100%; padding: 10px; margin: 0 auto;}
ul.footer-menu {display: table; margin: 0 auto; padding: 40px 20px 10px;}
.footer-menu li{display: inline-block; position: relative;padding: 5px 30px;}
.footer-menu li a {display: block;color: #118acb; font-size: 160%; font-weight: 700;line-height: 1;padding: 0;margin: 0;text-decoration: none;border: none;}
.footer-menu li a:hover{color: #00bae9;}
.footer-menu li a:active{color: #70bf54;}
	
/*** 8.0 Media Queries RWD* ----------------------------------------------------------------------------*/
.rwd-tester {display: none; position:fixed; top: 0; left: 0; width: 50px; height: 50px; z-index: 999999999}	

@-ms-viewport {	width: device-width; }
@viewport {	width: device-width; }

@media (min-width: 1569px) {
/*rwdpurple */ .rwd-tester {background: #cc33cc;}
.banner-contents{margin: 0 auto;}   
.landing-image{clip-path: none;}  
.landing-image img {clip-path: shape(from 89.26% 100%,curve by 10.74% -50.03% with 6.83% -14.73%/10.74% -31.81%,smooth by -10.74% -49.97% with -3.91% -35.24%,hline to 10.74%,curve by -10.74% 50.03% with -6.83% 14.73%/-10.74% 31.81%,curve by 10.74% 49.97% with 0% 18.22%/3.91% 35.24%,hline by 78.52%,close);}
}

@media (max-width: 1279px) {
/*rwdcarmine */ .rwd-tester {background: #f00}  
.banner-contents{margin: 0 auto 0 -8%; grid-template-columns: 48% 60%;}     
.nav-menu li{margin-right: 4px;}
.nav-menu li a {font-size: 17px;gap: 4px;}   
.resource-boxes, .provider-boxes{grid-template-columns: 32% 32% 32%; grid-row-gap: 20px}
a.resource-box{padding: 10px;} 
	.global-boxes{grid-template-columns: 20% 20% 20% 20% 20%;}
}

@media (max-width: 1199px) {
/*rwdyellow */ .rwd-tester {background: #ff0} 	
    
h1 {font-size: 200%; }
h2 {font-size: 180%;} h2.like1 {font-size: 200%; }
h3 {font-size: 120%; }
h4 {font-size: 110%; } 
h5 {font-size: 100%;}
 
.site-header {height: 110px; padding: 0 10px;}
.site-header .home-link {display: table; margin: 0 auto 10px;}
.utbar{height: 20px; padding:0; }   
.navbar{display: table; float: none; margin: 0 auto; padding: 0;}
.nav-menu li a {font-size: 16px;}
  
.post-boxes, .post-boxes-5x{grid-template-columns: 32% 32% 32%;}
.post-box{padding: 10px;} 
.post-box h3 {font-size: 100%;}
    
.promo-boxes.pb-4x,.provider-boxes {grid-template-columns: 48% 48%; grid-row-gap: 20px;} 
.promo-box{font-size: 100%; padding: 10px;}

.banner-contents{margin: 0 auto 0 -15%; grid-template-columns: 65% 50%;}
.banner-contents h2, .landing-contents h2{font-size: 120%; margin: 1em auto .5em}    
.banner-text, .header-content, .landing-content{padding: 20px 40px 20px;}    
.header-content p, .landing-contents p{font-size: 100%;}    
    
.splitContents{width: 100%; } 
.quick-links{padding: 40px 0 20px 60px; aspect-ratio: 0.35;  }  
.call-to-action {width: 100%; padding: 40px 20px; font-size: 120%;}
.call-to-action a.button-link, .calloutBox a.button-link {margin: 20px auto;;} 
 .featured-news{padding: 20px;}   
.site-footer {padding: 60px 10px 30px;}
.site-info{padding: 10px;}
.site-footer .home-link {width: 250px; height: 70px;}
 ul.footer-menu, .footer-menu li{padding: 10px;}
.footer-menu li a {font-size: 130%;}
}


@media (max-width: 899px) {
/*rwdmag */ .rwd-tester {background: #f0f}   
.banner-contents{width: 100%; grid-template-columns: 100%; grid-row-gap: 10px; margin: 0 auto;}    
.banner-image{clip-path:none; text-align: center;}
.header-contents{width: 100%; grid-template-columns: 52% 48%; }
.header-image{clip-path: none; }

}
	
@media (max-width: 797px) {
/*rwdgreen*/ .rwd-tester {background: #0f0;}

h1 {font-size: 180%; }
h2 {font-size: 160%;}

.ifl, .alignleft, .ifr, .alignright {display: block; float: none; margin: 10px auto;max-width: 100%; height: auto;}
a.button-link{padding: 6px 18px !important; margin: 20px 0;}
    
.nav-menu li a {gap: 0;}
.nav-menu li.menu-item-has-children > a::after{content: none;}
.nav-menu li#menu-item-3126 a, .nav-menu ul.sub-menu {display: none;}
	
.landing-contents, .header-contents, .sidebar-stripe, .benefits-boxes, .two-columns, .provider-boxes {width: 100%; grid-template-columns: 100%; grid-row-gap: 10px; margin: 0 auto;}    
 .landing-image, .header-image{clip-path:none; text-align: center;}
.promo-boxes.pb-3x, .resource-boxes {grid-template-columns: 48% 48%; }  
    
.sidebarBG  {background: #f5f7f8;} 
.quick-links{clip-path: none; background: #70bf54; aspect-ratio: auto; padding: 20px;}
.landing-content{padding: 20px}
.landing-contents p{font-size: 100%;}
    
.splitContents{grid-template-columns: 32% 68%}    
.sc-content{padding: 10px;}
.sc-content a.button-link{margin: 0 auto;} 
.sc-image{clip-path: none;}    
.column-left, .column-right{padding: 0px; border: 0;}
ul.premium-callout li {display: block;}

.with-sidebar{padding: 0; display: grid; grid-template-columns: 25% 75%;}
.with-sidebar .column-left{background: #e7f5fa; padding: 20px;}
.with-sidebar .column-right{padding: 20px;}
 
ul.footer-menu{padding: 0;}
.footer-menu li{width: 32%; text-align: center;}
.footer-menu li a {font-size: 120%;} 
       
}

@media (max-width: 599px) {
/*rwdblue*/ .rwd-tester {background: #00f; }   
    
.sc-image{display: none;}
.section{padding: 0;}    
.section-content {padding: 20px;}        
   .global-boxes{grid-template-columns: 25% 25% 25% 25%;}
.promo-boxes, .promo-boxes.pb-3x,.promo-boxes.pb-4x,.splitContents {grid-template-columns: 100%; grid-row-gap: 10px;} 
.resource-boxes, .post-boxes, .post-boxes-5x{grid-template-columns: 48% 48%; }    
.circleList { grid-auto-rows: auto;}
.circleList .cl-item{padding: 20px 0 0 60px; background-position: 0 25px; background-repeat: no-repeat; background-size: 40px;}
.site-footer {padding: 40px 10px 20px}
.footer-menu li a {font-size: 110%;}     
    
}

@media (max-width: 499px) {
/*purple */ .rwd-tester{background: #C600D2;}	
   
.resource-boxes{grid-template-columns: 100%; } 
.site-footer {padding: 30px 10px 10px}
.footer-menu li a {font-size: 100%;} 
	.nav-menu li a {font-size: 14px;}
    
}