CSS File

1.wd-info-box{position:relative;display:flex;flex-direction:column;border-radius:var(--wd-brd-radius);gap:var(--ib-icon-sp);--ib-icon-sp: 20px}

2.wd-info-box .box-icon-wrapper{flex:0 0 auto;line-height:0}

3.wd-info-box :is(.info-box-icon,.info-svg-wrapper){display:inline-block;max-width:100%}

4.wd-info-box .info-box-icon{transition:all .25s ease}

5.wd-info-box .info-svg-wrapper img{height:inherit}

6.wd-info-box .info-svg-wrapper :is(img,svg){width:inherit !important;height:inherit !important}

7.wd-info-box :is(.info-box-subtitle,.info-box-title){transition:all .25s ease;margin-bottom:0}

8.wd-info-box :is(.info-box-subtitle,.info-box-title,.info-box-inner):not(:first-child){margin-top:10px}

9.wd-info-box :is(.info-box-subtitle:not(.subtitle-style-background),.info-box-title){line-height:1.3}

10.wd-info-box .info-box-content{--wd-tags-mb: 10px;position:relative;flex:1 1 auto;border-radius:var(--wd-brd-radius)}

11.wd-info-box .info-box-inner p:first-child:empty,.wd-info-box .info-box-inner p:first-child:empty ~ p:last-child,.wd-info-box .info-box-inner:empty{display:none}

12.wd-info-box .info-btn-wrapper{margin-top:15px}

13.wd-info-box-link{z-index:2}

14.box-icon-align-top .box-icon-wrapper{margin-bottom:-5px}

15:is(.box-icon-align-left,.box-icon-align-right) .box-icon-wrapper{max-width:50%}

16.box-icon-align-left{flex-direction:row}

17.box-icon-align-right{flex-direction:row-reverse}

18.box-title-style-underlined{padding-bottom:10px;border-bottom:1px solid var(--brdcolor-gray-300)}

19.box-with-icon .info-box-icon{overflow:hidden}

20.box-icon-wrapper.box-with-text{color:var(--wd-primary-color);font-weight:700;line-height:1}

21.box-with-text.text-size-small{font-size:38px}

22.box-with-text:is(.text-size-default,.text-size-large){font-size:52px}

23[class*="box-icon-with-"].box-with-text{--text-bg-size: 85px}

24[class*="box-icon-with-"].box-with-text .info-box-icon{padding:0 10px;min-width:var(--text-bg-size);height:var(--text-bg-size);border-radius:100px;line-height:var(--text-bg-size)}

25[class*="box-icon-with-"]:is(.text-size-default,.text-size-large){--text-bg-size: 100px}

26[class*="box-icon-with-"] .info-box-icon{border-radius:50%;text-align:center}

27.box-icon-with-bg .info-box-icon{padding:20px;background-color:#f1f1f1}

28.box-icon-with-border .info-box-icon{padding:18px;border:2px solid #f1f1f1}

29.wpb-js-composer .info-box-wrapper.inline-element{max-width:100%}

30.wpb-js-composer .info-box-carousel .inline-element{display:block;margin-inline:0 !important}

31.wpb-js-composer .info-box-carousel .inline-element .wd-info-box{display:inline-flex}

32.with-animation .info-svg-wrapper path{stroke:var(--wd-primary-color)}

33.info-box-carousel-wrapper .wd-wpb{margin-bottom:0}

34[class*="color-scheme-hover"]{transition:all .25s ease}

35[class*="color-scheme-hover"] .title{transition:all .25s ease}

36.color-scheme-hover-dark:hover{--color-gray-400: #a5a5a5;--color-gray-500: #a5a5a5;--color-gray-800: #333;--bgcolor-gray-200: #f7f7f7;--brdcolor-gray-500: rgba(0,0,0,0.2);--wd-text-color: #767676;--wd-title-color: #242424;--wd-link-color: #333;--wd-link-color-hover: #242424;color:var(--wd-text-color)}

37.color-scheme-hover-light:hover{--color-gray-400: rgba(255,255,255,0.8);--color-gray-500: rgba(255,255,255,0.8);--color-gray-800: #fff;--brdcolor-gray-300: rgba(255,255,255,0.15);--brdcolor-gray-500: rgba(255,255,255,0.3);--wd-text-color: rgba(255,255,255,0.8);--wd-title-color: #fff;--wd-link-color: rgba(255,255,255,0.9);--wd-link-color-hover: #fff;color:var(--wd-text-color)}

38.color-scheme-hover-light:hover .info-svg-wrapper svg{fill:#fff !important}

39.color-scheme-hover-light:hover .info-svg-wrapper img{filter:brightness(0) invert(1)}

40.color-scheme-hover-light:hover :is(.info-box-icon,.title){color:#fff !important}

...