.elementor-8502 .elementor-element.elementor-element-3221e25 > .elementor-container{max-width:1000px;}.elementor-8502 .elementor-element.elementor-element-3221e25{margin-top:0px;margin-bottom:0px;}.elementor-8502 .elementor-element.elementor-element-18b136e.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-8502 .elementor-element.elementor-element-18b136e > .elementor-element-populated{margin-block-start:0px;margin-inline-start:0px;margin-block-end:0px;margin-inline-end:0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-8502 .elementor-element.elementor-element-242f431{--spacer-size:1vh;}.elementor-8502 .elementor-element.elementor-element-242f431 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-8502 .elementor-element.elementor-element-2d7be41{width:auto;max-width:auto;}.elementor-8502 .elementor-element.elementor-element-2d7be41 > .elementor-widget-container{background-color:var( --e-global-color-vamtam_sticky_header_bg_color );margin:0px 0px 0px 0px;padding:7px 9px 6px 9px;border-radius:4px 4px 4px 4px;}.elementor-8502 .elementor-element.elementor-element-2d7be41 .elementor-heading-title{font-family:var( --e-global-typography-be24d1a-font-family ), Sans-serif;font-size:var( --e-global-typography-be24d1a-font-size );font-weight:var( --e-global-typography-be24d1a-font-weight );text-transform:var( --e-global-typography-be24d1a-text-transform );font-style:var( --e-global-typography-be24d1a-font-style );line-height:var( --e-global-typography-be24d1a-line-height );letter-spacing:var( --e-global-typography-be24d1a-letter-spacing );word-spacing:var( --e-global-typography-be24d1a-word-spacing );color:var( --e-global-color-vamtam_accent_5 );}.elementor-8502 .elementor-element.elementor-element-ac60a29{--spacer-size:1vh;}.elementor-8502 .elementor-element.elementor-element-ac60a29 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-8502 .elementor-element.elementor-element-0f43dc4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:36px 36px 36px 36px;box-shadow:0px 0px 25px 2px #DEE0FE;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8502 .elementor-element.elementor-element-0afa7eb{--display:flex;--min-height:40vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8502 .elementor-element.elementor-element-0afa7eb:not(.elementor-motion-effects-element-type-background), .elementor-8502 .elementor-element.elementor-element-0afa7eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8502 .elementor-element.elementor-element-f87d275{--spacer-size:50px;}.elementor-8502 .elementor-element.elementor-element-1e13f78{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:48px;--padding-bottom:52px;--padding-left:56px;--padding-right:56px;}.elementor-8502 .elementor-element.elementor-element-1e13f78:not(.elementor-motion-effects-element-type-background), .elementor-8502 .elementor-element.elementor-element-1e13f78 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #060D17 0%, #000FD1 100%);}.elementor-8502 .elementor-element.elementor-element-2325ccc{width:auto;max-width:auto;}.elementor-8502 .elementor-element.elementor-element-2325ccc > .elementor-widget-container{background-color:var( --e-global-color-vamtam_accent_4 );margin:0px 0px 0px 0px;padding:8px 17px 8px 17px;border-radius:23px 23px 23px 23px;}.elementor-8502 .elementor-element.elementor-element-2325ccc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:10px;font-weight:600;text-transform:uppercase;font-style:normal;line-height:1.6em;letter-spacing:0px;word-spacing:0em;color:var( --e-global-color-vamtam_accent_6 );}.elementor-8502 .elementor-element.elementor-element-2325ccc .elementor-heading-title a:hover, .elementor-8502 .elementor-element.elementor-element-2325ccc .elementor-heading-title a:focus{color:var( --e-global-color-vamtam_sticky_header_bg_color );}.elementor-8502 .elementor-element.elementor-element-26970c6 .elementor-heading-title{font-size:45px;color:var( --e-global-color-vamtam_accent_5 );}.elementor-8502 .elementor-element.elementor-element-b484be1 .elementor-widget-container{font-size:16px;color:var( --e-global-color-vamtam_accent_5 );}.elementor-8502 .elementor-element.elementor-element-a3ea8d9{width:auto;max-width:auto;}.elementor-8502 .elementor-element.elementor-element-a3ea8d9 > .elementor-widget-container{margin:3px 0px 0px 0px;}.elementor-8502 .elementor-element.elementor-element-a3ea8d9 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#ddd;}.elementor-8502 .elementor-element.elementor-element-a3ea8d9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:solid;border-top-width:1px;}.elementor-8502 .elementor-element.elementor-element-a3ea8d9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:solid;}.elementor-8502 .elementor-element.elementor-element-a3ea8d9 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:1px;}.elementor-8502 .elementor-element.elementor-element-a3ea8d9 .elementor-icon-list-icon{width:14px;}.elementor-8502 .elementor-element.elementor-element-a3ea8d9 .elementor-icon-list-icon i{font-size:14px;}.elementor-8502 .elementor-element.elementor-element-a3ea8d9 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-8502 .elementor-element.elementor-element-a3ea8d9 .elementor-icon-list-text, .elementor-8502 .elementor-element.elementor-element-a3ea8d9 .elementor-icon-list-text a{color:var( --e-global-color-vamtam_accent_4 );}.elementor-8502 .elementor-element.elementor-element-a3ea8d9 .elementor-icon-list-item{font-family:var( --e-global-typography-be24d1a-font-family ), Sans-serif;font-size:var( --e-global-typography-be24d1a-font-size );font-weight:var( --e-global-typography-be24d1a-font-weight );text-transform:var( --e-global-typography-be24d1a-text-transform );font-style:var( --e-global-typography-be24d1a-font-style );line-height:var( --e-global-typography-be24d1a-line-height );letter-spacing:var( --e-global-typography-be24d1a-letter-spacing );word-spacing:var( --e-global-typography-be24d1a-word-spacing );}.elementor-8502 .elementor-element.elementor-element-4788011{--spacer-size:1vh;}.elementor-8502 .elementor-element.elementor-element-8cbf5c2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8502 .elementor-element.elementor-element-b0c2b3b > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-8502 .elementor-element.elementor-element-4ec8933 > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 10px 0px;padding:01px 30px 01px 30px;border-radius:22px 22px 22px 22px;}.elementor-8502 .elementor-element.elementor-element-4ec8933{color:var( --e-global-color-a9cf77f );}.elementor-8502 .elementor-element.elementor-element-4ec8933 a{color:var( --e-global-color-a9cf77f );}.elementor-8502 .elementor-element.elementor-element-c9c469a{margin-top:40px;margin-bottom:-20px;}.elementor-8502 .elementor-element.elementor-element-464be6d > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:40px;}.elementor-8502 .elementor-element.elementor-element-464be6d .elementor-element-populated a:hover{color:var( --e-global-color-vamtam_accent_1 );}.elementor-8502 .elementor-element.elementor-element-b28c9a7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8502 .elementor-element.elementor-element-b28c9a7{text-align:center;}.elementor-8502 .elementor-element.elementor-element-faf5013{--vamtam-cols:3;--item-display:flex;--read-more-alignment:1;--grid-row-gap:70px;--vamtam-content-padding:0px 15px 0px 15px;--grid-column-gap:30px;--vamtam-col-hint:-30px;--vamtam-img-border-radius:10px 10px 10px 10px;}.elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.55 * 100% );}.elementor-8502 .elementor-element.elementor-element-faf5013:after{content:"0.55";}.elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-post__thumbnail__link{width:100%;}.elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-post{border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px;padding:18px 20px 30px 20px;background-color:var( --e-global-color-vamtam_accent_5 );border-color:var( --e-global-color-vamtam_accent_7 );}.elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-post__text{padding:0px 15px 0px 15px;}.elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-post__thumbnail{border-radius:10px 10px 10px 10px;}.elementor-8502 .elementor-element.elementor-element-faf5013.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-8502 .elementor-element.elementor-element-faf5013.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-8502 .elementor-element.elementor-element-faf5013.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-post__title, .elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-post__title a{font-family:var( --e-global-typography-vamtam_h5-font-family ), Sans-serif;font-size:var( --e-global-typography-vamtam_h5-font-size );font-weight:var( --e-global-typography-vamtam_h5-font-weight );text-transform:var( --e-global-typography-vamtam_h5-text-transform );font-style:var( --e-global-typography-vamtam_h5-font-style );line-height:var( --e-global-typography-vamtam_h5-line-height );letter-spacing:var( --e-global-typography-vamtam_h5-letter-spacing );word-spacing:var( --e-global-typography-vamtam_h5-word-spacing );}.elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-post__title{margin-bottom:20px;}.elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-post__meta-data{color:var( --e-global-color-vamtam_accent_1 );font-family:var( --e-global-typography-be24d1a-font-family ), Sans-serif;font-size:var( --e-global-typography-be24d1a-font-size );font-weight:var( --e-global-typography-be24d1a-font-weight );text-transform:var( --e-global-typography-be24d1a-text-transform );font-style:var( --e-global-typography-be24d1a-font-style );line-height:var( --e-global-typography-be24d1a-line-height );letter-spacing:var( --e-global-typography-be24d1a-letter-spacing );word-spacing:var( --e-global-typography-be24d1a-word-spacing );}.elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-post__excerpt p{font-family:var( --e-global-typography-vamtam_primary_font-font-family ), Sans-serif;font-size:var( --e-global-typography-vamtam_primary_font-font-size );font-weight:var( --e-global-typography-vamtam_primary_font-font-weight );text-transform:var( --e-global-typography-vamtam_primary_font-text-transform );font-style:var( --e-global-typography-vamtam_primary_font-font-style );line-height:var( --e-global-typography-vamtam_primary_font-line-height );letter-spacing:var( --e-global-typography-vamtam_primary_font-letter-spacing );word-spacing:var( --e-global-typography-vamtam_primary_font-word-spacing );}.elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-post__excerpt{margin-bottom:20px;}.elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-post__read-more{color:var( --e-global-color-vamtam_sticky_header_bg_color );}.elementor-8502 .elementor-element.elementor-element-faf5013 a.elementor-post__read-more{font-family:var( --e-global-typography-c3f4d00-font-family ), Sans-serif;font-size:var( --e-global-typography-c3f4d00-font-size );font-weight:var( --e-global-typography-c3f4d00-font-weight );text-transform:var( --e-global-typography-c3f4d00-text-transform );font-style:var( --e-global-typography-c3f4d00-font-style );line-height:var( --e-global-typography-c3f4d00-line-height );letter-spacing:var( --e-global-typography-c3f4d00-letter-spacing );word-spacing:var( --e-global-typography-c3f4d00-word-spacing );}.elementor-8502 .elementor-element.elementor-element-973f072 > .elementor-container{max-width:1320px;}.elementor-8502 .elementor-element.elementor-element-973f072{margin-top:100px;margin-bottom:100px;padding:0px 0px 0px 0px;}body.elementor-page-8502:not(.elementor-motion-effects-element-type-background), body.elementor-page-8502 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FF;}@media(min-width:768px){.elementor-8502 .elementor-element.elementor-element-8cbf5c2{--content-width:1000px;}}@media(max-width:1024px){.elementor-8502 .elementor-element.elementor-element-3221e25{margin-top:0px;margin-bottom:0px;}.elementor-8502 .elementor-element.elementor-element-18b136e > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:15px;}.elementor-8502 .elementor-element.elementor-element-2d7be41 .elementor-heading-title{font-size:var( --e-global-typography-be24d1a-font-size );line-height:var( --e-global-typography-be24d1a-line-height );letter-spacing:var( --e-global-typography-be24d1a-letter-spacing );word-spacing:var( --e-global-typography-be24d1a-word-spacing );}.elementor-8502 .elementor-element.elementor-element-2325ccc .elementor-heading-title{font-size:12px;line-height:1em;}.elementor-8502 .elementor-element.elementor-element-26970c6 .elementor-heading-title{font-size:45px;}.elementor-8502 .elementor-element.elementor-element-a3ea8d9 .elementor-icon-list-item{font-size:var( --e-global-typography-be24d1a-font-size );line-height:var( --e-global-typography-be24d1a-line-height );letter-spacing:var( --e-global-typography-be24d1a-letter-spacing );word-spacing:var( --e-global-typography-be24d1a-word-spacing );}.elementor-8502 .elementor-element.elementor-element-8cbf5c2{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-8502 .elementor-element.elementor-element-b0c2b3b > .elementor-widget-container{margin:20px 0px -20px 0px;}.elementor-8502 .elementor-element.elementor-element-4ec8933 > .elementor-widget-container{margin:0px 10px 0px 10px;padding:1px 30px 01px 30px;}.elementor-8502 .elementor-element.elementor-element-c9c469a{margin-top:30px;margin-bottom:60px;}.elementor-8502 .elementor-element.elementor-element-464be6d > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:20px;}.elementor-8502 .elementor-element.elementor-element-b28c9a7{text-align:center;}.elementor-8502 .elementor-element.elementor-element-faf5013{--vamtam-cols:2;--grid-row-gap:40px;--vamtam-content-padding:0px 10px 0px 10px;--grid-column-gap:20px;--vamtam-col-hint:10%;}.elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-post{padding:10px 15px 15px 15px;}.elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-post__text{padding:0px 10px 0px 10px;}.elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-post__title, .elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-post__title a{font-size:var( --e-global-typography-vamtam_h5-font-size );line-height:var( --e-global-typography-vamtam_h5-line-height );letter-spacing:var( --e-global-typography-vamtam_h5-letter-spacing );word-spacing:var( --e-global-typography-vamtam_h5-word-spacing );}.elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-post__meta-data{font-size:var( --e-global-typography-be24d1a-font-size );line-height:var( --e-global-typography-be24d1a-line-height );letter-spacing:var( --e-global-typography-be24d1a-letter-spacing );word-spacing:var( --e-global-typography-be24d1a-word-spacing );}.elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-post__excerpt p{font-size:var( --e-global-typography-vamtam_primary_font-font-size );line-height:var( --e-global-typography-vamtam_primary_font-line-height );letter-spacing:var( --e-global-typography-vamtam_primary_font-letter-spacing );word-spacing:var( --e-global-typography-vamtam_primary_font-word-spacing );}.elementor-8502 .elementor-element.elementor-element-faf5013 a.elementor-post__read-more{font-size:var( --e-global-typography-c3f4d00-font-size );line-height:var( --e-global-typography-c3f4d00-line-height );letter-spacing:var( --e-global-typography-c3f4d00-letter-spacing );word-spacing:var( --e-global-typography-c3f4d00-word-spacing );}.elementor-8502 .elementor-element.elementor-element-973f072{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-8502 .elementor-element.elementor-element-3221e25{margin-top:0px;margin-bottom:0px;}.elementor-8502 .elementor-element.elementor-element-18b136e > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:15px;}.elementor-8502 .elementor-element.elementor-element-242f431{--spacer-size:0vh;}.elementor-8502 .elementor-element.elementor-element-2d7be41 > .elementor-widget-container{margin:0px 10px 0px 0px;}.elementor-8502 .elementor-element.elementor-element-2d7be41 .elementor-heading-title{font-size:var( --e-global-typography-be24d1a-font-size );line-height:var( --e-global-typography-be24d1a-line-height );letter-spacing:var( --e-global-typography-be24d1a-letter-spacing );word-spacing:var( --e-global-typography-be24d1a-word-spacing );}.elementor-8502 .elementor-element.elementor-element-ac60a29{--spacer-size:0vh;}.elementor-8502 .elementor-element.elementor-element-0afa7eb{--min-height:25vh;}.elementor-8502 .elementor-element.elementor-element-0afa7eb:not(.elementor-motion-effects-element-type-background), .elementor-8502 .elementor-element.elementor-element-0afa7eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-8502 .elementor-element.elementor-element-1e13f78{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:28px;--padding-bottom:30px;--padding-left:22px;--padding-right:22px;}.elementor-8502 .elementor-element.elementor-element-2325ccc > .elementor-widget-container{margin:0px 10px 0px 0px;}.elementor-8502 .elementor-element.elementor-element-2325ccc .elementor-heading-title{font-size:10px;line-height:1em;}.elementor-8502 .elementor-element.elementor-element-26970c6 .elementor-heading-title{font-size:30px;}.elementor-8502 .elementor-element.elementor-element-b484be1 .elementor-widget-container{font-size:14px;line-height:1.2em;}.elementor-8502 .elementor-element.elementor-element-a3ea8d9 > .elementor-widget-container{margin:0.3em 0em 0em 0em;}.elementor-8502 .elementor-element.elementor-element-a3ea8d9 .elementor-icon-list-item{font-size:var( --e-global-typography-be24d1a-font-size );line-height:var( --e-global-typography-be24d1a-line-height );letter-spacing:var( --e-global-typography-be24d1a-letter-spacing );word-spacing:var( --e-global-typography-be24d1a-word-spacing );}.elementor-8502 .elementor-element.elementor-element-b0c2b3b > .elementor-widget-container{margin:0px 0px -25px 0px;padding:0px 0px 0px 0px;}.elementor-8502 .elementor-element.elementor-element-4ec8933 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:1px 15px 1px 15px;}.elementor-8502 .elementor-element.elementor-element-1a9513f > .elementor-widget-container{margin:0px 10px 0px 10px;}.elementor-8502 .elementor-element.elementor-element-c9c469a{margin-top:30px;margin-bottom:40px;}.elementor-8502 .elementor-element.elementor-element-faf5013{--vamtam-cols:1;--grid-column-gap:20px;--vamtam-col-hint:40px;}.elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-post__thumbnail__link{width:100%;}.elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-post{padding:10px 10px 15px 10px;}.elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-post__title, .elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-post__title a{font-size:var( --e-global-typography-vamtam_h5-font-size );line-height:var( --e-global-typography-vamtam_h5-line-height );letter-spacing:var( --e-global-typography-vamtam_h5-letter-spacing );word-spacing:var( --e-global-typography-vamtam_h5-word-spacing );}.elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-post__meta-data{font-size:var( --e-global-typography-be24d1a-font-size );line-height:var( --e-global-typography-be24d1a-line-height );letter-spacing:var( --e-global-typography-be24d1a-letter-spacing );word-spacing:var( --e-global-typography-be24d1a-word-spacing );}.elementor-8502 .elementor-element.elementor-element-faf5013 .elementor-post__excerpt p{font-size:var( --e-global-typography-vamtam_primary_font-font-size );line-height:var( --e-global-typography-vamtam_primary_font-line-height );letter-spacing:var( --e-global-typography-vamtam_primary_font-letter-spacing );word-spacing:var( --e-global-typography-vamtam_primary_font-word-spacing );}.elementor-8502 .elementor-element.elementor-element-faf5013 a.elementor-post__read-more{font-size:var( --e-global-typography-c3f4d00-font-size );line-height:var( --e-global-typography-c3f4d00-line-height );letter-spacing:var( --e-global-typography-c3f4d00-letter-spacing );word-spacing:var( --e-global-typography-c3f4d00-word-spacing );}.elementor-8502 .elementor-element.elementor-element-973f072{margin-top:0px;margin-bottom:0px;}}/* Start custom CSS *//* =========================
ROOT + BASE
========================= */
.codionix-blog-body{
--cb-primary:#0012ff;
--cb-primary-2:#3c52ff;
--cb-primary-3:#7b8cff;
--cb-primary-soft:#dce0ff;
--cb-primary-soft-2:#eef1ff;
--cb-primary-ghost:rgba(0,18,255,0.08);

--cb-dark:#050d16;
--cb-dark-2:#0b1c3d;
--cb-dark-3:#13254d;

--cb-white:#ffffff;
--cb-light:#f4f5ff;
--cb-light-2:#f8f9ff;
--cb-light-3:#fbfcff;

--cb-accent-cyan:#e6f0ff;
--cb-accent-cyan-border:#c9dcff;

--cb-accent-green:#e8efff;
--cb-accent-green-border:#cfdcff;

--cb-accent-purple:#efe9ff;
--cb-accent-purple-border:#d9d0ff;

--cb-accent-amber:#f4f2ff;
--cb-accent-amber-border:#e2ddff;

--cb-border:rgba(5,13,22,0.08);
--cb-border-strong:rgba(0,15,209,0.12);
--cb-border-stronger:rgba(0,15,209,0.18);

--cb-shadow-soft:0 14px 34px rgba(5,13,22,0.06);
--cb-shadow-card:0 16px 36px rgba(5,13,22,0.06);
--cb-shadow-hover:0 22px 46px rgba(5,13,22,0.10);
--cb-shadow-glow:0 18px 40px rgba(0,15,209,0.08);

--cb-radius-xl:28px;
--cb-radius-lg:22px;
--cb-radius-md:16px;
--cb-radius-sm:12px;

--cb-brand-gradient:linear-gradient(135deg, #0012ff 0%, #3c52ff 55%, #7b8cff 100%);
--cb-brand-sheen:linear-gradient(180deg, rgba(0,15,209,0.12) 0%, rgba(0,15,209,0) 100%);

font-family:'Poppins', Arial, sans-serif;
color:var(--cb-dark);
line-height:1.85;
font-size:17px;
font-weight:400;
word-break:normal;
overflow-wrap:break-word;
width:100%;
}

.codionix-blog-body *{
box-sizing:border-box;
}

.codionix-blog-body .cb-wrap{
width:100%;
max-width:100%;
margin:0 auto;
}

/* =========================
TYPOGRAPHY
========================= */
.codionix-blog-body h1,
.codionix-blog-body h2,
.codionix-blog-body h3,
.codionix-blog-body h4{
letter-spacing:-0.03em;
line-height:1.22;
color:var(--cb-dark);
}

.codionix-blog-body h2{
font-size:32px;
font-weight:800;
margin:54px 0 18px;
position:relative;
padding-left:16px;
}

.codionix-blog-body h2::before{
content:"";
position:absolute;
left:0;
top:0.28em;
width:6px;
height:0.9em;
border-radius:999px;
background:var(--cb-brand-gradient);
box-shadow:0 0 0 6px rgba(0,15,209,0.08);
}

.codionix-blog-body h3{
font-size:23px;
font-weight:700;
margin:32px 0 12px;
}

.codionix-blog-body h4{
font-size:18px;
font-weight:700;
color:var(--cb-primary);
margin:22px 0 10px;
}

.codionix-blog-body p{
margin:0 0 18px;
color:var(--cb-dark);
}

.codionix-blog-body ul,
.codionix-blog-body ol{
padding-left:20px;
margin:0 0 18px;
}

.codionix-blog-body li{
margin:0 0 10px;
}

.codionix-blog-body p:last-child,
.codionix-blog-body ul:last-child,
.codionix-blog-body ol:last-child,
.codionix-blog-body table:last-child{
margin-bottom:0;
}

.codionix-blog-body strong{
color:var(--cb-primary);
font-weight:700;
}

.codionix-blog-body a{
color:var(--cb-primary);
text-decoration:none;
border-bottom:1px solid rgba(0,15,209,0.18);
transition:all 0.2s ease;
}

.codionix-blog-body a:hover{
color:var(--cb-dark);
border-bottom-color:rgba(5,13,22,0.28);
}

/* =========================
SPACING RHYTHM
========================= */
.codionix-blog-body .cb-intro + h2,
.codionix-blog-body .cb-intro + .cb-card,
.codionix-blog-body .cb-intro + .cb-grid,
.codionix-blog-body .cb-intro + .cb-grid-3,
.codionix-blog-body .cb-intro + .cb-cert,
.codionix-blog-body .cb-intro + .cb-dark,
.codionix-blog-body .cb-intro + .cb-highlight{
margin-top:0;
}

/* =========================
INTRO BLOCK
========================= */
.codionix-blog-body .cb-intro{
background:
radial-gradient(circle at top right, rgba(255,255,255,0.92), transparent 40%),
linear-gradient(135deg, #f4f5ff 0%, #dce0ff 55%, #f8f9ff 100%);
border-radius:var(--cb-radius-xl);
padding:40px 38px;
margin:0 0 38px;
border:1px solid var(--cb-border-stronger);
box-shadow:0 22px 54px rgba(5,13,22,0.08), var(--cb-shadow-glow);
position:relative;
overflow:hidden;

width:100%;
max-width:100%;
left:auto;
transform:none;
}

.codionix-blog-body .cb-intro::after{
content:"";
position:absolute;
top:-40px;
right:-40px;
width:140px;
height:140px;
background:radial-gradient(circle, rgba(0,15,209,0.09) 0%, rgba(0,15,209,0)
72%);
pointer-events:none;
}

.codionix-blog-body .cb-intro::before{
content:"";
position:absolute;
left:-60px;
top:-70px;
width:180px;
height:180px;
background:radial-gradient(circle, rgba(0,15,209,0.12) 0%, rgba(0,15,209,0) 70%);
pointer-events:none;
}

.codionix-blog-body .cb-intro h2:first-child{
margin-top:0;
}

.codionix-blog-body .cb-intro p{
font-size:17px;
}

/* =========================
CARDS (GENERIC)
========================= */
.codionix-blog-body .cb-card{
background:linear-gradient(180deg, var(--cb-white) 0%, #f9faff 100%);
border-radius:var(--cb-radius-lg);
padding:28px 26px;
margin:24px 0;
border:1px solid rgba(0,15,209,0.10);
box-shadow:0 10px 24px rgba(5,13,22,0.05);
transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
position:relative;
overflow:hidden;
}

.codionix-blog-body .cb-card::before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:2px;
background:var(--cb-brand-gradient);
opacity:0.45;
}

.codionix-blog-body .cb-card:hover{
transform:translateY(-4px);
box-shadow:0 16px 30px rgba(5,13,22,0.10);
border-color:rgba(0,15,209,0.14);
}

.codionix-blog-body .cb-card h3:first-child,
.codionix-blog-body .cb-card h4:first-child{
margin-top:0;
}

/* Optional subtle color variants inside cards using nth-child */
.codionix-blog-body .cb-grid > .cb-card:nth-child(4n+1){
background:linear-gradient(180deg, #ffffff 0%, #f8f9ff 100%);
}

.codionix-blog-body .cb-grid > .cb-card:nth-child(4n+2){
background:linear-gradient(180deg, #ffffff 0%, #f8f9ff 100%);
}

.codionix-blog-body .cb-grid > .cb-card:nth-child(4n+3){
background:linear-gradient(180deg, #ffffff 0%, #f8f9ff 100%);
}

.codionix-blog-body .cb-grid > .cb-card:nth-child(4n+4){
background:linear-gradient(180deg, #ffffff 0%, #f8f9ff 100%);
}

/* =========================
GRID SYSTEM
========================= */
.codionix-blog-body .cb-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:22px;
margin:30px 0;
}

.codionix-blog-body .cb-grid-3{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
margin:30px 0;
}

.codionix-blog-body .cb-grid > .cb-card,
.codionix-blog-body .cb-grid-3 > .cb-card{
margin:0;
height:100%;
}

/* =========================
CHECKLIST
========================= */
.codionix-blog-body .cb-checklist{
list-style:none;
padding:0;
margin:0;
}

.codionix-blog-body .cb-checklist li{
position:relative;
padding-left:24px;
margin:0 0 13px;
color:var(--cb-dark);
}

.codionix-blog-body .cb-checklist li:last-child{
margin-bottom:0;
}

.codionix-blog-body .cb-checklist li::before{
content:"";
position:absolute;
left:0;
top:11px;
width:8px;
height:8px;
border-radius:50%;
background:var(--cb-primary);
box-shadow:0 0 0 5px rgba(0,15,209,0.08);
}

/* =========================
CERTIFICATION CARDS
========================= */
.codionix-blog-body .cb-cert{
background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,247,255,1)
100%);
border-radius:var(--cb-radius-lg);
padding:28px 28px 26px;
margin:26px 0;
border:1px solid rgba(0,15,209,0.12);
box-shadow:0 12px 26px rgba(5,13,22,0.06);
position:relative;
overflow:hidden;
transition:transform 0.25s ease, box-shadow 0.25s ease;
}

.codionix-blog-body .cb-cert:hover{
transform:translateY(-4px);
box-shadow:0 24px 48px rgba(5,13,22,0.10);
}

.codionix-blog-body .cb-cert::before{
content:"";
position:absolute;
top:0;
left:0;
width:4px;
height:100%;
background:var(--cb-brand-gradient);
}

.codionix-blog-body .cb-cert h3:first-of-type{
margin-top:0;
}

/* More color variation for multiple cert cards */
.codionix-blog-body .cb-cert:nth-of-type(4n+1)::before{
background:linear-gradient(180deg, var(--cb-primary) 0%, var(--cb-primary-2)
100%);
}

.codionix-blog-body .cb-cert:nth-of-type(4n+2)::before{
background:linear-gradient(180deg, #0012ff 0%, #4d5bff 100%);
}

.codionix-blog-body .cb-cert:nth-of-type(4n+3)::before{
background:linear-gradient(180deg, #1a2bff 0%, #6b7dff 100%);
}

.codionix-blog-body .cb-cert:nth-of-type(4n+4)::before{
background:linear-gradient(180deg, #0012ff 0%, #3c52ff 100%);
}

/* =========================
META BOXES
========================= */
.codionix-blog-body .cb-meta{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
margin:18px 0;
}

.codionix-blog-body .cb-meta div{
background:linear-gradient(180deg, #f8f8fb 0%, #f4f5ff 100%);
padding:13px 14px;
border-radius:var(--cb-radius-sm);
font-size:14px;
color:var(--cb-dark);
border:1px solid rgba(5,13,22,0.05);
}

.codionix-blog-body .cb-meta p{
background:#ffffff;
padding:13px 14px;
border-radius:var(--cb-radius-sm);
font-size:14px;
color:var(--cb-dark);
border:1px solid rgba(0,15,209,0.12);
border-left:2px solid rgba(0,15,209,0.35);
margin:0;
}

.codionix-blog-body .cb-meta strong{
color:var(--cb-primary);
font-weight:700;
}


/* Meta items when AI outputs multiple .cb-meta blocks inside .cb-cert */
.codionix-blog-body .cb-cert .cb-meta:has(> strong){
display:flex;
gap:10px;
align-items:flex-start;
padding:12px 14px;
border-radius:var(--cb-radius-sm);
background:#ffffff;
border:1px solid rgba(0,15,209,0.12);
}

.codionix-blog-body .cb-cert .cb-meta:has(> strong) strong{
min-width:130px;
color:var(--cb-primary);
}

@media(max-width:767px){
.codionix-blog-body .cb-cert .cb-meta:has(> strong){
flex-direction:column;
gap:6px;
}

.codionix-blog-body .cb-cert .cb-meta:has(> strong) strong{
min-width:0;
}
}

/* =========================
CALLOUT / NOTE
========================= */
.codionix-blog-body .cb-note{
margin-top:16px;
padding:15px 16px 15px 18px;
border-left:4px solid var(--cb-primary);
background:linear-gradient(135deg, #f8f9ff 0%, #eef1ff 100%);
border-radius:0 var(--cb-radius-sm) var(--cb-radius-sm) 0;
color:var(--cb-dark);
box-shadow:0 8px 18px rgba(5,13,22,0.05);
}

/* subtle note color variation */
.codionix-blog-body .cb-cert:nth-of-type(4n+2) .cb-note{
background:linear-gradient(135deg, #eef1ff 0%, #e9ecff 100%);
border-left-color:#1a2bff;
}

.codionix-blog-body .cb-cert:nth-of-type(4n+3) .cb-note{
background:linear-gradient(135deg, #eef1ff 0%, #dce0ff 100%);
border-left-color:#1f33ff;
}

.codionix-blog-body .cb-cert:nth-of-type(4n+4) .cb-note{
background:linear-gradient(135deg, #f8f9ff 0%, #e9ecff 100%);
border-left-color:#0012ff;
}

/* =========================
DARK SECTIONS
========================= */
.codionix-blog-body .cb-dark{
background:
radial-gradient(circle at top right, rgba(255,255,255,0.08), transparent 30%),
linear-gradient(135deg, var(--cb-dark) 0%, #0c1a33 62%, #122146 100%);
color:#f4f5ff;
padding:36px 34px;
border-radius:var(--cb-radius-xl);
margin:42px 0;
box-shadow:0 22px 54px rgba(5,13,22,0.22);
border:1px solid rgba(255,255,255,0.05);
position:relative;
overflow:hidden;
}

.codionix-blog-body .cb-dark::after{
content:"";
position:absolute;
inset:auto -40px -40px auto;
width:180px;
height:180px;
background:radial-gradient(circle, rgba(0,15,209,0.22) 0%, rgba(0,15,209,0)
70%);
pointer-events:none;
}

.codionix-blog-body .cb-dark h2,
.codionix-blog-body .cb-dark h3,
.codionix-blog-body .cb-dark h4,
.codionix-blog-body .cb-dark p,
.codionix-blog-body .cb-dark li,
.codionix-blog-body .cb-dark strong{
color:#ffffff;
}

.codionix-blog-body .cb-dark .cb-checklist li::before{
background:#ffffff;
box-shadow:0 0 0 5px rgba(255,255,255,0.10);
}

/* =========================
HIGHLIGHT BOX
========================= */
.codionix-blog-body .cb-highlight{
background:linear-gradient(135deg, rgba(222,224,254,0.95) 0%,
rgba(243,243,243,1) 100%);
border-left:4px solid var(--cb-primary);
padding:18px 18px 18px 20px;
border-radius:0 var(--cb-radius-md) var(--cb-radius-md) 0;
margin:22px 0;
color:var(--cb-dark);
box-shadow:0 10px 20px rgba(5,13,22,0.05);
}

/* more colour variety for repeated highlight boxes */
.codionix-blog-body .cb-highlight:nth-of-type(3n+1){
background:linear-gradient(135deg, rgba(222,224,254,0.95) 0%,
rgba(247,249,255,1) 100%);
border-left-color:var(--cb-primary);
}

.codionix-blog-body .cb-highlight:nth-of-type(3n+2){
background:linear-gradient(135deg, var(--cb-accent-cyan) 0%, #f5f7ff 100%);
border-left-color:#3c52ff;
}

.codionix-blog-body .cb-highlight:nth-of-type(3n+3){
background:linear-gradient(135deg, var(--cb-accent-green) 0%, #f8f9ff 100%);
border-left-color:#0012ff;
}

/* =========================
TABLE STYLE
========================= */
.codionix-blog-body table{
width:100%;
border-collapse:separate;
border-spacing:0;
margin:26px 0;
background:var(--cb-white);
border:1px solid rgba(5,13,22,0.08);
border-radius:18px;
overflow:hidden;
box-shadow:0 14px 30px rgba(5,13,22,0.05);
}

.codionix-blog-body table th{
background:linear-gradient(180deg, var(--cb-primary) 0%, var(--cb-primary-2)
100%);
color:#ffffff;
padding:14px 16px;
text-align:left;
font-size:14px;
font-weight:700;
border:none;
}

.codionix-blog-body table td{
padding:14px 16px;
border-bottom:1px solid rgba(5,13,22,0.07);
color:var(--cb-dark);
vertical-align:top;
}

.codionix-blog-body table tr:last-child td{
border-bottom:none;
}

.codionix-blog-body table tr:nth-child(even) td{
background:#fbfcff;
}

/* =========================
TAG / BADGE
========================= */
.codionix-blog-body .cb-badge{
display:inline-flex;
align-items:center;
gap:6px;
background:linear-gradient(180deg, #eef1ff 0%, #dce0ff 100%);
color:var(--cb-primary);
font-size:12px;
line-height:1;
padding:8px 12px;
border-radius:999px;
margin:0 0 12px;
font-weight:700;
border:1px solid rgba(0,15,209,0.14);
box-shadow:0 6px 12px rgba(0,15,209,0.08);
}

/* varied badge colours */
.codionix-blog-body .cb-cert:nth-of-type(4n+2) .cb-badge{
background:linear-gradient(180deg, #eef1ff 0%, #dce0ff 100%);
color:#3c52ff;
border-color:rgba(47,65,255,0.16);
box-shadow:0 8px 18px rgba(47,65,255,0.10);
}

.codionix-blog-body .cb-cert:nth-of-type(4n+3) .cb-badge{
background:linear-gradient(180deg, #eef1ff 0%, #dce0ff 100%);
color:#1f33ff;
border-color:rgba(31,51,255,0.16);
box-shadow:0 8px 18px rgba(31,51,255,0.10);
}

.codionix-blog-body .cb-cert:nth-of-type(4n+4) .cb-badge{
background:linear-gradient(180deg, #eef1ff 0%, #dce0ff 100%);
color:#0012ff;
border-color:rgba(0,15,209,0.16);
box-shadow:0 8px 18px rgba(0,15,209,0.10);
}

/* =========================
OPTIONAL COLOUR UTILITY SUPPORT
works if AI later uses extra semantic emphasis through normal tags only
========================= */
.codionix-blog-body .cb-card:nth-of-type(3n+2) h3,
.codionix-blog-body .cb-grid-3 > .cb-card:nth-child(3n+2) h3{
color:var(--cb-primary-2);
}

.codionix-blog-body .cb-card:nth-of-type(3n+3) h3,
.codionix-blog-body .cb-grid-3 > .cb-card:nth-child(3n+3) h3{
color:var(--cb-primary-3);
}

/* =========================
THEME SWITCHES
Default theme is MODERN (applies without any class).
To switch defaults using CSS only:
1) Find the MODERN theme blocks below.
2) Remove the plain ".codionix-blog-body" body.elementor-page-8502s from MODERN,
3) Add the plain ".codionix-blog-body" body.elementor-page-8502s to your chosen theme block.
Optional: Add ONE class to the wrapper instead:
<div class="codionix-blog-body cb-theme-modern">...</div>
or use data-cb-theme="modern" (aesthetic, minimal, editorial, tech)
========================= */
.codionix-blog-body,
.codionix-blog-body,
.codionix-blog-body.cb-theme-modern,
.codionix-blog-body[data-cb-theme="modern"]{
--cb-border-strong:rgba(0,15,209,0.10);
--cb-shadow-card:0 10px 22px rgba(5,13,22,0.05);
}

.codionix-blog-body .cb-intro,
.codionix-blog-body .cb-intro,
.codionix-blog-body.cb-theme-modern .cb-intro,
.codionix-blog-body[data-cb-theme="modern"] .cb-intro{
background:linear-gradient(135deg, #f8f9ff 0%, #dce0ff 58%, #ffffff 100%);
box-shadow:0 16px 36px rgba(5,13,22,0.06);
}

.codionix-blog-body .cb-card,
.codionix-blog-body .cb-card,
.codionix-blog-body.cb-theme-modern .cb-card,
.codionix-blog-body[data-cb-theme="modern"] .cb-card{
border:1px solid rgba(0,15,209,0.10);
box-shadow:0 10px 22px rgba(5,13,22,0.05);
}

.codionix-blog-body .cb-cert,
.codionix-blog-body .cb-cert,
.codionix-blog-body.cb-theme-modern .cb-cert,
.codionix-blog-body[data-cb-theme="modern"] .cb-cert{
border:1px solid rgba(0,15,209,0.12);
box-shadow:0 12px 26px rgba(5,13,22,0.06);
}

.codionix-blog-body .cb-highlight,
.codionix-blog-body .cb-highlight,
.codionix-blog-body.cb-theme-modern .cb-highlight,
.codionix-blog-body[data-cb-theme="modern"] .cb-highlight{
background:linear-gradient(135deg, #eef1ff 0%, #f8f9ff 100%);
}

/* Aesthetic: softer, airier, rounded */
.codionix-blog-body.cb-theme-aesthetic,
.codionix-blog-body[data-cb-theme="aesthetic"]{
--cb-radius-xl:32px;
--cb-radius-lg:26px;
--cb-radius-md:18px;
--cb-shadow-card:0 14px 28px rgba(5,13,22,0.06);
}

.codionix-blog-body.cb-theme-aesthetic .cb-intro,
.codionix-blog-body[data-cb-theme="aesthetic"] .cb-intro{
background:linear-gradient(140deg, #f4f5ff 0%, #e3e6ff 55%, #ffffff 100%);
border:1px solid rgba(0,15,209,0.10);
box-shadow:0 18px 40px rgba(5,13,22,0.07);
}

.codionix-blog-body.cb-theme-aesthetic .cb-card,
.codionix-blog-body[data-cb-theme="aesthetic"] .cb-card{
background:linear-gradient(180deg, #ffffff 0%, #f8f9ff 100%);
border:1px solid rgba(0,15,209,0.10);
box-shadow:0 12px 24px rgba(5,13,22,0.06);
}

.codionix-blog-body.cb-theme-aesthetic .cb-card::before,
.codionix-blog-body[data-cb-theme="aesthetic"] .cb-card::before{
opacity:0.35;
}

.codionix-blog-body.cb-theme-aesthetic .cb-cert,
.codionix-blog-body[data-cb-theme="aesthetic"] .cb-cert{
background:linear-gradient(180deg, #ffffff 0%, #f8f9ff 100%);
}

.codionix-blog-body.cb-theme-aesthetic .cb-note,
.codionix-blog-body[data-cb-theme="aesthetic"] .cb-note{
background:linear-gradient(135deg, #f8f9ff 0%, #eef1ff 100%);
}

/* Minimal: flat, crisp, low shadow */
.codionix-blog-body.cb-theme-minimal,
.codionix-blog-body[data-cb-theme="minimal"]{
--cb-shadow-card:none;
--cb-shadow-soft:none;
}

.codionix-blog-body.cb-theme-minimal h2,
.codionix-blog-body[data-cb-theme="minimal"] h2{
padding-left:12px;
}

.codionix-blog-body.cb-theme-minimal h2::before,
.codionix-blog-body[data-cb-theme="minimal"] h2::before{
width:4px;
box-shadow:none;
}

.codionix-blog-body.cb-theme-minimal .cb-intro,
.codionix-blog-body[data-cb-theme="minimal"] .cb-intro{
background:#ffffff;
border:1px solid rgba(0,15,209,0.12);
box-shadow:none;
}

.codionix-blog-body.cb-theme-minimal .cb-card,
.codionix-blog-body[data-cb-theme="minimal"] .cb-card,
.codionix-blog-body.cb-theme-minimal .cb-cert,
.codionix-blog-body[data-cb-theme="minimal"] .cb-cert,
.codionix-blog-body.cb-theme-minimal .cb-highlight,
.codionix-blog-body[data-cb-theme="minimal"] .cb-highlight,
.codionix-blog-body.cb-theme-minimal .cb-note,
.codionix-blog-body[data-cb-theme="minimal"] .cb-note{
background:#ffffff;
border:1px solid rgba(5,13,22,0.08);
box-shadow:none;
}

.codionix-blog-body.cb-theme-minimal .cb-card::before,
.codionix-blog-body[data-cb-theme="minimal"] .cb-card::before{
height:2px;
opacity:0.25;
}

.codionix-blog-body.cb-theme-minimal .cb-badge,
.codionix-blog-body[data-cb-theme="minimal"] .cb-badge{
box-shadow:none;
background:#eef1ff;
}

/* Editorial: typography-forward, understated panels */
.codionix-blog-body.cb-theme-editorial h2,
.codionix-blog-body[data-cb-theme="editorial"] h2{
padding-left:0;
border-bottom:2px solid rgba(0,15,209,0.18);
padding-bottom:10px;
}

.codionix-blog-body.cb-theme-editorial h2::before,
.codionix-blog-body[data-cb-theme="editorial"] h2::before{
display:none;
}

.codionix-blog-body.cb-theme-editorial .cb-intro,
.codionix-blog-body[data-cb-theme="editorial"] .cb-intro{
background:#f8f9ff;
border:1px solid rgba(0,15,209,0.12);
box-shadow:0 10px 20px rgba(5,13,22,0.05);
}

.codionix-blog-body.cb-theme-editorial .cb-card,
.codionix-blog-body[data-cb-theme="editorial"] .cb-card,
.codionix-blog-body.cb-theme-editorial .cb-cert,
.codionix-blog-body[data-cb-theme="editorial"] .cb-cert{
background:#ffffff;
border:1px solid rgba(5,13,22,0.10);
box-shadow:0 8px 16px rgba(5,13,22,0.04);
}

.codionix-blog-body.cb-theme-editorial .cb-card::before,
.codionix-blog-body[data-cb-theme="editorial"] .cb-card::before{
height:2px;
opacity:0.3;
}

.codionix-blog-body.cb-theme-editorial .cb-highlight,
.codionix-blog-body[data-cb-theme="editorial"] .cb-highlight{
background:#f8f9ff;
border-left-color:var(--cb-primary);
box-shadow:none;
}

/* Tech: sharper, higher contrast, crisp lines */
.codionix-blog-body.cb-theme-tech,
.codionix-blog-body[data-cb-theme="tech"]{
--cb-radius-xl:22px;
--cb-radius-lg:16px;
--cb-radius-md:12px;
--cb-radius-sm:10px;
}

.codionix-blog-body.cb-theme-tech .cb-intro,
.codionix-blog-body[data-cb-theme="tech"] .cb-intro{
background:linear-gradient(135deg, #f8f9ff 0%, #e3e7ff 60%, #ffffff 100%);
border:1px solid rgba(0,15,209,0.18);
box-shadow:0 16px 30px rgba(0,15,209,0.10);
}

.codionix-blog-body.cb-theme-tech .cb-card,
.codionix-blog-body[data-cb-theme="tech"] .cb-card{
border:1px solid rgba(0,15,209,0.20);
box-shadow:0 12px 26px rgba(0,15,209,0.10);
}

.codionix-blog-body.cb-theme-tech .cb-card::before,
.codionix-blog-body[data-cb-theme="tech"] .cb-card::before{
height:3px;
opacity:0.8;
}

.codionix-blog-body.cb-theme-tech .cb-cert,
.codionix-blog-body[data-cb-theme="tech"] .cb-cert{
border:1px solid rgba(0,15,209,0.20);
box-shadow:0 14px 30px rgba(0,15,209,0.10);
}

.codionix-blog-body.cb-theme-tech .cb-badge,
.codionix-blog-body[data-cb-theme="tech"] .cb-badge{
background:linear-gradient(180deg, #e6ebff 0%, #dbe2ff 100%);
}

.codionix-blog-body.cb-theme-tech table th,
.codionix-blog-body[data-cb-theme="tech"] table th{
background:linear-gradient(180deg, #0012ff 0%, #2436ff 100%);
}

/* =========================
RESPONSIVE
========================= */
@media(max-width:1100px){
.codionix-blog-body h2{
font-size:30px;
margin:44px 0 16px;
}

.codionix-blog-body .cb-grid-3{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}

@media(max-width:900px){
.codionix-blog-body .cb-grid{
grid-template-columns:1fr;
}

.codionix-blog-body .cb-grid-3{
grid-template-columns:1fr;
}

.codionix-blog-body .cb-meta{
grid-template-columns:1fr;
}
}

@media(max-width:1023px){
.codionix-blog-body .cb-cert .cb-meta{
grid-template-columns:1fr;
}
}

@media(min-width:1024px){
.codionix-blog-body .cb-grid-3{
grid-template-columns:1fr;
gap:14px;
}

.codionix-blog-body .cb-cert .cb-meta{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
}

.codionix-blog-body .cb-grid-3 > .cb-cert{
padding-top:34px;
border-left:none;
}

.codionix-blog-body .cb-grid-3 > .cb-cert::before{
width:100%;
height:5px;
top:0;
left:0;
}

.codionix-blog-body .cb-grid-3 > .cb-cert .cb-badge{
position:absolute;
top:16px;
right:18px;
margin:0;
}

.codionix-blog-body .cb-grid-3 > .cb-cert h3{
margin-top:6px;
}

.codionix-blog-body .cb-grid-3 > .cb-cert .cb-meta{
grid-template-columns:repeat(3,minmax(0,1fr));
}

.codionix-blog-body .cb-grid-3 > .cb-cert .cb-meta p{
border-left:2px solid rgba(0,15,209,0.18);
border-top:none;
}
}

@media(max-width:767px){
.codionix-blog-body{
font-size:16px !important;
line-height:1.78;
}

.codionix-blog-body .cb-wrap{
padding:0;
}

.codionix-blog-body h2{
font-size:26px !important;
margin:40px 0 16px;
padding-left:14px;
}

.codionix-blog-body h2::before{
width:5px;
height:0.85em;
box-shadow:0 0 0 5px rgba(0,15,209,0.08);
}

.codionix-blog-body h3{
font-size:20px !important;
margin:24px 0 10px;
}

.codionix-blog-body h4{
font-size:17px !important;
}

.codionix-blog-body .cb-intro,
.codionix-blog-body .cb-card,
.codionix-blog-body .cb-cert,
.codionix-blog-body .cb-dark{
padding:22px 20px !important;
border-radius:20px;
}

.codionix-blog-body .cb-grid,
.codionix-blog-body .cb-grid-3,
.codionix-blog-body .cb-meta{
grid-template-columns:1fr !important;
}

.codionix-blog-body .cb-grid,
.codionix-blog-body .cb-grid-3{
gap:16px;
margin:24px 0;
}

.codionix-blog-body .cb-meta{
gap:10px;
}

.codionix-blog-body .cb-checklist li{
padding-left:22px;
}

.codionix-blog-body table,
.codionix-blog-body thead,
.codionix-blog-body tbody,
.codionix-blog-body th,
.codionix-blog-body td,
.codionix-blog-body tr{
display:block;
width:100%;
}

.codionix-blog-body table{
border-radius:0;
overflow:visible;
background:transparent;
border:none;
box-shadow:none;
}

.codionix-blog-body table thead{
display:none;
}

.codionix-blog-body table tr{
border:1px solid rgba(0,15,209,0.14);
border-radius:16px;
background:#ffffff;
box-shadow:0 12px 26px rgba(5,13,22,0.06);
margin:0 0 16px;
overflow:hidden;
}

.codionix-blog-body table tr:last-child{
margin-bottom:0;
}

.codionix-blog-body table td{
padding:12px 16px;
border-bottom:none;
border-top:1px dashed rgba(0,15,209,0.12);
}

.codionix-blog-body table td:first-child{
background:linear-gradient(135deg, #eef1ff 0%, #f8f9ff 100%);
color:var(--cb-primary);
font-weight:700;
border-top:none;
border-bottom:1px solid rgba(0,15,209,0.12);
}
}/* End custom CSS */