/*!* Security Spotlight-group v2.3
*
* v2.3 - Fixed text cta alignment issue
* v2.2 - Description center align
* v2.1 - Removed bottom margins for h3
* v2.0 - Fixed Image size issue
* v1.19 - Digital Personality enhancements
* v1.18	Fixed bottom spacing issue in mobile break point in RTL
* v1.17	Cleaned font styles
* v1.16- Added overrides for new grids
* v1.15- Adding width 100%, update L/R margins to L/R padding to main class
* v1.14- removed calc from width and added 100% width to dmc-spotlight, and styles for CTA spacing issue updated
* V1.13- Overriding dmr style and adding margin-bottom to li last-child, In base/mobile for RTL pages CTAs has to be center align always
* V1.12- list item margin updated for RTL
* V1.11- Updated the pipe symbol color and bottom margin of CTAs
* v1.10- Updated the h2 font-weight as per atlantic in base, tablet and desktop. Also removed the font-family for h2.
* v1.9 - Added space between description and cta.
* v1.8 - Fixed Image Link Icons are appearing bigger than the Image.
* v1.7 - Fixed merge issue (added missing } )
* v1.6 - Fixed bottom spacing issue only for firefox.
* v1.5 - Implemented Text separators between CTAs.
* v1.4 - Fixed Spacing between CTAs and Bottom Spacing in Mobile Breakpoint
* v1.3 - Fixed Spotlight Group title link color and all bugs
* v1.2 - Blade and Typography updates
* v1.1 - RTL Implementation
* v1.0 - Initial Check-in
*
*/.dmc-spotlightgroup,.dmc-spotlightgroup *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.dmc-spotlightgroup{margin:37px 0 20px;padding:0 10px;width:100%}
.cdc-transform .dmc-spotlightgroup{padding:0}
.dmc-spotlightgroup .spotlight-image{display:none}
.dmc-spotlightgroup.show-icons .spotlight-image{display:block;float:none;margin:0 auto 10px;max-width:62px}
.dmc-spotlightgroup .dmc-spotlight{margin:0 0 15px 0;width:100%}
.dmc-spotlightgroup .dmc-spotlight .spotlight-title{text-align:center}
.dmc-spotlightgroup .cta ul li a{margin-right:20px}
.dmc-spotlightgroup .cta{clear:both;text-align:center;margin-bottom:0;margin-top:15px}
.dmc-spotlightgroup .cta li{display:block;margin-bottom:20px;margin-left:0}
.dmc-spotlightgroup .cta a.pill-button{display:inline-block}
.dmc-spotlightgroup.cta-left .cta,.dmc-spotlightgroup.cta-right .cta{text-align:center}
.dmc-spotlightgroup .cta a{margin-bottom:0}
.dmc-spotlightgroup ul.cta li:last-child{margin-bottom:20px}
.dmc-spotlightgroup.title-center .blade-title,.dmc-spotlightgroup.desc-center .description{text-align:center}
.dmc-spotlightgroup .dmc-spotlight .text-wrapper{padding:0}
.dmc-spotlightgroup .dmc-spotlight .text-wrapper{padding:0}
html[dir='rtl'] .dmc-spotlightgroup .dmc-spotlight .text-wrapper{margin-right:0;margin-left:0}
html[dir="rtl"] .dmc-spotlightgroup .cta li{margin-right:0}
html[dir='rtl'] .dmc-spotlightgroup.title-left .blade-title h2{text-align:right}
html[dir='rtl'] .dmc-spotlightgroup .dmc-spotlight .spotlight-image{float:none;margin:0 auto 10px}
html[dir='rtl'] .dmc-spotlightgroup .row.halves .col.half:last-child .dmc-spotlight.dmr.no-border{margin-right:0}
@media only screen and (min-width:37.5em){.dmc-spotlightgroup{margin:35px 0 10px}
.dmc-spotlightgroup .dmc-spotlight{margin:0 0 30px 0}
.dmc-spotlightgroup .dmc-spotlight.compact{margin-bottom:0}
.dmc-spotlightgroup.cta-left .cta{text-align:left}
.dmc-spotlightgroup.cta-right .cta{text-align:right}
.dmc-spotlightgroup .cta{margin-bottom:10px;margin-top:0}
.dmc-spotlightgroup .cta li{display:inline-block;margin:0 20px 20px 0;text-align:left}
.dmc-spotlightgroup.cta-right .cta li{margin:0 0 20px 20px}
.dmc-spotlightgroup.cta-right .cta li:first-child{margin-left:0}
.dmc-spotlightgroup .dmc-spotlight .spotlight-image{display:block;margin:0 15px 0 0;max-width:66px;float:left}
.dmc-spotlightgroup .dmc-spotlight .spotlight-title{text-align:left}
.dmc-spotlightgroup .dmc-spotlight .text-wrapper{display:block;margin-left:81px}
.dmc-spotlight .spotlight-image img{width:100%;height:auto}
.dmc-spotlightgroup .cta li:before{content:'|';padding-right:20px}
.row.full.blowout.pal-2 .dmc-spotlightgroup .cta li.no-pipe:before{content:' '}
.dmc-spotlightgroup .cta li.no-pipe:before{content:' ';padding-right:0}
.row.full.blowout.pal-2 .dmc-spotlightgroup .cta li:first-child:before{content:' '}
.dmc-spotlightgroup .cta li:first-child:before{content:' ';padding-right:0}
.dmc-spotlightgroup .cta li:last-child{margin-right:0}
.container.grid .dmc-spotlightgroup .col.half{margin-left:0}
.container.grid .dmc-spotlightgroup .col.half{flex:1 0 100%}
html[dir='rtl'] .dmc-spotlightgroup .cta li:before{content:'|';padding:0 0 0 20px}
html[dir='rtl'] .dmc-spotlightgroup .cta li:first-child:before{content:' ';padding:0}
html[dir='rtl'] .dmc-spotlightgroup .cta li.no-pipe:before{content:' ';padding:0}
html[dir="rtl"] .dmc-spotlightgroup .cta li{margin-right:0;margin-left:20px;text-align:right}
html[dir="rtl"] .dmc-spotlightgroup .cta li:last-child{margin-left:0}
html[dir="rtl"] .dmc-spotlightgroup.cta-right .cta li{margin:0 20px 20px 0}
html[dir='rtl'] .dmc-spotlightgroup.cta-right .cta li:first-child{margin:0 0 20px 0}
html[dir='rtl'] .dmc-spotlightgroup.cta-left .cta{text-align:right}
html[dir='rtl'] .dmc-spotlightgroup.cta-right .cta{text-align:left}
html[dir='rtl'] .dmc-spotlightgroup .row.halves .col.half:last-child .dmc-spotlight.dmr.no-border{margin-right:-10px}
html[dir='rtl'] .dmc-spotlightgroup .dmc-spotlight .spotlight-image{margin:0 0 0 15px;float:right}
html[dir='rtl'] .dmc-spotlightgroup .dmc-spotlight .text-wrapper{margin-right:81px;margin-left:0}
html[dir='rtl'] .dmc-spotlightgroup .dmc-spotlight .spotlight-title{text-align:right}
}
@media only screen and (min-width:48em){.dmc-spotlightgroup{margin:54px 0 28px}
.dmc-spotlightgroup .cta{margin-bottom:12px;margin-top:0}
.container.grid .dmc-spotlightgroup .col:last-child{margin-left:2%}
.container.grid .dmc-spotlightgroup .col.half{flex:1 0 49%}
html[dir='rtl'] .dmc-spotlightgroup .row.halves .col.half:last-child .dmc-spotlight.dmr.no-border{margin-right:0}
}
@media only screen and (min-width:64em){.dmc-spotlightgroup .dmc-spotlight .spotlight-image{max-width:90px}
.dmc-spotlightgroup .dmc-spotlight .text-wrapper{margin-left:105px}
html[dir='rtl'] .dmc-spotlightgroup .dmc-spotlight .text-wrapper{margin-right:105px;margin-left:0}
}
@media only screen and (min-width:80em){.dmc-spotlightgroup .dmc-spotlight .spotlight-image{margin:0 20px 0 0}
.dmc-spotlightgroup .dmc-spotlight .text-wrapper{margin-left:110px}
html[dir='rtl'] .dmc-spotlightgroup .dmc-spotlight .spotlight-image{margin:0 0 0 20px}
html[dir='rtl'] .dmc-spotlightgroup .dmc-spotlight .text-wrapper{margin-right:110px;margin-left:0}
}