footer#site-footer { background-color: rgb(1, 1, 42); }
.site-footer { position: relative; margin-top: -41em; pointer-events: none; background-color: initial !important; }
.site-footer * { line-height: 1.5; }
@media (max-width: 1023px) {
  .site-footer { margin-top: -46vh; }
}
@media (max-width: 1023px) {
  .site-footer { padding-top: 0px; }
}
.site-footer .ellipse { width: 100%; padding: 38rem 0px 5rem; background-image: url("https://www.qodo.ai/wp-content/uploads/2023/03/blog-footer-desktop.png"); background-repeat: no-repeat; background-size: cover; background-position: center top; backdrop-filter: initial; }
@media (max-width: 1023px) {
  .site-footer .ellipse { background-image: url("https://www.qodo.ai/wp-content/uploads/2023/03/blog-footer-mobile.png"); padding: 3rem 0px 24.3em; }
}
@media (max-width: 1023px) {
  .site-footer .ellipse { padding: 130px 0px 40px; background-size: 100% 100%; position: relative !important; }
}
.site-footer .ellipse-inner { padding-top: 100px; position: relative; pointer-events: all; z-index: 1; }
@media (max-width: 1023px) {
  .site-footer .ellipse-inner { padding: 0px 6rem; }
}
@media (max-width: 1550px) {
  .site-footer .ellipse-inner { padding-top: 50px; }
}
@media (max-width: 1023px) {
  .site-footer .ellipse-inner { position: relative; top: auto !important; }
}
@media only screen and (min-width: 1330px) and (max-width: 1550px) {
  .site-footer { margin-top: -38em; }
}
@media only screen and (min-width: 1023px) and (max-width: 1329px) {
  .site-footer { margin-top: -37em; }
}
.site-footer .container { max-width: 1100px; width: 100%; padding-left: 15px; padding-right: 15px; }
.site-footer .container .site-footer--grid { display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 24px; }
@media (max-width: 1023px) {
  .site-footer .container .site-footer--grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 10px; }
}
.site-footer .footer-menu-title { display: inline-block; font-size: 14px; font-weight: 700; text-transform: uppercase; margin-bottom: 2rem; color: rgb(155, 138, 252) !important; }
@media (max-width: 1023px) {
  .site-footer .footer-menu-title { display: block; margin-bottom: 1.5rem; }
}
.site-footer .footer-menu { padding: 0px; margin: 0px; font-size: 14px; }
.site-footer .footer-menu li { margin-bottom: 8px; }
.site-footer .site-footer--content { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
@media (max-width: 1023px) {
  .site-footer .site-footer--content { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; }
}
.site-footer .site-footer--content .footer-copyright p { color: rgb(255, 255, 255); font-size: 1.2rem; margin: 0px; }
@media (max-width: 1023px) {
  .site-footer .site-footer--content .footer-copyright { margin-top: 15px; }
}
.site-footer .site-footer--content .footer-menu a { color: rgb(255, 255, 255); margin-right: 8px; font-size: 12px; }
.site-footer .site-footer--content .footer-menu a:last-child { margin-right: 0px; }
.site-footer .footer-social { display: flex; -webkit-box-align: baseline; align-items: baseline; margin-top: 30px; flex-wrap: wrap; }
.site-footer .footer-social a { display: flex; margin-right: 10px; margin-bottom: 15px; }
@media (max-width: 600px) {
  .site-footer .footer-social a { margin-right: 5px; }
}
.site-footer .footer-social a:last-child { margin-right: 0px; }
.site-footer .footer-social a img { max-height: 24px; }
.site-footer .footer-social a:hover svg path { fill: rgb(255, 255, 255); }
.site-footer .footer-social svg { height: 20px; }
@media (max-width: 1023px) {
  .site-footer .footer-social svg { height: 16px; }
}
.site-footer .footer-social svg * { transition: 0.1s ease-in-out; }
.site-footer .footer-info { border-top: 1px solid rgb(235, 233, 246); padding: 34px 0px; }
.site-footer .footer-info p { color: rgb(255, 255, 255); font-size: 14px; }
.site-footer .footer-info p a { color: rgb(255, 255, 255); text-decoration: underline; }
.site-footer .footer-info p a:hover, .site-footer .footer-info p a:focus { color: rgb(255, 255, 255); }
.site-footer .footer-software-block { display: flex; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; border-top: 1px solid rgb(235, 233, 246); padding: 34px 0px; }
.site-footer .footer-software-block.footer-flex-column { flex-wrap: wrap; gap: 25px; }
@media (max-width: 992px) {
  .site-footer .footer-software-block.footer-flex-column { gap: 25px; }
}
@media (max-width: 575px) {
  .site-footer .footer-software-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 20px 10px; }
}
@media (min-width: 576px) and (max-width: 767px) {
  .site-footer .footer-software-block { gap: 20px; }
}
.site-footer .footer-software-block .title-text { color: rgb(255, 255, 255); font-size: 14px; margin: 0px 0px 10px; display: block; }
.site-footer .footer-software-block .footer-item { display: block; }
.site-footer .footer-software-block .footer-software { display: inline-flex; flex-wrap: wrap; gap: 14px; }
.site-footer .footer-software-block .footer-software span { display: inline-flex; -webkit-box-flex: 0; flex: 0 0 auto; }
.site-footer .footer-software-block .footer-software span:last-child { margin-right: 0px; }
.site-footer .footer-software-block .footer-software a { display: inline-flex; -webkit-box-flex: 0; flex: 0 0 auto; transition: 0.1s ease-in-out; }
.site-footer .footer-software-block .footer-software a:hover, .site-footer .footer-software-block .footer-software a:focus { transform: scale(1.1); z-index: 9; }
.site-footer .footer-software-block .footer-software a:last-child { margin-right: 0px; }
.site-footer .footer-software-block .site-footer--content .footer-menu a:hover { color: rgb(255, 255, 255); }
@media (max-width: 1023px) {
  .site-footer .footer-software-block .site-footer--content .footer-menu a:last-child { margin-right: 0px; }
}
@media (max-width: 1023px) {
  .site-footer .footer-software-block .site-footer--content { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
  .site-footer .footer-software-block .site-footer--content .footer-menu { margin-right: 0px; }
}
@media (min-width: 576px) and (max-width: 1023px) {
  .site-footer .footer-software-block .site-footer--content .footer-copyright { margin-top: 5px; }
}
.site-footer .footer-software-block.footer-bottom { flex-wrap: wrap; }
@media (min-width: 992px) {
  .site-footer .footer-software-block.footer-bottom { -webkit-box-align: center; align-items: center; }
}
@media (max-width: 992px) {
  .site-footer .footer-software-block.footer-bottom { gap: 10px; }
  .site-footer .footer-software-block.footer-bottom .m-order-1 { -webkit-box-ordinal-group: 2; order: 1; width: 100%; -webkit-box-flex: 1; flex: 1 1 auto; margin-bottom: 20px; }
  .site-footer .footer-software-block.footer-bottom .m-order-2 { -webkit-box-ordinal-group: 3; order: 2; }
  .site-footer .footer-software-block.footer-bottom .m-order-3 { -webkit-box-ordinal-group: 4; order: 3; }
}
@media (max-width: 575px) {
  .site-footer .footer-software-block.footer-bottom { -webkit-box-pack: center; justify-content: center; }
  .site-footer .footer-software-block.footer-bottom .m-order-2 { -webkit-box-ordinal-group: 4; order: 3; }
  .site-footer .footer-software-block.footer-bottom .m-order-3 { -webkit-box-ordinal-group: 3; order: 2; }
}
.site-footer .footer-software-block .site-footer--logos { gap: 15px; display: flex; -webkit-box-align: center; align-items: center; flex-wrap: nowrap; }
@media (max-width: 575px) {
  .site-footer .footer-software-block .site-footer--logos { flex-wrap: wrap; }
}
.site-footer .footer-software-block .site-footer--logos a { display: block; transition: 0.1s ease-in-out; }
.site-footer .footer-software-block .site-footer--logos a:hover, .site-footer .footer-software-block .site-footer--logos a:focus { opacity: 0.8; transform: scale(1.05); z-index: 2; }
.site-footer .footer-software-block .site-footer--logos img { width: auto; max-height: 48px; vertical-align: bottom; }
@media (max-width: 475px) {
  .site-footer .footer-software-block .site-footer--logos img { max-height: 40px; }
}
.site-footer a { color: rgb(255, 255, 255); transition: 0.2s ease-in-out; text-underline-offset: 4px; }
.site-footer a:hover, .site-footer a:focus { color: rgb(255, 255, 255); text-decoration: underline; }
.site-footer a .coming-soon-label { border-radius: 30px; background: rgb(5, 229, 173); font-size: 8px; font-weight: 700; color: rgb(1, 1, 42); display: inline-block; padding: 2px 5px; margin-left: 5px; }
.site-footer li.current_page_item:not(.hash-menu) > a { color: rgb(255, 255, 255); text-decoration: underline; }
@media (max-width: 991px) {
  .site-footer .ellipse-inner { padding: 0px !important; }
}
.site-footer.site-footer-light { padding-top: 0px; margin-top: 0px; }
.site-footer.site-footer-light .ellipse, .site-footer.site-footer-light .ellipse-inner { position: inherit; top: auto; right: auto; left: auto; transform: none; padding: 0px; }
.site-footer.site-footer-light .footer-social a:hover svg path { fill: var(--icon-hover-color,#684bfe); }
@media (max-width: 1023px) {
  .site-footer.site-footer-light { padding-top: 100px; background-position: center top; background-size: 100% 100px; background-repeat: no-repeat; position: relative; overflow: hidden; background-image: url("https://www.qodo.ai/themes/codium/assets/images/footer-light-bg-m.png") !important; background-color: transparent !important; }
  .site-footer.site-footer-light::after { content: ""; position: absolute; left: -35px; top: -15px; width: 90px; height: 90px; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-3.png") center center / contain no-repeat; }
}
@media (max-width: 1023px) and (max-width: 575px) {
  .site-footer.site-footer-light { background-size: 100% 60px; padding-top: 60px; }
}
.site-footer.site-footer-light .ellipse { background-repeat: no-repeat; background-size: cover; padding-top: 150px; background-image: url("https://www.qodo.ai/themes/codium/assets/images/footer-light-bg.png") !important; }
@media (max-width: 1023px) {
  .site-footer.site-footer-light .ellipse { padding-top: 0px; padding-bottom: 40px; background-color: rgb(250, 249, 255); background-image: none !important; }
}
@media (max-width: 575px) {
  .site-footer.site-footer-light .ellipse { padding-top: 30px; }
}
.site-footer.site-footer-light .site-footer--grid { margin-bottom: 34px; }
@media (max-width: 1023px) {
  .site-footer.site-footer-light .site-footer--grid { gap: 20px 10px; }
}
.site-footer.site-footer-light .footer-software-block .title-text { color: rgb(1, 1, 42); }
.site-footer.site-footer-light .footer-software-block .footer-menu a:hover { color: rgb(104, 75, 254); }
.site-footer.site-footer-light .site-footer--content { margin: 0px; }
.site-footer.site-footer-light .site-footer--content .footer-copyright p { margin: 0px; color: rgb(1, 1, 42); font-size: 1.2rem; }
.site-footer.site-footer-light .site-footer--content a { color: rgb(160, 160, 184); }
.site-footer.site-footer-light a { color: rgb(1, 1, 42); }
.site-footer.site-footer-light a:hover, .site-footer.site-footer-light a:focus { color: rgb(104, 75, 254); }
.site-footer.site-footer-light li.current_page_item > a { color: rgb(104, 75, 254); }
.site-footer.site-footer-light .footer-info p { color: rgb(1, 1, 42); }
.site-footer.site-footer-light .footer-info p a { color: rgb(104, 75, 254); }
.site-footer.site-footer-light .footer-info p a:hover, .site-footer.site-footer-light .footer-info p a:focus { color: rgb(104, 75, 254); }
.site-footer.site-footer-light .footer-software-block .site-footer--content .footer-menu a { color: rgb(1, 1, 42); }
.site-footer.site-footer-light .footer-software-block .site-footer--content .footer-menu a:hover { color: rgb(104, 75, 254); }
.site-footer.site-footer-inline-dark { padding-top: 0px; margin-top: 0px; }
.site-footer.site-footer-inline-dark .ellipse, .site-footer.site-footer-inline-dark .ellipse-inner { position: inherit; top: auto; right: auto; left: auto; transform: none; }
.site-footer.site-footer-inline-dark .ellipse-inner { padding-top: 0px !important; }
@media (max-width: 1023px) {
  .site-footer.site-footer-inline-dark { padding-top: 100px; background-position: center top; background-size: 100% 100px; background-repeat: no-repeat; position: relative; overflow: hidden; background-color: rgb(38, 38, 94) !important; background-image: url("https://www.qodo.ai/themes/codium/assets/images/footer-gark-bg-m.png") !important; }
  .site-footer.site-footer-inline-dark::after { content: ""; position: absolute; left: -35px; top: -15px; width: 90px; height: 90px; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-3.png") center center / contain no-repeat; }
}
@media (max-width: 1023px) and (max-width: 575px) {
  .site-footer.site-footer-inline-dark { background-size: 100% 60px; padding-top: 60px; }
}
.site-footer.site-footer-inline-dark .ellipse { background-color: rgb(5, 4, 51); background-repeat: no-repeat; background-size: cover; padding-top: 150px; background-image: url("https://www.qodo.ai/themes/codium/assets/images/footer-dark-bg.png") !important; }
@media (max-width: 1023px) {
  .site-footer.site-footer-inline-dark .ellipse { padding-top: 0px; padding-bottom: 40px; background-color: rgb(38, 38, 94); background-image: none !important; }
}
@media (max-width: 575px) {
  .site-footer.site-footer-inline-dark .ellipse { padding-top: 30px; }
}
.site-footer.site-footer-inline-dark .site-footer--grid { margin-bottom: 34px; }
@media (max-width: 1023px) {
  .site-footer.site-footer-inline-dark .site-footer--grid { gap: 20px 10px; }
}
.site-footer.site-footer-inline-dark .site-footer--content { margin: 0px; }
.site-footer.site-footer-inline-dark .site-footer--content .footer-copyright p { margin: 0px; font-size: 1.2rem; }
.site-footer.site-footer-inline-dark .footer-software-block, .site-footer.site-footer-inline-dark .footer-info { border-top-color: rgba(235, 233, 246, 0.2); }
.site-footer.site-footer-inline-mask { margin-top: -150px; position: relative; overflow: hidden; }
@media (max-width: 767px) {
  .site-footer.site-footer-inline-mask { margin-top: -100px; }
}
.site-footer.site-footer-inline-mask::before { content: ""; position: absolute; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-3.png") center center / contain no-repeat; width: 140px; height: 140px; z-index: 2; top: 5%; left: -50px; }
@media (max-width: 1200px) {
  .site-footer.site-footer-inline-mask::before { top: 2%; }
}
@media (max-width: 992px) {
  .site-footer.site-footer-inline-mask::before { left: -30px; width: 80px; height: 80px; }
}
@media (max-width: 767px) {
  .site-footer.site-footer-inline-mask::before { top: 1%; }
}
.site-footer.site-footer-inline-mask .ellipse { position: relative; background-image: none; padding: 100px 0px 50px; }
.site-footer.site-footer-inline-mask .ellipse::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: linear-gradient(0deg, rgba(31, 31, 255, 0.1), rgba(31, 31, 255, 0.1)), linear-gradient(0deg, rgba(1, 1, 42, 0.4), rgba(1, 1, 42, 0.4)), linear-gradient(105.87deg, rgba(255, 255, 255, 0.4) 3.04%, rgba(255, 255, 255, 0) 99.23%); border-radius: 55% 55% 0px 0px / 75% 75% 0px 0px; transform: scaleX(1.5); z-index: 1; background-blend-mode: overlay, normal, normal, normal; backdrop-filter: blur(40px); box-shadow: rgba(31, 31, 255, 0.1) -6px 6px 0px -6px inset, rgba(1, 1, 42, 0.4) 8px 8px 0px -8px inset, rgb(255, 255, 255) 2px 2px 0px -2px inset, rgba(100, 71, 255, 0) 0px -6px 0px -4px inset, rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset; }
@media (max-width: 1200px) {
  .site-footer.site-footer-inline-mask .ellipse::before { border-radius: 45% 50% 0px 0px / 50% 45% 0px 0px; }
}
@media (max-width: 992px) {
  .site-footer.site-footer-inline-mask .ellipse::before { border-radius: 75% 90% 0px 0px / 55% 65% 0px 0px; }
}
@media (max-width: 767px) {
  .site-footer.site-footer-inline-mask .ellipse::before { border-radius: 80% 80% 0px 0px / 25% 25% 0px 0px; }
}
.site-footer.site-footer-inline-mask .ellipse-inner { padding-top: 40px; }
.is-site-footer-inner { padding-bottom: 300px !important; }
@media (max-width: 767px) {
  .is-site-footer-inner { padding-bottom: 150px !important; }
}
.two-cols-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
@media (max-width: 767px) {
  .two-cols-grid { grid-template-columns: 1fr; }
}
.two-cols-grid .footer-software-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.two-cols-grid > :not(:first-child) { place-content: end; padding-inline-start: 2.5rem; }
@media (max-width: 767px) {
  .two-cols-grid > :not(:first-child) { padding-inline-start: 0px; place-content: start; }
}
* { box-sizing: border-box; }
html { font-size: 10px; scroll-behavior: smooth; }
body { margin: 0px; padding: 0px; font-family: CentraNo1, sans-serif; font-size: 1.8rem; font-weight: 400; color: rgb(0, 0, 0); overflow-x: hidden; background: rgb(1, 1, 42); }
@media (max-width: 1023px) {
  body { font-size: 4vw; }
}
body.is-light { background-color: rgb(255, 255, 255) !important; position: relative; }
body.is-light::after { position: absolute; content: ""; width: 100%; height: 45rem; top: 0px; left: 0px; right: 0px; background: linear-gradient(182deg, rgb(195, 185, 255) -85%, rgba(200, 191, 255, 0.92) -66%, rgba(255, 255, 255, 0) 78%); }
main { margin: 0px; }
.container { margin: 0px auto; }
@media only screen and (min-width: 1441px) {
  .container { width: 138rem; }
}
@media only screen and (min-width: 1141px) and (max-width: 1440px) {
  .container { width: 110rem; }
}
@media only screen and (min-width: 1024px) and (max-width: 1140px) {
  .container { width: 100rem; }
}
@media (max-width: 1023px) {
  .container { width: 100%; margin: 0px; }
}
.container-lg { max-width: 130rem; margin: 0px auto; }
@media (max-width: 1023px) {
  .container-lg { width: 100%; margin: 0px; }
}
.container-big { max-width: 145rem; width: 100%; margin: 0px auto; padding: 0px 15px; }
@media (max-width: 1023px) {
  .container-big { width: 100%; margin: 0px; }
}
.container-100 { width: 100%; max-width: 100%; }
.container-inner { max-width: 115rem; margin: 0px auto; padding-right: 2rem; padding-left: 2rem; }
@media (max-width: 1023px) {
  .container-inner { width: 100%; margin: 0px; }
}
.container-fix { max-width: 100rem; margin: 0px auto; padding-right: 2rem; padding-left: 2rem; }
@media (max-width: 1023px) {
  .container-fix { width: 100%; margin: 0px; }
}
.slideUp { transform: translateY(-9rem); transition: transform 0.3s ease-out; }
body.show-header-strip .slideUp { transform: translateY(-4.5rem); }
.slideDown { transform: translateY(0px); transition: transform 0.3s ease-out; }
.share-box { background: rgb(255, 255, 255); border-radius: 1rem; padding: 1.7rem 2rem 1.7rem 4rem; display: flex; -webkit-box-align: center; align-items: center; column-gap: 1.5rem; width: 41rem; }
.share-box > span { font-size: 1.6rem; font-weight: 500; font-family: CentraNo1, sans-serif; margin-inline-end: auto; }
h1, h2, h3, h4, .h1, .h2, .h3, .h4 { color: rgb(255, 255, 255); font-weight: 400; font-family: CentraNo1, sans-serif; line-height: 1; margin: 0px; }
.h1, .h2.h3.h4 { margin: 0px; }
.h1-bold { font-weight: 700; }
h1, .h1 { font-size: 5.6rem; }
@media (max-width: 1023px) {
  h1, .h1 { font-size: 8vw; }
}
h2, .h2 { font-size: 4rem; font-weight: 700; }
@media (max-width: 1023px) {
  h2, .h2 { font-size: 8vw; }
}
h3, .h3 { font-size: 2.6rem; color: rgb(155, 138, 252); font-weight: 700; }
@media (max-width: 1023px) {
  h3, .h3 { font-size: 6vw; }
}
h4, .h4 { font-size: 1.4rem; color: rgb(155, 138, 252); font-weight: 700; }
@media (max-width: 1023px) {
  h4, .h4 { font-size: 3.2vw; }
}
p { font-family: CentraNo1, sans-serif; line-height: 132%; font-weight: 400; color: rgb(255, 255, 255); }
ul, ol { font-size: 1.8rem; line-height: 180%; font-weight: 400; color: rgb(0, 0, 0); list-style-type: none; }
@media (max-width: 1023px) {
  ul.list-2, ol.list-2 { display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr); }
  ul.list-3, ol.list-3 { display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr); }
  ul.list-4, ol.list-4 { display: grid; gap: 10px; grid-template-columns: repeat(4, 1fr); }
}
section { position: relative; padding: 0px 2rem; }
img { max-width: 100%; height: auto; }
a { color: rgb(255, 255, 255); font-family: CentraNo1, sans-serif; font-size: inherit; font-weight: inherit; line-height: inherit; text-decoration: none 2px; text-underline-offset: 2px; }
a:hover, a:focus { text-decoration: none; }
::-webkit-input-placeholder { opacity: 1; color: rgb(255, 255, 255); }
::placeholder { opacity: 1; color: rgb(255, 255, 255); }
.p-0 { padding: 0px !important; }
.pt-0 { padding-top: 0px !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }
.pb-0 { padding-bottom: 0px !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }
.m-0 { margin: 0px !important; }
.mt-0 { margin-top: 0px !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }
.mb-0 { margin-bottom: 0px !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.d-none { display: none !important; }
.d-block { display: block !important; }
@media (min-width: 768px) {
  .d-md-block { display: block !important; }
}
@media (min-width: 992px) {
  .d-lg-block { display: block !important; }
}
.d-m-md-block { display: none !important; }
@media (max-width: 992px) {
  .d-m-md-none { display: none !important; }
  .d-m-md-block { display: block !important; }
}
.d-m-block { display: none !important; }
@media (max-width: 767px) {
  .d-m-block { display: block !important; }
  .d-m-sm-none { display: none !important; }
}
@media (max-width: 480px) {
  .d-m-xs-none { display: none !important; }
}
.d-m-inline-block { display: none !important; }
@media (max-width: 767px) {
  .d-m-inline-block { display: inline-block !important; }
  .d-m-sm-none { display: none !important; }
}
.pb-50 { padding-bottom: 50px !important; }
.pb-100 { padding-bottom: 100px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-100 { padding-top: 100px !important; }
.pt-150 { padding-top: 150px !important; }
.pt-200 { padding-top: 200px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mt-50 { margin-top: 50px !important; }
@media (max-width: 767px) {
  body .m-pt-50 { padding-top: 50px !important; }
  body .m-pt-100 { padding-top: 100px !important; }
  body .m-pt-150 { padding-top: 150px !important; }
  body .m-pb-50 { padding-bottom: 50px !important; }
}
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-nowrap { white-space: nowrap; }
.text-uppercase { text-transform: uppercase; }
.txt-pink { color: rgb(255, 107, 156) !important; }
.txt-purple { color: rgb(121, 98, 254) !important; }
.txt-green { color: rgb(5, 229, 173) !important; }
.txt-theme { color: rgb(1, 1, 42) !important; }
.txt-black { color: rgb(0, 0, 0) !important; }
.txt-white, .text-white { color: rgb(255, 255, 255) !important; }
.mw-900 { max-width: 900px; margin: 0px auto; }
.mw-full { margin: 0px auto; max-width: 100% !important; }
body .pointer-events-none { pointer-events: none; cursor: not-allowed; user-select: none; }
.txt-blur { filter: blur(5px); pointer-events: none; user-select: none; }
.icw-shadow-pulse { animation: 1s ease 0s infinite normal none running icw-shadow-pulse; }
@-webkit-keyframes icw-shadow-pulse { 
  0% { box-shadow: rgba(5, 229, 173, 0.4) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(5, 229, 173, 0) 0px 0px 0px 12px; }
}
@keyframes icw-shadow-pulse { 
  0% { box-shadow: rgba(5, 229, 173, 0.4) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(5, 229, 173, 0) 0px 0px 0px 12px; }
}
.alert { margin: 0px 0px 1rem; padding: 0.75em 1em; color: rgb(255, 255, 255); position: relative; font-size: 1.5rem; border-radius: 3px; border: 0px !important; }
.alert-success { background: rgb(64, 187, 43); }
.alert-info { background: rgb(28, 199, 241); }
.alert-warning { background: rgb(255, 172, 57); color: rgb(0, 0, 0); }
.alert-danger { background: rgb(244, 67, 54); }
.btn { border-radius: 30px; padding: 1.1rem 2.4rem; font-weight: 700; font-size: 1.4rem; letter-spacing: 0.05rem; display: inline-block; transition: 0.3s; cursor: pointer; }
.btn:active { transform: translateY(3px); }
@media (max-width: 575px) {
  .btn.btn-full-m { width: 100%; text-align: center; }
}
.btn.btn-big { padding: 1.5rem 5rem; }
.btn.btn-arrow { position: relative; display: inline-flex; -webkit-box-align: center; align-items: center; color: rgb(121, 98, 254); }
.btn.btn-arrow::after { content: ""; display: block; margin-left: 8px; width: 26px; height: 13px; background: url("https://www.qodo.ai/themes/codium/assets/icons/btn-arrow-right.svg") center center / contain no-repeat; transition: 0.3s ease-in-out; }
.btn.btn-arrow:hover, .btn.btn-arrow:focus, .btn.btn-arrow:active { color: rgb(96, 74, 224); }
.btn.btn-arrow:hover::after, .btn.btn-arrow:focus::after, .btn.btn-arrow:active::after { transform: translateX(5px); }
.main-btn { background: rgb(121, 98, 254); border: 1px solid rgb(121, 98, 254); }
.main-btn:hover, .main-btn:focus { background: rgb(96, 74, 224); }
.btn-green { border: 1px solid rgb(5, 229, 173); background-color: rgb(5, 229, 173); color: rgb(1, 1, 42); }
.btn-green:hover, .btn-green:focus { background: rgb(0, 189, 133); }
.btn-outline-purple { border-radius: 30px; border: 2px solid rgb(155, 138, 252); text-transform: uppercase; color: rgb(155, 138, 252) !important; }
.btn-outline-purple:hover, .btn-outline-purple:focus { background: rgb(155, 138, 252); color: rgb(255, 255, 255) !important; }
.btn-grey { background: linear-gradient(0deg, rgba(1, 1, 42, 0.4), rgba(1, 1, 42, 0.4)), linear-gradient(105.87deg, rgba(255, 255, 255, 0.4) 3.04%, rgba(255, 255, 255, 0) 99.23%); backdrop-filter: blur(40px); border: 1px solid rgb(178, 176, 231); display: flex; gap: 1rem; }
.btn-grey:hover { background: transparent; color: rgb(121, 98, 254); }
.btn-grey img { width: 2rem; }
.btn-group { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-wrap: wrap; gap: 15px; }
.decorative-image { pointer-events: none; user-select: none; }
.hidden-content { display: none; }
@media (max-width: 1023px) {
  .desktop { display: none !important; }
}
.mobile { display: none; }
@media (max-width: 1023px) {
  .mobile { display: initial; }
}
.gradient-text { background: linear-gradient(90.73deg, rgb(255, 107, 156) -32.52%, rgb(155, 138, 252) 31.93%, rgb(155, 138, 252) 61.46%, rgb(5, 229, 173) 110.54%) text; -webkit-text-fill-color: transparent; padding-bottom: 0.3rem; }
.badge-coming-soon { border-radius: 30px; background: rgb(5, 229, 173); font-size: 12px; font-weight: 700; color: rgb(1, 1, 42); display: inline-block; padding: 5px 15px; line-height: 1.5; }
.a-link { color: rgb(104, 75, 254); text-decoration: underline; }
.a-link:hover { text-decoration: initial; }
.text-bigger { font-size: 2.6rem; }
@media (max-width: 1023px) {
  .text-bigger { font-size: 5vw; }
}
.video-container { overflow: hidden; position: relative; width: 100%; margin: 2rem 0px; }
.video-container::after { padding-top: 56.25%; display: block; content: ""; }
.video-container iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.show-op { transition: 1s; animation-name: fadeIn; animation-duration: 0.5s; }
.btn-flex { gap: 1rem; display: flex; -webkit-box-pack: center; justify-content: center; }
.vscode { background: rgb(104, 75, 254); }
.vscode a { color: rgb(255, 255, 255); }
.pycharm { background: rgb(50, 27, 178); }
.pycharm a { color: rgb(255, 255, 255); }
.twitter-tweet iframe { min-height: 40rem; width: 100%; }
.select2-results__option--selectable { margin: 1rem 0px; }
.select2.select2-container.select2-container--classic { width: 100% !important; }
.alignnone { margin-bottom: 20px; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto; }
.alignright { float: right; margin: 5px 0px 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0px; }
a img.alignright { float: right; margin: 5px 0px 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0px; }
a img.alignleft { float: left; margin: 5px 20px 20px 0px; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: rgb(255, 255, 255); border: 1px solid rgb(240, 240, 240); max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0px; }
.wp-caption.alignleft { margin: 5px 20px 20px 0px; }
.wp-caption.alignright { margin: 5px 0px 20px 20px; }
.wp-caption img { border: 0px none; height: auto; margin: 0px; max-width: 98.5%; padding: 0px; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0px; padding: 0px 4px 5px; }
.screen-reader-text { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; }
.screen-reader-text:focus { background-color: rgb(238, 238, 238); clip-path: none; color: rgb(68, 68, 68); display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; clip: auto !important; }
.b-radius-10 { border-radius: 10px; }
.b-radius-20 { border-radius: 20px; }
.b-radius-30 { border-radius: 30px; }
.icons { display: inline-block; transition: 0.2s ease-in-out; background-size: contain !important; }
.icons.icon-location { background: url("https://www.qodo.ai/themes/codium/assets/icons/location.svg") center center no-repeat; width: 20px; height: 20px; }
.icons.icon-arrow-right { background: url("https://www.qodo.ai/themes/codium/assets/icons/arrow-right.svg") center center no-repeat; width: 23px; height: 23px; }
.bg-circle-img { position: relative; z-index: 1; }
@media (max-width: 991px) {
  .bg-circle-img::after, .bg-circle-img::before { display: none; }
}
.bg-circle-img::after { content: ""; position: absolute; right: -5%; top: 13%; width: 220px; height: 220px; z-index: -1; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-1.png") center center / contain no-repeat; }
.bg-circle-img::before { content: ""; position: absolute; left: -40px; top: 35%; width: 90px; height: 90px; z-index: -1; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-2.png") center center / contain no-repeat; }
.text-center { text-align: center; }
.main-section { padding: 100px 0px; position: relative; z-index: 1; }
@media (max-width: 991px) {
  .main-section { padding: 50px 0px; }
}
.main-section .container { padding: 0px 15px; }
.main-section p { line-height: 1.5; margin-top: 0px; margin-bottom: 15px; }
.main-section p :last-child { margin-bottom: 0px; }
.is-light { font-size: 1.8rem; }
@media (max-width: 991px) {
  .is-light { font-size: 1.6rem; }
}
.is-light h1, .is-light h2, .is-light h3, .is-light h4, .is-light .h1, .is-light .h2, .is-light .h3, .is-light .h4 { color: rgb(1, 1, 42); line-height: 1.2; }
.is-light main, .is-light main p { color: rgb(1, 1, 42); }
.is-light .site-header .main-menu li a { color: rgb(0, 0, 0); }
.section-title { margin-bottom: 30px; }
.section-title .gradient-text { background: linear-gradient(90deg, rgb(104, 75, 254) 8.97%, rgb(225, 120, 231) 75.42%, rgb(5, 229, 173) 100.1%) text; -webkit-text-fill-color: transparent; }
@media (max-width: 991px) {
  .section-title { margin-bottom: 20px; }
}
.section-title h1, .section-title .h1, .section-title h2, .section-title .h2, .section-title h3, .section-title .h3 { margin-bottom: 20px; padding: 0px; }
.section-title h1, .section-title .h1 { font-size: 64px; font-weight: 700; line-height: 1.2; }
@media (max-width: 991px) {
  .section-title h1, .section-title .h1 { font-size: 32px; margin-bottom: 15px; }
}
.section-title h2, .section-title .h2 { font-size: 40px; font-weight: 700; }
@media (max-width: 991px) {
  .section-title h2, .section-title .h2 { font-size: 26px; margin-bottom: 15px; }
}
.section-title .gradient-text { display: inline-block; vertical-align: middle; }
.section-title .sort-info { font-weight: 400; font-size: 20px; color: rgb(1, 1, 42); margin-bottom: 20px; }
@media (max-width: 991px) {
  .section-title .sort-info { font-size: 16px; }
}
.section-title .sort-info p { color: rgb(1, 1, 42); margin: 0px 0px 20px; }
.section-title .sort-info p:last-child { margin-bottom: 0px; }
.check-list { line-height: normal; padding: 0px; margin: 0px; }
@media (max-width: 991px) {
  .check-list { font-size: 1.6rem; }
}
.check-list * { color: rgb(103, 103, 126); }
.check-list li { margin-bottom: 20px; padding-left: 30px; position: relative; transition: 0.2s ease-in-out; }
@media (max-width: 991px) {
  .check-list li { margin-bottom: 12px; }
}
.check-list li::before { content: ""; position: absolute; left: 0px; top: 2px; width: 20px; height: 20px; background: url("https://www.qodo.ai/themes/codium/assets/icons/check-icon.svg") center center / contain no-repeat; transition: 0.2s ease-in-out; }
.check-list li:last-child { margin-bottom: 0px; }
.back-btn { color: rgb(142, 142, 167); display: inline-flex; -webkit-box-align: center; align-items: center; font-size: 18px; position: relative; transition: 0.2s ease-in-out; }
@media (max-width: 991px) {
  .back-btn { font-size: 16px; }
}
.back-btn:hover { color: rgb(104, 75, 254); }
.back-btn::before { content: ""; width: 20px; height: 20px; margin-right: 10px; display: block; background: url("https://www.qodo.ai/themes/codium/assets/icons/arrow-left.svg") center center no-repeat transparent; }
.w-iframe iframe { width: 100%; }
.back-to-top { display: inline-block; width: 40px; height: 40px; line-height: 40px; background: rgb(121, 98, 254); text-align: center; position: fixed; z-index: 8; right: 20px; bottom: -100px; transition: bottom 0.4s cubic-bezier(0.7, 0, 0.3, 1); border-radius: 6px; }
.back-to-top:hover, .back-to-top:focus { opacity: 0.8; }
.back-to-top.visible { opacity: 1; bottom: 25px; }
.back-to-top svg { width: 16px; height: 16px; }
.is-overflow-auto { overflow-y: auto; max-height: calc(-200px + 100vh); scrollbar-width: thin; }
.is-overflow-auto::-webkit-scrollbar { background-color: transparent; width: 6px; height: 6px; border-radius: 16px; }
.is-overflow-auto::-webkit-scrollbar-thumb { background-color: rgb(152, 152, 170); border-radius: 16px; }
.is-overflow-auto::-webkit-scrollbar-track { background-color: rgb(238, 238, 238); }
.table-responsive { overflow-x: auto; }
table.table-theme { padding: 0px; font-size: 14px; border-collapse: collapse; text-align: left; margin-bottom: 20px; width: 100%; border: none; border-radius: 5px; }
table.table-theme strong, table.table-theme b { color: rgb(1, 1, 42); }
table.table-theme thead { background: rgb(104, 75, 254); }
table.table-theme thead tr th { padding: 10px; color: rgb(255, 255, 255); font-weight: 700; background: rgb(104, 75, 254); }
table.table-theme thead tr th * { color: rgb(255, 255, 255); }
table.table-theme thead tr th:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding-left: 30px; }
table.table-theme thead tr th:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding-right: 30px; }
table.table-theme tbody tr { border-bottom: 1px solid rgb(233, 230, 250); }
table.table-theme tbody tr td { padding: 10px; color: rgb(83, 83, 123); vertical-align: text-top; }
.icw-gallery-grids { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 40px; }
@media (max-width: 767px) {
  .icw-gallery-grids { grid-template-columns: repeat(2, 1fr); }
}
.icw-gallery-grids a.icw-gallery-item:hover, .icw-gallery-grids a.icw-gallery-item:focus { box-shadow: rgba(157, 96, 251, 0.3) 0px 0px 20px; transform: scale(1.02); text-decoration: none; }
.icw-gallery-grids.icw-gallery-columns-medium .icw-gallery-item { min-height: 15rem; }
.icw-gallery-grids.icw-gallery-columns-medium .icw-gallery-item img { object-fit: cover; object-position: center top; height: 15rem; width: 100%; }
.icw-gallery-grids.icw-gallery-columns-2 { grid-template-columns: repeat(2, 1fr); }
@media (min-width: 768px) {
  .icw-gallery-grids.icw-gallery-columns-4 { grid-template-columns: repeat(4, 1fr); }
  .icw-gallery-grids.icw-gallery-columns-5 { grid-template-columns: repeat(5, 1fr); }
}
.icw-gallery-grids a.icw-gallery-item { border: 1px solid rgb(247, 247, 247); border-radius: 12px; transition: 0.3s ease-in-out; position: relative; box-shadow: rgba(0, 0, 0, 0.02) 0px 0px 10px; overflow: hidden; display: block; text-decoration: none !important; color: rgb(0, 0, 0) !important; }
.icw-gallery-grids a.icw-gallery-item:hover, .icw-gallery-grids a.icw-gallery-item:focus { box-shadow: rgba(157, 96, 251, 0.3) 0px 0px 20px; color: rgb(0, 0, 0); text-decoration: none !important; }
.icw-gallery-grids div.icw-gallery-item { border: 1px solid rgb(247, 247, 247); border-radius: 12px; position: relative; box-shadow: rgba(0, 0, 0, 0.02) 0px 0px 10px; overflow: hidden; display: block; text-decoration: none; color: rgb(0, 0, 0); }
.icw-gallery-grids div.icw-gallery-item:hover, .icw-gallery-grids div.icw-gallery-item:focus { text-decoration: none; color: rgb(0, 0, 0); }
.icw-gallery-grids .icw-gallery-img img { margin: 0px; padding: 0px; border: 0px; width: 100%; }
.icw-gallery-grids .icw-gallery-caption { display: block; padding: 10px; font-size: 14px; font-weight: 400; }
.icw-gallery-sider { width: 100%; height: auto; }
.icw-gallery-sider .swiper-wrapper { border-radius: 28px; }
.icw-gallery-sider .swiper-slide a { display: block; }
.icw-gallery-sider .swiper-slide img { height: auto; border-radius: 28px; vertical-align: text-top; width: 100% !important; min-width: 100% !important; }
.icw-gallery-sider .icw-swiper-pagination { height: 50px; background-color: rgb(255, 255, 255); padding-top: 1rem; bottom: 0px !important; position: relative !important; }
.icw-gallery-sider .swiper-buttons { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; height: 54px; margin-bottom: 30px; position: relative !important; }
@media (max-width: 767px) {
  .icw-gallery-sider .swiper-buttons { -webkit-box-pack: center; justify-content: center; }
}
.icw-gallery-sider .icw-swiper-button-next, .icw-gallery-sider .icw-swiper-button-prev { width: 54px; height: 54px; background-color: rgb(242, 240, 255); border-radius: 50px; padding: 5px; border: 0px; outline: none; cursor: pointer; transition: 0.3s ease-in-out; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: static !important; margin: 0px 8px !important; }
.icw-gallery-sider .icw-swiper-button-next svg, .icw-gallery-sider .icw-swiper-button-prev svg { transition: 0.3s ease-in-out; }
.icw-gallery-sider .icw-swiper-button-next:hover, .icw-gallery-sider .icw-swiper-button-next:focus, .icw-gallery-sider .icw-swiper-button-prev:hover, .icw-gallery-sider .icw-swiper-button-prev:focus { background-color: rgb(225, 221, 248); }
.icw-gallery-sider .icw-swiper-button-next:hover svg, .icw-gallery-sider .icw-swiper-button-next:focus svg, .icw-gallery-sider .icw-swiper-button-prev:hover svg, .icw-gallery-sider .icw-swiper-button-prev:focus svg { transform: translateX(-5px); }
.icw-gallery-sider .icw-swiper-button-next.swiper-button-disabled, .icw-gallery-sider .icw-swiper-button-prev.swiper-button-disabled { opacity: 0.4; pointer-events: none; }
@media (max-width: 767px) {
  .icw-gallery-sider .icw-swiper-button-next { margin-right: 0px !important; }
}
.icw-gallery-sider .icw-swiper-button-next:hover svg, .icw-gallery-sider .icw-swiper-button-next:focus svg { transform: translateX(5px); }
.icw-gallery-sider .swiper-pagination-bullet { width: 1.2rem; height: 1.2rem; background: rgb(5, 229, 173); opacity: 1; border-radius: 20px; outline: none; transition: 0.3s ease-in-out; }
.icw-gallery-sider .swiper-pagination-bullet:hover, .icw-gallery-sider .swiper-pagination-bullet:focus { opacity: 0.8; }
.icw-gallery-sider .swiper-pagination-bullet.swiper-pagination-bullet-active { background: rgb(104, 75, 254); width: 1.7rem; }
@media (min-width: 1025px) {
  [data-title] { position: relative; }
  [data-title]:hover::before, [data-title]:focus::before { content: attr(data-title); position: absolute; bottom: -32px; display: inline-block; padding: 4px 6px; border-radius: 4px; background: rgb(1, 1, 42); color: rgb(255, 255, 255); font-size: 11px; font-family: sans-serif; white-space: nowrap; left: 0px; z-index: 1; }
  .site-header [data-title]:hover::before, .site-header [data-title]:focus::before { bottom: -26px; left: 10px; }
  [data-title]:hover::after, [data-title]:focus::after { content: ""; position: absolute; bottom: -10px; left: 5px; z-index: -1; display: inline-block; color: rgb(255, 255, 255); border-width: 8px; border-style: solid; border-color: transparent transparent rgb(1, 1, 42); border-image: initial; }
  .site-header [data-title]:hover::after, .site-header [data-title]:focus::after { left: 20px; }
  [data-title].icwtip { z-index: 1; }
  [data-title].icwtip:hover, [data-title].icwtip:focus { z-index: 2; }
  [data-title].icwtip:hover::before, [data-title].icwtip:focus::before { bottom: -28px; }
  [data-title].icwtip:hover::after, [data-title].icwtip:focus::after { bottom: -11px; }
  [data-title].icwtip-center { z-index: 1; }
  [data-title].icwtip-center:hover, [data-title].icwtip-center:focus { z-index: 2; }
  [data-title].icwtip-center:hover::before, [data-title].icwtip-center:focus::before { left: auto; bottom: -28px; background: rgb(151, 151, 151); }
  [data-title].icwtip-center:hover::after, [data-title].icwtip-center:focus::after { left: auto; bottom: -11px; border-bottom: 8px solid rgb(151, 151, 151); }
}
.overflow-hidden { overflow: hidden !important; }
.icw--modal { padding: 1rem; position: fixed; top: 0px; left: 0px; opacity: 0; visibility: hidden; width: 100%; height: 100%; overflow: hidden auto; outline: 0px; background-color: rgba(0, 0, 0, 0.7); transition: 0.3s ease-in-out; }
.icw--modal.show { z-index: 1055; opacity: 1; visibility: visible; }
.icw--modal.show .icw--modal-wrapper { animation: 0.3s ease 0s 1 normal none running gzoomIn; }
.icw--modal .icw--modal-wrapper { max-width: 350px; margin: 0px auto; display: flex; -webkit-box-align: center; align-items: center; min-height: 100%; position: relative; z-index: 9; }
.icw--modal .icw--modal-wrapper.icw--modal-green .modal-content { border: 2px solid rgb(5, 229, 173); }
.icw--modal .icw--modal-wrapper.icw--modal-onload { max-width: 1100px; }
@media (max-width: 767px) {
  .icw--modal .icw--modal-wrapper.icw--modal-onload { max-width: 350px; }
}
.icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-close { top: -8px; right: -8px; }
.icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content { width: 100%; height: auto; background: url("https://www.qodo.ai/themes/codium/assets/images/popup-bg.png") right bottom / cover no-repeat, linear-gradient(0deg, rgb(1, 1, 42) 0%, rgb(1, 1, 42) 100%), linear-gradient(92deg, rgba(26, 18, 126, 0.5) 21.31%, rgba(39, 29, 168, 0) 64.89%); border-radius: 40px; position: relative; padding: 100px !important; }
@media (max-width: 992px) {
  .icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content { padding: 70px 50px !important; }
}
@media (max-width: 767px) {
  .icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content { border-radius: 25px; background: url("https://www.qodo.ai/themes/codium/assets/images/popup-bg-m.png") right bottom / 100% 100% no-repeat, linear-gradient(0deg, rgb(1, 1, 42) 0%, rgb(1, 1, 42) 100%), linear-gradient(92deg, rgba(26, 18, 126, 0.5) 21.31%, rgba(39, 29, 168, 0) 64.89%); min-height: 600px; padding: 50px 30px !important; }
}
@media (max-width: 375px) {
  .icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content { padding: 40px 20px !important; }
}
.icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/modal-vector.png") center center / contain no-repeat; width: 50px; height: 95px; display: block; position: absolute; top: 30px; left: 0px; }
@media (max-width: 767px) {
  .icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content::before { background: url("https://www.qodo.ai/themes/codium/assets/images/modal-vector-m.png") center center no-repeat; top: 0px; left: 30px; width: 105px; height: 50px; }
}
.icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content .two-content-block { display: grid; grid-template-columns: repeat(2, calc(50% - 25px)); gap: 50px; -webkit-box-align: center; align-items: center; width: 100%; }
@media (max-width: 992px) {
  .icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content .two-content-block { gap: 30px; grid-template-columns: repeat(2, calc(50% - 15px)); }
}
@media (max-width: 767px) {
  .icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content .two-content-block { grid-template-columns: repeat(1, 100%); }
}
.icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content .section-title { margin-bottom: 0px; }
.icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content .section-title h2 { font-size: 60px; margin-bottom: 50px; letter-spacing: -0.6px; line-height: 1.2; }
@media (max-width: 1200px) {
  .icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content .section-title h2 { font-size: 50px; }
}
@media (max-width: 992px) {
  .icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content .section-title h2 { font-size: 40px; margin-bottom: 40px; }
}
@media (max-width: 767px) {
  .icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content .section-title h2 { font-size: 32px; text-align: center; }
}
.icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content .section-title .check-list li { margin-bottom: 12px; color: rgba(255, 255, 255, 0.6); }
.icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content .section-title .check-list li::before { top: 2px; }
.icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content .modal-action-block { text-align: right; }
.icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content .modal-action-block .modal-action { background: url("https://www.qodo.ai/themes/codium/assets/images/modal-btn-bg.png") center center / 100% 100% no-repeat; padding: 30px; display: flex; -webkit-box-align: center; align-items: center; gap: 25px; max-width: 350px; margin-left: auto; }
.icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content .modal-action-block .modal-action:hover .btn { background: rgb(0, 189, 133); }
@media (max-width: 992px) {
  .icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content .modal-action-block .modal-action { padding: 15px; gap: 15px; max-width: 290px; }
  .icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content .modal-action-block .modal-action img { width: 30px; }
}
@media (max-width: 767px) {
  .icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content .modal-action-block .modal-action { padding: 20px; gap: 15px; max-width: 290px; -webkit-box-pack: center; justify-content: center; }
  .icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content .modal-action-block .modal-action img { width: 40px; }
}
@media (max-width: 375px) {
  .icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content .modal-action-block .modal-action { padding: 15px; }
  .icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content .modal-action-block .modal-action img { width: 30px; }
}
.icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content .modal-action-block .modal-action:not(:last-child) { margin-bottom: 30px; }
.icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content .modal-action-block .modal-action .btn { padding: 12px 16px; font-size: 16px; text-transform: none; width: 100%; text-align: center; color: rgb(50, 27, 178); }
@media (max-width: 992px) {
  .icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content .modal-action-block .modal-action .btn { font-size: 14px; }
}
@media (max-width: 767px) {
  .icw--modal .icw--modal-wrapper.icw--modal-onload .icw--modal-content .modal-action-block .modal-action .btn { font-size: 12px; }
}
.icw--modal .icw--modal-wrapper .icw--modal-close { --size: 30px; position: absolute; top: calc(var(--size) / 2 * -1); right: calc(var(--size) / 2 * -1); border: 0px; background: rgb(121, 98, 254); color: rgb(255, 255, 255); font-weight: 700; width: var(--size); height: var(--size); aspect-ratio: 1 / 1; display: grid; place-items: center; text-align: center; border-radius: 50%; cursor: pointer; font-size: 14px; line-height: 1; padding: 0px; margin: 0px; }
.icw--modal .icw--modal-wrapper .icw--modal-close:hover, .icw--modal .icw--modal-wrapper .icw--modal-close:focus { background: rgb(138, 118, 255); }
.icw--modal .icw--modal-wrapper .icw--modal-content { border-radius: 10px; background: rgb(255, 255, 255); position: relative; padding: 25px !important; }
@media (max-width: 375px) {
  .icw--modal .icw--modal-wrapper .icw--modal-content { padding: 20px !important; }
}
.icw--modal .icw--modal-bg { top: 0px; left: 0px; background: transparent; position: fixed; width: 100%; height: 100vh; }
@-webkit-keyframes gzoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 1; }
}
@keyframes gzoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 1; }
}
@-webkit-keyframes gzoomOut { 
  0% { opacity: 1; }
  50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; }
}
@keyframes gzoomOut { 
  0% { opacity: 1; }
  50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; }
}
body .dropdown-download--cta .header-dropdown { display: inline-block !important; }
body .dropdown-download--cta .btn-has { gap: 10px; color: rgb(0, 0, 0) !important; font-size: 1.4rem !important; }
body .dropdown-download--cta .btn-has::before { background-size: 16px; margin-right: 5px; }
body .dropdown-download--cta .dropdown { height: 42px; list-style-type: none; padding: 0px; margin: 0px; position: relative; z-index: 10; border-radius: 20px; }
body .dropdown-download--cta .dropdown li a { color: rgb(1, 1, 42); text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; gap: 1.5rem; min-width: 19rem; padding: 0rem 2rem; font-weight: 600; display: block; }
body .dropdown-download--cta .dropdown li a img { width: 2rem; -webkit-box-flex: 0; flex: 0 0 auto; margin-right: 10px; }
body .dropdown-download--cta .dropdown li ul { position: absolute; display: none; margin: 0px; padding: 0px; }
body .dropdown-download--cta .dropdown li ul li:last-of-type { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
body .dropdown-download--cta .dropdown:hover ul { visibility: visible; display: block; }
body .dropdown-download--cta .dropdown:hover ul:first-of-type { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; font-weight: 600; }
.site-header { width: 100%; position: fixed; left: 0px; z-index: 999; background-color: transparent; transition: 0.2s; }
.site-header--wrapper { padding: 1rem 5rem; }
@media (max-width: 1600px) and (min-width: 1024px) {
  .site-header--wrapper { padding: 1rem 3rem; }
}
@media (max-width: 1023px) {
  .site-header--wrapper { padding: 2rem 15px; }
}
.site-header--menu { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
.site-header--menu .header-flex { display: flex; -webkit-box-align: center; align-items: center; gap: 3rem; }
.site-header--menu-logo { position: relative; }
.site-header--menu-logo .image-wrapper { width: 100%; }
.site-header--menu-logo a { display: inline-block; }
@media (max-width: 1023px) {
  .site-header--menu-logo a { display: block; }
}
.site-header--menu-logo img { width: 100%; }
@media (max-width: 767px) {
  .site-header--menu-logo svg { width: auto; height: 56px; }
}
.site-header--menu-cta-right { display: inline-flex; margin-left: auto; gap: 1rem; }
@media (max-width: 1439px) and (min-width: 1024px) {
  .site-header--menu-cta-right { flex-wrap: wrap; }
}
@media (max-width: 570px) {
  .site-header--menu-cta-right .icw-h-xs { display: none !important; }
}
.site-header--menu-cta-right a.btn-grey { display: flex; gap: 1rem; -webkit-box-align: center; align-items: center; white-space: nowrap; padding: 10px 16px; transition: 0.1s ease-in-out; }
@media (max-width: 1439px) and (min-width: 1024px) {
  .site-header--menu-cta-right a.btn-grey { padding: 6.5px 14px; letter-spacing: -0.25px; gap: 0.5rem; }
}
.site-header--menu-cta-right a.btn-grey:hover, .site-header--menu-cta-right a.btn-grey:focus { background-color: rgb(255, 255, 255); }
.site-header--menu-cta-right a.btn-grey:hover img, .site-header--menu-cta-right a.btn-grey:focus img { filter: none; }
.site-header--menu-cta-right a.btn-grey img { width: 2rem; filter: brightness(0) invert(1); transition: none; }
.site-header--menu-cta-right .btn-link { display: flex; -webkit-box-align: center; align-items: center; white-space: nowrap; padding: 12px 5px; transition: 0.1s ease-in-out; color: rgb(0, 0, 0); appearance: none; transform: none !important; background: transparent !important; border: none !important; }
@media (max-width: 1439px) and (min-width: 1024px) {
  .site-header--menu-cta-right .btn-link { padding: 6.5px 14px; letter-spacing: -0.25px; gap: 0.5rem; }
}
.site-header--menu-cta-right .btn-link:hover, .site-header--menu-cta-right .btn-link:focus { opacity: 0.8; color: rgb(0, 0, 0); }
.site-header--menu-cta-right .btn-link:active { transform: none !important; }
body.is-dark .site-header--menu-cta-right .btn-link { color: rgb(255, 255, 255); }
body.is-dark .site-header--menu-cta-right .btn-link:hover, body.is-dark .site-header--menu-cta-right .btn-link:focus { color: rgb(255, 255, 255); }
.site-header.active { background-color: rgb(255, 255, 255); box-shadow: rgba(106, 77, 244, 0.2) 0px 10px 80px; }
.site-header.active .site-header--wrapper { padding: 0.5rem 5.5rem; }
.site-header.active .site-header--menu .site-header--menu-logo .image-wrapper { width: 70%; }
.site-header.active .site-header--menu .site-header--menu-logo .maccabi-wrapper { opacity: 0; pointer-events: none; user-select: none; }
.site-header.active .site-header--menu .btn-white { background-color: rgb(246, 246, 251); }
.site-header.active .site-header--menu .btn-white:hover, .site-header.active .site-header--menu .btn-white:focus { background-color: rgb(255, 107, 156); }
.header-active { background: rgba(250, 250, 255, 0.75); box-shadow: rgba(24, 92, 255, 0.04) 0px 12px 30px 17px; transition: 0.2s; backdrop-filter: blur(12px); }
.header-active ul.main-menu li a { color: rgb(0, 0, 0); }
.header-active .site-header--menu-cta-right .btn-link { color: rgb(0, 0, 0) !important; }
.header-active .site-header--menu-cta-right .btn-link:hover, .header-active .site-header--menu-cta-right .btn-link:focus { color: rgb(0, 0, 0) !important; }
.mobile-menu-wrapper { display: none; }
@media (max-width: 1023px) {
  .mobile-menu-lines { position: relative; margin-left: 15px; }
  .mobile-menu-lines > div { height: 4px; background: rgb(121, 98, 254); width: 7vw; margin-bottom: 0.6rem; }
  .mobile-menu-lines div:last-child { margin-bottom: 0px; }
  .mobile-menu-wrapper { position: fixed; inset: 0px; width: 100%; transition: transform 0.4s linear, -webkit-transform 0.4s linear; z-index: 9999999; height: 100vh; overflow-y: auto; background-color: rgb(35, 29, 103); background-image: url("https://www.qodo.ai/themes/codium/assets/images/mobile-header-bg.jpg"); background-repeat: no-repeat; background-position: center top; background-size: 100% 100%; padding: 1.6rem 15px; }
  .mobile-menu-wrapper .mobile-header-flex { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; -webkit-box-align: center; align-items: center; }
  .mobile-menu-wrapper .mobile-header-flex .mobile-menu-trigger { color: rgb(255, 255, 255); font-size: 7vw; }
  .mobile-menu-wrapper .mobile-header-flex .mobile-header-logo img { width: 100%; }
}
@media (max-width: 1023px) and (max-width: 767px) {
  .mobile-menu-wrapper .mobile-header-flex .mobile-header-logo svg { width: auto; height: 56px; }
}
@media (max-width: 1023px) {
  .mobile-menu-wrapper .menu ul { padding: 0px; margin: 10vw 0px; }
  .mobile-menu-wrapper .menu ul li { padding-bottom: 2rem; }
  .mobile-menu-wrapper .menu ul li a { font-size: 2.2rem; }
  .mobile-menu-wrapper .mobile-header-cta { margin-top: 25px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: center; gap: 2rem; }
  .mobile-menu-wrapper .mobile-header-cta a.btn-grey { display: flex; -webkit-box-pack: center; justify-content: center; }
  .mobile-menu-wrapper .marketplace-download-plan { -webkit-box-pack: justify; justify-content: space-between; }
}
.header-note { background: linear-gradient(90deg, rgb(99, 71, 255) 20.45%, rgb(5, 228, 172) 84.65%); text-align: center; padding: 12px 0px; }
.header-note .note-info { font-weight: 600; font-size: 16px; color: rgb(255, 255, 255); overflow: auto; }
.header-note .note-info .note-text { white-space: nowrap; padding: 0px 15px; }
@media (max-width: 767px) {
  .header-note .note-info { font-size: 13px; letter-spacing: -0.03rem; }
}
@media (max-width: 375px) {
  .header-note .note-info { font-size: 10px; letter-spacing: -0.03rem; }
}
.header-note .note-info a { text-underline-offset: 2px; text-decoration-thickness: 2px; }
.header-note .note-info a:hover, .header-note .note-info:focus { text-decoration: underline; }
.menu-item-has-children { position: relative; }
.menu-item-has-children:hover .sub-menu, .menu-item-has-children.hover .sub-menu, .menu-item-has-children:focus .sub-menu, .menu-item-has-children:focus-visible .sub-menu { opacity: 1; visibility: visible; transform: none; }
@media (min-width: 1024px) {
  .menu-item-has-children:hover .arrow::after, .menu-item-has-children.hover .arrow::after, .menu-item-has-children:focus .arrow::after, .menu-item-has-children:focus-visible .arrow::after { opacity: 1; transform: rotate(180deg); }
}
.menu-item-has-children .arrow { background-color: transparent; padding: 0px; border: none; margin-left: 5px; }
@media (min-width: 1024px) {
  .menu-item-has-children .arrow:hover + .sub-menu, .menu-item-has-children .arrow:focus + .sub-menu, .menu-item-has-children .arrow:focus-visible + .sub-menu { opacity: 1; visibility: visible; transform: none; }
}
@media (max-width: 1023px) {
  .menu-item-has-children .arrow { position: absolute; right: 0px; z-index: 1; text-align: center; width: 25px; margin: 0px; height: 25px; top: 0px; }
}
.menu-item-has-children .arrow.is-active::after { transform: scaleY(-1); }
.menu-item-has-children .arrow::after { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/icons/chev-down.svg") center center / 13px no-repeat; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-top: -4px; transition: 0.2s ease-in-out; }
@media (min-width: 1024px) {
  body.is-dark .site-header:not(.header-active) .menu-item-has-children .arrow::after { filter: brightness(0) invert(1); }
  body.is-dark .header-active .menu-item-has-children .arrow::after { filter: none; }
}
@media (max-width: 1023px) {
  .menu-item-has-children .arrow::after { filter: brightness(0) invert(1); }
  body:not(.is-light) .menu-item-has-children .arrow::after { filter: brightness(0) invert(1); }
}
.menu-item-has-children ul.sub-menu { padding: 15px 0px; margin: 0px; min-width: 100%; width: 100%; }
@media (min-width: 1024px) {
  .menu-item-has-children ul.sub-menu { opacity: 0; visibility: hidden; transition: 0.2s ease-in-out; position: absolute; background-color: rgb(254, 254, 254); left: 0px; padding: 15px 20px; margin: 12px 0px 0px; z-index: 99; min-width: 280px; border-radius: 8px; transform: translateY(10px); box-shadow: rgba(143, 136, 182, 0.45) 0px 69px 140px; }
  .menu-item-has-children ul.sub-menu::before { content: attr(data-rel); color: rgb(142, 142, 167); font-size: 12px; text-transform: capitalize; }
}
@media (max-width: 1023px) {
  .menu-item-has-children ul.sub-menu { display: none; }
}
.menu-item-has-children ul.sub-menu li { display: flex; padding: 15px 10px; border-bottom: 1px solid rgb(232, 232, 238); }
@media (max-width: 1023px) {
  .menu-item-has-children ul.sub-menu li { padding-left: 15px; border-bottom-color: rgba(255, 255, 255, 0.4); }
}
.menu-item-has-children ul.sub-menu li:last-child { border-bottom: none; }
.menu-item-has-children ul.sub-menu li.menu-item-btn { padding: 0px; border: 0px; margin-bottom: 10px; }
.menu-item-has-children ul.sub-menu li.menu-item-btn > a { padding: 15px 10px; background: rgb(244, 242, 255); border-radius: 8px; }
@media (max-width: 1023px) {
  .menu-item-has-children ul.sub-menu li.menu-item-btn > a { background: rgba(244, 242, 255, 0.22); }
}
.menu-item-has-children ul.sub-menu li.menu-item-btn > a span.menu-name { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 100%; }
.menu-item-has-children ul.sub-menu li.menu-item-btn > a::after { content: none; }
.menu-item-has-children ul.sub-menu li.menu-item-btn > a .coming-soon-label { border-radius: 30px; background: rgb(5, 229, 173); font-size: 8px; font-weight: 700; color: rgb(1, 1, 42); display: inline-block; padding: 2px 5px; margin-left: 5px; }
.menu-item-has-children ul.sub-menu li.menu-item-label > a { padding: 0px; }
.menu-item-has-children ul.sub-menu li.menu-item-label > a span.menu-name { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 100%; }
.menu-item-has-children ul.sub-menu li.menu-item-label > a::after { content: none; }
.menu-item-has-children ul.sub-menu li.menu-item-label > a .coming-soon-label { border-radius: 30px; background: rgb(5, 229, 173); font-size: 8px; font-weight: 700; color: rgb(1, 1, 42); display: inline-block; padding: 2px 5px; margin-left: 5px; }
.menu-item-has-children ul.sub-menu li span.menu-item-info { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; }
.menu-item-has-children ul.sub-menu li span.menu-item-info small { font-size: 10px; line-height: 0; }
.menu-item-has-children ul.sub-menu li a { font-size: 16px; line-height: 1.5; transition: 0.2s ease-in-out; color: rgb(0, 0, 0); position: relative; width: 100%; padding-right: 25px; }
@media (max-width: 1023px) {
  .menu-item-has-children ul.sub-menu li a { color: rgb(255, 255, 255); }
}
.menu-item-has-children ul.sub-menu li a span { display: flex; -webkit-box-align: center; align-items: center; }
.menu-item-has-children ul.sub-menu li a span img { min-width: 20px; width: 20px; height: 20px; -webkit-box-flex: 0; flex: 0 0 auto; margin-right: 15px; }
@media (max-width: 1023px) {
  .menu-item-has-children ul.sub-menu li a span img { filter: brightness(0) invert(1); }
}
@media (max-width: 1023px) {
  .menu-item-has-children ul.sub-menu li a { color: rgb(255, 255, 255) !important; }
}
.menu-item-has-children ul.sub-menu li a:hover, .menu-item-has-children ul.sub-menu li a:focus { color: rgb(1, 1, 42); font-weight: 700; }
.menu-item-has-children ul.sub-menu li a:hover::after, .menu-item-has-children ul.sub-menu li a:focus::after { transform: translateX(5px); opacity: 1; }
.menu-item-has-children ul.sub-menu li a::after { content: ""; position: absolute; background: url("https://www.qodo.ai/themes/codium/assets/icons/arrow-right.svg") center center / 18px no-repeat; width: 22px; height: 22px; right: 0px; top: 0px; opacity: 0; transition: 0.2s ease-in-out; }
@media (max-width: 1023px) {
  .menu-item-has-children ul.sub-menu li a::after { filter: brightness(0) invert(1); }
}
@media (min-width: 1024px) {
  .menu-item-has-children.sub-menu-wider ul.sub-menu { min-width: 320px; }
}
.header-dropdown { display: none; position: relative; }
@media (min-width: 1023px) {
  .header-dropdown { display: inline-block; }
}
.header-dropdown .btn { font-size: 1.8rem; font-weight: 700; color: rgb(1, 1, 42); font-family: CentraNo1, sans-serif; }
.header-dropdown .btn-has { display: flex; -webkit-box-align: center; align-items: center; justify-content: space-around; position: relative; }
.header-dropdown .btn-has::before { vertical-align: middle; content: ""; background: url("https://www.qodo.ai/themes/codium/assets/icons/dropdown-arrow.svg") left center / contain no-repeat; width: 20px; height: 20px; margin-right: 16px; display: inline-block; transition: 0.3s ease-in-out; }
.header-dropdown .dropdown-menu { opacity: 0; visibility: hidden; transition: 0.2s ease-in-out; position: absolute; background-color: rgb(255, 255, 255); border: 2px solid rgb(5, 229, 173); left: 0px; right: 0px; padding: 10px 22px; margin: 10px 0px 0px; z-index: 9; border-radius: 16px; transform: translateY(10px); box-shadow: rgba(143, 136, 182, 0.45) 0px 69px 140px; }
.header-dropdown .dropdown-menu li { padding: 12px 0px; border-bottom: 1px solid rgb(232, 232, 238); }
.header-dropdown .dropdown-menu li:last-child { border-bottom: none; }
.header-dropdown .dropdown-menu .dropdown-item { display: flex; -webkit-box-align: center; align-items: center; transition: 0.2s ease-in-out; font-weight: 700; color: rgb(1, 1, 42) !important; }
.header-dropdown .dropdown-menu .dropdown-item:hover, .header-dropdown .dropdown-menu .dropdown-item:focus { color: rgb(92, 64, 249) !important; text-decoration: underline !important; }
.header-dropdown .dropdown-menu .dropdown-item img { margin-right: 12px; }
.header-dropdown:hover .btn-has, .header-dropdown:focus .btn-has, .header-dropdown:focus-visible .btn-has, .header-dropdown.hover .btn-has { color: rgb(0, 0, 0); }
.header-dropdown:hover .btn-has::before, .header-dropdown:focus .btn-has::before, .header-dropdown:focus-visible .btn-has::before, .header-dropdown.hover .btn-has::before { transform: rotate(180deg); }
.header-dropdown:hover .dropdown-menu, .header-dropdown:focus .dropdown-menu, .header-dropdown:focus-visible .dropdown-menu, .header-dropdown.hover .dropdown-menu { opacity: 1; visibility: visible; transform: none; }
.herder-popup { display: none; position: relative; }
@media (max-width: 1024px) {
  .herder-popup { display: inline-block; }
}
.herder-popup .btn { font-size: 1.8rem; font-weight: 700; color: rgb(1, 1, 42); font-family: CentraNo1, sans-serif; display: flex; -webkit-box-align: center; align-items: center; justify-content: space-around; position: relative; }
.herder-popup .btn::before { vertical-align: middle; content: ""; background: url("https://www.qodo.ai/themes/codium/assets/icons/dropdown-arrow.svg") left center / contain no-repeat; width: 20px; height: 20px; margin-top: 2px; margin-right: 16px; display: inline-block; transition: 0.3s ease-in-out; }
.herder-popup .btn img { margin-right: 12px; }
.ginner-container { padding: 0px 15px; }
.ginner-container .gslide-inline { border-radius: 8px; background-color: transparent; box-shadow: rgba(143, 136, 182, 0.45) 0px 69px 140px; }
.mini-popup { border-radius: 9px; background: rgb(255, 255, 255); padding: 15px !important; }
.mini-popup.mini-popup-green { border: 2px solid rgb(5, 229, 173); }
.mini-popup .icon-img { margin-bottom: 15px; line-height: 0.7; }
.mini-popup .icon-img img { margin-right: 10px; max-height: 24px; }
.mini-popup .popup-title { font-size: 16px; font-weight: 700; margin-bottom: 15px; }
.mini-popup .pop-info { font-size: 15px; color: rgb(1, 1, 42); margin-bottom: 15px; }
.mini-popup .hbspt-form .hs-form-field label { color: rgb(1, 1, 42); font-size: 14px; margin-bottom: 1rem; display: block; font-weight: 600; }
.mini-popup .hbspt-form .hs-form-field input { width: 100%; border: 2px solid rgb(104, 75, 254); border-radius: 8px; padding: 1rem; font-size: 16px; color: rgb(1, 1, 42); background: rgb(233, 233, 233); margin-bottom: 5px; }
.mini-popup .hbspt-form .hs-form-field .hs-error-msgs { padding: 0px; margin: 0px; line-height: normal; }
.mini-popup .hbspt-form .hs-form-field .hs-error-msgs .hs-error-msg { padding: 0px; font-size: 13px; color: rgb(255, 87, 34); }
.mini-popup .hbspt-form .hs-submit input[type="submit"] { background: rgb(5, 229, 173); border: 1px solid rgb(5, 229, 173); color: rgb(1, 1, 42); border-radius: 21px; white-space: nowrap; cursor: pointer; margin-top: 1rem; margin-bottom: 0px; width: auto; transition: 0.3s ease-in-out; padding: 0.8rem 3rem !important; }
.mini-popup .hbspt-form .hs-submit input[type="submit"]:hover, .mini-popup .hbspt-form .hs-submit input[type="submit"]:focus, .mini-popup .hbspt-form .hs-submit input[type="submit"]:focus-visible { background: rgb(0, 189, 133); }
.marketplace-download { display: inline-flex; flex-wrap: nowrap; column-gap: 1rem; }
@media (max-width: 1023px) {
  .marketplace-download { display: flex; flex-wrap: wrap; gap: 10px; }
}
.marketplace-value { display: inline-flex; -webkit-box-align: center; align-items: center; padding: 5px 18px; border-radius: 30px; height: 100%; background: rgba(255, 255, 255, 0.3); border: 1px solid rgb(216, 212, 238); position: relative; transition: 0.1s ease-in-out; }
body.is-dark .site-header:not(.header-active) .marketplace-value { backdrop-filter: blur(40px); }
@media (max-width: 1023px) {
  .marketplace-value { background: linear-gradient(0deg, rgba(1, 1, 42, 0.4), rgba(1, 1, 42, 0.4)), linear-gradient(105.87deg, rgba(255, 255, 255, 0.4) 3.04%, rgba(255, 255, 255, 0) 99.23%); border-color: rgb(178, 176, 231); }
}
.marketplace-value img, .marketplace-value svg { min-width: 20px; min-height: 20px; max-width: 20px; max-height: 20px; margin-right: 12px; -webkit-box-flex: 0; flex: 0 0 auto; }
@media (max-width: 1320px) {
  .marketplace-value img, .marketplace-value svg { margin-right: 8px; }
}
.marketplace-value .download { display: inline-flex; -webkit-box-align: center; align-items: center; border-left: 1px solid rgb(216, 212, 238); padding-left: 10px; height: 100%; }
@media (max-width: 1320px) {
  .marketplace-value .download { padding-left: 8px; }
}
.marketplace-value .download .icon-star { background: url("https://www.qodo.ai/themes/codium/assets/icons/star.svg") center center / contain no-repeat; width: 15px; height: 15px; display: inline-block; margin-right: 5px; }
.marketplace-value .download span { font-size: 16px; color: rgb(1, 1, 42); font-weight: 700; }
body.is-dark .site-header:not(.header-active) .marketplace-value .download span { color: rgb(255, 255, 255); }
@media (max-width: 1320px) {
  .marketplace-value .download span { font-size: 14px; }
}
@media (max-width: 1023px) {
  .marketplace-value .download span { color: rgb(255, 255, 255); }
}
.marketplace-value:hover, .marketplace-value:focus { background: rgb(255, 255, 255); border-color: rgb(178, 176, 231); }
.marketplace-value:hover .download span, .marketplace-value:focus .download span { color: rgb(121, 98, 254) !important; }
.marketplace-value .badge { background: rgb(104, 75, 254); color: rgb(255, 255, 255); padding: 3px 8px 2px; border-radius: 10px; position: absolute; font-size: 9px; line-height: 1; top: -8px; left: 10px; }
#main .marketplace-value { padding: 3px 18px; }
@media (max-width: 1023px) {
  #main .marketplace-value { background: rgba(255, 255, 255, 0.3); border: 1px solid rgb(216, 212, 238); }
  #main .marketplace-value .download span { color: rgb(1, 1, 42); }
}
.marketplace-btn-group { border-radius: 30px; background: rgba(255, 255, 255, 0.3); border: 1px solid rgb(216, 212, 238); display: flex; -webkit-box-align: center; align-items: center; }
.marketplace-btn-group .hline { padding: 0px 5px; display: flex; -webkit-box-align: center; align-items: center; }
.marketplace-btn-group .marketplace-value { background: rgba(255, 255, 255, 0); border: 0px; }
.marketplace-btn-group .marketplace-value:hover, .marketplace-btn-group .marketplace-value:focus { background: rgb(255, 255, 255); }
.marketplace-btn-group .marketplace-value:hover .download span, .marketplace-btn-group .marketplace-value:focus .download span { color: rgb(121, 98, 254) !important; }
@media (max-width: 1023px) {
  .marketplace-btn-group { width: 50%; height: 40px; }
  .marketplace-btn-group .hline { height: 40px; }
}
@media (max-width: 600px) {
  .marketplace-btn-group { width: 100%; }
}
@media (max-width: 1023px) {
  .user-profile-menu { margin-left: auto; margin-right: 0px; display: flex; position: relative; }
}
.user-profile-menu:hover .sub-menu, .user-profile-menu.hover .sub-menu, .user-profile-menu:focus .sub-menu, .user-profile-menu:focus-visible .sub-menu { opacity: 1; visibility: visible; transform: none; display: block; }
.user-profile-menu .profile-name { border: none; cursor: pointer; background: transparent !important; }
.user-profile-menu .profile-name .arrow { position: relative; height: auto !important; }
.user-profile-menu .profile-name .arrow::after { filter: none !important; }
body.is-dark .site-header:not(.header-active) .user-profile-menu .profile-name .arrow::after { filter: brightness(0) invert(1) !important; }
.user-profile-menu ul.sub-menu { right: auto; left: 0px; padding: 20px; }
@media (max-width: 570px) {
  .user-profile-menu ul.sub-menu { right: 0px; left: auto; }
}
@media (max-width: 1023px) {
  .user-profile-menu ul.sub-menu { opacity: 0; top: 100%; visibility: hidden; transition: 0.2s ease-in-out; position: absolute; background-color: rgb(254, 254, 254); padding: 15px; margin: 12px 0px 0px; z-index: 99; min-width: 250px; border-radius: 8px; transform: translateY(10px); box-shadow: rgba(143, 136, 182, 0.45) 0px 69px 140px; }
}
.user-profile-menu ul.sub-menu .menu-item { font-size: 16px; padding: 15px 0px; line-height: normal; gap: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; border-bottom: 1px solid rgb(224, 224, 224); }
.user-profile-menu ul.sub-menu .menu-item:first-child { padding-top: 0px; gap: 0px; }
.user-profile-menu ul.sub-menu .menu-item:last-child { padding-bottom: 0px; }
.user-profile-menu ul.sub-menu .menu-item .name { font-size: 14px; color: rgb(113, 113, 113); margin-bottom: 4px; }
.user-profile-menu ul.sub-menu .menu-item .user-email { color: rgb(39, 39, 39); font-size: 16px; font-weight: 700; }
.user-profile-menu ul.sub-menu .menu-item .plan-menu { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
.user-profile-menu ul.sub-menu .menu-item .plan-menu span { color: rgb(143, 143, 168); font-size: 12px; text-transform: uppercase; }
.user-profile-menu ul.sub-menu .menu-item .plan-menu .plan-name { background: rgb(5, 229, 173); color: rgb(44, 44, 44); font-weight: 600; padding: 4px 8px; font-size: 10px; border-radius: 30px; text-transform: capitalize; }
.user-profile-menu ul.sub-menu .menu-item .plan-menu .plan-name.plan-style-Trial { background: linear-gradient(91deg, rgb(72, 254, 210) 0%, rgb(5, 175, 229) 99.67%); }
.user-profile-menu ul.sub-menu .menu-item .plan-menu .plan-name.plan-style-Teams { background: linear-gradient(269deg, rgb(141, 100, 255) 1.16%, rgb(187, 155, 255) 98.84%); }
.user-profile-menu ul.sub-menu .menu-item .plan-menu .plan-name.plan-style-Enterprise { background: linear-gradient(90.76deg, rgb(190, 183, 255) 0%, rgb(5, 229, 173) 99.67%); }
.user-profile-menu ul.sub-menu .menu-item a { color: rgb(39, 39, 39) !important; }
@media (max-width: 1023px) {
  .user-profile-menu ul.sub-menu .menu-item a { font-size: 14px; }
  .user-profile-menu ul.sub-menu .menu-item a::after { content: ""; position: absolute; background: url("https://www.qodo.ai/themes/codium/assets/icons/arrow-right.svg") center center / 18px no-repeat; width: 22px; height: 22px; right: 0px; top: 0px; opacity: 0; transition: 0.2s ease-in-out; filter: unset; }
  .user-profile-menu ul.sub-menu .menu-item a:hover::after, .user-profile-menu ul.sub-menu .menu-item a:focus::after { transform: translateX(5px); opacity: 1; }
}
.user-profile-menu ul.sub-menu .menu-item .menu-signout .menu-name { font-weight: 400; }
.user-profile-menu ul.sub-menu .menu-item .menu-signout .menu-name svg { margin-right: 8px; filter: brightness(0); transition: 0.2s ease-in-out; }
.user-profile-menu ul.sub-menu .menu-item .menu-signout::after { content: none; }
.user-profile-menu ul.sub-menu .menu-item .menu-signout:hover, .user-profile-menu ul.sub-menu .menu-item .menu-signout:focus { color: rgb(255, 0, 0) !important; }
.user-profile-menu ul.sub-menu .menu-item .menu-signout:hover .menu-name, .user-profile-menu ul.sub-menu .menu-item .menu-signout:focus .menu-name { font-weight: 400; }
.user-profile-menu ul.sub-menu .menu-item .menu-signout:hover .menu-name svg, .user-profile-menu ul.sub-menu .menu-item .menu-signout:focus .menu-name svg { filter: unset; }
@media screen and (min-width: 1024px) and (max-width: 1299px) {
  .site-header--menu .header-flex { gap: 3rem; }
  .site-header--menu-cta-right .btn { font-size: 14px; padding: 6px 12px; letter-spacing: -0.5px; }
  .site-header--menu-cta-right .btn-has::before { background-size: 13px; margin-right: 0px; }
  .site-header--menu-cta-right .user-profile-menu .profile-name { margin-right: 0px !important; }
  .site-header--menu-cta-right a.btn-grey img { width: 16px; }
  .site-header--menu-cta-right .header-dropdown .dropdown-menu { padding: 10px; }
  .site-header--menu-cta-right .header-dropdown .dropdown-menu li { padding: 5px 0px; }
  .site-header--menu-cta-right .header-dropdown .dropdown-menu li .dropdown-item { font-size: 14px; white-space: nowrap; }
  .site-header--menu-cta-right .marketplace-value { padding: 5px 10px; }
  .site-header--menu-cta-right .marketplace-value img, .site-header--menu-cta-right .marketplace-value svg { min-height: 14px; max-height: 14px; margin-right: 4px; }
  .site-header--menu-cta-right .marketplace-value .download { padding-left: 4px; }
  .site-header--menu-cta-right .marketplace-value .download .icon-star { width: 9px; height: 9px; margin-right: 3px; }
  .site-header--menu-cta-right .marketplace-value .download span { font-size: 11px; letter-spacing: -0.5px; }
}
.homepage-hero-action { padding-top: 30px; }
.section-marketplace-download-plan { display: flex; -webkit-box-pack: center; justify-content: center; }
.section-marketplace-download-plan .marketplace-download-plan { padding-top: 0px; }
.marketplace-download-plan { padding-top: 30px; display: flex; gap: 20px; -webkit-box-align: center; align-items: center; }
@media (max-width: 475px) {
  .marketplace-download-plan { -webkit-box-pack: justify; justify-content: space-between; gap: 10px; }
}
.marketplace-download-plan .marketplace-value { padding: 0px !important; background: transparent !important; border: 0px !important; }
@media (max-width: 1023px) {
  .marketplace-download-plan .marketplace-value { -webkit-box-flex: 0; flex-grow: 0; -webkit-box-pack: start; justify-content: flex-start; }
}
@media (max-width: 1023px) and (max-width: 475px) {
  .marketplace-download-plan .marketplace-value { -webkit-box-pack: justify; justify-content: space-between; }
}
.marketplace-download-plan .marketplace-value .m-icon, .marketplace-download-plan .marketplace-value img, .marketplace-download-plan .marketplace-value svg { -webkit-box-flex: 0; flex: 0 0 auto; min-width: 24px; min-height: 24px; max-width: 24px; max-height: 24px; margin-right: 8px; align-self: baseline; }
.marketplace-download-plan .marketplace-value .download { padding-left: 0px; border: 0px; }
.marketplace-download-plan .marketplace-value .download span { color: rgb(255, 255, 255); }
@media (max-width: 1023px) {
  .marketplace-download-plan .marketplace-value .download span { color: rgb(255, 255, 255) !important; }
}
.marketplace-download-plan .marketplace-value .download .icon-star { margin-left: 5px; margin-right: 0px; }
.marketplace-download-plan.with-border { border-bottom: 1px solid rgb(54, 54, 99); padding-bottom: 40px; margin-bottom: 30px; }
@media (min-width: 475px) {
  .marketplace-download-plan.big-style .marketplace-value .m-icon, .marketplace-download-plan.big-style .marketplace-value img, .marketplace-download-plan.big-style .marketplace-value svg { -webkit-box-flex: 0; flex: 0 0 auto; min-width: 40px; min-height: 40px; max-width: 40px; max-height: 40px; margin-right: 12px; align-self: baseline; }
  .marketplace-download-plan.big-style .marketplace-value .download .icon-star { width: 24px; height: 24px; }
  .marketplace-download-plan.big-style .marketplace-value .download span { font-size: 26px; margin-left: 10px; }
}
@media (max-width: 767px) {
  .marketplace-download-plan.big-style .marketplace-value { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 10px; -webkit-box-pack: center; justify-content: center; }
  .marketplace-download-plan.big-style .marketplace-value .m-icon, .marketplace-download-plan.big-style .marketplace-value img, .marketplace-download-plan.big-style .marketplace-value svg { align-self: center; }
}
.marketplace-download-plan.big-top-style .marketplace-value { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 10px; -webkit-box-pack: center; justify-content: center; }
@media (min-width: 475px) {
  .marketplace-download-plan.big-top-style .marketplace-value .m-icon, .marketplace-download-plan.big-top-style .marketplace-value img, .marketplace-download-plan.big-top-style .marketplace-value svg { -webkit-box-flex: 0; flex: 0 0 auto; min-width: 40px; min-height: 40px; max-width: 40px; max-height: 40px; margin-right: 12px; align-self: center; }
  .marketplace-download-plan.big-top-style .marketplace-value .download .icon-star { width: 24px; height: 24px; }
  .marketplace-download-plan.big-top-style .marketplace-value .download span { font-size: 26px; margin-left: 10px; }
}
@media (max-width: 767px) {
  .marketplace-download-plan.big-top-style-m .marketplace-value { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 10px; -webkit-box-pack: center; justify-content: center; }
  .marketplace-download-plan.big-top-style-m .marketplace-value .m-icon, .marketplace-download-plan.big-top-style-m .marketplace-value img, .marketplace-download-plan.big-top-style-m .marketplace-value svg { -webkit-box-flex: 0; flex: 0 0 auto; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; margin-right: 12px; align-self: center; }
  .marketplace-download-plan.big-top-style-m .marketplace-value .download .icon-star { width: 16px; height: 16px; }
  .marketplace-download-plan.big-top-style-m .marketplace-value .download span { font-size: 18px; margin-left: 0px; }
}
@media (min-width: 1025px) {
  .marketplace-download-plan [data-title]:hover::after, .marketplace-download-plan [data-title]:focus::after { bottom: -15px; }
}
ul.main-menu { display: flex; -webkit-box-align: center; align-items: center; column-gap: 1rem; -webkit-box-pack: center; justify-content: center; list-style: none; font-size: 1.6rem; padding: 0px; margin-right: 30px; }
@media (min-width: 1400px) {
  ul.main-menu { column-gap: 2rem; }
}
@media (min-width: 1900px) {
  ul.main-menu { column-gap: 3rem; }
}
@media (max-width: 1199px) {
  ul.main-menu { column-gap: 0.5rem; }
}
ul.main-menu > li { font-size: inherit; color: inherit; margin: 0px; padding: 0px 0.5rem; white-space: nowrap; }
ul.main-menu > li > a { transform-origin: center center; font-size: 1.8rem; }
ul.main-menu > li.menu-item-has-children > a { display: inline-flex; -webkit-box-align: center; align-items: center; column-gap: 1rem; }
ul.main-menu .current-menu-item:not(.hash-menu) { font-weight: 700; }
ul.main-menu .menu-item-type-post_type.current_page_parent > a { font-weight: 700; }
.e404 { padding: 12% 2rem 52vh; text-align: center; background-image: url("https://www.qodo.ai/wp-content/uploads/2023/02/404-bg-codium.png"); background-repeat: no-repeat; background-size: contain; background-position: center top; }
@media (max-width: 1023px) {
  .e404 { padding: 10em 2rem 48vh; }
}
.e404 .overlay { background: radial-gradient(79.32% 87.62% at -6.48% 25.26%, rgb(5, 229, 173) 0%, rgba(5, 229, 173, 0.5) 48.35%, rgba(100, 71, 255, 0) 100%); opacity: 0.4; filter: blur(200px); position: absolute; inset: 0px; margin: 0px auto; width: 50%; }
.e404 .container .e404-wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; text-align: center; width: 70rem; padding: 8rem 6rem; background: linear-gradient(0deg, rgba(1, 1, 42, 0.4), rgba(1, 1, 42, 0.4)), linear-gradient(105.87deg, rgba(255, 255, 255, 0.4) 3.04%, rgba(255, 255, 255, 0) 99.23%); background-blend-mode: overlay, normal, normal; box-shadow: rgb(100, 71, 255) -6px 6px 8px -6px inset, rgba(100, 71, 255, 0.7) 8px 8px 8px -8px inset, rgb(255, 255, 255) 2px 2px 9px -2px inset, rgb(100, 71, 255) 0px -6px 2px -4px inset, rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset; backdrop-filter: blur(40px); border-radius: 40px; margin: 0px auto; gap: 1em; }
.e404 .container .e404-wrapper::after { content: ""; }
@media (max-width: 1023px) {
  .e404 .container .e404-wrapper { width: 100%; padding: 4em 2em; }
}
.e404 .container .e404-wrapper h1 { font-weight: 700; font-size: 4rem; color: rgb(155, 138, 252); }
@media (max-width: 1023px) {
  .e404 .container .e404-wrapper h1 { font-size: 6vw; }
}
.e404 .container .e404-wrapper a.btn { background-color: rgb(50, 27, 178); border: 1px solid rgb(50, 27, 178); }
.e404 .container .e404-wrapper a.btn:hover { background-color: transparent; }
.gform_wrapper ::-webkit-input-placeholder { color: rgb(160, 160, 184); }
.gform_wrapper ::placeholder { color: rgb(160, 160, 184); }
@media (max-width: 1023px) {
  .gform_wrapper { margin-top: 2em; }
}
.gform_wrapper .gform_body { text-align: left; }
.gform_wrapper .gform_body .gfield input, .gform_wrapper .gform_body .gfield textarea, .gform_wrapper .gform_body .gfield select { background: transparent; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(50, 27, 178); width: 100%; font-family: CentraNo1, sans-serif; color: rgb(160, 160, 184); padding: 2rem 1rem 1rem !important; font-size: 1.8rem !important; }
.gform_wrapper .gform_body .gfield label { color: rgb(255, 255, 255); }
.gform_wrapper .gform_body .gfield .ginput_container_fileupload span { color: rgb(255, 255, 255); }
.gform_wrapper .gform_body .gfield .ginput_container_fileupload .gform_fileupload_rules { display: none; }
.gform_wrapper .gform_body .gfield .ginput_container_select option { background-color: rgba(0, 0, 0, 0.6); color: rgb(255, 255, 255); }
.gform_wrapper .gform_body .gfield textarea.medium { height: 12rem !important; }
.gform_wrapper .gform_footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.gform_wrapper .gform_footer input { background-color: rgb(50, 27, 178); border: 1px solid rgb(50, 27, 178); color: rgb(255, 255, 255); border-radius: 30px; padding: 1.4rem 4.4rem; font-weight: 700; font-size: 1.4rem; letter-spacing: 0.05rem; display: inline-block; transition: 0.3s; cursor: pointer; }
@media (max-width: 1023px) {
  .gform_wrapper .gform_footer input { align-self: center !important; }
}
select { cursor: pointer; border-radius: 0.25em; }
.hubspot-form { margin-top: 4rem; }
.hubspot-form ::-webkit-input-placeholder { color: rgb(160, 160, 184); }
.hubspot-form ::placeholder { color: rgb(160, 160, 184); }
@media (max-width: 1023px) {
  .hubspot-form form { text-align: left; }
}
.hubspot-form label { color: rgb(160, 160, 184); padding-left: 1.4rem; font-size: 1.6rem; }
.hubspot-form input, .hubspot-form textarea, .hubspot-form select { background: transparent; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(50, 27, 178); width: 100%; font-family: CentraNo1, sans-serif; padding: 10px 15px; color: rgb(255, 255, 255); font-size: 16px !important; resize: none !important; }
.hubspot-form input.error, .hubspot-form textarea.error, .hubspot-form select.error { border-bottom: 1px solid red; }
.hubspot-form input::-webkit-input-placeholder, .hubspot-form textarea::-webkit-input-placeholder, .hubspot-form select::-webkit-input-placeholder { color: rgb(255, 255, 255); }
.hubspot-form option { background-color: rgba(0, 0, 0, 0.6); color: rgb(255, 255, 255); }
.hubspot-form .hs-error-msg { padding: 0px; font-size: 13px; color: red; }
.hubspot-form .hs-error-msgs { padding: 0px; margin: 0px; line-height: normal; }
.hubspot-form .hs_error_rollup { display: none !important; }
.hubspot-form .hs-form-field { margin-bottom: 2rem; }
.hubspot-form .hs-form-field > label { margin-bottom: 10px; display: block; }
@media (max-width: 991px) {
  .hubspot-form .hs-form-field > label { margin-bottom: 5px; }
}
.hubspot-form .hs-submit { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; }
.hubspot-form .hs-submit input[type="submit"] { background: rgb(50, 27, 178); border: 1px solid rgb(50, 27, 178); color: rgb(255, 255, 255); font-family: CentraNo1, sans-serif; border-radius: 21px; margin-top: 2rem; cursor: pointer; padding: 0.8rem 3rem !important; }
.hubspot-form .submitted-message { color: rgb(255, 255, 255); }
.hubspot-form .hs-fieldtype-file input::after { content: url("https://www.qodo.ai/wp-content/uploads/2023/03/upload-icon.svg"); float: right; cursor: pointer; }
.hubspot-form .hs-fieldtype-select .input { position: relative; }
.hubspot-form .hs-fieldtype-select .input select { appearance: none; text-indent: 1px; }
.hubspot-form .hs-fieldtype-select .input select option { background-color: rgb(255, 255, 255); color: rgb(34, 34, 34); font-size: 16px; }
.hubspot-form .hs-fieldtype-select .input::after { content: ""; background-image: url("https://www.qodo.ai/wp-content/uploads/2023/02/arrow-grey2.svg"); position: absolute; top: 0px; right: 0px; bottom: 0px; padding-right: 2em; transition: 0.25s; pointer-events: none; background-repeat: no-repeat; background-position: 50% center; background-size: 50%; }
.hubspot-form .hs-fieldtype-select .hs-input { display: none !important; }
.hubspot-form .hs-fieldtype-select .input::after { display: none; }
.hubspot-form .select2.select2-container { width: 100% !important; }
.hubspot-form .select2.select2-container.select2-container--open .select2-selection__arrow { transform: scaleY(-1); }
.hubspot-form .select2.select2-container .select2-selection { border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(50, 27, 178); background-color: transparent; border-radius: 0px; transition: 0.15s ease-in-out; min-height: 44px; display: flex; -webkit-box-align: center; align-items: center; position: relative; padding: 0px 30px 0px 15px; outline: none !important; }
.hubspot-form .select2.select2-container .select2-selection span { font-size: 16px; color: rgb(255, 255, 255); padding: 0px; }
.hubspot-form .select2.select2-container .select2-selection .select2-selection__placeholder { color: rgb(204, 204, 204); }
.hubspot-form .select2.select2-container .select2-selection__arrow { top: 14px; width: 20px; right: 10px; height: 20px; background: url("https://www.qodo.ai/wp-content/uploads/2023/02/arrow-grey2.svg") center center / 13px no-repeat; }
.hubspot-form .select2.select2-container .select2-selection__arrow b { display: none; }
.select2-container .select2-dropdown--below.select2-dropdown { border-radius: 0px 0px 10px 10px; overflow: hidden; }
.select2-container .select2-dropdown { background-color: rgb(50, 27, 178); border: none; }
.select2-container .select2-dropdown ul { padding: 5px 0px; scrollbar-width: thin; }
.select2-container .select2-dropdown ul.select2-results__options { max-height: 280px; }
.select2-container .select2-dropdown ul::-webkit-scrollbar { background-color: transparent; width: 7px; height: 7px; border-radius: 16px; }
.select2-container .select2-dropdown ul::-webkit-scrollbar-thumb { background-color: rgb(255, 255, 255); border-radius: 16px; }
.select2-container .select2-dropdown ul::-webkit-scrollbar-track { background-color: rgba(6, 147, 227, 0.05); }
.select2-container .select2-dropdown ul li { color: rgb(255, 255, 255); font-size: 14px; padding: 10px 20px; line-height: normal; }
.select2-container .select2-search--dropdown { display: block; padding: 15px 20px; }
.select2-container .select2-search--dropdown .select2-search__field { min-height: 40px; background-color: transparent; border-radius: 5px; color: rgb(255, 255, 255); font-size: 15px; padding: 0px 18px; outline: none; font-family: CentraNo1, sans-serif; border: 1px solid rgb(0, 227, 177) !important; }
.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container.select2-container--default .select2-results__option[aria-selected="true"] { background-color: rgb(0, 227, 177); color: rgb(0, 0, 0); }
.single-post ul.main-menu a { color: rgb(0, 0, 0); }
.blog-article { overflow: hidden; background: rgb(255, 255, 255); padding: 18rem 2rem 100px; }
.blog-article table { width: 100%; overflow: scroll; }
.blog-article .blog-overlay { background: linear-gradient(182deg, rgb(195, 185, 255) -85%, rgba(200, 191, 255, 0.92) -66%, rgba(255, 255, 255, 0) 78%); position: absolute; inset: 0px; pointer-events: none; height: 45rem; }
.blog-article .container { z-index: 1; position: relative; }
@media (max-width: 1023px) {
  .blog-article { padding: 15rem 2rem 50px; }
}
.blog-article .seperator { background: rgb(160, 160, 184); height: 1px; margin: 4em 0px; }
@media (max-width: 1023px) {
  .blog-article .seperator { margin: 5.6rem 0px 4rem; }
}
.blog-article--head { display: flex; }
@media (max-width: 1023px) {
  .blog-article--head { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
}
.blog-article--head > * { width: 50%; }
@media (max-width: 1023px) {
  .blog-article--head > * { width: 100%; }
}
.blog-article--head-title { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; gap: 2em; }
@media (max-width: 1023px) {
  .blog-article--head-title { gap: 0px; }
}
.blog-article--head-title h1 { padding-inline-end: 1em; color: rgb(92, 64, 249); }
.blog-article--head-title p { color: rgb(160, 160, 184); }
.blog-article--head img { border-radius: 16px; width: 100%; }
.blog-article--details { display: flex; gap: 1em; }
.blog-article--details .article-author { display: flex; -webkit-box-align: center; align-items: center; gap: 1em; }
.blog-article--details .article-author::after { content: ""; height: 0.6rem; display: block; width: 0.6rem; background: rgb(160, 160, 184); border-radius: 50%; }
.blog-article--details p { margin: 2.4rem 0px; }
.blog-article .post-meta { display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; color: rgb(1, 1, 42); }
.blog-article .post-meta.align-between { -webkit-box-pack: justify; justify-content: space-between; }
.blog-article .post-meta .post-author { display: flex; -webkit-box-align: center; align-items: center; color: rgb(1, 1, 42); margin-right: 12px; }
.blog-article .post-meta .post-author img { width: 40px; height: 40px; margin-right: 10px; border-radius: 50%; }
.blog-article .post-meta .post-date { color: rgb(1, 1, 42); opacity: 0.6; }
.blog-article .post-meta .post-terms { font-size: 13px; color: rgb(104, 75, 254); font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; }
.blog-article .post-meta .post-time { color: rgb(1, 1, 42); font-size: 13px; opacity: 0.6; display: flex; -webkit-box-align: center; align-items: center; }
.blog-article .post-meta .post-time svg { margin-right: 10px; }
.blog-article--content { width: 64rem; margin: 6em auto 2em; line-height: 1.4; }
@media (max-width: 1023px) {
  .blog-article--content { width: 100%; margin: 3em auto 2em; }
}
.blog-article--content p { color: rgb(0, 0, 0); line-height: 1.4; }
.blog-article--content img { max-width: 100%; object-fit: cover; border-radius: 12px; }
.blog-article--content h2, .blog-article--content h4, .blog-article--content h5 { color: rgb(50, 27, 178); padding-bottom: 1rem; }
.blog-article--content h3 { font-weight: 400; color: rgb(50, 27, 178); }
.blog-article--content a:not(.btn) { color: rgb(121, 98, 254); text-decoration: underline; font-weight: 600; }
.blog-article--content a:not(.btn):hover, .blog-article--content a:not(.btn):focus { color: rgb(0, 0, 0); }
.blog-article--content ul { padding-left: 20px; margin-bottom: 30px; line-height: 1.4; }
@media (max-width: 991px) {
  .blog-article--content ul { margin-bottom: 25px; }
}
.blog-article--content ul li { list-style: disc; margin-bottom: 15px; }
.blog-article--content ul li:last-child { margin-bottom: 0px; }
.blog-article--content ul li::marker { font-weight: 400; color: rgb(50, 27, 178); }
.blog-article--content ol { padding-left: 20px; margin-bottom: 30px; line-height: 1.4; }
@media (max-width: 991px) {
  .blog-article--content ol { margin-bottom: 25px; }
}
.blog-article--content ol li { padding-left: 5px; list-style: decimal; margin-bottom: 15px; }
.blog-article--content ol li:last-child { margin-bottom: 0px; }
.blog-article--content ol li::marker { font-weight: 400; color: rgb(50, 27, 178); }
.blog-article--content blockquote { background-color: rgb(247, 247, 247); border-left: 4px solid rgb(50, 27, 178); padding: 30px; font-weight: 600; margin-bottom: 30px; }
@media (max-width: 767px) {
  .blog-article--content blockquote { margin-bottom: 20px; padding: 20px; }
}
.blog-article--content blockquote p:last-child { margin-bottom: 0px; }
.blog-article--content table { padding: 0px; font-size: 14px; border-collapse: collapse; text-align: left; margin-bottom: 40px; width: 100%; border: 1px solid rgb(225, 221, 249); border-radius: 5px; }
.blog-article--content table thead { background: rgb(225, 221, 249); }
.blog-article--content table thead tr th { padding: 8px 15px; color: rgb(0, 0, 0); font-weight: 600; word-break: initial; }
.blog-article--content table tbody tr:nth-child(2n) { background: rgb(241, 243, 247); }
.blog-article--content table tbody tr td { padding: 8px 15px; text-align: center; color: rgb(0, 0, 0); word-break: initial; }
@media (max-width: 1200px) {
  .blog-article--content table thead tr th, .blog-article--content table tbody tr td { padding: 8px 15px; }
}
@media (max-width: 767px) {
  .blog-article--content table thead tr th, .blog-article--content table tbody tr td { font-size: 14px; }
}
.blog-article--bio { width: 71rem; margin: 6rem auto; }
@media (max-width: 1023px) {
  .blog-article--bio { width: 100%; }
}
.blog-article--bio .bio-wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; background: linear-gradient(289.82deg, rgb(5, 229, 173) -28.01%, rgba(5, 229, 173, 0) 50.06%), rgb(30, 15, 113); border-radius: 16px; padding: 3rem 4rem; color: rgb(255, 255, 255); }
.blog-article--bio .bio-wrapper * { color: rgb(255, 255, 255); }
.blog-article--bio .bio-wrapper .bio-head { display: flex; gap: 2rem; -webkit-box-align: center; align-items: center; }
@media (max-width: 1023px) {
  .blog-article--bio .bio-wrapper .bio-head { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: baseline; align-items: baseline; }
}
.blog-article--bio .bio-wrapper .bio-head .image-wrapper { height: 8rem; width: 8rem; }
@media (max-width: 1023px) {
  .blog-article--bio .bio-wrapper .bio-head .image-wrapper { height: 14rem; width: 14rem; }
}
.blog-article--bio .bio-wrapper .bio-head .image-wrapper img { width: 100%; border-radius: 50%; }
.blog-article--bio .bio-wrapper .bio-head-content .author-name { color: rgb(243, 241, 238); font-weight: 400; font-size: 2.6rem; }
.blog-article--bio .bio-wrapper .bio-head-content .author-role { margin: 0px; padding: 0.8rem 0px 0px; }
.blog-article--bio .bio-wrapper .author-text a { text-decoration: underline 2px; text-underline-offset: 2px; }
.blog-article--bio .bio-wrapper .author-text a:hover, .blog-article--bio .bio-wrapper .author-text:focus { text-decoration: underline; }
.blog-article--more-articles { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 4em; }
.blog-article--more-articles h2 { display: inline; margin: 0px auto; }
.blog-article--more-articles .related-posts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5em; }
@media (max-width: 1023px) {
  .blog-article--more-articles .related-posts { grid-template-columns: repeat(1, 1fr); gap: 3em; }
}
body.home .section-title h2, body.page-id-9064 .section-title h2 { font-weight: 400; }
body.home .code-integrity-section-v2, body.page-id-9064 .code-integrity-section-v2 { position: relative; background: url("https://www.qodo.ai/themes/codium/assets/images/bg-home-gradient.svg") 50% -30% / 1400px no-repeat; }
@media (min-width: 992px) {
  body.home .code-integrity-section-v2, body.page-id-9064 .code-integrity-section-v2 { background-position: 50% 200%; background-size: 2400px; }
}
@media (min-width: 1024px) {
  body.home .code-integrity-section-v2::before, body.page-id-9064 .code-integrity-section-v2::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url("https://www.qodo.ai/themes/codium/assets/images/bg-home-chart.png") 50% -30% / 150vw no-repeat; }
}
@media (min-width: 1620px) {
  body.home .code-integrity-section-v2::before, body.page-id-9064 .code-integrity-section-v2::before { background-size: 2400px; background-position: 50% -20%; }
}
body.home .code-integrity-section-v2 .home-progress .image-block.text-center.desktop.pb-50 > span, body.page-id-9064 .code-integrity-section-v2 .home-progress .image-block.text-center.desktop.pb-50 > span { display: none !important; }
body.home .codiumate-content-section, body.page-id-9064 .codiumate-content-section { overflow: visible !important; }
body.home .codiumate-content-section .bg-circle-glow, body.page-id-9064 .codiumate-content-section .bg-circle-glow { opacity: 0.26; }
@media (min-width: 1800px) {
  body.home .customer-review-section, body.page-id-9064 .customer-review-section { background-position: 50% center; }
}
body.home .context-based-block span.vector-left, body.home .context-based-block span.vector-right, body.page-id-9064 .context-based-block span.vector-left, body.page-id-9064 .context-based-block span.vector-right { display: none !important; }
@media (max-width: 1023px) {
  body .mobile-menu-lines > div { width: 32px; }
}
body.page-template-page-product, body.page-template-page-about, body.page-template-page-contact { --header-dark-blue: #010123; }
body.page-template-page-product .product-hero, body.page-template-page-product .about-hero, body.page-template-page-product .contact--wrapper, body.page-template-page-about .product-hero, body.page-template-page-about .about-hero, body.page-template-page-about .contact--wrapper, body.page-template-page-contact .product-hero, body.page-template-page-contact .about-hero, body.page-template-page-contact .contact--wrapper { background-image: url("https://www.qodo.ai/themes/codium/assets/images/video-hero-bg.svg"); background-position: 50% 20%; background-size: 1400px; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--header-dark-blue); }
@media (min-width: 992px) {
  body.page-template-page-product .product-hero, body.page-template-page-product .about-hero, body.page-template-page-product .contact--wrapper, body.page-template-page-about .product-hero, body.page-template-page-about .about-hero, body.page-template-page-about .contact--wrapper, body.page-template-page-contact .product-hero, body.page-template-page-contact .about-hero, body.page-template-page-contact .contact--wrapper { background-position: 50% 30%; background-size: 2400px; }
}
body.page-template-page-product .about-hero, body.page-template-page-about .about-hero, body.page-template-page-contact .about-hero { min-height: unset; max-height: 100vh; padding: 14.17% 5% 10.91%; text-align: center; }
@media (max-width: 1023px) {
  body.page-template-page-product .about-hero, body.page-template-page-about .about-hero, body.page-template-page-contact .about-hero { padding: 17.1rem 2rem 12.4rem; }
}
body.page-template-page-product .about-hero--wrapper, body.page-template-page-product .about-hero--title, body.page-template-page-about .about-hero--wrapper, body.page-template-page-about .about-hero--title, body.page-template-page-contact .about-hero--wrapper, body.page-template-page-contact .about-hero--title { margin: 0px auto; }
body.page-template-page-product .about-hero--wrapper, body.page-template-page-about .about-hero--wrapper, body.page-template-page-contact .about-hero--wrapper { width: unset; }
body.page-template-page-product .about-hero--content, body.page-template-page-about .about-hero--content, body.page-template-page-contact .about-hero--content { text-align: center; }
body.page-template-page-product .contact--wrapper, body.page-template-page-about .contact--wrapper, body.page-template-page-contact .contact--wrapper { background-position: 50% 50%; }
@media (min-width: 1024px) {
  body.page-template-page-product .contact--wrapper, body.page-template-page-about .contact--wrapper, body.page-template-page-contact .contact--wrapper { padding-top: 19.5rem; }
}
body.page-template-page-product .contact--wrapper::before, body.page-template-page-product .contact--wrapper::after, body.page-template-page-about .contact--wrapper::before, body.page-template-page-about .contact--wrapper::after, body.page-template-page-contact .contact--wrapper::before, body.page-template-page-contact .contact--wrapper::after { content: none; }
body.page-template-page-product .about-working, body.page-template-page-about .about-working, body.page-template-page-contact .about-working { content-visibility: visible !important; }
@media (max-width: 767px) {
  body.page-template-page-product.page-id-1637 .product-hero { padding: 18.1rem 2rem 11.4rem; }
}
@media (max-width: 440px) {
  body.page-template-page-product.page-id-1637 .product-hero--gradient { display: block; }
}
body.page-template-page-product.page-id-1637 .product-feautre-code { background: url("https://www.qodo.ai/themes/codium/assets/images/video-hero-bg.svg") 50% 170% / 1400px no-repeat; }
@media (min-width: 992px) {
  body.page-template-page-product.page-id-1637 .product-feautre-code { background-position: 50% 117%; background-size: 2400px; }
}
body.page-template-page-product .product-about--imgBck { display: none !important; }
body.page-template-page-product .product-about::before, body.page-template-page-product .product-about::after { content: none !important; }
body.page-template-page-product .product-features--background { display: none !important; }
body.page-template-page-product .product-feautre-code .feautre-code-slider .slide-title-info * { text-shadow: unset; }
body.page-template-page-about .our-mission { background: url("https://www.qodo.ai/themes/codium/assets/images/video-hero-bg.svg") 50% 170% / 1400px no-repeat; }
@media (min-width: 992px) {
  body.page-template-page-about .our-mission { background-position: 50% 100%; background-size: 2400px; }
}
body.page-template-page-about .our-mission::before, body.page-template-page-about .our-mission::after { content: none; }
body.blog .blog-page--header .blog-title.-no-gradient, body.archive.category .blog-page--header .blog-title.-no-gradient, body.search-results .blog-page--header .blog-title.-no-gradient, body.search-no-results .blog-page--header .blog-title.-no-gradient { color: rgb(1, 1, 42); background: unset; -webkit-text-fill-color: unset; }
body.show-header-strip .site-header.slideUp { transform: translateY(0px); }
body .post-newsletter-subscribe .logo-block img { width: auto; }
body .video-hero { --dark-blue: #010123; --dark-blue-500: #01012A; --purple-600: #604AE0; position: relative; padding: 184px 20px 0px; background-image: url("https://www.qodo.ai/themes/codium/assets/images/video-hero-bg.svg"); background-position: 50% -40%; background-size: 1400px; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--dark-blue); overflow: hidden; }
@media (min-width: 992px) {
  body .video-hero { padding: 210px 15px 0px; background-position: 50% 30%; background-size: 2400px; }
}
body .video-hero__content { margin: 0px auto 30px; max-width: 928px; text-align: center; }
@media (min-width: 992px) {
  body .video-hero__content { margin-bottom: 50px; }
}
body .video-hero__heading { margin: 0px 0px 24px; font-size: 48px; line-height: 56px; font-weight: 400; }
@media (min-width: 992px) {
  body .video-hero__heading { margin: 0px 0px 16px; font-size: 56px; line-height: 68px; }
}
body .video-hero__heading br { display: none; }
body .video-hero__subheading { margin: 0px 0px 40px; font-size: 18px; line-height: 26px; font-weight: 400; }
@media (min-width: 992px) {
  body .video-hero__subheading { margin: 0px 0px 28px; font-size: 22px; line-height: 30px; }
}
body .video-hero__subheading br { display: none; }
body .video-hero__subheading span { max-width: unset !important; }
body .video-hero__subheading-lottie { display: inline-block; position: relative; }
body .video-hero__subheading-lottie lottie-player { position: absolute; left: 0px; bottom: -5px; width: 100%; height: auto; }
body .video-hero__buttons { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 22px; }
@media (max-width: 380px) {
  body .video-hero__buttons { gap: 14px; flex-wrap: wrap; }
}
body .video-hero__button { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 48px; max-width: max-content; margin: 0px; }
body .video-hero__rate { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-top: 30px; }
@media (min-width: 992px) {
  body .video-hero__rate { margin-top: 48px; }
}
body .video-hero__rate > * { margin: 0px; padding: 0px; }
@media (max-width: 991px) {
  body .video-hero__rate .marketplace-download-plan { gap: 16px; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; }
}
@media (max-width: 991px) {
  body .video-hero__rate .marketplace-download-plan .marketplace-value span { font-size: 18px; line-height: 26px; }
}
@media (max-width: 991px) {
  body .video-hero__rate .marketplace-download-plan .hline { display: none; }
}
body .video-hero__media { position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; max-width: 928px; height: 192px; margin: 0px auto; background-color: var(--purple-600); background-image: url("https://www.qodo.ai/themes/codium/assets/images/video-frame-2.png"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; border-top-left-radius: 9px; border-top-right-radius: 9px; box-shadow: rgb(19, 11, 69) 0px 4px 100px -24px; overflow: hidden; }
@supports ((background-image:-webkit-image-set(url("https://www.qodo.ai/themes/codium/assets/images/video-frame-2.webp") type("image/webp"))) or (background-image:image-set(url("https://www.qodo.ai/themes/codium/assets/images/video-frame-2.webp") type("image/webp")))) {
  body .video-hero__media { background-image: image-set(url("https://www.qodo.ai/themes/codium/assets/images/video-frame-2.webp") 1x type("image/webp")); }
}
@media (min-width: 768px) {
  body .video-hero__media { height: 320px; border-top-left-radius: 24px; border-top-right-radius: 24px; }
}
@media (min-width: 992px) {
  body .video-hero__media { height: 480px; }
}
body .video-hero__media:hover::before { opacity: 0.3; }
body .video-hero__media::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: var(--dark-blue-500); opacity: 0.4; transition: opacity 0.35s ease-in-out; }
body .video-hero__media-play { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; appearance: none; background: url("https://www.qodo.ai/themes/codium/assets/images/video-play-icon.svg") 50% 50% / 80px no-repeat; border: unset; box-shadow: rgba(0, 0, 0, 0.16) 0px 7px 13px 0px; cursor: pointer; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; }
@media (min-width: 992px) {
  body .video-hero__media-play { background-size: 100px; }
}
body .video-hero__media-play:hover { transform: scale(1.1); }
body .video-hero__modal { position: fixed; left: 0px; top: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; height: 100%; padding: 15px; background-image: url("https://www.qodo.ai/themes/codium/assets/images/video-hero-bg.svg"); background-position: 50% 30%; background-size: 2400px; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--dark-blue); z-index: 111101; opacity: 0; visibility: hidden; transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; }
body .video-hero__modal.-active { opacity: 1; visibility: visible; }
body .video-hero__modal-inner { height: auto; max-height: 70vh; width: 100%; max-width: 852px; padding: 22px; background-color: var(--purple-600); border-radius: 9px; box-shadow: rgb(19, 11, 69) 0px 4px 100px -24px; }
@media (min-width: 992px) {
  body .video-hero__modal-inner { border-radius: 24px; }
}
body .video-hero__modal-video { width: 100%; height: auto; }
body .video-hero__modal-close { position: absolute; right: 22px; top: 22px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 48px; max-width: max-content; }
@media (min-width: 992px) {
  body .video-hero__modal-close { right: 88px; top: 88px; }
}
body .blog-article-footer { content-visibility: unset !important; }
.terms-container { padding-top: 25px; }
.terms-container ul li { padding-left: 5px; }
.terms-container ol li { position: relative; }
.terms-container ol li:not(.last-child), .terms-container ul li:not(.last-child) { margin-bottom: 18px; }
@media (max-width: 1023px) {
  .terms-container ul, .terms-container ol { font-size: 4vw; }
}
.terms-container ul { list-style-type: disc; line-height: 132%; }
.terms-container ol { padding-left: 25px; line-height: 132%; }
.terms-container ol:not([class]) { counter-reset: item 0; }
.terms-container ol:not([class]) > li { counter-increment: item 1; }
.terms-container ol:not([class]) > li::before { content: counters(item, ".") ". "; position: absolute; left: -25px; top: 0px; }
.terms-container li ol:not([class]) { padding-left: 35px; }
.terms-container li ol:not([class]) > li::before { content: counters(item, ".") " "; left: -35px; }
.terms-container ol.style-alpha { list-style-type: lower-alpha; }
.terms-container ol.style-roman { list-style-type: lower-roman; }
.terms-container a:hover { text-decoration: underline; }
.terms-container table td, .terms-container table th { border-bottom: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); }
.terms-container table { border: 1px solid rgb(255, 255, 255); border-spacing: 0px; color: rgb(255, 255, 255); margin: 25px 0px; width: 100%; }
.terms-container table th { font-size: 14px; padding: 20px; }
.terms-container table td { padding: 15px 20px; }
.terms-container table td:last-child, .terms-container table th:last-child { border-right: none; }
.terms-container table tr:last-child td { border-bottom: none; }
@media (max-width: 992px) {
  .terms-container table { width: 700px; }
}
.homepage-hero { background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 0px; }
@media (max-width: 1023px) {
  .homepage-hero { padding: 0px; }
}
.homepage-hero .video-wrapper { position: relative; padding: 18rem 5% 8%; }
@media (max-width: 1023px) {
  .homepage-hero .video-wrapper { padding: 15rem 15px 50px; }
}
.homepage-hero .video-wrapper .overlay-hero { background-image: url("https://www.qodo.ai/wp-content/uploads/2023/03/hero-home-gradient.svg"); background-repeat: no-repeat; background-size: cover; inset: 0px; z-index: 9; position: absolute; }
.homepage-hero #background-video { position: absolute; right: 0px; bottom: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.homepage-hero .container-100 { position: relative; margin: 0px auto; }
@media (max-width: 1023px) {
  .homepage-hero .container-100 { width: 100%; }
}
.homepage-hero--wrapper { width: 52rem; z-index: 10; position: relative; }
@media (max-width: 1023px) {
  .homepage-hero--wrapper { width: 100%; }
}
@media only screen and (min-width: 1450px) {
  .homepage-hero--title { font-size: 3.8vw; width: 31vw; }
  .homepage-hero--title-rotate-words { font-size: 3.5vw; }
}
@media only screen and (min-width: 1921px) {
  .homepage-hero--title { font-size: 7rem; width: 54rem; }
}
.homepage-hero--cta { margin-top: 5rem; display: flex; -webkit-box-align: center; align-items: center; gap: 2rem; }
@media (max-width: 1023px) {
  .homepage-hero--cta { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 4rem; }
}
.homepage-hero--cta a.main-btn:hover { background-color: rgb(155, 138, 252); }
.homepage-hero--cta a.join-btn { display: flex; gap: 1rem; }
.homepage-hero--cta a.join-btn img { width: 2rem; }
.homepage-hero--cta .dropdown { height: 42px; list-style-type: none; padding: 0px; margin: 0px; position: relative; z-index: 10; border-radius: 20px; }
.homepage-hero--cta .dropdown li.getest { margin: 0px; padding: 0.5rem 0rem; height: 42px; background-color: rgb(5, 229, 173); border-radius: 20px; }
.homepage-hero--cta .dropdown li.dropdown-body { padding: 0px !important; }
.homepage-hero--cta .dropdown li a { color: rgb(1, 1, 42); text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; gap: 1.5rem; min-width: 19rem; padding: 0rem 2rem; font-weight: 600; display: block; }
.homepage-hero--cta .dropdown li a img { width: 2rem; -webkit-box-flex: 0; flex: 0 0 auto; margin-right: 10px; }
.homepage-hero--cta .dropdown li ul { position: absolute; display: none; margin: 0px; padding: 0px; }
.homepage-hero--cta .dropdown li ul li:last-of-type { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.homepage-hero--cta .dropdown li.vscode { background: rgb(104, 75, 254); padding: 0.8rem 0px; }
.homepage-hero--cta .dropdown li.vscode a { color: rgb(255, 255, 255); }
.homepage-hero--cta .dropdown li.pycharm { background: rgb(50, 27, 178); padding: 0.8rem 0px; }
.homepage-hero--cta .dropdown li.pycharm a { color: rgb(255, 255, 255); }
.homepage-hero--cta .dropdown:hover li.getest { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }
.homepage-hero--cta .dropdown:hover li.getest a { color: rgb(92, 64, 249); }
.homepage-hero--cta .dropdown:hover li.getest img { filter: invert(21%) sepia(72%) saturate(2867%) hue-rotate(241deg) brightness(110%) contrast(96%); }
.homepage-hero--cta .dropdown:hover ul { visibility: visible; display: block; }
.homepage-hero--cta .dropdown:hover ul:first-of-type { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; font-weight: 600; }
.homepage-hero--action-title { color: rgb(255, 255, 255); margin-top: 40px; font-weight: 700; }
.homepage-hero--action { display: flex; -webkit-box-align: center; align-items: center; gap: 30px; margin-top: 30px; }
@media (max-width: 575px) {
  .homepage-hero--action { gap: 15px; }
}
.homepage-hero--action .btn { display: flex; -webkit-box-align: center; align-items: center; font-size: 14px; font-weight: 700; padding: 12px 16px; }
@media (max-width: 375px) {
  .homepage-hero--action .btn { padding: 12px 14px; font-size: 12px; }
}
.homepage-hero--action .btn:hover svg, .homepage-hero--action .btn:focus svg { transform: translateX(5px); }
.homepage-hero--action .btn img { width: 16px; height: 16px; -webkit-box-flex: 0; flex: 0 0 auto; margin-right: 12px; }
@media (max-width: 375px) {
  .homepage-hero--action .btn img { margin-right: 8px; }
}
.homepage-hero--action .btn svg { margin-left: 15px; width: 12px; height: 12px; -webkit-box-flex: 0; flex: 0 0 auto; transition: 0.3s ease-in-out; }
@media (max-width: 375px) {
  .homepage-hero--action .btn svg { margin-left: 8px; }
}
.hubspot--popup-content .icon-img { margin-bottom: 15px; line-height: 0.7; }
.hubspot--popup-content .icon-img img { margin-right: 10px; max-height: 24px; }
.hubspot--popup-content .popup-title { font-size: 16px; font-weight: 700; margin-bottom: 15px; }
.hubspot--popup-content .pop-info { font-size: 15px; color: rgb(1, 1, 42); margin-bottom: 15px; }
.hubspot--popup-content .hbspt-form .hs-form-field label { font-size: 14px; margin-bottom: 0.5rem; display: block; font-weight: 600; }
.hubspot--popup-content .hbspt-form .hs-form-field label span { color: rgb(1, 1, 42); }
.hubspot--popup-content .hbspt-form .hs-form-field input { width: 100%; border: 2px solid rgb(104, 75, 254); border-radius: 8px; padding: 1rem; font-size: 16px; color: rgb(1, 1, 42); font-family: centrano1, sans-serif; background: rgb(233, 233, 233); margin-bottom: 5px; }
.hubspot--popup-content .hbspt-form .hs-form-field .hs-error-msgs { padding: 0px; margin: 0px; line-height: normal; }
.hubspot--popup-content .hbspt-form .hs-form-field .hs-error-msgs .hs-error-msg { padding: 0px; font-size: 13px; color: rgb(255, 87, 34); font-weight: 400; }
.hubspot--popup-content .hbspt-form .hs-submit input[type="submit"] { background: rgb(5, 229, 173); border: 1px solid rgb(5, 229, 173); color: rgb(1, 1, 42); font-family: centrano1, sans-serif; border-radius: 21px; white-space: nowrap; cursor: pointer; margin-top: 1rem; margin-bottom: 0px; font-size: 16px; width: auto; transition: 0.3s ease-in-out; padding: 0.8rem 3rem !important; }
.hubspot--popup-content .hbspt-form .hs-submit input[type="submit"]:hover, .hubspot--popup-content .hbspt-form .hs-submit input[type="submit"]:focus, .hubspot--popup-content .hbspt-form .hs-submit input[type="submit"]:focus-visible { background: rgb(0, 189, 133); }
.hubspot--popup-content .hbspt-form .hs_error_rollup { display: none; }
.hubspot--popup-content .hbspt-form div.submitted-message, .hubspot--popup-content .hbspt-form div.submitted-message * { text-align: center; font-size: 16px; font-weight: 600; color: rgb(105, 77, 252) !important; }
.homepage-about { background-color: rgb(1, 1, 42); text-align: center; padding: 100px 0rem 0px; }
@media (max-width: 1023px) {
  .homepage-about .container { padding: 0px 15px; }
}
.homepage-about--overlay { background: radial-gradient(83.02% 84.31% at 12.49% 47.89%, rgb(5, 229, 173) 0%, rgba(5, 229, 173, 0.5) 43.09%, rgba(100, 71, 255, 0) 100%), rgba(100, 71, 255, 0.5); opacity: 0.4; position: absolute; inset: 0px 0px 20rem; pointer-events: none; filter: blur(200px); transform: matrix(1, 0, 0, -1, 0, 0); z-index: 0; }
.homepage-about--howitworks { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 3rem; padding: 0px 0px 0rem; }
@media (max-width: 1023px) {
  .homepage-about--howitworks .howitworks-title br { display: none; }
}
.homepage-about--howitworks .howitworks-subtitle { margin: 0px 0px 4rem; }
.homepage-about--howitworks img { width: 100%; background: linear-gradient(0deg, rgba(1, 1, 42, 0.4), rgba(1, 1, 42, 0.4)), linear-gradient(105.87deg, rgba(255, 255, 255, 0.4) 3.04%, rgba(255, 255, 255, 0) 99.23%); background-blend-mode: overlay, normal, normal; backdrop-filter: blur(40px); border-radius: 24px; padding: 2rem; border: 1px solid rgba(255, 255, 255, 0.44); }
@media (max-width: 1023px) {
  .homepage-about--howitworks img { border-radius: 12px; padding: 1.4rem; }
}
.homepage-about--companies { padding: 100px 0px; }
@media (max-width: 1023px) {
  .homepage-about--companies { padding: 50px 0px; }
}
.homepage-about--companies .companies-title { display: inline; background: linear-gradient(90.86deg, rgb(255, 107, 156) -0.31%, rgb(155, 138, 252) 50.62%, rgb(5, 229, 173) 100.33%) text; -webkit-text-fill-color: transparent; }
.homepage-about--companies .companies-logos { margin-top: 0rem; overflow: hidden; }
.homepage-about--companies .companies-logos .swiper-container { overflow: hidden; }
.homepage-about--companies .companies-logos .swiper-wrapper { transition-timing-function: linear; }
.homepage-about--companies .companies-logos .swiper-wrapper .swiper-slide { align-self: center; width: max-content !important; }
.homepage-about--companies .companies-logos .swiper-wrapper .swiper-slide img { padding: 0px 5rem; vertical-align: bottom; }
.homepage-about--strip-logos { padding: 100px 0px; }
@media (max-width: 1023px) {
  .homepage-about--strip-logos { padding: 50px 0px; }
}
.homepage-about--strip-logos .strip-title { margin-bottom: 3rem; background: linear-gradient(90.86deg, rgb(255, 107, 156) -0.31%, rgb(155, 138, 252) 50.62%, rgb(5, 229, 173) 100.33%) text; -webkit-text-fill-color: transparent; }
.homepage-about--strip-logos .strip-logos { margin-top: 0rem; overflow: hidden; }
.homepage-about--strip-logos .strip-logos .swiper-container { overflow: hidden; }
.homepage-about--strip-logos .strip-logos .swiper-wrapper { transition-timing-function: linear; }
.homepage-about--strip-logos .strip-logos .swiper-wrapper .swiper-slide { align-self: center; width: max-content !important; }
.homepage-about--strip-logos .strip-logos .swiper-wrapper .swiper-slide img { padding: 0px 5rem; vertical-align: bottom; }
.homepage-about--strip-logos .strip-link { display: block; transition: 0.3s ease-in-out; transform: scale(1); }
.homepage-about--strip-logos .strip-link img { max-width: 100%; }
.homepage-about--strip-logos .strip-link:hover, .homepage-about--strip-logos .strip-link:focus { z-index: 2; transform: scale(1.05); }
.homepage-about .container.relative { position: relative; }
@media (max-width: 1023px) {
  .homepage-about .container.relative { padding: 0px 6rem; }
}
.homepage-about--content { display: grid; gap: 5vw; grid-template-columns: repeat(3, 1fr); margin-top: 100px; margin-bottom: 100px; }
@media (max-width: 1023px) {
  .homepage-about--content { grid-template-columns: repeat(1, 1fr); margin-top: 50px; margin-bottom: 50px; }
}
.homepage-about--content .content-box-icon .box-icon-img { border-radius: 100px; height: 105px; width: 105px; display: inline-block; margin-bottom: 2rem; }
.homepage-about--content .content-box-icon .box-icon-img img { max-width: 105px; height: 105px; width: 105px; object-fit: cover; padding: 0px; }
.homepage-about--content .content-box-icon .box-icon-img.pink { box-shadow: rgba(255, 107, 156, 0.45) -13px -10px 70px, rgba(242, 136, 210, 0.57) -2.5px 4px 32px, rgb(255, 107, 156) 13px 13px 20px -6px inset, rgb(201, 136, 253) 2px -6px 6px inset; }
.homepage-about--content .content-box-icon .box-icon-img.green { box-shadow: rgb(5, 229, 173) 0px 0px 11px, rgba(97, 238, 247, 0.33) -2.5px 4px 39px, rgba(5, 229, 173, 0.7) 2.5px -6.06111px 6px inset; }
.homepage-about--content .content-box-icon .box-icon-img.blue { box-shadow: rgb(126, 93, 252) -2px 4px 36px, rgb(104, 75, 254) 0px 0px 11px, rgba(255, 107, 156, 0.5) 2.5px -6px 6px inset; }
.homepage-about--content .content-box-icon .box-icon-img.purple { box-shadow: rgba(255, 107, 156, 0.45) -13px -10px 70px, rgb(92, 64, 249) -2.5px 4px 32px, rgb(255, 107, 156) 13px 13px 20px -6px inset, rgba(5, 229, 173, 0.7) 2.5px -6px 6px inset; }
.homepage-about--content .content-box-icon .box-icon-img.red { box-shadow: rgba(255, 107, 156, 0.45) -13px -10px 70px, rgba(242, 136, 210, 0.57) -2.5px 4px 32px, rgb(255, 107, 156) 13px 13px 20px -6px inset, rgb(201, 136, 253) 2px -6px 6px inset; }
.homepage-about--content .content-box-icon img { padding-bottom: 2rem; width: 100%; height: 18rem; object-fit: contain; }
@media only screen and (min-width: 1441px) {
  .homepage-about--content .content-box-icon { width: 36rem; margin: 0px auto; }
}
.homepage-about--content-button { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 1em; color: rgb(5, 229, 173); font-weight: 700; }
.homepage-about--content-button img { transform: rotate(-90deg); }
.homepage-about .slider { margin: 200px 0px 0px; position: relative; }
@media (max-width: 1023px) {
  .homepage-about .slider { margin: 100px 0px 0px; }
}
.homepage-about .slider-subtitle { font-size: 3.2rem; font-weight: 700; margin: 0px; }
@media (max-width: 1023px) {
  .homepage-about .slider-subtitle { font-size: 5.5vw; padding: 0px 2rem 2rem; }
  .homepage-about .slider-subtitle br { display: none; }
}
.homepage-about .slider .swiper { width: 80%; height: 80%; padding: 0em 4em; margin: 0em auto; }
@media (max-width: 1023px) {
  .homepage-about .slider .swiper { width: 100%; height: 100%; padding: 0em; margin: 0em auto; }
}
@media (max-width: 1023px) {
  .homepage-about .slider .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 3em; }
}
.homepage-about .slider .swiper-slide { text-align: center; font-size: 18px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
@media (max-width: 1023px) {
  .homepage-about .slider .swiper-slide lottie-player { display: none; }
  .homepage-about .slider .swiper-slide .image-wrapper { width: 100%; }
  .homepage-about .slider .swiper-slide .margin-img { margin: -17rem 0px -12rem; }
  .homepage-about .slider .swiper-slide .image-wrapper { padding: 0px 2rem; margin-bottom: 2rem; }
  .homepage-about .slider .swiper-slide:nth-child(4) .image-wrapper, .homepage-about .slider .swiper-slide:nth-child(5) .image-wrapper { padding: 0px; margin-bottom: 2rem; }
}
.homepage-about .slider .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.homepage-about .slider .swiper-pagination { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; top: 0px; transform: translateY(40%); bottom: 0px !important; }
.homepage-about .slider .swiper-pagination .swiper-pagination-bullet { height: 2rem; width: 2rem; margin: 1rem 0px; background: rgb(5, 229, 173); opacity: 1; }
.homepage-about .slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: rgb(104, 75, 254); }
.homepage-about .slider .features-container { padding: 0px 2rem; width: 100%; }
.homepage-about .slider .features-container .features-wrapper { display: flex; -webkit-box-pack: center; justify-content: center; background: rgb(0, 0, 0); padding: 5vw; border-radius: 20px; -webkit-box-align: center; align-items: center; flex-wrap: wrap; margin-bottom: 5vw; }
.homepage-about .slider .features-container .features-wrapper h3 { font-size: 4.4vw; color: rgb(255, 255, 255); font-weight: 600; width: 94%; text-align: left; }
.homepage-about .slider .features-container .features-wrapper .title-icon { width: 6%; }
.homepage-about .slider .features-container .features-wrapper .title-icon img { object-fit: fill; }
.homepage-about .slider .features-container .features-wrapper .feature-image { display: none; padding-top: 2rem; }
.homepage-about .slider .features-container .active .title-icon img { transform: scale(-1); }
.homepage-about .slider .features-container .test-code { padding: 4vw 5vw; }
.homepage-about .slider .features-container .test-code h3 { width: 60%; }
.homepage-about .slider .features-container .test-code .feature3 { display: flex; width: 40%; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; gap: 1em; }
.homepage-about .slider .features-container .test-code .feature3 button { background: rgb(155, 138, 252); border: none; border-radius: 20px; padding: 2vw 4vw; font-weight: 700; font-size: 3vw; }
.homepage-about .slider .features-container .test-code .feature3 img { width: 16%; }
.homepage-join { background-image: url("https://www.qodo.ai/wp-content/uploads/2023/03/Community-bg.png"); background-repeat: no-repeat; background-size: cover; background-position: center bottom; text-align: center; padding: 6em 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 4rem; }
@media (max-width: 1023px) {
  .homepage-join { background-image: url("https://www.qodo.ai/wp-content/uploads/2023/03/Community-mobile.png"); }
}
@media (max-width: 1023px) {
  .homepage-join .container { padding: 0px; }
  .homepage-join .container p { padding: 0px; }
  .homepage-join .container p.text-bigger { padding: 0px 2rem; }
}
.homepage-join h2.gradient-text { display: inline; }
@media (max-width: 1023px) {
  .homepage-join h2.gradient-text { padding: 0px 2rem; }
}
.homepage-join .join-slider .swiper-slide { height: auto; }
.homepage-join .join-slider .swiper-slide-active { z-index: 1; }
@media (min-width: 1024px) {
  .homepage-join .join-slider--wrapper.mobile { display: none !important; }
}
.homepage-join .join-slider--wrapper { display: flex; overflow: hidden; padding: 3rem 0px; flex-wrap: wrap; margin: 12rem 0px 0px; }
@media (max-width: 1023px) {
  .homepage-join .join-slider--wrapper { margin: 0px; }
}
.homepage-join .join-slider--wrapper .slide-width { width: 50%; }
@media (max-width: 1023px) {
  .homepage-join .join-slider--wrapper .slide-width { width: 100%; position: relative; padding-top: 100%; }
}
.homepage-join .join-slider--wrapper .slide-width .slide-con { width: 47rem; overflow: hidden; height: 47rem; position: relative; }
@media (max-width: 1023px) {
  .homepage-join .join-slider--wrapper .slide-width .slide-con { width: 100%; height: 100%; position: absolute; inset: 0px; }
}
.homepage-join .join-slider--wrapper .slide-width .slide-con .content-wrapper { width: 100%; height: 47rem; padding: 8rem; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 3rem; -webkit-box-pack: center; justify-content: center; }
@media (max-width: 1023px) {
  .homepage-join .join-slider--wrapper .slide-width .slide-con .content-wrapper { height: 100%; padding: 11vw 17vw; }
}
.homepage-join .join-slider--wrapper .join-two-wrapper { margin: 11rem -4rem 0px; display: flex; -webkit-box-pack: end; justify-content: flex-end; }
.homepage-join .join-slider--wrapper .join-three-wrapper { width: 100%; display: flex; -webkit-box-pack: center; justify-content: center; }
.homepage-join .join-slider--wrapper .join-five-wrapper { display: flex; -webkit-box-pack: end; justify-content: flex-end; margin-top: -9rem; }
@media (max-width: 1023px) {
  .homepage-join .join-slider--wrapper .slider--item { height: 100%; }
}
.homepage-join .join-slider--wrapper .slider--item .slider--item-bg { background: url("https://www.qodo.ai/wp-content/uploads/2023/03/join-slider-decor.svg") 0% 0% / cover no-repeat; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; border-radius: 50%; backdrop-filter: blur(40px); }
@media (max-width: 1023px) {
  .homepage-join .join-slider--wrapper .slider--item .slider--item-bg { background-size: 90%; background-position: center center; backdrop-filter: blur(0px); }
}
.homepage-join .join-slider--wrapper .slider--item-quote p { color: rgb(255, 255, 255); margin: 0px; font-size: 1.6rem; position: relative; z-index: 1; text-align: left; }
@media (max-width: 1023px) {
  .homepage-join .join-slider--wrapper .slider--item-quote p { font-size: 1.6rem; }
}
.homepage-join .join-slider--wrapper .slider--item-quote p strong { color: rgb(5, 229, 173); }
.homepage-join .join-slider--wrapper .slider--item-quote p span { color: rgb(5, 229, 173); }
.homepage-join .join-slider--wrapper .slider--item-quote p a { color: rgb(5, 229, 173); text-decoration: none; text-underline-offset: 4px; font-weight: 700; }
.homepage-join .join-slider--wrapper .slider--item-quote p a:hover, .homepage-join .join-slider--wrapper .slider--item-quote p a:focus { color: rgb(5, 229, 173); text-decoration: underline; }
.homepage-join .join-slider--wrapper .slider--item-quote .slider-star { padding-top: 8px; display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; }
.homepage-join .join-slider--wrapper .slider--item-quote .slider-star span { -webkit-box-flex: 0; flex: 0 0 auto; min-width: 14px; width: 14px; height: 14px; margin-right: 3px; }
.homepage-join .join-slider--wrapper .slider--item-content { position: relative; z-index: 1; display: flex; gap: 1rem; }
.homepage-join .join-slider--wrapper .slider--item-content-inner { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: baseline; align-items: baseline; }
.homepage-join .join-slider--wrapper .slider--item-content img { width: 6rem; height: 6rem; border-radius: 50%; }
@media (max-width: 1023px) {
  .homepage-join .join-slider--wrapper .slider--item-content img { width: 5rem; height: 5rem; }
}
.homepage-join .join-slider--wrapper .slider--item-content .slider-name { color: rgb(160, 160, 184); font-weight: 400; font-size: 1.8rem; padding-bottom: 5px; }
@media (max-width: 1023px) {
  .homepage-join .join-slider--wrapper .slider--item-content .slider-name { font-size: 1.8rem; }
}
.homepage-join .join-slider--wrapper .slider--item-content .slider-date { color: rgb(160, 160, 184); margin: 0px; font-size: 1.4rem; font-weight: 700; }
@media (max-width: 1023px) {
  .homepage-join .join-slider--wrapper .slider--item-content .slider-date { font-size: 1.4rem; }
}
.homepage-join .join-slider--wrapper .swiper-pagination { bottom: 4rem; }
@media (max-width: 1023px) {
  .homepage-join .join-slider--wrapper .swiper-pagination { bottom: 5rem; }
}
.homepage-join .join-slider--wrapper .swiper-pagination-bullet { background: rgb(160, 160, 184); width: 1rem; height: 1rem; }
.homepage-join .join-slider--wrapper .swiper-pagination-bullet-active { background: rgb(104, 75, 254); }
.homepage-join .btn-flex { display: flex; -webkit-box-pack: center; justify-content: center; margin-top: 5rem; }
.homepage-join .btn-flex .btn-grey { gap: 2rem; padding: 2rem 4rem; }
.homepage-blog { overflow: hidden; padding: 50px 15px 100px; background: linear-gradient(rgb(193, 182, 255) 0%, rgba(255, 255, 255, 0) 7%), rgb(243, 241, 238); }
@media (max-width: 991px) {
  .homepage-blog { padding: 50px 15px; }
}
.homepage-blog--container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; }
@media (max-width: 1023px) {
  .homepage-blog--container { text-align: center; }
}
.homepage-blog--container p.homepage-blog-text { color: rgb(0, 0, 0); margin: 20px 0px 30px; }
.homepage-blog--container a.a-link { margin-top: 50px; font-weight: 600; text-decoration: unset; display: flex; gap: 1rem; }
.homepage-blog--container a.a-link:hover { text-decoration: underline; }
.homepage-blog--container a.a-link img path { fill: rgb(104, 75, 254); }
@media only screen and (min-width: 1441px) and (max-width: 1700px) {
  .homepage-blog--wrapper { width: 100%; }
}
.homepage-blog--wrapper .news-articles--grid { display: grid; gap: 25px; grid-template-columns: repeat(3, 1fr); }
@media (max-width: 1023px) {
  .homepage-blog--wrapper .news-articles--grid { grid-template-columns: repeat(1, 1fr); }
}
.homepage-security { background-color: rgb(1, 1, 42); padding: 100px 15px; text-align: center; }
@media (max-width: 1023px) {
  .homepage-security { padding: 50px 15px; }
}
.homepage-security--content { margin-top: 6em; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2em; }
@media (max-width: 1023px) {
  .homepage-security--content { grid-template-columns: repeat(1, 1fr); gap: 2em; margin-top: 3em; }
}
.homepage-security--content .content-box-icon { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 3rem; }
@media (max-width: 1023px) {
  .homepage-security--content .content-box-icon { gap: 0rem; }
}
.homepage-security--content .content-box-icon .image-wrapper { display: flex; width: 100%; height: 16rem; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.homepage-security--content .content-box-icon .image-wrapper img { height: 16rem; }
.homepage-security--content .content-box-icon .resize img { height: 13rem; }
.homepage-security--content .content-box-icon span.smaller { display: block; font-size: 14px; }
.homepage-bug { background-color: rgb(1, 1, 42); padding: 100px 15px; text-align: center; }
@media (max-width: 1023px) {
  .homepage-bug { padding: 50px 15px; }
}
.homepage-bug h2.gradient-text { display: inline; }
.homepage-bug p.text-bigger { margin: 4rem 0px 8rem; }
@media (max-width: 1023px) {
  .homepage-bug p.text-bigger { margin: 1rem 0px 4rem; }
}
.homepage-bug .bug-wrapper { display: flex; -webkit-box-align: center; align-items: center; width: 95rem; margin: 0px auto; }
@media (max-width: 1023px) {
  .homepage-bug .bug-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; gap: 2rem; width: 100%; }
}
.homepage-bug .bug-wrapper--content { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 1em; width: 50%; text-align: start; }
@media (max-width: 1023px) {
  .homepage-bug .bug-wrapper--content { width: 100%; }
}
.homepage-bug .bug-wrapper--content h3 { font-weight: 400; font-size: 1.8rem; line-height: 120%; }
@media (max-width: 1023px) {
  .homepage-bug .bug-wrapper--content h3 { text-align: center; }
}
.homepage-bug .bug-wrapper--content p { margin: 0px 0px 1rem; }
@media (max-width: 1023px) {
  .homepage-bug .bug-wrapper--content p { margin: 0px 0px 3rem; }
}
@media (max-width: 1023px) {
  .homepage-bug .bug-wrapper--content .bug-button { text-align: center; }
}
.homepage-bug .bug-wrapper--content .bug-button a { background-color: rgb(50, 27, 178); border: 1px solid rgb(50, 27, 178); transition: 0.2s; }
@media (max-width: 1023px) {
  .homepage-bug .bug-wrapper--content .bug-button a { text-align: center; }
}
.homepage-bug .bug-wrapper--content .bug-button a:hover { background-color: rgb(121, 98, 254); border: 1px solid rgb(121, 98, 254); color: rgb(255, 255, 255); }
.homepage-bug .bug-wrapper--image { width: 50%; text-align: end; }
@media (max-width: 1023px) {
  .homepage-bug .bug-wrapper--image { width: 100%; }
}
.homepage-bug .bug-wrapper--image img { width: 85%; border-radius: 16px; }
@media (max-width: 1023px) {
  .homepage-bug .bug-wrapper--image img { width: 100%; display: block; }
}
.homepage-qa { padding: 100px 15px; text-align: center; z-index: 1; overflow: hidden; }
@media (max-width: 1023px) {
  .homepage-qa { padding: 50px 15px; }
}
.homepage-qa h2.gradient-text { display: inline; }
.homepage-qa p.text-bigger { margin: 3rem 0px 10rem; }
@media (max-width: 1023px) {
  .homepage-qa p.text-bigger { padding: 0px 4rem; margin: 2rem 0px; }
}
.homepage-qa ul.faq { list-style: none; padding: 0px; margin: 4em 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 3rem; }
@media (max-width: 1023px) {
  .homepage-qa ul.faq { margin: 2em 0px; }
}
.homepage-qa ul.faq .active { background-color: rgb(30, 15, 113); text-align: start; }
.homepage-qa ul.faq li:nth-child(n+4) { display: none; }
.homepage-qa ul.faq > li { border: 2px solid rgb(30, 15, 113); border-radius: 16px; padding: 3rem; }
@media (max-width: 1023px) {
  .homepage-qa ul.faq > li { padding: 2rem; }
}
.homepage-qa ul.faq > li .question { cursor: pointer; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; text-align: start; }
.homepage-qa ul.faq > li .question h3 { color: rgb(255, 255, 255); font-size: 2.4rem; line-height: 1.4; }
@media (max-width: 1023px) {
  .homepage-qa ul.faq > li .question h3 { font-size: 4vw; width: 77%; }
}
.homepage-qa ul.faq > li p { display: none; position: relative; text-align: left; font-size: 1.6rem; margin: 2rem 0px 0px; }
.homepage-qa .more-qa-btn { display: flex; -webkit-box-pack: center; justify-content: center; }
.homepage-qa .more-qa-btn a { color: rgb(5, 229, 173); display: flex; gap: 1rem; }
.homepage-qa .more-qa-btn a.close-faq img { transform: scale(-1); }
.homepage-qa ul.faq > li.active .title-icon .fa-minus { display: block; }
.homepage-qa ul.faq > li.active .title-icon .fa-plus { display: none; }
.homepage-waitlist { position: relative; padding: 8em 0px 40%; text-align: center; overflow: hidden; }
@media (max-width: 1023px) {
  .homepage-waitlist { padding: 4em 2rem 29vh; }
}
.homepage-waitlist #background-video-footer { min-width: 100%; min-height: 100%; position: absolute; right: 0px; bottom: 0px; width: 100%; height: 100%; object-fit: cover; object-position: 0rem center; top: -34rem; }
@media (max-width: 1023px) {
  .homepage-waitlist #background-video-footer { right: -1rem; top: -16rem; object-position: center center; max-height: 63%; min-height: initial; }
}
.homepage-waitlist .container { z-index: 99; position: relative; }
.homepage-waitlist .waitlist--wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; width: 78rem; padding: 8rem 11rem; background: linear-gradient(0deg, rgba(1, 1, 42, 0.4), rgba(1, 1, 42, 0.4)), linear-gradient(105.87deg, rgba(255, 255, 255, 0.4) 3.04%, rgba(255, 255, 255, 0) 99.23%); background-blend-mode: overlay, normal, normal; box-shadow: rgb(100, 71, 255) -6px 6px 8px -6px inset, rgba(100, 71, 255, 0.7) 8px 8px 8px -8px inset, rgb(255, 255, 255) 2px 2px 9px -2px inset, rgb(100, 71, 255) 0px -6px 2px -4px inset, rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset; backdrop-filter: blur(40px); border-radius: 40px; text-align: start; margin: 0px auto; }
@media (max-width: 1023px) {
  .homepage-waitlist .waitlist--wrapper { width: 100%; padding: 6rem 3rem; text-align: center; }
}
.homepage-waitlist .waitlist--wrapper p.text-bigger { line-height: 1; }
.homepage-waitlist .waitlist--wrapper .hubspot-homepage-form form { margin-top: 4rem; }
@media (min-width: 1024px) {
  .homepage-waitlist .waitlist--wrapper .hubspot-homepage-form form { display: flex; flex-wrap: wrap; gap: 1em; }
  .homepage-waitlist .waitlist--wrapper .hubspot-homepage-form form .hs-email { width: 65%; -webkit-box-ordinal-group: 2; order: 1; }
  .homepage-waitlist .waitlist--wrapper .hubspot-homepage-form form .hs-submit { width: 30%; }
}
.homepage-waitlist .waitlist--wrapper .hubspot-homepage-form form ::-webkit-input-placeholder { color: rgb(255, 255, 255); }
.homepage-waitlist .waitlist--wrapper .hubspot-homepage-form form ::placeholder { color: rgb(255, 255, 255); }
@media (max-width: 1023px) {
  .homepage-waitlist .waitlist--wrapper .hubspot-homepage-form form { text-align: left; }
}
.homepage-waitlist .waitlist--wrapper .hubspot-homepage-form form label { color: rgb(255, 255, 255); margin-bottom: 1rem; }
.homepage-waitlist .waitlist--wrapper .hubspot-homepage-form form input, .homepage-waitlist .waitlist--wrapper .hubspot-homepage-form form textarea, .homepage-waitlist .waitlist--wrapper .hubspot-homepage-form form select { background: transparent; border: none; width: 100%; font-family: CentraNo1, sans-serif; color: rgb(255, 255, 255); padding: 1rem !important; font-size: 1.8rem !important; resize: none !important; }
.homepage-waitlist .waitlist--wrapper .hubspot-homepage-form form .hs-error-msg { padding: 0px; font-size: 13px; color: rgb(255, 87, 34); }
.homepage-waitlist .waitlist--wrapper .hubspot-homepage-form form .hs-error-msgs { padding: 0px; margin: 0px; line-height: normal; }
.homepage-waitlist .waitlist--wrapper .hubspot-homepage-form form .hs-form-field { margin-bottom: 2rem; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.homepage-waitlist .waitlist--wrapper .hubspot-homepage-form form .hs-form-field input { background: rgb(1, 1, 42); border: 2px solid rgb(104, 75, 254); border-radius: 8px; }
.homepage-waitlist .waitlist--wrapper .hubspot-homepage-form form .hs-submit { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; -webkit-box-ordinal-group: 3; order: 2; padding-top: 3.6rem; }
@media (max-width: 1023px) {
  .homepage-waitlist .waitlist--wrapper .hubspot-homepage-form form .hs-submit { -webkit-box-pack: center; justify-content: center; padding-top: 1rem; }
}
.homepage-waitlist .waitlist--wrapper .hubspot-homepage-form form .hs-submit .actions { width: 100%; }
@media (max-width: 1023px) {
  .homepage-waitlist .waitlist--wrapper .hubspot-homepage-form form .hs-submit .actions { width: 55%; }
}
.homepage-waitlist .waitlist--wrapper .hubspot-homepage-form form .hs-submit input[type="submit"] { background: rgb(5, 229, 173); border: 1px solid rgb(5, 229, 173); color: rgb(1, 1, 42); font-family: CentraNo1, sans-serif; border-radius: 21px; white-space: nowrap; cursor: pointer; padding: 0.8rem 3rem !important; }
.homepage-waitlist .waitlist--wrapper .hubspot-homepage-form form .hs-submit input[type="submit"]:hover { background: rgb(0, 189, 133); }
.homepage-waitlist .waitlist--wrapper .hubspot-homepage-form form .hs_error_rollup { display: none !important; }
.homepage-waitlist .waitlist--wrapper .hubspot-homepage-form .submitted-message { color: rgb(255, 255, 255); }
.homepage-waitlist .waitlist--wrapper .gform_wrapper { margin-top: 1em; }
@media (max-width: 1023px) {
  .homepage-waitlist .waitlist--wrapper .gform_wrapper { margin-top: 0.5em; }
}
.homepage-waitlist .waitlist--wrapper .gform-body input { background: rgb(1, 1, 42); border: 2px solid rgb(104, 75, 254); border-radius: 8px; padding: 1.4rem !important; line-height: 1 !important; }
.homepage-waitlist .waitlist--wrapper .gform-body .gfield--type-submit { align-self: flex-start; }
@media (max-width: 1023px) {
  .homepage-waitlist .waitlist--wrapper .gform-body .gfield--type-submit { width: 60%; margin: 0px auto; }
}
.homepage-waitlist .waitlist--wrapper .gform-body .gfield--type-submit input.gform-button { background: rgb(5, 229, 173); color: rgb(1, 1, 42); font-weight: 600; border-radius: 30px; border: 1px solid rgb(5, 229, 173); cursor: pointer; transition: 0.2s; font-size: 1.4rem !important; }
.homepage-waitlist .waitlist--wrapper .gform-body .gfield--type-submit input.gform-button:hover { background-color: rgb(0, 189, 133); }
.homepage-waitlist .waitlist--wrapper .gform-body .gform_fields { column-gap: 5%; }
.homepage-waitlist .waitlist--wrapper .gform_footer { padding: 0px !important; margin: 0px !important; }
.homepage-waitlist .overlay-top { background: linear-gradient(rgb(2, 2, 44) 0%, rgba(2, 2, 44, 0) 100%); transform: matrix(-1, 0, 0, 1, 0, 0); position: absolute; width: 100%; height: 14vw; top: 0px; left: 0px; }
.homepage-waitlist .overlay { background: linear-gradient(rgb(2, 2, 44) 0%, rgba(2, 2, 44, 0) 100%); transform: rotate(180deg); position: absolute; width: 100%; height: 18rem; bottom: 33rem; left: 0px; }
@media (max-width: 1023px) {
  .homepage-waitlist .overlay { bottom: 23rem; }
}
.homepage-waitlist.is-site-footer-inline-dark { padding-bottom: 13.8rem; }
@media (max-width: 1023px) {
  .homepage-waitlist.is-site-footer-inline-dark { padding-bottom: 7.2rem; }
}
.homepage-waitlist.is-site-footer-inline-dark .overlay-top { z-index: 1; }
.homepage-waitlist.is-site-footer-inline-dark .overlay { bottom: 0rem; z-index: 1; }
@media (max-width: 1023px) {
  .homepage-waitlist.is-site-footer-inline-dark .overlay { bottom: 0rem; }
}
.homepage-waitlist.is-site-footer-inline-dark #background-video-footer { top: 0px; }
@-webkit-keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@media (max-width: 1023px) {
  .page-template-page-about .site-footer, .page-template-page-contact .site-footer, .page-template-default .site-footer { margin-top: -20vh; }
  .page-template-page-about .site-footer .ellipse, .page-template-page-contact .site-footer .ellipse, .page-template-default .site-footer .ellipse { background-image: url("https://www.qodo.ai/wp-content/uploads/2023/03/footer-home-about.png"); }
  .page-template-page-about .site-footer .ellipse .ellipse-inner, .page-template-page-contact .site-footer .ellipse .ellipse-inner, .page-template-default .site-footer .ellipse .ellipse-inner { top: 25vw; padding: 0px 6rem; }
  .page-template-page-about .site-footer .container .footer-menu li, .page-template-page-contact .site-footer .container .footer-menu li, .page-template-default .site-footer .container .footer-menu li { margin-bottom: 1vw; }
  .page-template-page-about .site-footer .container .footer-menu4, .page-template-page-contact .site-footer .container .footer-menu4, .page-template-default .site-footer .container .footer-menu4 { margin-bottom: 3vw; }
  .page-template-page-contact .site-footer { margin-top: -10vh; }
}
.customer-review-section { padding: 100px 15px; overflow: hidden; background-image: url("https://www.qodo.ai/themes/codium/assets/images/customer-review-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center bottom; }
@media (max-width: 992px) {
  .customer-review-section { padding: 120px 15px 100px; }
}
@media (max-width: 767px) {
  .customer-review-section { padding: 50px 15px; background-position: 70% center; }
}
.customer-review-section .section-title h2 { padding: 0px; }
.customer-review-section .section-title .sort-info { color: rgb(255, 255, 255); margin-top: 0px; }
.new-customer-review-section { background-image: url("https://www.qodo.ai/themes/codium/assets/images/new-customer-review-bg.png"); }
.new-customer-review-section .customer-review-box.vs-review-box { transition: 0.32s ease-in-out; transform: scale(1); width: 440px; }
@media (max-width: 767px) {
  .new-customer-review-section .customer-review-box.vs-review-box { width: 340px; }
}
.new-customer-review-section .customer-review-box.vs-review-box::before { display: block; padding-top: 355px; content: ""; }
@media (max-width: 767px) {
  .new-customer-review-section .customer-review-box.vs-review-box::before { padding-top: 280px; }
}
.new-customer-review-section .customer-review-box.vs-review-box .app-box { width: 50%; padding: 30px; }
.new-customer-review-section .customer-review-box.vs-review-box .app-box:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.6); }
@media (max-width: 767px) {
  .new-customer-review-section .customer-review-box.vs-review-box .app-box { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; height: 80%; padding: 20px; }
}
.new-customer-review-section .customer-review-box.vs-review-box .app-box .box-title { font-size: 18px; }
@media (max-width: 992px) {
  .new-customer-review-section .customer-review-box.vs-review-box .app-box .box-title { margin-bottom: 15px; }
}
@media (max-width: 767px) {
  .new-customer-review-section .customer-review-box.vs-review-box .app-box .box-title { font-size: 14px; }
}
.new-customer-review-section .customer-review-box.vs-review-box .app-box .box-icon { padding: 0px; -webkit-box-pack: center; justify-content: center; margin-bottom: 30px; }
.new-customer-review-section .customer-review-box.vs-review-box .app-box .box-icon .text { font-size: 48px; }
@media (max-width: 767px) {
  .new-customer-review-section .customer-review-box.vs-review-box .app-box .box-icon .text { font-size: 34px; }
}
@media (max-width: 767px) {
  .new-customer-review-section .customer-review-box.vs-review-box .app-box .box-icon .icon { max-width: 32px; min-height: 32px; }
}
@media (max-width: 992px) {
  .new-customer-review-section .customer-review-box.vs-review-box .app-box .box-icon { margin-bottom: 15px; }
}
.new-customer-review-section .customer-review-box.vs-review-box .app-box .box-review .icon-star { max-width: 135px; }
@media (max-width: 767px) {
  .new-customer-review-section .customer-review-box.vs-review-box .app-box .box-review .icon-star svg { width: 16px; height: 16px; }
}
.new-customer-review-section .customer-review-box.vs-review-box:hover, .new-customer-review-section .customer-review-box.vs-review-box:focus { transform: scale(1.02); opacity: 0.8; }
.customer-review-slider { position: relative; margin-top: 80px; }
@media (max-width: 992px) {
  .customer-review-slider { margin-top: 40px; }
}
.customer-review-slider .swiper-slide { width: auto; margin-right: 25px; }
@media (max-width: 992px) {
  .customer-review-slider .swiper-slide { margin-right: 15px; }
}
.customer-review-slider .icw-swiper-buttons { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; height: 54px; margin-bottom: 0px; position: absolute; top: -135px; right: 0px; }
@media (max-width: 992px) {
  .customer-review-slider .icw-swiper-buttons { top: -94px; }
}
@media (max-width: 767px) {
  .customer-review-slider .icw-swiper-buttons { top: 0px; right: 0px; position: relative; -webkit-box-pack: center; justify-content: center; margin-top: 20px; }
}
@media (max-width: 575px) {
  .customer-review-slider .icw-swiper-buttons { top: 0px; right: 0px; position: relative; -webkit-box-pack: center; justify-content: center; margin-top: 20px; }
}
.customer-review-slider .icw-swiper-buttons .icw-swiper-button-prev, .customer-review-slider .icw-swiper-buttons .icw-swiper-button-next { width: 54px; height: 54px; background-color: rgb(47, 47, 99); border-radius: 50px; padding: 5px; border: 0px; outline: none; cursor: pointer; transition: 0.3s ease-in-out; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: static !important; margin: 0px 8px !important; }
@media (max-width: 767px) {
  .customer-review-slider .icw-swiper-buttons .icw-swiper-button-prev, .customer-review-slider .icw-swiper-buttons .icw-swiper-button-next { width: 48px; height: 48px; }
}
.customer-review-slider .icw-swiper-buttons .icw-swiper-button-prev::after, .customer-review-slider .icw-swiper-buttons .icw-swiper-button-next::after { content: none; }
.customer-review-slider .icw-swiper-buttons .icw-swiper-button-prev svg, .customer-review-slider .icw-swiper-buttons .icw-swiper-button-next svg { transition: 0.3s ease-in-out; }
.customer-review-slider .icw-swiper-buttons .icw-swiper-button-prev.swiper-button-disabled, .customer-review-slider .icw-swiper-buttons .icw-swiper-button-next.swiper-button-disabled { opacity: 0.4; pointer-events: none; }
.customer-review-slider .icw-swiper-buttons .icw-swiper-button-prev:hover svg, .customer-review-slider .icw-swiper-buttons .icw-swiper-button-prev:focus svg, .customer-review-slider .icw-swiper-buttons .icw-swiper-button-next:hover svg, .customer-review-slider .icw-swiper-buttons .icw-swiper-button-next:focus svg { transform: translateX(5px); }
.customer-review-slider .icw-swiper-buttons .icw-swiper-button-prev:hover svg, .customer-review-slider .icw-swiper-buttons .icw-swiper-button-prev:focus svg { transform: translateX(-5px); }
.customer-review-box { background: url("https://www.qodo.ai/themes/codium/assets/images/review-card-bg.png") center center / 100% 100% no-repeat; height: 100%; display: inline-block; width: 360px; position: relative; }
@media (max-width: 992px) {
  .customer-review-box { width: 300px; }
}
@media (max-width: 575px) {
  .customer-review-box { width: 250px; }
}
.customer-review-box::before { display: block; padding-top: 100%; content: ""; }
.customer-review-box .inner-block { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 100%; position: absolute; top: 0px; left: 0px; width: 100%; }
.customer-review-box .app-box { padding: 40px; position: relative; }
@media (max-width: 992px) {
  .customer-review-box .app-box { padding: 25px; }
}
.customer-review-box .review-info { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100%; padding: 30px 2px 30px 0px; }
@media (max-width: 992px) {
  .customer-review-box .review-info { padding: 25px 2px 25px 0px; }
}
.customer-review-box .review-info .box-desc { -webkit-box-flex: 1; flex: 1 1 auto; padding: 0px 30px; min-height: 150px; max-height: 100%; margin-right: 5px; line-height: 1.3; overflow: hidden auto; scrollbar-width: thin; }
.customer-review-box .review-info .box-desc p { margin-top: 0px; margin-bottom: 10px; line-height: 1.3; }
.customer-review-box .review-info .box-desc p:last-child { margin-bottom: 0px; }
.customer-review-box .review-info .box-desc a { color: rgb(5, 229, 173); text-decoration: underline; }
.customer-review-box .review-info .box-desc a:hover { text-decoration: initial; }
@media (max-width: 992px) {
  .customer-review-box .review-info .box-desc { padding: 0px 25px; }
}
.customer-review-box .review-info .box-desc::-webkit-scrollbar { background-color: transparent; width: 3px; height: 3px; border-radius: 16px; }
.customer-review-box .review-info .box-desc::-webkit-scrollbar-thumb { background-color: rgb(81, 73, 154); border-radius: 16px; }
.customer-review-box .review-info .box-desc::-webkit-scrollbar-thumb:hover { background-color: rgb(5, 229, 173) !important; }
.customer-review-box .review-info .box-desc::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0.1); border-radius: 16px; }
.customer-review-box .review-info .box-customer-details { padding: 0px 30px; }
@media (max-width: 992px) {
  .customer-review-box .review-info .box-customer-details { padding: 0px 25px; }
}
.customer-review-box .box-title { font-size: 20px; text-align: center; color: rgb(255, 255, 255); margin-bottom: 30px; }
.customer-review-box .box-icon { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-bottom: 30px; }
.customer-review-box .box-icon .icon { max-width: 42px; min-height: 42px; margin-right: 15px; align-self: center; -webkit-box-flex: 0; flex: 0 0 auto; }
@media (max-width: 767px) {
  .customer-review-box .box-icon .icon { max-width: 38px; min-height: 38px; }
}
.customer-review-box .box-icon .icon img { vertical-align: bottom; }
.customer-review-box .box-icon .text { font-size: 64px; font-weight: 700; display: block; line-height: 1; color: rgb(255, 255, 255); }
@media (max-width: 992px) {
  .customer-review-box .box-icon .text { font-size: 58px; }
}
@media (max-width: 767px) {
  .customer-review-box .box-icon .text { font-size: 50px; }
}
.customer-review-box .box-review { text-align: center; }
.customer-review-box .box-review .icon-star { max-width: 125px; margin: 0px auto 8px; }
.customer-review-box .number-review { color: rgba(255, 255, 255, 0.8); font-size: 16px; text-align: center; line-height: 1; }
.customer-review-box .number-review::after { position: absolute; inset: 0px; z-index: 1; content: ""; background: transparent; transition: 0.2s ease-in-out; }
.customer-review-box .number-review:hover, .customer-review-box .number-review:focus { color: rgb(5, 229, 173); text-decoration: underline; }
.customer-review-box .box-desc { font-size: 18px; color: rgb(255, 255, 255); text-align: left; margin-bottom: 15px; line-height: 1.5; }
@media (max-width: 992px) {
  .customer-review-box .box-desc { font-size: 16px; margin-bottom: 15px; }
}
@media (max-width: 767px) {
  .customer-review-box .box-desc { font-size: 14px; }
}
.customer-review-box .box-customer-details { text-align: left; }
.customer-review-box .box-customer-details .user-name { font-size: 16px; margin-bottom: 5px; color: rgb(255, 255, 255); line-height: 1; }
@media (max-width: 767px) {
  .customer-review-box .box-customer-details .user-name { font-size: 14px; }
}
.customer-review-box .box-customer-details .date { font-size: 14px; color: rgba(255, 255, 255, 0.6); }
@media (max-width: 767px) {
  .customer-review-box .box-customer-details .date { font-size: 12px; }
}
.customer-review-box.vs-review-box { transition: 0.32s ease-in-out; transform: scale(1); }
.customer-review-box.vs-review-box:hover, .customer-review-box.vs-review-box:focus { transform: scale(1.02); opacity: 0.8; }
.testimonial-review-box { background: url("https://www.qodo.ai/themes/codium/assets/images/review-card-bg.png") center center / 100% 100% no-repeat; height: 100%; display: inline-block; width: 300px; position: relative; }
@media (max-width: 767px) {
  .testimonial-review-box { width: 250px; }
}
.testimonial-review-box::before { display: block; padding-top: 355px; content: ""; }
@media (max-width: 767px) {
  .testimonial-review-box::before { padding-top: 280px; }
}
.testimonial-review-box .inner-block { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100%; position: absolute; top: 0px; left: 0px; width: 100%; padding: 25px; }
@media (max-width: 767px) {
  .testimonial-review-box .inner-block { padding: 20px; }
}
.testimonial-review-box .app-icon { margin-bottom: 25px; max-width: 24px; }
@media (max-width: 767px) {
  .testimonial-review-box .app-icon { margin-bottom: 20px; }
}
.testimonial-review-box .app-icon.icon-review-twitter { background: url("https://www.qodo.ai/themes/codium/assets/images/review-twitter.svg?new") center center no-repeat; width: 24px; height: 24px; -webkit-box-flex: 0; flex: 0 0 auto; display: inline-block; }
.testimonial-review-box .app-icon img { width: 100%; }
.testimonial-review-box a.app-icon { transform: scale(1); transition: 0.3s ease-in-out; }
.testimonial-review-box a.app-icon:hover, .testimonial-review-box a.app-icon:focus { transform: scale(1.2); }
.testimonial-review-box .testimonial-desc { font-size: 16px; line-height: 1.4; margin-top: 0px; color: rgb(255, 255, 255); -webkit-box-flex: 1; flex: 1 1 auto; max-height: 250px; overflow: hidden auto; }
.testimonial-review-box .testimonial-desc * { color: rgb(255, 255, 255); }
@media (max-width: 767px) {
  .testimonial-review-box .testimonial-desc { max-height: 210px; }
}
.testimonial-review-box .testimonial-desc::-webkit-scrollbar { background-color: transparent; width: 3px; height: 3px; border-radius: 16px; }
.testimonial-review-box .testimonial-desc::-webkit-scrollbar-thumb { background-color: rgb(81, 73, 154); border-radius: 16px; }
.testimonial-review-box .testimonial-desc::-webkit-scrollbar-thumb:hover { background-color: rgb(5, 229, 173) !important; }
.testimonial-review-box .testimonial-desc::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0.1); border-radius: 16px; }
.testimonial-review-box .testimonial-desc p { margin-bottom: 20px; margin-top: 0px; line-height: 1.4; }
.testimonial-review-box .testimonial-desc p:last-child { margin-bottom: 0px; }
@media (max-width: 767px) {
  .testimonial-review-box .testimonial-desc { font-size: 14px; }
}
.testimonial-review-box .testimonial-desc ul { list-style-type: disc; padding-left: 18px; font-size: 14px; }
.testimonial-review-box .testimonial-desc ul li::marker { color: rgb(155, 138, 252); }
.testimonial-review-box .testimonial-desc ol { list-style-type: decimal; list-style-position: inside; padding-left: 0px; font-size: 14px; }
.testimonial-review-box .testimonial-desc ol li::marker { color: rgb(155, 138, 252); }
.testimonial-review-box .testimonial-desc a { color: rgb(155, 138, 252); text-decoration: underline; }
.testimonial-review-box .testimonial-desc a:hover { text-decoration: initial; }
.testimonial-review-box .testimonial-user-info { display: flex; -webkit-box-align: center; align-items: center; border-top: 1px solid rgba(255, 255, 255, 0.5); padding-top: 25px; margin-top: 25px; }
@media (max-width: 767px) {
  .testimonial-review-box .testimonial-user-info { padding-top: 20px; margin-top: 20px; }
}
.testimonial-review-box .testimonial-user-info .user-img { border-radius: 50%; overflow: hidden; width: 48px; height: 48px; -webkit-box-flex: 0; flex: 0 0 auto; }
@media (max-width: 767px) {
  .testimonial-review-box .testimonial-user-info .user-img { width: 38px; height: 38px; }
}
.testimonial-review-box .testimonial-user-info .user-img img { width: 100%; }
.testimonial-review-box .testimonial-user-info .user-details { text-align: left; margin-left: 10px; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.testimonial-review-box .testimonial-user-info .user-details .name { font-size: 16px; font-weight: 700; color: rgb(255, 255, 255); line-height: 1.5; }
@media (max-width: 767px) {
  .testimonial-review-box .testimonial-user-info .user-details .name { font-size: 14px; }
}
.testimonial-review-box .testimonial-user-info .user-details span { font-size: 14px; color: rgb(190, 190, 224); display: inline-block; line-height: 1.2; }
@media (max-width: 767px) {
  .testimonial-review-box .testimonial-user-info .user-details span { font-size: 12px; }
}
.testimonial-review-box a.testimonial-user-info .user-img { transform: scale(1); transition: 0.3s ease-in-out; }
.testimonial-review-box a.testimonial-user-info:hover .user-img, .testimonial-review-box a.testimonial-user-info:focus .user-img { transform: scale(1.2); }
.testimonial-review-box a.testimonial-user-info:hover .name, .testimonial-review-box a.testimonial-user-info:focus .name { color: rgb(121, 98, 254); }
.testimonial-review-box a.testimonial-user-info:hover span, .testimonial-review-box a.testimonial-user-info:focus span { text-decoration: underline; text-underline-offset: 4px; color: rgb(5, 229, 173); }
.single-review-section { background: rgb(255, 255, 255); padding: 50px 15px; overflow: hidden; }
@media (max-width: 991px) {
  .single-review-section { padding: 50px 15px; }
}
.single-review-section + .homepage-blog { background: rgb(255, 255, 255) !important; padding-top: 50px !important; }
@media (max-width: 991px) {
  .single-review-section + .homepage-blog { padding-top: 50px !important; }
}
.new-single-review-section { background: linear-gradient(rgb(193, 182, 255) 20%, rgb(255, 255, 255) 50%), rgb(255, 255, 255); }
.new-single-review-section .single-review-block { padding: 50px 50px 100px; max-width: 1150px; margin: auto; }
.new-single-review-section .single-review-block::after, .new-single-review-section .single-review-block::before { content: none; }
.single-review-block { background: url("https://www.qodo.ai/themes/codium/assets/images/single-review-bg.jpg") center center / cover no-repeat rgb(1, 1, 42); border-radius: 20px; padding: 80px; text-align: center; position: relative; }
@media (max-width: 992px) {
  .single-review-block { padding: 50px; }
}
@media (max-width: 767px) {
  .single-review-block { padding: 50px 30px; background-position: left center; }
}
.single-review-block::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-3.png") center center / contain no-repeat; display: block; width: 145px; height: 145px; position: absolute; z-index: 1; bottom: 70px; left: -70px; transform: rotate(3deg); }
@media (max-width: 1024px) {
  .single-review-block::before { width: 105px; height: 105px; bottom: 30px; left: -15px; }
}
@media (max-width: 767px) {
  .single-review-block::before { width: 85px; height: 85px; bottom: 30px; left: -15px; }
}
.single-review-block::after { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-13.webp") center center / contain no-repeat; display: block; width: 253px; height: 190px; position: absolute; z-index: 1; top: 115px; right: -130px; }
@media (max-width: 1440px) {
  .single-review-block::after { width: 160px; height: 120px; right: -100px; }
}
@media (max-width: 1024px) {
  .single-review-block::after { width: 107px; height: 80px; right: -60px; top: 15%; }
}
@media (max-width: 767px) {
  .single-review-block::after { top: 20px; }
}
.single-review-block .review-app { color: rgba(255, 255, 255, 0.6); font-size: 14px; margin-bottom: 25px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
@media (max-width: 767px) {
  .single-review-block .review-app { margin-bottom: 15px; }
}
.single-review-block .review-app .app-icon { margin-left: 15px; max-width: 22px; }
.single-review-block .review-app .app-icon.icon-review-twitter { background: url("https://www.qodo.ai/themes/codium/assets/images/review-twitter.svg?new") center center no-repeat; width: 25px; height: 22px; display: inline-block; }
.single-review-block .review-app a.app-icon { transform: scale(1); transition: 0.3s ease-in-out; }
.single-review-block .review-app a.app-icon:hover, .single-review-block .review-app a.app-icon:focus { transform: scale(1.2); }
.single-review-block .review-content { font-size: 24px; color: rgb(255, 255, 255); max-width: 900px; margin: 0px auto; }
.single-review-block .review-content p { margin: 0px 0px 20px; }
.single-review-block .review-content p:last-child { margin-bottom: 0px; }
@media (max-width: 767px) {
  .single-review-block .review-content { font-size: 20px; }
}
.single-review-block .review-user-info { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-top: 40px; }
@media (max-width: 767px) {
  .single-review-block .review-user-info { margin-top: 30px; }
}
.single-review-block .review-user-info .user-img { border-radius: 50%; overflow: hidden; max-width: 48px; max-height: 48px; min-width: 48px; min-height: 48px; }
.single-review-block .review-user-info .user-img img { width: 100%; }
.single-review-block .review-user-info .user-details { text-align: left; margin-left: 15px; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.single-review-block .review-user-info .user-details .name { font-size: 16px; font-weight: 700; color: rgb(255, 255, 255); line-height: 1.5; }
.single-review-block .review-user-info .user-details span { font-size: 14px; color: rgba(255, 255, 255, 0.6); display: inline-block; line-height: 1.5; }
.single-review-block a.review-user-info-link .user-img { transform: scale(1); transition: 0.3s ease-in-out; }
.single-review-block a.review-user-info-link .user-img .name, .single-review-block a.review-user-info-link .user-img span { transition: 0.3s ease-in-out; }
.single-review-block a.review-user-info-link:hover .user-img, .single-review-block a.review-user-info-link:focus .user-img { transform: scale(1.2); }
.single-review-block a.review-user-info-link:hover .name, .single-review-block a.review-user-info-link:focus .name { color: rgb(121, 98, 254) !important; }
.single-review-block a.review-user-info-link:hover span, .single-review-block a.review-user-info-link:focus span { text-decoration: underline; text-underline-offset: 4px; color: rgb(5, 229, 173) !important; }
.single-review-block .action { margin-top: 40px; }
.single-review-block .action .main-btn { background: rgb(88, 101, 242); backdrop-filter: blur(40px); display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: 0.3s ease-in-out; }
.single-review-block .action .main-btn img { filter: contrast(0) brightness(0) invert(1); margin-right: 10px; transition: 0.3s ease-in-out; }
.single-review-block .action .main-btn:hover, .single-review-block .action .main-btn:focus { background: rgb(255, 255, 255); color: rgb(88, 101, 242); }
.single-review-block .action .main-btn:hover img, .single-review-block .action .main-btn:focus img { filter: none; }
.single-review-block .swiper-slide { height: auto; }
.single-review-block .slide-review-box { height: 100%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; }
.single-review-block .slide-review-box .user-desc { -webkit-box-flex: 1; flex: 1 1 auto; }
.single-review-block .icw-swiper-pagination { bottom: 50px !important; }
@media (max-width: 992px) {
  .single-review-block .icw-swiper-pagination { bottom: 20px !important; }
}
.single-review-block .icw-swiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; background: rgb(255, 255, 255); opacity: 1; border-radius: 12px; transition: 0.3s ease-in-out; }
.single-review-block .icw-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: rgb(5, 229, 173); pointer-events: none; cursor: default; width: 26px; }
.testimonial-grid-section { background: linear-gradient(rgb(193, 182, 255) 2.85%, rgb(250, 249, 255) 20%), rgb(255, 255, 255); padding: 120px 15px 0px; position: relative; }
@media (max-width: 992px) {
  .testimonial-grid-section { padding: 50px 15px 0px; }
}
.testimonial-grid-section::after { content: ""; width: 100%; height: 150px; position: absolute; bottom: 0px; left: 0px; right: 0px; background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%); }
.testimonial-grid-section .section-title { margin-bottom: 60px; }
.testimonial-grid-wrapper { border-radius: 16px; }
.testimonial-grid-wrapper.is-overflow-auto::-webkit-scrollbar-thumb { background-color: rgb(152, 152, 170); }
.testimonial-grid-wrapper.is-overflow-auto::-webkit-scrollbar-thumb:hover { background-color: rgb(0, 0, 0) !important; }
.testimonial-grid-wrapper.is-overflow-auto::-webkit-scrollbar-track { background-color: rgb(247, 247, 247) !important; }
.testimonial-grid-block { columns: 330px 3; column-gap: 25px; margin-bottom: 150px; }
.testimonial-box { break-inside: avoid; padding: 30px; background: rgb(255, 255, 255); border-radius: 28px; margin-bottom: 25px; }
@media (max-width: 767px) {
  .testimonial-box { padding: 25px; }
}
.testimonial-box .app-icon { margin-bottom: 15px; max-width: 25px; }
.testimonial-box .app-icon.icon-review-twitter { background: url("https://www.qodo.ai/themes/codium/assets/images/review-twitter.svg?new") center center no-repeat; width: 25px; height: 22px; display: inline-block; }
.testimonial-box .app-icon img { width: 100%; }
.testimonial-box a.app-icon { transform: scale(1); transition: 0.3s ease-in-out; }
.testimonial-box a.app-icon:hover, .testimonial-box a.app-icon:focus { transform: scale(1.2); }
.testimonial-box .testimonial-desc { font-size: 18px; line-height: 1.4; margin-top: 0px; color: rgb(1, 1, 42); }
.testimonial-box .testimonial-desc * { color: rgb(1, 1, 42); }
.testimonial-box .testimonial-desc p { margin-bottom: 20px; margin-top: 0px; line-height: 1.4; }
.testimonial-box .testimonial-desc p:last-child { margin-bottom: 0px; }
@media (max-width: 992px) {
  .testimonial-box .testimonial-desc { font-size: 16px; }
}
@media (max-width: 767px) {
  .testimonial-box .testimonial-desc { font-size: 14px; }
}
.testimonial-box .testimonial-desc ul { list-style-type: disc; padding-left: 18px; font-size: 16px; }
.testimonial-box .testimonial-desc ul li::marker { color: rgb(155, 138, 252); }
.testimonial-box .testimonial-desc ol { list-style-type: decimal; list-style-position: inside; padding-left: 0px; font-size: 16px; }
.testimonial-box .testimonial-desc ol li::marker { color: rgb(155, 138, 252); }
.testimonial-box .testimonial-desc a { color: rgb(155, 138, 252); text-decoration: underline; }
.testimonial-box .testimonial-desc a:hover { text-decoration: initial; }
.testimonial-box .testimonial-user-info { display: flex; -webkit-box-align: center; align-items: center; margin-top: 25px; border-top: 1px solid rgb(237, 235, 248); padding-top: 25px; }
.testimonial-box .testimonial-user-info .user-img { border-radius: 50%; overflow: hidden; max-width: 48px; max-height: 48px; min-width: 48px; min-height: 48px; }
.testimonial-box .testimonial-user-info .user-img img { width: 100%; }
.testimonial-box .testimonial-user-info .user-details { text-align: left; margin-left: 15px; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.testimonial-box .testimonial-user-info .user-details .name { font-size: 16px; font-weight: 700; color: rgb(1, 1, 42); line-height: 1.5; }
.testimonial-box .testimonial-user-info .user-details span { font-size: 14px; color: rgba(1, 1, 42, 0.6); display: inline-block; line-height: 1.5; }
.testimonial-box a.testimonial-user-info .user-img { transform: scale(1); transition: 0.3s ease-in-out; }
.testimonial-box a.testimonial-user-info:hover .user-img, .testimonial-box a.testimonial-user-info:focus .user-img { transform: scale(1.2); }
.testimonial-box a.testimonial-user-info:hover .name, .testimonial-box a.testimonial-user-info:focus .name { color: rgb(121, 98, 254); }
.testimonial-box a.testimonial-user-info:hover span, .testimonial-box a.testimonial-user-info:focus span { text-decoration: underline; text-underline-offset: 4px; color: rgb(5, 229, 173); }
.rotate-words { position: relative; display: inline-flex; margin: 0px; vertical-align: top; }
.rotate-words .word, .rotate-words .word2 { position: absolute; display: flex; opacity: 0; }
.rotate-words .word .letter, .rotate-words .word2 .letter { transform-origin: center center 25px; }
.rotate-words .word .letter:nth-child(0), .rotate-words .word .letter:nth-child(1), .rotate-words .word2 .letter:nth-child(0), .rotate-words .word2 .letter:nth-child(1) { color: rgb(222, 121, 230) !important; }
.rotate-words .word .letter:nth-child(2), .rotate-words .word .letter:nth-child(3), .rotate-words .word2 .letter:nth-child(2), .rotate-words .word2 .letter:nth-child(3) { color: rgb(222, 121, 230) !important; }
.rotate-words .word .letter:nth-child(4), .rotate-words .word .letter:nth-child(5), .rotate-words .word2 .letter:nth-child(4), .rotate-words .word2 .letter:nth-child(5) { color: rgb(182, 141, 219) !important; }
.rotate-words .word .letter:nth-child(6), .rotate-words .word .letter:nth-child(7), .rotate-words .word2 .letter:nth-child(6), .rotate-words .word2 .letter:nth-child(7) { color: rgb(176, 144, 218) !important; }
.rotate-words .word .letter:nth-child(8), .rotate-words .word .letter:nth-child(9), .rotate-words .word2 .letter:nth-child(8), .rotate-words .word2 .letter:nth-child(9) { color: rgb(145, 160, 209) !important; }
.rotate-words .word .letter:nth-child(10), .rotate-words .word .letter:nth-child(11), .rotate-words .word2 .letter:nth-child(10), .rotate-words .word2 .letter:nth-child(11) { color: rgb(136, 164, 207) !important; }
.rotate-words .word .letter:nth-child(12), .rotate-words .word .letter:nth-child(13), .rotate-words .word2 .letter:nth-child(12), .rotate-words .word2 .letter:nth-child(13) { color: rgb(126, 169, 205) !important; }
.rotate-words .word .letter:nth-child(14), .rotate-words .word .letter:nth-child(15), .rotate-words .word2 .letter:nth-child(14), .rotate-words .word2 .letter:nth-child(15) { color: rgb(109, 177, 200) !important; }
.rotate-words .word .letter:nth-child(16), .rotate-words .word .letter:nth-child(17), .rotate-words .word2 .letter:nth-child(16), .rotate-words .word2 .letter:nth-child(17) { color: rgb(89, 187, 195) !important; }
.rotate-words .word .letter:nth-child(18), .rotate-words .word .letter:nth-child(19), .rotate-words .word2 .letter:nth-child(18), .rotate-words .word2 .letter:nth-child(19) { color: rgb(49, 207, 184) !important; }
.rotate-words .word .letter:nth-child(20), .rotate-words .word .letter:nth-child(21), .rotate-words .word2 .letter:nth-child(20), .rotate-words .word2 .letter:nth-child(21) { color: rgb(33, 215, 180) !important; }
.rotate-words .word .letter:nth-child(22), .rotate-words .word .letter:nth-child(23), .rotate-words .word2 .letter:nth-child(22), .rotate-words .word2 .letter:nth-child(23) { color: rgb(27, 218, 178) !important; }
.rotate-words .word .letter:nth-child(24), .rotate-words .word .letter:nth-child(25), .rotate-words .word2 .letter:nth-child(24), .rotate-words .word2 .letter:nth-child(25) { color: rgb(13, 225, 175) !important; }
.rotate-words .word .letter:nth-child(26), .rotate-words .word .letter:nth-child(27), .rotate-words .word2 .letter:nth-child(26), .rotate-words .word2 .letter:nth-child(27) { color: rgb(5, 229, 173) !important; }
.rotate-words .word .letter.out, .rotate-words .word2 .letter.out { transform: rotateX(90deg); transition: 0.22s cubic-bezier(0.6, 0, 0.7, 0.2); }
.rotate-words .word .letter.in, .rotate-words .word2 .letter.in { transition: 0.28s; }
.rotate-words .word .letter.behind, .rotate-words .word2 .letter.behind { transform: rotateX(-90deg); }
.code-merge-section { background: url("https://www.qodo.ai/themes/codium/assets/images/bg-code-merge-confidence-vactor.png") center center / contain no-repeat, url("https://www.qodo.ai/themes/codium/assets/images/bg-code-merge-confidence.png") center top / 100% 100% rgb(1, 1, 42); color: rgb(255, 255, 255); position: relative; z-index: 1; }
@media (min-width: 1440px) {
  .code-merge-section { background-size: contain, cover; }
}
@media (max-width: 767px) {
  .code-merge-section { background-size: contain, 100% 70%; }
}
.code-merge-section::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/img-small-dots.png") center top repeat; width: 100%; height: 100%; position: absolute; top: 0px; z-index: -1; }
.code-merge-section::after { content: ""; background-image: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-8.webp"); background-repeat: no-repeat; background-position: -4% 50%, calc(105%) 5%; background-size: 200px, 200px; width: 100%; height: 100%; position: absolute; top: 0px; z-index: -1; }
@media (max-width: 1200px) {
  .code-merge-section::after { background-size: 150px, 150px; }
}
@media (max-width: 767px) {
  .code-merge-section::after { background-image: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-1.png"); background-position: calc(108%) -3%; background-size: 120px; display: none; }
}
.code-merge-section .two-content-block.align-items-center { -webkit-box-align: center; align-items: center; }
.code-merge-section .two-content-block.pt-100 { padding-top: 100px; }
@media (max-width: 767px) {
  .code-merge-section .two-content-block.pt-100 { padding-top: 70px; }
}
@media (max-width: 575px) {
  .code-merge-section .two-content-block.pt-100 { padding-top: 50px; }
}
@media (max-width: 992px) {
  .code-merge-section .section-title { text-align: center; }
}
.code-merge-section .section-title h2 { color: rgb(255, 255, 255); line-height: 1.2; margin-bottom: 25px; }
.code-merge-section .section-title .sort-info { margin-bottom: 40px; }
@media (max-width: 575px) {
  .code-merge-section .section-title .sort-info { margin-bottom: 0px; color: rgb(255, 255, 255); }
}
.code-merge-section .section-title .sort-info p { color: rgb(255, 255, 255); }
.code-merge-section .section-title .sort-info.text-light p { color: rgba(255, 255, 255, 0.6); }
.code-merge-section .section-title .btn-group { -webkit-box-pack: start; justify-content: flex-start; }
@media (max-width: 992px) {
  .code-merge-section .section-title .btn-group { -webkit-box-pack: center; justify-content: center; }
}
@media (max-width: 575px) {
  .code-merge-section .section-title .btn-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
  .code-merge-section .section-title .btn-group .dropdown-download--cta { width: 100%; }
  .code-merge-section .section-title .btn-group .header-dropdown, .code-merge-section .section-title .btn-group .btn { width: 100%; text-align: center; -webkit-box-pack: center; justify-content: center; margin-top: 15px; }
}
.code-merge-section .section-title .btn-group .header-dropdown { display: flex; }
.code-merge-section .section-title > :last-child { margin-bottom: 0px !important; }
.code-merge-section .logo-btn-group { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; -webkit-box-pack: center; justify-content: center; max-width: 500px; }
@media (max-width: 992px) {
  .code-merge-section .logo-btn-group { margin: 0px auto; }
}
@media (max-width: 767px) {
  .code-merge-section .logo-btn-group { gap: 15px; margin: 0px 50px; }
}
.code-merge-section .logo-btn-group .btn-square-json { -webkit-box-flex: 0; flex: 0 0 auto; transition: 0.2s ease-in-out; transform: scale(1); backdrop-filter: blur(40px); position: relative; width: 100%; will-change: transform; }
.code-merge-section .logo-btn-group .btn-square-json:hover, .code-merge-section .logo-btn-group .btn-square-json:focus { opacity: 0.8; transform: scale(1.02); }
.cta-card { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
@media (max-width: 767px) {
  .cta-card { gap: 20px; grid-template-columns: 1fr; }
}
.cta-card .cta-box { position: relative; box-sizing: border-box; color: rgb(255, 255, 255); border-radius: 12px; padding: 40px; background: url("https://www.qodo.ai/themes/codium/assets/images/card-bg3.png") center center / 100% 100% no-repeat; text-align: center; }
.cta-card .cta-box .cta-box-img { padding: 30px 20px 50px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 30px; }
@media (max-width: 767px) {
  .cta-card .cta-box .cta-box-img { padding: 20px 20px 25px; gap: 15px; }
}
.cta-card .cta-box .btn-cta { display: inline-flex; min-width: 160px; text-align: center; -webkit-box-pack: center; justify-content: center; backdrop-filter: none; transition: 0.2s ease-in-out; }
.cta-card .cta-box .btn-cta:hover, .cta-card .cta-box .btn-cta:focus { color: rgb(255, 255, 255); background: rgb(104, 75, 254); border-color: rgb(104, 75, 254); }
.cta-logo-block { position: relative; padding: 40px 35px; box-sizing: content-box; text-align: left; display: flex; gap: 35px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; max-width: 710px; margin: 0px auto; }
.cta-logo-block::before { content: ""; inset: 0px; position: absolute; background: radial-gradient(circle at 100% 100%, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 0px 0px / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 100% 0px / 24px 24px no-repeat, radial-gradient(circle at 100% 0px, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 0px 100% / 24px 24px no-repeat, radial-gradient(circle at 0px 0px, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 100% 100% / 24px 24px no-repeat, linear-gradient(rgb(1, 1, 42), rgb(1, 1, 42)) 50% 50% / calc(100% - 4px) calc(100% - 48px) no-repeat, linear-gradient(rgb(1, 1, 42), rgb(1, 1, 42)) 50% 50% / calc(100% - 48px) calc(100% - 4px) no-repeat, repeating-linear-gradient(241deg, rgb(191, 181, 246) 0px, rgba(50, 50, 83, 0.37) 25%, rgb(124, 108, 229) 52%, rgb(65, 61, 116) 85%, rgb(105, 90, 202) 100%); border-radius: 24px; backdrop-filter: blur(36px); opacity: 0.85; }
.cta-logo-block > * { position: relative; z-index: 2; }
@media (max-width: 575px) {
  .cta-logo-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 15px; padding: 40px 25px; }
}
.cta-logo-block h2 { font-size: 32px; line-height: 1; }
@media (max-width: 767px) {
  .cta-logo-block h2 { font-size: 26px; }
}
.cta-logo-block .sm-text { font-size: 18px; color: rgba(255, 255, 255, 0.6); }
.cta-logo-block .cta-logo-images { display: flex; gap: 35px; -webkit-box-align: center; align-items: center; }
@media (max-width: 767px) {
  .cta-logo-block .cta-logo-images { gap: 20px; }
}
.cta-logo-block .cta-logo-images .cta-logo { transition: 0.3s ease-in-out; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.cta-logo-block .cta-logo-images .cta-logo img { max-height: 40px; min-height: 40px; min-width: 100%; }
@media (max-width: 767px) {
  .cta-logo-block .cta-logo-images .cta-logo img { max-height: 30px; min-height: 30px; }
}
.cta-logo-block .cta-logo-images .cta-logo:hover, .cta-logo-block .cta-logo-images .cta-logo:focus { transform: scale(1.15); opacity: 0.8; }
.bg-bubble-lottie-position { position: relative; width: 100vw; margin-left: calc(50% - 8px - 50vw); }
.bg-bubble-lottie { position: absolute; z-index: -1; top: 0px; right: 0px; width: 260px; height: 260px; }
@media (max-width: 767px) {
  .bg-bubble-lottie { width: 160px; height: 160px; top: 90px; }
}
@media (max-width: 475px) {
  .bg-bubble-lottie { width: 120px; height: 120px; top: 110px; }
}
.code-integrity-section { position: relative; z-index: 1; background: url("https://www.qodo.ai/themes/codium/assets/images/img-dots-bg.svg") right top no-repeat, url("https://www.qodo.ai/themes/codium/assets/images/img-contect-vector.png") right bottom no-repeat; }
.code-integrity-section::after { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/bg-top-glow.png") center top / 100% no-repeat; width: 100%; height: 100%; display: inline-block; position: absolute; top: 0px; left: 0px; z-index: -1; }
@media (max-width: 992px) {
  .code-integrity-section::after { background-size: cover; }
}
.code-integrity-section::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/bg-code-integrity-code.png") right center / 100% no-repeat; width: 335px; height: 430px; display: inline-block; position: absolute; top: 35%; right: 0px; z-index: -1; }
@media (max-width: 992px) {
  .code-integrity-section::before { width: 250px; height: 320px; top: 30%; }
}
@media (max-width: 767px) {
  .code-integrity-section::before { content: none; }
}
.code-integrity-section.two-content-section .two-content-block { gap: 40px !important; }
@media (max-width: 1024px) {
  .code-integrity-section.two-content-section .two-content-block { gap: 20px !important; }
}
@media (max-width: 992px) {
  .code-integrity-section.two-content-section .two-content-block { grid-template-columns: 60fr 40fr !important; }
}
@media (max-width: 767px) {
  .code-integrity-section.two-content-section .two-content-block { grid-template-columns: repeat(1, 1fr) !important; }
}
@media (max-width: 767px) {
  .code-integrity-section.two-content-section .two-content-block .left-content-block { display: none; }
}
@media (max-width: 1440px) and (min-width: 767px) {
  .code-integrity-section .image-block { margin-left: -150px; }
}
.code-integrity-section .content-block { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; height: 100%; }
.code-integrity-section .content-block .image-block { display: none; }
@media (max-width: 767px) {
  .code-integrity-section .content-block .image-block { display: block; }
}
.code-integrity-section .content-block .list-block { padding-right: 15px; }
@media (max-width: 992px) {
  .code-integrity-section .content-block .list-block { padding: 0px 15px; }
}
.code-integrity-section .content-block .list-block:first-child { margin-top: 40px; }
@media (max-width: 1440px) {
  .code-integrity-section .content-block .list-block:first-child { margin-top: 30px; }
}
@media (max-width: 767px) {
  .code-integrity-section .content-block .list-block:first-child { margin-top: 0px; margin-bottom: 30px; }
}
.code-integrity-section .content-block .list-block:last-child { margin-bottom: 50px; }
@media (max-width: 1440px) {
  .code-integrity-section .content-block .list-block:last-child { margin-bottom: 40px; }
}
@media (max-width: 1024px) {
  .code-integrity-section .content-block .list-block:last-child { margin-bottom: 0px; }
}
@media (max-width: 767px) {
  .code-integrity-section .content-block .list-block:last-child { margin-top: 30px; }
}
.code-integrity-section .content-block .list-block h3 { color: rgb(255, 255, 255); font-size: 26px; }
.code-integrity-section .content-block .list-block ul { padding-left: 25px; }
.code-integrity-section .content-block .list-block ul li { color: rgb(255, 255, 255); list-style-type: disc; font-size: 22px; margin-bottom: 15px; }
.code-integrity-section .content-block .list-block ul li:last-child { margin-bottom: 0px; }
@media (max-width: 992px) {
  .code-integrity-section .content-block .list-block ul li { font-size: 18px; line-height: normal; }
}
.code-integrity-section .content-block .list-block ul li::marker { color: rgb(0, 189, 133); font-size: 28px; line-height: 0.7; }
@media (max-width: 992px) {
  .code-integrity-section .content-block .list-block ul li::marker { font-size: 20px; }
}
.bg-circle-glow { background: radial-gradient(83.02% 84.31% at 12.49% 47.89%, rgb(5, 229, 173) 0%, rgba(5, 229, 173, 0.5) 43.09%, rgba(100, 71, 255, 0) 100%), radial-gradient(46.99% 79.51% at 23.6% 9.64%, rgb(255, 255, 255) 0%, rgba(100, 71, 255, 0) 100%), radial-gradient(50.09% 234.06% at 100% 77.06%, rgb(255, 107, 156) 0%, rgba(100, 71, 255, 0) 100%), rgba(100, 71, 255, 0.5); opacity: 0.4; position: absolute; inset: 0px 0px 20rem; pointer-events: none; filter: blur(132px); transform: matrix(1, 0, 0, -1, 0, 0); z-index: -1; max-height: 1200px; }
.codiumate-content-section { z-index: 1; }
.codiumate-content-section .two-content-block { padding: 100px 0px; }
.codiumate-content-section .two-content-block.align-items-center { -webkit-box-align: center; align-items: center; }
@media (max-width: 992px) {
  .codiumate-content-section .two-content-block { padding: 0px 0px 50px; }
  .codiumate-content-section .two-content-block .order-2 { -webkit-box-ordinal-group: 3; order: 2; }
  .codiumate-content-section .two-content-block .order-1 { -webkit-box-ordinal-group: 2; order: 1; }
  .codiumate-content-section .two-content-block .image-block img { width: 100%; }
}
.codiumate-content-section .single-content-block .image-block { padding-top: 30px; }
@media (max-width: 767px) {
  .codiumate-content-section .single-content-block .image-block img { width: 100%; }
}
.codiumate-content-section .image-block img { border-radius: 16px; }
.codiumate-content-section .image-block img.mobile { display: none; }
@media (max-width: 992px) {
  .codiumate-content-section .image-block img.mobile { display: inline-block; }
}
.codiumate-content-section .image-block img.desktop { display: inline-block; }
@media (max-width: 992px) {
  .codiumate-content-section .image-block img.desktop { display: none; }
}
.codiumate-content-section .section-title .tag { font-size: 16px; color: rgb(255, 255, 255); margin-bottom: 8px; }
.codiumate-content-section .section-title h2 { margin-bottom: 25px; }
.codiumate-content-section .section-title ul { padding-left: 25px; }
.codiumate-content-section .section-title ul li { color: rgb(233, 231, 255); list-style-type: disc; font-size: 18px; margin-bottom: 10px; }
@media (max-width: 992px) {
  .codiumate-content-section .section-title ul li { line-height: normal; }
}
.codiumate-content-section .section-title ul li::marker { color: rgb(180, 171, 254); font-size: 20px; line-height: 0.7; }
@media (max-width: 992px) {
  .codiumate-content-section .section-title ul li::marker { font-size: 20px; }
}
.codiumate-content-section .support-logo { font-size: 14px; color: rgb(255, 255, 255); font-weight: 700; margin-top: 20px; }
.codiumate-content-section .support-logo .logos { margin-top: 15px; display: flex; -webkit-box-align: center; align-items: center; gap: 25px; }
.codiumate-content-section .support-logo .logos img { width: 56px; height: 56px; -webkit-box-flex: 0; flex: 0 0 auto; }
.codiumate-content-section .support-logo .logos a { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: 0.3s ease-in-out; }
.codiumate-content-section .support-logo .logos a:hover, .codiumate-content-section .support-logo .logos a:focus { transform: scale(1.08); opacity: 0.8; }
.code-integrity-section-v2 { background: url("https://www.qodo.ai/themes/codium/assets/images/home-progress-topbg.png") center top / cover no-repeat; }
.code-integrity-section-v2 .home-progress .desktop { padding: 0px 20px; }
.count-content-block { background: linear-gradient(0deg, rgba(1, 1, 42, 0.4), rgba(1, 1, 42, 0.4)), linear-gradient(105.87deg, rgba(255, 255, 255, 0.4) 3.04%, rgba(255, 255, 255, 0) 99.23%); border-radius: 16px; padding: 32px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px; max-width: 1250px; margin: 0px auto; position: relative; }
@media (max-width: 1440px) {
  .count-content-block { gap: 40px; }
}
@media (max-width: 1200px) {
  .count-content-block { gap: 30px; padding: 30px; margin: 0px 15px; }
}
@media (max-width: 767px) {
  .count-content-block { grid-template-columns: repeat(1, 1fr); max-width: 400px; }
}
.count-content-block::before { content: ""; inset: 0px; background: radial-gradient(circle at 100% 100%, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 15px, transparent 15px) 0px 0px / 16px 16px no-repeat, radial-gradient(circle at 0px 100%, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 15px, transparent 15px) 100% 0px / 16px 16px no-repeat, radial-gradient(circle at 100% 0px, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 15px, transparent 15px) 0px 100% / 16px 16px no-repeat, radial-gradient(circle at 0px 0px, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 15px, transparent 15px) 100% 100% / 16px 16px no-repeat, linear-gradient(rgb(1, 1, 42), rgb(1, 1, 42)) 50% 50% / calc(100% - 2px) calc(100% - 32px) no-repeat, linear-gradient(rgb(1, 1, 42), rgb(1, 1, 42)) 50% 50% / calc(100% - 32px) calc(100% - 2px) no-repeat, repeating-linear-gradient(241deg, rgb(191, 181, 246) 0px, rgba(50, 50, 83, 0.37) 25%, rgb(124, 108, 229) 52%, rgb(65, 61, 116) 85%, rgb(105, 90, 202) 100%); border-radius: 16px; box-sizing: content-box; backdrop-filter: blur(36px); opacity: 0.75; position: absolute; z-index: -1; }
.count-content-block .count-box { display: flex; -webkit-box-align: end; align-items: flex-end; gap: 15px; }
@media (max-width: 1440px) {
  .count-content-block .count-box { gap: 10px; }
}
@media (max-width: 767px) {
  .count-content-block .count-box { -webkit-box-pack: center; justify-content: center; }
}
.count-content-block .count-box .number { font-weight: 700; color: rgb(180, 171, 254); font-size: 64px; line-height: 0.9; }
.count-content-block .count-box .number span.number1 { width: 35px; display: inline-flex; -webkit-box-pack: end; justify-content: flex-end; }
.count-content-block .count-box .number span.number2 { width: 85px; display: inline-flex; -webkit-box-pack: end; justify-content: flex-end; }
@media (max-width: 1440px) {
  .count-content-block .count-box .number { font-size: 60px; }
  .count-content-block .count-box .number span.number1 { width: 30px; }
  .count-content-block .count-box .number span.number2 { width: 70px; }
}
@media (max-width: 1200px) {
  .count-content-block .count-box .number { font-size: 50px; }
  .count-content-block .count-box .number span.number1 { width: 28px; }
  .count-content-block .count-box .number span.number2 { width: 65px; }
}
@media (max-width: 767px) {
  .count-content-block .count-box .number span.number2 { width: 55px; }
}
.count-content-block .count-box .text { font-size: 22px; color: rgb(255, 255, 255); }
@media (max-width: 1440px) {
  .count-content-block .count-box .text { font-size: 18px; }
}
@media (max-width: 1200px) {
  .count-content-block .count-box .text { font-size: 16px; }
}
.context-based-block { position: relative; padding: 50px 0px; }
@media (max-width: 992px) {
  .context-based-block { overflow: hidden; margin: 0px -15px; padding: 0px 15px; }
}
.context-based-block .vector-left { position: absolute; left: 0px; bottom: 150px; z-index: -1; }
@media (max-width: 992px) {
  .context-based-block .vector-left { bottom: auto; top: 150px; width: 80px; left: -30px; }
}
.context-based-block .vector-right { position: absolute; right: -10%; top: 0px; width: 150px; height: 150px; }
@media (max-width: 767px) {
  .context-based-block .vector-right { width: 80px; top: 0px; right: -40px; }
}
.counter-content-wrapper { background: transparent; padding: 0px; max-width: 100%; }
@media (max-width: 992px) {
  .counter-content-wrapper { gap: 20px; padding-bottom: 20px; }
}
.counter-content-wrapper::before { content: none; }
.counter-content-wrapper .counter-box { background: linear-gradient(0deg, rgba(31, 31, 255, 0.1), rgba(31, 31, 255, 0.1)), linear-gradient(0deg, rgba(1, 1, 42, 0.4), rgba(1, 1, 42, 0.4)), linear-gradient(105.87deg, rgba(255, 255, 255, 0.4) 3.04%, rgba(255, 255, 255, 0) 99.23%); background-blend-mode: overlay, normal, normal, normal; border-radius: 16px; padding: 48px 24px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: relative; }
@media (max-width: 992px) {
  .counter-content-wrapper .counter-box { padding: 20px; }
}
.counter-content-wrapper .counter-box::before { content: ""; inset: 0px; background: radial-gradient(circle at 100% 100%, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 15px, transparent 15px) 0px 0px / 16px 16px no-repeat, radial-gradient(circle at 0px 100%, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 15px, transparent 15px) 100% 0px / 16px 16px no-repeat, radial-gradient(circle at 100% 0px, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 15px, transparent 15px) 0px 100% / 16px 16px no-repeat, radial-gradient(circle at 0px 0px, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 15px, transparent 15px) 100% 100% / 16px 16px no-repeat, linear-gradient(rgb(1, 1, 42), rgb(1, 1, 42)) 50% 50% / calc(100% - 2px) calc(100% - 32px) no-repeat, linear-gradient(rgb(1, 1, 42), rgb(1, 1, 42)) 50% 50% / calc(100% - 32px) calc(100% - 2px) no-repeat, repeating-linear-gradient(241deg, rgb(191, 181, 246) 0px, rgba(50, 50, 83, 0.37) 25%, rgb(124, 108, 229) 52%, rgb(65, 61, 116) 85%, rgb(105, 90, 202) 100%); border-radius: 16px; box-sizing: content-box; backdrop-filter: blur(36px); opacity: 0.75; position: absolute; z-index: -1; }
.counter-content-wrapper .counter-box .box-icon { width: 72px; height: 72px; -webkit-box-flex: 0; flex: 0 0 auto; }
.counter-content-wrapper .counter-box .box-desc { text-align: center; margin-top: 30px; margin-bottom: 30px; -webkit-box-flex: 1; flex: 1 1 auto; }
@media (max-width: 992px) {
  .counter-content-wrapper .counter-box .box-desc { margin-top: 20px; margin-bottom: 20px; }
}
.counter-content-wrapper .counter-box .box-desc h3 { margin-bottom: 16px; font-size: 28px; }
@media (max-width: 992px) {
  .counter-content-wrapper .counter-box .box-desc h3 { font-size: 22px; }
}
.counter-content-wrapper .counter-box .box-desc p { margin-bottom: 0px; font-size: 18px; }
@media (max-width: 992px) {
  .counter-content-wrapper .counter-box .box-desc p { font-size: 16px; }
}
.counter-content-wrapper .counter-box .count-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.4); }
@media (max-width: 992px) {
  .counter-content-wrapper .counter-box .count-box { padding-top: 20px; }
}
.counter-content-wrapper .counter-box .count-box .number { font-size: 48px; color: rgb(180, 171, 254); }
@media (max-width: 992px) {
  .counter-content-wrapper .counter-box .count-box .number { font-size: 36px; }
}
.counter-content-wrapper .counter-box .count-box .text { font-size: 18px; text-align: center; }
@media (max-width: 992px) {
  .counter-content-wrapper .counter-box .count-box .text { font-size: 16px; }
}
.glow-left-right-bg { background: url("https://www.qodo.ai/themes/codium/assets/images/glow-left-right-bg.png") center top no-repeat; }
.single-content-block { position: relative; }
.automate-developer-block { padding: 80px 0px 0px; position: relative; }
@media (max-width: 992px) {
  .automate-developer-block { padding: 50px 0px 0px; }
}
.automate-developer-block .image-block { margin-left: 100px; }
@media (max-width: 767px) {
  .automate-developer-block .image-block { margin-left: 50px; }
}
.automate-developer-block .vector-left { position: absolute; left: -10%; top: 300px; z-index: -1; }
@media (max-width: 992px) {
  .automate-developer-block .vector-left { top: 150px; width: 100px; left: -30px; }
}
@media (max-width: 767px) {
  .automate-developer-block .vector-left { width: 70px; }
}
.automate-developer-block .vector-right { position: absolute; right: -250px; bottom: 0px; }
@media (max-width: 1200px) {
  .automate-developer-block .vector-right { right: -100px; width: 180px; }
}
@media (max-width: 992px) {
  .automate-developer-block .vector-right { right: -50px; width: 150px; }
}
@media (max-width: 767px) {
  .automate-developer-block .vector-right { right: -30px; width: 90px; }
}
.about-hero { background-image: url("https://www.qodo.ai/wp-content/uploads/2023/03/hero-about.png"); background-repeat: no-repeat; background-size: cover; background-position: center bottom; padding: 200px 5% 150px; }
@media (max-width: 1023px) {
  .about-hero { min-height: 100vh; padding: 150px 2rem 300px; background-image: url("https://www.qodo.ai/wp-content/uploads/2023/02/about-hero-bg-mobile.png"); }
}
.about-hero .container-100 { position: relative; margin: 0px auto; }
@media (max-width: 1023px) {
  .about-hero .container-100 { width: 100%; }
}
.about-hero--wrapper { width: 50rem; }
@media (max-width: 1023px) {
  .about-hero--wrapper { width: 100%; }
}
.about-hero--title { font-size: 3.8vw; width: 33vw; }
@media (max-width: 1023px) {
  .about-hero--title { font-size: 9vw; width: 100%; }
}
.about-info { text-align: center; padding: 100px 20px; }
@media (max-width: 1023px) {
  .about-info { padding: 50px 20px; }
}
.about-info p { margin-bottom: 15px; }
@media (max-width: 1023px) {
  .about-info p { margin: 0px; }
}
.about-info .text-bigger { max-width: 1050px; width: 100%; margin: 0px auto 40px; }
.about-info .text-bigger p { margin: 0px; }
.about-info--content { padding: 100px 0px 0px; display: grid; gap: 7vw; grid-template-columns: repeat(3, 1fr); -webkit-box-pack: justify; justify-content: space-between; }
@media (max-width: 767px) {
  .about-info--content { padding: 50px 0px 0px; gap: 5vw; }
}
.about-info--content .content-box-icon { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 2em; }
@media (max-width: 1023px) {
  .about-info--content .content-box-icon { gap: 3rem; }
}
.about-info--content .content-box-icon p { margin: 0px; }
.about-info--content .content-box-icon .image-wrapper { position: relative; padding-top: 110px; }
@media (max-width: 767px) {
  .about-info--content .content-box-icon .image-wrapper { padding-top: 50%; }
}
.about-info--content .content-box-icon .image-wrapper img { width: 100%; height: 100%; object-fit: contain; position: absolute; inset: 0px; }
.about-team { padding: 100px 2rem; background: url("https://www.qodo.ai/themes/codium/assets/images/meet-team-bg.png") right bottom no-repeat, linear-gradient(176deg, rgb(193, 182, 255) 3.11%, rgba(255, 255, 255, 0) 68.95%), rgb(255, 255, 255); text-align: center; }
@media (max-width: 767px) {
  .about-team { padding: 50px 2rem; background: linear-gradient(176deg, rgb(193, 182, 255) 3.11%, rgba(255, 255, 255, 0) 68.95%), rgb(255, 255, 255); }
}
.about-team::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-8.webp") left center / contain no-repeat; position: absolute; top: 500px; left: 10px; display: block; width: 120px; height: 120px; filter: blur(6px); }
@media (max-width: 1023px) {
  .about-team::before { content: none; }
}
.about-team--wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 40px; }
.about-team--wrapper .team-title { color: rgb(1, 1, 42); font-weight: 700; font-size: 40px; }
@media (max-width: 767px) {
  .about-team--wrapper .team-title { font-size: 32px; }
}
.about-team--wrapper .image-wrapper { position: relative; max-width: 950px; margin: 0px auto; }
.about-team--wrapper .image-wrapper img { border-radius: 24px; }
@media (max-width: 767px) {
  .about-team--wrapper .image-wrapper img { border-radius: 8px; }
}
.about-team--wrapper .image-wrapper .image-vector { position: absolute; bottom: -40px; left: -90px; background-image: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-6.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; width: 170px; height: 120px; }
@media (max-width: 767px) {
  .about-team--wrapper .image-wrapper .image-vector { width: 80px; height: 90px; bottom: -30px; left: -40px; }
}
@media (min-width: 768px) {
  .about-team--content { padding-top: 50px; max-width: 1020px; width: 100%; margin: 0px auto; }
}
.about-team--content-grid { display: flex; -webkit-box-pack: center; justify-content: center; gap: 0px; }
@media (max-width: 767px) {
  .about-team--content-grid { gap: 20px; }
}
.about-team--content-grid .team-card { width: 50%; border-right: 1px solid rgb(230, 230, 230); }
@media (max-width: 767px) {
  .about-team--content-grid .team-card { border-right: none; }
}
.about-team--content-grid .team-card:last-child { border-right: none; }
.about-backed { padding: 100px 2rem 24em; text-align: center; background: url("https://www.qodo.ai/themes/codium/assets/images/backed-by-bg.png") center center no-repeat; }
@media (max-width: 767px) {
  .about-backed { padding: 50px 2rem 10em; }
}
.about-backed::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/backed-by-vector.png") right center / contain no-repeat; position: absolute; top: 350px; right: 0px; display: block; width: 120px; height: 230px; }
@media (max-width: 1023px) {
  .about-backed::before { content: none; }
}
.about-backed--wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 40px; }
@media (max-width: 767px) {
  .about-backed--wrapper { gap: 20px; }
}
.about-backed--wrapper h2 { display: inline-flex; margin: 0px auto; }
.about-backed--wrapper .vcs-container { display: inline-flex; -webkit-box-pack: center; justify-content: center; gap: 20px; -webkit-box-align: center; align-items: center; flex-wrap: nowrap; }
.about-backed--wrapper .vcs-container img { width: 100%; }
.about-backed .sm-title { font-size: 26px; letter-spacing: -0.26px; margin: 0px; }
@media (max-width: 767px) {
  .about-backed .sm-title { font-size: 20px; }
}
.about-backed .angels--content { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 40px; }
.about-backed .angels--content-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 100px 50px; }
@media (max-width: 1023px) {
  .about-backed .angels--content-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 375px) {
  .about-backed .angels--content-grid { grid-template-columns: repeat(1, 1fr); gap: 70px 20px; }
}
.about-backed .angels--content-grid .angelcard:nth-child(n+9) { display: none; }
.about-backed .angels--content .more-angels-btn { display: flex; -webkit-box-pack: center; justify-content: center; margin-top: 30px; }
.about-backed .angels--content .more-angels-btn a { color: rgb(5, 229, 173); display: flex; gap: 1rem; }
.about-backed .angels--content .more-angels-btn a:hover, .about-backed .angels--content .more-angels-btn a:focus { opacity: 0.8; }
.about-backed .angels--content .more-angels-btn a.close-angels img { transform: scale(-1); }
.about-working { position: relative; padding: 0% 0px 40%; }
@media (max-width: 767px) {
  .about-working { padding: 6em 2rem 25vh; margin: 0px 0px 6em; }
}
.about-working .overlay { background: radial-gradient(83.02% 84.31% at 12.49% 47.89%, rgb(5, 229, 173) 0%, rgba(5, 229, 173, 0.5) 43.09%, rgba(100, 71, 255, 0) 100%), radial-gradient(46.99% 79.51% at 23.6% 9.64%, rgb(255, 255, 255) 0%, rgba(100, 71, 255, 0) 100%), radial-gradient(50.09% 234.06% at 100% 77.06%, rgb(255, 107, 156) 0%, rgba(100, 71, 255, 0) 100%), rgba(100, 71, 255, 0.5); opacity: 0.3; filter: blur(200px); position: absolute; inset: -13rem 0px 0px; z-index: 1; pointer-events: none; }
.about-working #background-video-footer { min-width: 100%; min-height: 100%; position: absolute; right: 0px; bottom: 0px; width: 100%; height: 100%; object-fit: cover; object-position: 0rem center; top: -34rem; }
@media (max-width: 1023px) {
  .about-working #background-video-footer { top: -12rem; object-position: center center; max-height: 86%; min-height: initial; }
}
.about-working .working--wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; text-align: center; width: 78rem; padding: 80px 110px; background: linear-gradient(0deg, rgba(1, 1, 42, 0.4) 0%, rgba(1, 1, 42, 0.4) 100%), linear-gradient(106deg, rgba(255, 255, 255, 0.4) 3.04%, rgba(255, 255, 255, 0) 99.23%); backdrop-filter: blur(36px); border-radius: 24px; margin: 0px auto; position: relative; z-index: 1; }
.about-working .working--wrapper::before { content: ""; inset: 0px; background: radial-gradient(circle at 100% 100%, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 0px 0px / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 100% 0px / 24px 24px no-repeat, radial-gradient(circle at 100% 0px, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 0px 100% / 24px 24px no-repeat, radial-gradient(circle at 0px 0px, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 100% 100% / 24px 24px no-repeat, linear-gradient(rgb(1, 1, 42), rgb(1, 1, 42)) 50% 50% / calc(100% - 4px) calc(100% - 48px) no-repeat, linear-gradient(rgb(1, 1, 42), rgb(1, 1, 42)) 50% 50% / calc(100% - 48px) calc(100% - 4px) no-repeat, repeating-linear-gradient(241deg, rgb(191, 181, 246) 0px, rgba(50, 50, 83, 0.37) 25%, rgb(124, 108, 229) 52%, rgb(65, 61, 116) 85%, rgb(105, 90, 202) 100%); border-radius: 24px; box-sizing: content-box; backdrop-filter: blur(36px); opacity: 0.4; position: absolute; z-index: -1; }
.about-working .working--wrapper::after { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/working-vector.png") center center / contain no-repeat; width: 230px; height: 230px; display: block; position: absolute; top: -70px; left: -100px; z-index: -1; }
@media (max-width: 1023px) {
  .about-working .working--wrapper::after { width: 130px; height: 130px; top: -30px; left: -50px; }
}
@media (max-width: 1023px) {
  .about-working .working--wrapper { width: 100%; padding: 60px 40px; }
}
@media (max-width: 375px) {
  .about-working .working--wrapper { padding: 20px; }
}
.about-working .working--wrapper .gradient-text { padding: 0px 0px 0.4rem; }
.about-working .working--wrapper a { color: rgb(5, 229, 173); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 1rem; margin-top: 2em; }
.about-working .working--wrapper a img { transform: rotate(-90deg); }
.our-mission { background: url("https://www.qodo.ai/themes/codium/assets/images/glow-bg.svg") right bottom no-repeat rgb(2, 2, 44); padding: 100px 20px; position: relative; overflow: hidden; }
@media (max-width: 767px) {
  .our-mission { padding: 50px 20px; }
}
.our-mission::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-11.png") left center / contain no-repeat; position: absolute; top: 400px; left: 0px; display: block; width: 180px; height: 120px; }
@media (max-width: 1023px) {
  .our-mission::before { top: 600px; }
}
.our-mission::after { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-18.png") right center / contain no-repeat; position: absolute; top: 200px; right: -50px; display: block; width: 240px; height: 220px; }
@media (max-width: 1023px) {
  .our-mission::after { top: 270px; width: 150px; height: 150px; }
}
.our-mission .section-title .sort-info { max-width: 740px; margin: 0px auto; }
.our-mission .section-title .sort-info p { color: rgba(255, 255, 255, 0.6); font-size: 18px; }
.gradient-border-box-block { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
@media (max-width: 767px) {
  .gradient-border-box-block { grid-template-columns: repeat(1, 1fr); gap: 20px; }
}
.gradient-border-box-block .gradient-border-box { position: relative; -webkit-box-flex: 1; flex: 1 1 auto; padding: 60px 40px; background: linear-gradient(0deg, rgba(1, 1, 42, 0.4) 0%, rgba(1, 1, 42, 0.4) 100%), linear-gradient(103deg, rgba(255, 255, 255, 0.15) 14.08%, rgba(255, 255, 255, 0) 101.19%); border-radius: 24px; text-align: center; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; z-index: 1; }
@media (max-width: 1024px) {
  .gradient-border-box-block .gradient-border-box { padding: 40px 20px; }
}
@media (max-width: 767px) {
  .gradient-border-box-block .gradient-border-box { width: 100%; max-width: 400px; margin: 0px auto; padding: 40px 20px; }
}
.gradient-border-box-block .gradient-border-box::before { content: ""; inset: 0px; background: radial-gradient(circle at 100% 100%, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 0px 0px / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 100% 0px / 24px 24px no-repeat, radial-gradient(circle at 100% 0px, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 0px 100% / 24px 24px no-repeat, radial-gradient(circle at 0px 0px, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 100% 100% / 24px 24px no-repeat, linear-gradient(rgb(1, 1, 42), rgb(1, 1, 42)) 50% 50% / calc(100% - 4px) calc(100% - 48px) no-repeat, linear-gradient(rgb(1, 1, 42), rgb(1, 1, 42)) 50% 50% / calc(100% - 48px) calc(100% - 4px) no-repeat, repeating-linear-gradient(241deg, rgb(191, 181, 246) 0px, rgba(50, 50, 83, 0.37) 25%, rgb(124, 108, 229) 52%, rgb(65, 61, 116) 85%, rgb(105, 90, 202) 100%); border-radius: 24px; box-sizing: content-box; backdrop-filter: blur(36px); opacity: 0.65; position: absolute; z-index: -1; }
.gradient-border-box-block .gradient-border-box .box-icon { width: 75px; height: 75px; -webkit-box-flex: 0; flex: 0 0 auto; border-radius: 50%; position: relative; }
.gradient-border-box-block .gradient-border-box .box-icon img { width: 75px; height: 75px; -webkit-box-flex: 0; flex: 0 0 auto; }
.gradient-border-box-block .gradient-border-box .box-icon::before { content: ""; width: 73px; height: 73px; -webkit-box-flex: 0; flex: 0 0 auto; border-radius: 50%; position: absolute; top: 2px; left: 1px; z-index: -1; }
.gradient-border-box-block .gradient-border-box .box-icon.pink::before { box-shadow: rgba(255, 107, 156, 0.65) -10px -8px 70px, rgba(242, 136, 210, 0.57) -2.5px 4px 32px, rgb(255, 107, 156) 13px 13px 20px -6px inset, rgb(201, 136, 253) 2px -6px 6px inset; }
.gradient-border-box-block .gradient-border-box .box-icon.green::before { box-shadow: rgb(5, 229, 173) -5px -5px 80px, rgba(97, 238, 247, 0.33) -2.5px 4px 39px, rgba(5, 229, 173, 0.7) 2.5px -6.06111px 6px inset; }
.gradient-border-box-block .gradient-border-box .box-content { margin-top: 20px; }
.gradient-border-box-block .gradient-border-box .box-content h3 { font-size: 20px; font-weight: 700; color: rgb(255, 255, 255); }
.contact--wrapper { padding: 15rem 2rem 41%; background: linear-gradient(0deg, rgba(10, 6, 60, 0.5) 16.04%, rgba(38, 29, 166, 0.008) 63.38%), linear-gradient(150deg, rgba(26, 18, 126, 0.5) 21.31%, rgba(39, 29, 168, 0) 64.89%); position: relative; }
body.get-started--wrapper .contact--wrapper { background: linear-gradient(0deg, rgba(10, 6, 60, 0.1) 1%, rgba(38, 29, 166, 0.008) 60%), linear-gradient(150deg, rgba(26, 18, 126, 0.1) 20%, rgba(39, 29, 168, 0) 60%); }
.contact--wrapper.pb-100 { padding-bottom: 100px; }
.contact--wrapper::before { content: ""; height: 100%; width: 52%; background: url("https://www.qodo.ai/themes/codium/assets/images/contact-bg2.png") left top no-repeat; position: absolute; top: 0px; left: 0px; z-index: -1; }
@media (max-width: 1023px) {
  .contact--wrapper::before { background: url("https://www.qodo.ai/themes/codium/assets/images/img-contect-vector.png") right top no-repeat; left: auto; right: 0px; top: 90px; width: 85px; height: 180px; }
}
.contact--wrapper::after { content: ""; height: 100%; width: 52%; background: url("https://www.qodo.ai/themes/codium/assets/images/contact-bg.png") right top no-repeat; position: absolute; top: 0px; right: 0px; z-index: -1; }
@media (max-width: 1023px) {
  .contact--wrapper::after { top: auto; bottom: 50px; background: url("https://www.qodo.ai/themes/codium/assets/images/contact-bg-m.png") right bottom / contain no-repeat; }
}
@media (max-width: 1023px) {
  .contact--wrapper { padding: 15rem 0rem 0vh; }
}
.contact--wrapper .container { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
@media (max-width: 1023px) {
  .contact--wrapper .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 0px; }
}
@media only screen and (min-width: 1024px) and (max-width: 1140px) {
  .contact--wrapper .container { width: 100%; }
}
.contact--wrapper .container.container-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.contact--wrapper-form { width: 40%; }
.contact--wrapper-form:empty { display: none !important; }
@media (max-width: 1023px) {
  .contact--wrapper-form { width: 100%; text-align: center; padding: 0px 2rem; }
}
.contact--wrapper-form h1 { font-weight: 700; font-size: 4rem; margin-bottom: 3rem; display: inline; }
@media (max-width: 991px) {
  .contact--wrapper-form h1 { font-size: 32px; }
}
.contact--wrapper-form .contact-form-page { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.contact--wrapper-form .contact-form-page label input, .contact--wrapper-form .contact-form-page label textarea, .contact--wrapper-form .contact-form-page label select { background: transparent; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(50, 27, 178); padding: 1em; width: 100%; font-family: CentraNo1, sans-serif; color: rgb(255, 255, 255); }
.contact--wrapper-form .contact-form-page .submit-btn { text-align: right; }
.contact--wrapper-form .contact-form-page .submit-btn input[type="submit"] { background: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); color: rgb(1, 1, 42); font-family: CentraNo1, sans-serif; min-width: 170px; }
.contact--wrapper-form .contact-form-page .submit-btn input[type="submit"]:hover { background-color: transparent; }
@media (max-width: 1023px) and (min-width: 767px) {
  .contact--wrapper-form .hubspot-form { margin-bottom: 40px; }
}
.contact--wrapper-form .hubspot-form .icw-hubspot-form-wrapper { background: transparent; padding: 0px; }
.contact--wrapper-form .hubspot-form .icw-hubspot-form-wrapper form fieldset { width: 100%; }
@media (max-width: 1023px) and (min-width: 767px) {
  .contact--wrapper-form .hubspot-form .icw-hubspot-form-wrapper form fieldset { margin: 0px auto; }
}
.contact--wrapper-form .hubspot-form .icw-hubspot-form-wrapper form fieldset input { width: 100% !important; }
.contact--wrapper-form .hubspot-form .icw-hubspot-form-wrapper form .hs-form-field { margin-bottom: 20px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; }
.contact--wrapper-form .hubspot-form .icw-hubspot-form-wrapper form .hs-form-field input, .contact--wrapper-form .hubspot-form .icw-hubspot-form-wrapper form .hs-form-field textarea, .contact--wrapper-form .hubspot-form .icw-hubspot-form-wrapper form .hs-form-field .select2-selection { background: rgb(1, 1, 42); border: 1px solid rgb(104, 75, 254); border-radius: 8px; }
.contact--wrapper-form .hubspot-form .icw-hubspot-form-wrapper form .hs-form-field .input { margin-right: 0px; }
.contact--wrapper-form .hubspot-form .icw-hubspot-form-wrapper form .hs-form-field label { color: rgb(217, 217, 224); margin-bottom: 0.8rem; padding-left: 0px; }
.contact--wrapper-form .hubspot-form .icw-hubspot-form-wrapper form .hs-form-field label.hs-error-msg { color: rgb(255, 87, 34); }
.contact--wrapper-form .hubspot-form .icw-hubspot-form-wrapper form .hs-submit { width: 100%; }
@media (max-width: 1023px) and (min-width: 767px) {
  .contact--wrapper-form .hubspot-form .icw-hubspot-form-wrapper form .hs-submit { margin: 0px auto; }
}
.contact--wrapper-form .hubspot-form .icw-hubspot-form-wrapper form .hs-submit .actions { display: inline-flex; width: auto; }
.contact--wrapper-form .hubspot-form .icw-hubspot-form-wrapper form .hs-submit input[type="submit"] { background: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); color: rgb(1, 1, 42); font-family: CentraNo1, sans-serif; font-weight: 700; min-width: 170px; transition: 0.3s ease-in-out; text-transform: uppercase; }
.contact--wrapper-form .hubspot-form .icw-hubspot-form-wrapper form .hs-submit input[type="submit"]:hover { background-color: rgb(50, 27, 178); border-color: rgb(50, 27, 178); color: rgb(255, 255, 255); }
@media (max-width: 767px) {
  .contact--wrapper-form .hubspot-form .icw-hubspot-form-wrapper form .hs-submit input[type="submit"] { min-width: 100%; }
}
.contact--wrapper-form .hubspot-form .hs-submit input[type="submit"] { background: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); color: rgb(1, 1, 42); font-family: CentraNo1, sans-serif; min-width: 170px; transition: 0.3s ease-in-out; }
.contact--wrapper-form .hubspot-form .hs-submit input[type="submit"]:hover { background-color: rgb(50, 27, 178); border-color: rgb(50, 27, 178); color: rgb(255, 255, 255); }
@media (max-width: 767px) {
  .contact--wrapper-form .hubspot-form .hs-submit input[type="submit"] { min-width: 100%; }
}
@media (max-width: 1023px) {
  .contact--wrapper-form .actions { min-width: 100%; }
}
.contact--wrapper-details { width: 60%; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; -webkit-box-align: center; align-items: center; padding-top: 8rem; }
.contact--wrapper-details:empty { display: none !important; }
@media (max-width: 1023px) {
  .contact--wrapper-details { width: 100%; background-repeat: no-repeat; background-position: center bottom; background-size: 100%; padding: 55% 2rem; }
}
.contact--wrapper-details-wrapper { width: 37.5rem; }
@media (max-width: 1023px) {
  .contact--wrapper-details-wrapper { width: 100%; }
}
.contact--wrapper-details-content { padding: 4rem; background: linear-gradient(0deg, rgba(1, 1, 42, 0.4), rgba(1, 1, 42, 0.4)), linear-gradient(105.87deg, rgba(255, 255, 255, 0.4) 3.04%, rgba(255, 255, 255, 0) 99.23%); background-blend-mode: overlay, normal, normal; box-shadow: rgb(100, 71, 255) -6px 6px 8px -6px inset, rgba(100, 71, 255, 0.7) 8px 8px 8px -8px inset, rgb(255, 255, 255) 2px 2px 9px -2px inset, rgb(100, 71, 255) 0px -6px 2px -4px inset, rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset; backdrop-filter: blur(40px); text-align: start; gap: 2rem; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; border-radius: 40px; }
.contact--wrapper-details-content p { margin: 0px; }
.contact--wrapper-details-content a.directions { color: rgb(193, 182, 255); display: flex; gap: 1rem; -webkit-box-align: center; align-items: center; }
.contact--wrapper-details-content a.support-mail { color: rgb(5, 229, 173); text-decoration: underline; }
.contact--wrapper-details-content a.support-mail:hover { text-decoration: none; }
.contact--wrapper-details-content .seperator { height: 2px; background-color: rgb(160, 160, 184); margin: 2rem 0px; }
.contact--wrapper-details .contact-slider-review-block { width: 100%; padding-left: 180px; }
@media (max-width: 1200px) {
  .contact--wrapper-details .contact-slider-review-block { padding-left: 80px; }
}
@media (max-width: 1024px) {
  .contact--wrapper-details .contact-slider-review-block { padding-left: 0px; }
}
.contact--wrapper-details .contact-slider-review-block .review-block { position: relative; background: radial-gradient(circle at 100% 100%, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 0px 0px / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 100% 0px / 24px 24px no-repeat, radial-gradient(circle at 100% 0px, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 0px 100% / 24px 24px no-repeat, radial-gradient(circle at 0px 0px, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 100% 100% / 24px 24px no-repeat, linear-gradient(rgb(1, 1, 42), rgb(1, 1, 42)) 50% 50% / calc(100% - 4px) calc(100% - 48px) no-repeat, linear-gradient(rgb(1, 1, 42), rgb(1, 1, 42)) 50% 50% / calc(100% - 48px) calc(100% - 4px) no-repeat, repeating-linear-gradient(241deg, rgb(191, 181, 246) 0px, rgba(50, 50, 83, 0.37) 25%, rgb(124, 108, 229) 52%, rgb(65, 61, 116) 85%, rgb(105, 90, 202) 100%); border-radius: 24px; padding: 35px 35px 80px; box-sizing: content-box; text-align: left; backdrop-filter: blur(36px); max-width: 710px; }
@media (max-width: 1023px) {
  .contact--wrapper-details .contact-slider-review-block .review-block { margin: 0px auto; padding: 20px 20px 70px; }
}
.contact--wrapper-details .contact-slider-review-block .review-block::before, .contact--wrapper-details .contact-slider-review-block .review-block::after { content: none; }
.contact--wrapper-details .contact-slider-review-block .review-block::before { content: ""; width: calc(100% - 4px); height: calc(100% - 4px); background: rgba(44, 44, 82, 0.45); position: absolute; top: 2px; left: 2px; border-radius: 24px; z-index: -1; transform: rotate(0deg); }
.contact--wrapper-details .contact-slider-review-block .review-block .slide-review-box { text-align: center; }
.contact--wrapper-details .contact-slider-review-block .review-block .slide-review-box .review-content { font-size: 18px; max-width: 550px; }
.contact--wrapper-details .contact-slider-review-block .review-block .slide-review-box .review-content p { margin-top: 0px; }
.contact--wrapper-details .contact-slider-review-block .review-block .slide-review-box .review-content p:last-child { margin-bottom: 0px; }
.contact--wrapper-details .contact-slider-review-block .review-block .icw-swiper-pagination { bottom: 30px !important; }
@media (max-width: 1023px) {
  .contact--wrapper-details .contact-slider-review-block .review-block .icw-swiper-pagination { bottom: 20px !important; }
}
.contact--wrapper .homepage-about--strip-logos { padding-top: 100px; }
@media (max-width: 1023px) {
  .contact--wrapper .homepage-about--strip-logos { padding-top: 80px; }
}
.contact--wrapper .w-100 { width: 100% !important; }
.contact--wrapper .section-title { color: rgb(255, 255, 255); padding: 0px 15px; }
.contact--wrapper .section-title .sort-info { color: rgb(255, 255, 255); }
.page_flexible_content-container-column .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
@media (max-width: 767px) {
  .page_flexible_content-container-column .codiumate-card { width: 100%; }
}
.icon-info-grid-block { padding: 25px 0px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; -webkit-box-pack: center; justify-content: center; }
@media (min-width: 768px) {
  .icon-info-grid-block { -webkit-box-align: center; align-items: center; }
  .icon-info-grid-block.lg-grid-1 { grid-template-columns: repeat(1, 1fr); }
  .icon-info-grid-block.lg-grid-3 { grid-template-columns: repeat(3, 1fr); }
  .icon-info-grid-block.lg-grid-4 { grid-template-columns: repeat(4, 1fr); }
  .icon-info-grid-block.lg-grid-5 { grid-template-columns: repeat(5, 1fr); }
  .icon-info-grid-block.lg-grid-ratio-4-3 .icon-info-card { aspect-ratio: 4.75 / 3; background: url("https://www.qodo.ai/themes/codium/assets/images/mask-icon-info-card-lg.svg") center center / 100% 100% no-repeat; }
}
@media (max-width: 767px) {
  .icon-info-grid-block { grid-template-columns: repeat(1, 1fr); }
}
.icon-info-grid-block .icon-info-card { min-width: 200px; aspect-ratio: 1 / 1; padding: 30px; backdrop-filter: blur(36px); border-radius: 24px; position: relative; z-index: 1; }
@media (min-width: 768px) {
  .icon-info-grid-block .icon-info-card { background: url("https://www.qodo.ai/themes/codium/assets/images/mask-icon-info-card.svg") center center / 100% 100% no-repeat; }
}
@media (max-width: 767px) {
  .icon-info-grid-block .icon-info-card { display: flex; gap: 20px; padding: 25px 30px; -webkit-box-align: center; align-items: center; aspect-ratio: initial; background: url("https://www.qodo.ai/themes/codium/assets/images/mask-icon-info-card-m.png") center center / 100% 100% no-repeat; }
  .icon-info-grid-block .icon-info-card .icwcount { display: flex; font-weight: 600; }
}
.icon-info-grid-block .icon-info-card .card-icon { transition: 0.3s ease-in-out; margin-bottom: 24px; margin-top: 5px; height: auto; display: block; position: relative; z-index: 1; }
@media (max-width: 767px) {
  .icon-info-grid-block .icon-info-card .card-icon { margin: 0px; }
}
.icon-info-grid-block .icon-info-card .card-icon img { width: 80px; height: auto; vertical-align: bottom; }
@media (max-width: 767px) {
  .icon-info-grid-block .icon-info-card .card-icon img { width: 40px; height: auto; }
}
@media (max-width: 767px) {
  .icon-info-grid-block .icon-info-card .card-icon { margin-bottom: 0px; }
}
.icon-info-grid-block .icon-info-card h3 { font-size: 18px; margin-bottom: 0px; font-weight: 700; color: rgb(255, 255, 255); position: relative; z-index: 1; }
.icon-info-grid-block .icon-info-card:hover .card-icon { transform: scale(1.08); opacity: 0.8; }
.icon-info-grid-block .icon-info-card:hover::before { opacity: 0.5; }
.icon-info-grid-block .icwcount { display: inline-flex; -webkit-box-align: center; align-items: center; gap: 5px; margin-top: 8px; font-size: 18px; }
.icon-info-grid-block .icwcount svg { -webkit-box-flex: 0; flex: 0 0 auto; width: 22px; margin-top: -1px; }
.blog, .archive.category, .search.search-results, .search.search-no-results { background: initial; }
.blog ul.main-menu a, .archive.category ul.main-menu a, .search.search-results ul.main-menu a, .search.search-no-results ul.main-menu a { color: rgb(0, 0, 0); }
.blog .blog-page, .archive.category .blog-page, .search.search-results .blog-page, .search.search-no-results .blog-page { padding: 210px 2rem 100px; background: rgb(255, 255, 255); }
.blog .blog-page .blog-overlay, .archive.category .blog-page .blog-overlay, .search.search-results .blog-page .blog-overlay, .search.search-no-results .blog-page .blog-overlay { background: linear-gradient(182deg, rgb(195, 185, 255) -85%, rgba(200, 191, 255, 0.92) -66%, rgba(255, 255, 255, 0) 78%); position: absolute; inset: 0px; pointer-events: none; height: 45rem; }
.blog .blog-page .container-100, .archive.category .blog-page .container-100, .search.search-results .blog-page .container-100, .search.search-no-results .blog-page .container-100 { z-index: 1; position: relative; }
.blog .blog-page-bg-images-wrapper, .archive.category .blog-page-bg-images-wrapper, .search.search-results .blog-page-bg-images-wrapper, .search.search-no-results .blog-page-bg-images-wrapper { position: relative; margin: auto; max-width: 100%; width: 100%; }
.blog .blog-page-bg-images-wrapper .blog-page-bg-image-left, .archive.category .blog-page-bg-images-wrapper .blog-page-bg-image-left, .search.search-results .blog-page-bg-images-wrapper .blog-page-bg-image-left, .search.search-no-results .blog-page-bg-images-wrapper .blog-page-bg-image-left { position: absolute; z-index: -1; top: 120px; right: auto; left: -50px; }
@media (max-width: 1200px) {
  .blog .blog-page-bg-images-wrapper .blog-page-bg-image-left, .archive.category .blog-page-bg-images-wrapper .blog-page-bg-image-left, .search.search-results .blog-page-bg-images-wrapper .blog-page-bg-image-left, .search.search-no-results .blog-page-bg-images-wrapper .blog-page-bg-image-left { top: 90px; }
}
@media (max-width: 767px) {
  .blog .blog-page-bg-images-wrapper .blog-page-bg-image-left, .archive.category .blog-page-bg-images-wrapper .blog-page-bg-image-left, .search.search-results .blog-page-bg-images-wrapper .blog-page-bg-image-left, .search.search-no-results .blog-page-bg-images-wrapper .blog-page-bg-image-left { max-width: 80px; }
}
.blog .blog-page-bg-images-wrapper .blog-page-bg-image-right, .archive.category .blog-page-bg-images-wrapper .blog-page-bg-image-right, .search.search-results .blog-page-bg-images-wrapper .blog-page-bg-image-right, .search.search-no-results .blog-page-bg-images-wrapper .blog-page-bg-image-right { position: absolute; z-index: -1; top: -40px; left: auto; right: -20px; max-width: 120px; }
@media (max-width: 1200px) {
  .blog .blog-page-bg-images-wrapper .blog-page-bg-image-right, .archive.category .blog-page-bg-images-wrapper .blog-page-bg-image-right, .search.search-results .blog-page-bg-images-wrapper .blog-page-bg-image-right, .search.search-no-results .blog-page-bg-images-wrapper .blog-page-bg-image-right { top: 0px; max-width: 90px; }
}
@media (max-width: 1023px) {
  .blog .blog-page, .archive.category .blog-page, .search.search-results .blog-page, .search.search-no-results .blog-page { padding: 15rem 2rem 50px; }
}
.blog .blog-page--header, .archive.category .blog-page--header, .search.search-results .blog-page--header, .search.search-no-results .blog-page--header { text-align: center; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.blog .blog-page--header .blog-title, .archive.category .blog-page--header .blog-title, .search.search-results .blog-page--header .blog-title, .search.search-no-results .blog-page--header .blog-title { background: linear-gradient(90deg, rgb(104, 75, 254) 8.97%, rgb(225, 120, 231) 75.42%, rgb(5, 229, 173) 100.1%) text; -webkit-text-fill-color: transparent; font-weight: 700; font-size: 64px; line-height: 72px; margin: 0px auto; }
@media (max-width: 1023px) {
  .blog .blog-page--header .blog-title, .archive.category .blog-page--header .blog-title, .search.search-results .blog-page--header .blog-title, .search.search-no-results .blog-page--header .blog-title { font-size: 10vw; }
}
.blog .blog-page--header .blog-subtitle, .archive.category .blog-page--header .blog-subtitle, .search.search-results .blog-page--header .blog-subtitle, .search.search-no-results .blog-page--header .blog-subtitle { color: rgb(0, 0, 0); margin-bottom: 3em; font-size: 22px; line-height: 125%; }
.blog .blog-page--content .posts-archive, .archive.category .blog-page--content .posts-archive, .search.search-results .blog-page--content .posts-archive, .search.search-no-results .blog-page--content .posts-archive { position: relative; }
.blog .blog-page--content .posts-archive-categories, .archive.category .blog-page--content .posts-archive-categories, .search.search-results .blog-page--content .posts-archive-categories, .search.search-no-results .blog-page--content .posts-archive-categories { margin: 0px auto; position: relative; }
@media (min-width: 992px) {
  .blog .blog-page--content .posts-archive-categories, .archive.category .blog-page--content .posts-archive-categories, .search.search-results .blog-page--content .posts-archive-categories, .search.search-no-results .blog-page--content .posts-archive-categories { padding: 10px 50px 10px 10px; overflow: hidden; border: 1px solid rgb(243, 241, 252); border-radius: 45px; background: rgb(255, 255, 255); }
}
@media (max-width: 991px) {
  .blog .blog-page--content .posts-archive-categories, .archive.category .blog-page--content .posts-archive-categories, .search.search-results .blog-page--content .posts-archive-categories, .search.search-no-results .blog-page--content .posts-archive-categories { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; }
}
.blog .blog-page--content .posts-archive-categories ul.nav-filter, .archive.category .blog-page--content .posts-archive-categories ul.nav-filter, .search.search-results .blog-page--content .posts-archive-categories ul.nav-filter, .search.search-no-results .blog-page--content .posts-archive-categories ul.nav-filter { display: flex; flex-wrap: wrap; gap: 10px; margin: 0px; padding: 0px; }
.blog .blog-page--content .posts-archive-categories ul.nav-filter li a, .archive.category .blog-page--content .posts-archive-categories ul.nav-filter li a, .search.search-results .blog-page--content .posts-archive-categories ul.nav-filter li a, .search.search-no-results .blog-page--content .posts-archive-categories ul.nav-filter li a { background: rgb(255, 255, 255); border: 1px solid rgb(155, 138, 252); border-radius: 22px; color: rgb(155, 138, 252); padding: 0px 20px; text-transform: uppercase; font-weight: 700; font-size: 1.4rem; display: block; transition: 0.2s ease-in-out; height: 40px; line-height: 40px; white-space: nowrap; }
.blog .blog-page--content .posts-archive-categories ul.nav-filter li a:hover, .blog .blog-page--content .posts-archive-categories ul.nav-filter li a:focus, .archive.category .blog-page--content .posts-archive-categories ul.nav-filter li a:hover, .archive.category .blog-page--content .posts-archive-categories ul.nav-filter li a:focus, .search.search-results .blog-page--content .posts-archive-categories ul.nav-filter li a:hover, .search.search-results .blog-page--content .posts-archive-categories ul.nav-filter li a:focus, .search.search-no-results .blog-page--content .posts-archive-categories ul.nav-filter li a:hover, .search.search-no-results .blog-page--content .posts-archive-categories ul.nav-filter li a:focus { background-color: rgb(245, 242, 253); }
.blog .blog-page--content .posts-archive-categories ul.nav-filter li a.active, .archive.category .blog-page--content .posts-archive-categories ul.nav-filter li a.active, .search.search-results .blog-page--content .posts-archive-categories ul.nav-filter li a.active, .search.search-no-results .blog-page--content .posts-archive-categories ul.nav-filter li a.active { background: rgb(104, 75, 254); color: rgb(255, 255, 255); }
.blog .blog-page--content .posts-archive-categories ul.nav-filter li.active > a, .archive.category .blog-page--content .posts-archive-categories ul.nav-filter li.active > a, .search.search-results .blog-page--content .posts-archive-categories ul.nav-filter li.active > a, .search.search-no-results .blog-page--content .posts-archive-categories ul.nav-filter li.active > a { background: rgb(104, 75, 254); color: rgb(255, 255, 255); }
@media (max-width: 991px) {
  .blog .blog-page--content .posts-archive-categories ul.nav-filter, .archive.category .blog-page--content .posts-archive-categories ul.nav-filter, .search.search-results .blog-page--content .posts-archive-categories ul.nav-filter, .search.search-no-results .blog-page--content .posts-archive-categories ul.nav-filter { flex-wrap: nowrap; -webkit-box-align: start; align-items: flex-start; scroll-behavior: smooth; overflow: auto hidden; margin-left: -2rem; margin-right: -2rem; padding-bottom: 10px; }
  .blog .blog-page--content .posts-archive-categories ul.nav-filter li:first-child, .archive.category .blog-page--content .posts-archive-categories ul.nav-filter li:first-child, .search.search-results .blog-page--content .posts-archive-categories ul.nav-filter li:first-child, .search.search-no-results .blog-page--content .posts-archive-categories ul.nav-filter li:first-child { padding-left: 2rem; }
  .blog .blog-page--content .posts-archive-categories ul.nav-filter li:last-child, .archive.category .blog-page--content .posts-archive-categories ul.nav-filter li:last-child, .search.search-results .blog-page--content .posts-archive-categories ul.nav-filter li:last-child, .search.search-no-results .blog-page--content .posts-archive-categories ul.nav-filter li:last-child { padding-right: 2rem; }
}
@media (min-width: 992px) {
  .blog .blog-page--content .posts-archive-categories .ajax-post-search, .archive.category .blog-page--content .posts-archive-categories .ajax-post-search, .search.search-results .blog-page--content .posts-archive-categories .ajax-post-search, .search.search-no-results .blog-page--content .posts-archive-categories .ajax-post-search { position: absolute; right: 12px; top: 10px; }
}
@media (max-width: 991px) {
  .blog .blog-page--content .posts-archive-categories .ajax-post-search, .archive.category .blog-page--content .posts-archive-categories .ajax-post-search, .search.search-results .blog-page--content .posts-archive-categories .ajax-post-search, .search.search-no-results .blog-page--content .posts-archive-categories .ajax-post-search { border: 1px solid rgb(243, 241, 252); border-radius: 45px; padding: 5px; margin-bottom: 15px; background-color: rgb(255, 255, 255); }
  .blog .blog-page--content .posts-archive-categories .ajax-post-search .post-search, .archive.category .blog-page--content .posts-archive-categories .ajax-post-search .post-search, .search.search-results .blog-page--content .posts-archive-categories .ajax-post-search .post-search, .search.search-no-results .blog-page--content .posts-archive-categories .ajax-post-search .post-search { font-size: 15px; width: 100%; border: 0px !important; }
  .blog .blog-page--content .posts-archive-categories .ajax-post-search .post-search input[type="search"], .archive.category .blog-page--content .posts-archive-categories .ajax-post-search .post-search input[type="search"], .search.search-results .blog-page--content .posts-archive-categories .ajax-post-search .post-search input[type="search"], .search.search-no-results .blog-page--content .posts-archive-categories .ajax-post-search .post-search input[type="search"] { padding: 15px 50px 15px 15px; width: 100%; font-size: 16px; cursor: initial; }
  .blog .blog-page--content .posts-archive-categories .ajax-post-search .post-search .q-search, .archive.category .blog-page--content .posts-archive-categories .ajax-post-search .post-search .q-search, .search.search-results .blog-page--content .posts-archive-categories .ajax-post-search .post-search .q-search, .search.search-no-results .blog-page--content .posts-archive-categories .ajax-post-search .post-search .q-search { z-index: 2; }
}
.blog .blog-page--content .posts-archive-categories ::-webkit-input-placeholder, .archive.category .blog-page--content .posts-archive-categories ::-webkit-input-placeholder, .search.search-results .blog-page--content .posts-archive-categories ::-webkit-input-placeholder, .search.search-no-results .blog-page--content .posts-archive-categories ::-webkit-input-placeholder { color: rgb(160, 160, 184); opacity: 1; }
.blog .blog-page--content .posts-archive-categories ::placeholder, .archive.category .blog-page--content .posts-archive-categories ::placeholder, .search.search-results .blog-page--content .posts-archive-categories ::placeholder, .search.search-no-results .blog-page--content .posts-archive-categories ::placeholder { color: rgb(160, 160, 184); opacity: 1; }
.blog .blog-page--content .posts-archive .seperator, .archive.category .blog-page--content .posts-archive .seperator, .search.search-results .blog-page--content .posts-archive .seperator, .search.search-no-results .blog-page--content .posts-archive .seperator { height: 50px; }
.blog .blog-page--content .posts-archive-list, .archive.category .blog-page--content .posts-archive-list, .search.search-results .blog-page--content .posts-archive-list, .search.search-no-results .blog-page--content .posts-archive-list { min-height: 43vh; }
@media only screen and (min-width: 1260px) {
  .blog .blog-page--content .posts-archive-list, .archive.category .blog-page--content .posts-archive-list, .search.search-results .blog-page--content .posts-archive-list, .search.search-no-results .blog-page--content .posts-archive-list { padding: 0px 6rem; }
}
@media only screen and (min-width: 1441px) and (max-width: 1700px) {
  .blog .blog-page--content .posts-archive-list, .archive.category .blog-page--content .posts-archive-list, .search.search-results .blog-page--content .posts-archive-list, .search.search-no-results .blog-page--content .posts-archive-list { width: 100%; }
}
@media only screen and (min-width: 1701px) {
  .blog .blog-page--content .posts-archive-list, .archive.category .blog-page--content .posts-archive-list, .search.search-results .blog-page--content .posts-archive-list, .search.search-no-results .blog-page--content .posts-archive-list { width: 165rem; margin: 0px auto; }
}
.blog .blog-page--content .posts-archive-list ul, .archive.category .blog-page--content .posts-archive-list ul, .search.search-results .blog-page--content .posts-archive-list ul, .search.search-no-results .blog-page--content .posts-archive-list ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 72px 25px; padding: 0px; margin: 0px; }
@media (max-width: 600px) {
  .blog .blog-page--content .posts-archive-list ul, .archive.category .blog-page--content .posts-archive-list ul, .search.search-results .blog-page--content .posts-archive-list ul, .search.search-no-results .blog-page--content .posts-archive-list ul { grid-template-columns: repeat(1, 1fr); gap: 5rem; }
}
.container-async { position: relative; z-index: 9; }
.icw-loading { text-align: center; display: inline-block; width: 16px; height: 16px; }
.icw-loading::after { content: ""; display: block; width: 16px; height: 16px; border-radius: 50%; background-color: rgb(255, 255, 255); border-width: 3px; border-style: solid; border-image: initial; border-color: rgb(155, 138, 252) transparent rgb(74, 44, 245); animation: 1.2s linear 0s infinite normal none running lds-dual-ring; }
.icw-loading.loading-x2 { width: 60px; height: 60px; }
.icw-loading.loading-x2::after { width: 60px; height: 60px; border-width: 6px; }
.post-search { border: 1px solid transparent; width: 40px; height: 40px; font-size: 0px; position: relative; cursor: pointer; background-color: rgb(242, 240, 255); overflow: hidden; display: flex; transition: 0.3s ease-in-out; border-radius: 50px; }
.post-search input[type="search"] { width: 40px; height: 40px; font-size: 0px; cursor: pointer; border: 0px; color: rgb(0, 0, 0); }
.post-search input[type="search"]::-webkit-search-decoration, .post-search input[type="search"]::-webkit-search-cancel-button, .post-search input[type="search"]::-webkit-search-results-button, .post-search input[type="search"]::-webkit-search-results-decoration { display: none; }
@media (max-width: 1023px) {
  .post-search input[type="search"] { width: 100%; }
}
.post-search input[type="search"]:focus-visible { outline: none; }
.post-search .q-loader { position: absolute; right: 0px; top: 0px; width: 40px; height: 40px; display: none; z-index: -1; }
.post-search .q-loader .icw-loading { margin-top: 8px; margin-left: 11px; }
.post-search .q-loader .icw-loading::after { background-color: rgb(242, 240, 255); }
.post-search .q-loader.show { z-index: 3; display: block; }
.post-search .q-search { position: absolute; right: 0px; top: 0px; width: 38px; height: 38px; background-color: rgb(242, 240, 255); border: 1px solid rgb(242, 240, 255); cursor: pointer; border-radius: 50px; outline: none; transition: 0.3s ease-in-out; }
.post-search .q-search:hover, .post-search .q-search:focus { outline: none; border-radius: 50px; background-color: rgb(245, 242, 253); border-color: rgb(242, 240, 255); }
.post-search .q-search:focus-visible { border-color: rgb(0, 0, 0); }
.post-search .q-search .q-icon-close { display: none; }
.post-search.active { border: 1px solid rgb(155, 138, 252); width: 250px; font-size: 15px; }
@media (max-width: 1023px) {
  .post-search.active { width: 100%; }
}
.post-search.active input[type="search"] { padding: 15px 50px 15px 15px; width: 100%; font-size: 16px; cursor: initial; }
.post-search.active .q-search { z-index: 2; }
.post-search.active .q-search .q-icon-search { display: none; }
.post-search.active .q-search .q-icon-close { display: block; }
.infscr-pager { -webkit-box-pack: center; justify-content: center; margin: 8rem 0px; display: flex !important; }
.infscr-pager .btn .icw-loading { margin-right: 15px; }
.infscr-pager .btn .icw-loading::after { background-color: transparent !important; }
.infscr-pager a[disabled] { opacity: 0.4; pointer-events: none; }
.icw-pagenavi { list-style: none; margin: 8rem 0px; padding: 0px; text-align: center; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; display: flex !important; gap: 10px !important; }
.icw-pagenavi a, .icw-pagenavi span { display: inline-block; padding: 0px 0.75rem 0.5rem; text-decoration: none; color: rgb(0, 0, 0); font-weight: 600; }
.icw-pagenavi a:hover, .icw-pagenavi a:focus, .icw-pagenavi span:hover, .icw-pagenavi span:focus { color: rgb(121, 98, 254); }
.icw-pagenavi .current { border-bottom: 3px solid rgb(121, 98, 254); color: rgb(121, 98, 254) !important; }
.post-newsletter-subscribe { margin: 50px auto 20px; background: url("https://www.qodo.ai/themes/codium/assets/images/post-newsletter-bg.jpg") right center / cover no-repeat; color: rgb(255, 255, 255); padding: 35px; text-align: left; }
@media (max-width: 767px) {
  .post-newsletter-subscribe { padding: 25px; background: url("https://www.qodo.ai/themes/codium/assets/images/post-newsletter-bg-m.jpg") right bottom / cover no-repeat; }
}
@media (max-width: 575px) {
  .post-newsletter-subscribe { padding-bottom: 80px; }
}
.post-newsletter-subscribe .sub-title { font-weight: 700; font-size: 32px; color: rgb(255, 255, 255); }
@media (max-width: 767px) {
  .post-newsletter-subscribe .sub-title { max-width: 280px; }
}
.post-newsletter-subscribe .h2-title { font-weight: 400; font-size: 42px; margin-bottom: 20px; color: rgb(255, 255, 255); padding: 0px; }
.post-newsletter-subscribe .logo-block { margin-bottom: 40px; }
.post-newsletter-subscribe .logo-block img { max-height: 20px; }
.pagination.-blog-pagination { grid-area: 4 / 1 / 5 / 4; width: 100%; }
.pagination.-blog-pagination:empty { display: none; }
.pagination.-blog-pagination .icw-pagenavi, .pagination.-blog-pagination .page-numbers { width: 100%; max-width: unset; align-self: center; -webkit-box-pack: center; justify-content: center; display: flex !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; gap: 6px !important; }
.pagination.-blog-pagination .icw-pagenavi li .page-numbers, .pagination.-blog-pagination .page-numbers li .page-numbers { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 40px; height: 40px; padding: 0px; color: rgba(1, 1, 42, 0.6); font-size: 16px; font-weight: 400; border: 1px solid rgb(238, 238, 242); border-radius: 50%; transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out; }
.pagination.-blog-pagination .icw-pagenavi li .page-numbers.current, .pagination.-blog-pagination .page-numbers li .page-numbers.current { border-color: rgb(104, 75, 254); color: rgb(1, 1, 42) !important; }
.pagination.-blog-pagination .icw-pagenavi li .page-numbers.next, .pagination.-blog-pagination .icw-pagenavi li .page-numbers.prev, .pagination.-blog-pagination .page-numbers li .page-numbers.next, .pagination.-blog-pagination .page-numbers li .page-numbers.prev { position: relative; font-size: 0px; background-color: rgb(233, 231, 255); transition: background-color 0.25s ease-in-out; border: unset !important; }
.pagination.-blog-pagination .icw-pagenavi li .page-numbers.next::before, .pagination.-blog-pagination .icw-pagenavi li .page-numbers.prev::before, .pagination.-blog-pagination .page-numbers li .page-numbers.next::before, .pagination.-blog-pagination .page-numbers li .page-numbers.prev::before { content: ""; position: absolute; left: 50%; top: 50%; width: 24px; height: 24px; background: url("https://www.qodo.ai/themes/codium/assets/images/icon-chevron-right.svg") 50% center / contain no-repeat; transform: translateX(-50%) translateY(-50%); }
.pagination.-blog-pagination .icw-pagenavi li .page-numbers.next:hover, .pagination.-blog-pagination .icw-pagenavi li .page-numbers.prev:hover, .pagination.-blog-pagination .page-numbers li .page-numbers.next:hover, .pagination.-blog-pagination .page-numbers li .page-numbers.prev:hover { background-color: rgb(238, 238, 242); }
.pagination.-blog-pagination .icw-pagenavi li .page-numbers.prev, .pagination.-blog-pagination .page-numbers li .page-numbers.prev { margin-right: 26px; }
.pagination.-blog-pagination .icw-pagenavi li .page-numbers.prev::before, .pagination.-blog-pagination .page-numbers li .page-numbers.prev::before { transform: translateX(-50%) translateY(-50%) rotate(-180deg); }
.pagination.-blog-pagination .icw-pagenavi li .page-numbers.next, .pagination.-blog-pagination .page-numbers li .page-numbers.next { margin-left: 26px; }
.pagination.-blog-pagination .icw-pagenavi li a:hover, .pagination.-blog-pagination .page-numbers li a:hover { border-color: rgb(104, 75, 254); }
@media (max-width: 600px) {
  .blog .blog-page--content .posts-archive-list ul { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
}
@-webkit-keyframes lds-dual-ring { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes lds-dual-ring { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@media (min-width: 1024px) {
  .wpdreams_asl_results { margin-left: -25rem !important; width: 500px !important; }
}
body.post-type-archive-case-study .blog-page--content .posts-archive-list ul li:first-child { grid-column: 1 / -1; }
body.post-type-archive-case-study .blog-page--content .posts-archive-list ul li:first-child .article-card--wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px; -webkit-box-align: center; align-items: center; }
@media (max-width: 767px) {
  body.post-type-archive-case-study .blog-page--content .posts-archive-list ul li:first-child .article-card--wrapper { gap: 30px; }
}
@media (max-width: 600px) {
  body.post-type-archive-case-study .blog-page--content .posts-archive-list ul li:first-child .article-card--wrapper { grid-template-columns: repeat(1, 1fr); }
}
body.post-type-archive-case-study .blog-page--content .posts-archive-list ul li:first-child .article-card--wrapper .image-wrapper img { border-radius: 24px; }
body.post-type-archive-case-study .blog-page--content .posts-archive-list ul li:first-child .article-card--wrapper .image-wrapper .thumb-overlay { border-radius: 24px; }
body.post-type-archive-case-study .blog-page--content .posts-archive-list ul li:first-child .article-card--wrapper .content-wrapper { -webkit-box-pack: center; justify-content: center; max-width: 600px; }
body.post-type-archive-case-study .blog-page--content .posts-archive-list ul li:first-child .article-card--wrapper .content-wrapper h3 { font-size: 26px; }
@media (max-width: 767px) {
  body.post-type-archive-case-study .blog-page--content .posts-archive-list ul li:first-child .article-card--wrapper .content-wrapper h3 { font-size: 24px; }
}
.gallery-img-section { padding-top: 18rem; background-image: url("https://www.qodo.ai/themes/codium/assets/images/gallery-bg.png"); background-repeat: no-repeat; background-position: center 40%; position: relative; padding-bottom: 0px; overflow: hidden; }
@media (max-width: 991px) {
  .gallery-img-section { padding-top: 15rem; background-size: contain; background-position: 30px 55%; }
}
@media (max-width: 575px) {
  .gallery-img-section { background-image: url("https://www.qodo.ai/themes/codium/assets/images/gallery-bg-m.png"); background-position: center center; background-size: contain; }
}
.gallery-img-section.with-img::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: -1px; height: 25%; z-index: -1; background-color: rgb(1, 1, 42); }
.gallery-img-section .gallery-image-block { padding-top: 130px; }
@media (max-width: 767px) {
  .gallery-img-section .gallery-image-block { padding-top: 50px; }
}
@media (max-width: 575px) {
  .gallery-img-section .gallery-image-block { padding-top: 0px; min-height: 270px; position: relative; }
  .gallery-img-section .gallery-image-block img { animation: 12s linear 0s infinite normal none running img_marquee; left: -100px; width: 150%; position: absolute; max-width: inherit; height: 270px; object-fit: contain; }
  @-webkit-keyframes img_marquee { 
  0% { left: 0px; }
  50% { left: -200px; }
  100% { left: 0px; }
}
  @keyframes img_marquee { 
  0% { left: 0px; }
  50% { left: -200px; }
  100% { left: 0px; }
}
}
.image-content-section { background-color: rgb(1, 1, 42); background-image: url("https://www.qodo.ai/themes/codium/assets/images/gradient-circle.svg"); background-repeat: no-repeat; }
@media (max-width: 767px) {
  .image-content-section { background-position: left center; margin-top: -2px; }
}
.image-content-section .card-img-block { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; -webkit-box-align: center; align-items: center; }
@media (max-width: 767px) {
  .image-content-section .card-img-block { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; display: flex; gap: 0px; }
}
.image-content-section .sort-info * { color: rgb(255, 255, 255) !important; }
.image-content-section .section-title { margin-bottom: 0px; }
.image-content-section .section-title h2 { color: rgb(255, 255, 255); }
@media (max-width: 991px) {
  .opportunities-section br { display: none; }
}
.opportunities-section .section-title { margin-bottom: 50px; }
@media (max-width: 991px) {
  .opportunities-section .section-title { margin-bottom: 25px; }
}
.job-item { margin-bottom: 15px; }
.job-item:last-child { margin-bottom: 0px; }
.job-item a { color: rgb(1, 1, 42); display: flex; -webkit-box-align: center; align-items: center; flex-wrap: wrap; font-size: 18px; background: rgb(255, 255, 255); border: 1px solid rgb(228, 226, 240); border-radius: 12px; padding: 24px 25px; transition: 0.2s ease-in-out; }
@media (max-width: 991px) {
  .job-item a { font-size: 16px; }
}
.job-item a:hover, .job-item a:focus { border-color: rgb(104, 75, 254); }
.job-item a:hover h3, .job-item a:focus h3 { color: rgb(104, 75, 254); }
.job-item a:hover .arrow-right svg, .job-item a:focus .arrow-right svg { margin-right: -5px; }
.job-item a:hover .arrow-right svg path, .job-item a:focus .arrow-right svg path { stroke: rgb(104, 75, 254); }
.job-item h3 { font-weight: 700; font-size: 20px; line-height: 1.5; color: rgb(1, 1, 42); width: 50%; transition: 0.2s ease-in-out; }
@media (max-width: 991px) {
  .job-item h3 { font-size: 18px; }
}
@media (max-width: 767px) {
  .job-item h3 { width: 100%; margin-bottom: 10px; }
}
.job-item .role { color: rgb(1, 1, 42); opacity: 0.6; }
.job-item .location { color: rgb(104, 75, 254); display: inline-flex; -webkit-box-align: center; align-items: center; }
.job-item .location .icons { margin-right: 5px; }
.job-item .role-block { display: flex; flex-wrap: wrap; width: 40%; }
@media (max-width: 767px) {
  .job-item .role-block { width: 80%; }
}
@media (max-width: 575px) {
  .job-item .role-block { width: 100%; margin-bottom: 10px; }
}
@media (min-width: 576px) {
  .job-item .role-block span { -webkit-box-flex: 1; flex: 1 1 0%; }
}
@media (max-width: 575px) {
  .job-item .role-block span { margin-right: 15px; }
  .job-item .role-block span:last-child { margin-right: 0px; }
}
.job-item .arrow-right { margin-left: auto; display: flex; }
.job-item .arrow-right svg { width: 27px; height: 27px; transition: 0.2s ease-in-out; }
.job-item .arrow-right svg * { transition: 0.2s ease-in-out; }
@media (max-width: 575px) {
  .job-item .arrow-right { margin-left: 0px; }
}
.row-careers { display: grid; gap: 80px; grid-template-columns: 1fr 450px; }
@media (max-width: 1200px) {
  .row-careers { gap: 50px; grid-template-columns: 1fr 350px; }
}
@media (max-width: 992px) {
  .row-careers { gap: 20px; grid-template-columns: 1fr; }
}
.careers-details-section { padding-top: 18rem; padding-bottom: 20px; overflow: hidden; }
@media (max-width: 991px) {
  .careers-details-section { padding-top: 15rem; }
}
.careers-details-section .back-action { margin-bottom: 50px; }
@media (max-width: 991px) {
  .careers-details-section .back-action { margin-bottom: 10px; }
}
.careers-details-section .section-title { margin-bottom: 50px; }
@media (max-width: 991px) {
  .careers-details-section .section-title { margin-bottom: 30px; }
}
.careers-details-section .section-title h1 { font-size: 56px; }
@media (max-width: 1023px) {
  .careers-details-section .section-title h1 { font-size: 8vw; }
}
.careers-details-section .role-block { display: flex; flex-wrap: wrap; }
.careers-details-section .role-block span { margin-right: 25px; }
.careers-details-section .role-block span:last-child { margin-right: 0px; }
.careers-details-section .role-block .role { color: rgb(1, 1, 42); opacity: 0.6; }
.careers-details-section .role-block .location { color: rgb(104, 75, 254); display: inline-flex; -webkit-box-align: center; align-items: center; }
.careers-details-section .role-block .location .icons { margin-right: 5px; }
.careers-details-section .content-block a:not(.btn) { color: rgb(121, 98, 254); text-underline-offset: 5px; text-decoration: underline; }
.careers-details-section .content-block a:not(.btn):hover, .careers-details-section .content-block a:not(.btn):focus { color: rgb(5, 229, 173); text-decoration: underline; }
.careers-details-section .content-block blockquote { margin: 0px; padding: 0px; font-size: 22px; }
@media (max-width: 991px) {
  .careers-details-section .content-block blockquote { font-size: 1.8rem; }
}
.careers-details-section .content-block > h2:first-child, .careers-details-section .content-block > h3:first-child, .careers-details-section .content-block > h4:first-child { padding-top: 0px; }
.careers-details-section .content-block h2 { font-size: 28px; margin-bottom: 25px; padding-top: 50px; }
@media (max-width: 991px) {
  .careers-details-section .content-block h2 { font-size: 26px; margin-bottom: 15px; padding-top: 30px; }
}
.careers-details-section .content-block h3 { font-size: 24px; margin-bottom: 25px; padding-top: 50px; }
@media (max-width: 991px) {
  .careers-details-section .content-block h3 { font-size: 22px; margin-bottom: 15px; padding-top: 30px; }
}
.careers-details-section .content-block h4 { font-size: 20px; margin-bottom: 25px; padding-top: 50px; }
@media (max-width: 991px) {
  .careers-details-section .content-block h4 { font-size: 18px; margin-bottom: 15px; padding-top: 30px; }
}
.careers-details-section .content-block ol { line-height: normal; padding: 0px 0px 0px 18px; margin: 0px 0px 30px; list-style-type: decimal; }
@media (max-width: 991px) {
  .careers-details-section .content-block ol { font-size: 1.6rem; }
}
.careers-details-section .content-block ol li { margin-bottom: 20px; padding-left: 12px; position: relative; }
.careers-details-section .content-block ol li::marker { color: rgb(121, 98, 254); font-weight: 700; }
@media (max-width: 991px) {
  .careers-details-section .content-block ol li { margin-bottom: 12px; }
}
.careers-details-section .content-block ol li:last-child { margin-bottom: 0px; }
.careers-details-section .content-block ul { line-height: normal; padding: 0px; margin: 0px 0px 30px; }
@media (max-width: 991px) {
  .careers-details-section .content-block ul { font-size: 1.6rem; }
}
.careers-details-section .content-block ul * { color: rgb(103, 103, 126) !important; }
.careers-details-section .content-block ul li { margin-bottom: 20px; padding-left: 30px; position: relative; transition: 0.2s ease-in-out; }
@media (max-width: 991px) {
  .careers-details-section .content-block ul li { margin-bottom: 12px; }
}
.careers-details-section .content-block ul li::before { content: ""; position: absolute; left: 0px; top: 2px; width: 20px; height: 20px; background: url("https://www.qodo.ai/themes/codium/assets/icons/check-icon.svg") center center / contain no-repeat; transition: 0.2s ease-in-out; }
.careers-details-section .content-block ul li:last-child { margin-bottom: 0px; }
.apply-from-block { background: rgb(43, 36, 116); padding: 36px; border-radius: 20px; color: rgb(255, 255, 255); }
@media (max-width: 992px) {
  .apply-from-block { padding: 20px; border-radius: 12px; }
}
.apply-from-block h2 { color: rgb(255, 255, 255); padding-top: 0px; font-size: 30px; margin-bottom: 25px; }
@media (max-width: 992px) {
  .apply-from-block h2 { font-size: 25px; }
}
.apply-from-block label { color: rgb(255, 255, 255); }
.linkedin-cta { background-color: rgb(56, 118, 206); padding: 15px 0px; border-radius: 12px; margin-bottom: 20px; font-size: 18px; font-weight: 700; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: 0.2s; }
.linkedin-cta svg { margin-right: 15px; }
.linkedin-cta:hover, .linkedin-cta:focus { background-color: rgba(56, 119, 206, 0.79); }
#shareWrapperInModal { padding: 15px; }
.glossary-section { padding-top: 18rem; overflow: hidden; }
@media (max-width: 991px) {
  .glossary-section { padding-top: 15rem; }
}
@media (max-width: 1200px) {
  .glossary-section .sort-info br { display: none; }
}
.glossary-section.bg-circle-img::after { transform: rotate(35deg); right: -4%; }
.glossary-section.bg-circle-img::before { transform: rotate(-15deg); top: 12%; }
body.single-glossary .glossary-section .section-title { text-align: center; border-bottom: 1px solid rgb(233, 230, 250); padding-bottom: 40px; margin-bottom: 80px; }
@media (max-width: 991px) {
  body.single-glossary .glossary-section .section-title { padding-bottom: 20px; margin-bottom: 40px; }
}
body.single-glossary .glossary-section .section-title .back-action { margin-bottom: 50px; }
@media (max-width: 991px) {
  body.single-glossary .glossary-section .section-title .back-action { margin-bottom: 10px; }
}
.clear { clear: both; }
.alphabet-block { background: rgb(255, 255, 255); border: 1px solid rgb(243, 241, 252); border-radius: 45px; line-height: 2; padding: 15px 0px 0px; overflow: hidden; margin: 50px 0px 15px; }
.alphabet { display: flex; font-size: 20px; color: rgb(65, 68, 65); padding: 0px 10px 15px; margin: 0px; list-style: none; text-align: center; -webkit-box-align: start; align-items: flex-start; text-transform: uppercase; justify-content: space-evenly; scroll-behavior: smooth; overflow: auto hidden; scrollbar-width: thin; }
.alphabet::-webkit-scrollbar { width: 2px; height: 2px; }
.alphabet::-webkit-scrollbar-track { background: rgb(242, 242, 242); }
.alphabet::-webkit-scrollbar-thumb { background: rgb(222, 222, 222); border-radius: 10px; }
.alphabet::-webkit-scrollbar-thumb:hover { background: rgb(222, 222, 222); }
@media (max-width: 1440px) {
  .alphabet { -webkit-box-pack: start; justify-content: flex-start; }
}
.alphabet li { padding: 0px 6px; cursor: default; flex-shrink: 0; position: relative; }
.alphabet li.current span { font-weight: 700; color: rgb(255, 255, 255); background: rgb(104, 75, 254); }
.alphabet li:not(.active) span { cursor: default; color: rgb(204, 205, 210); pointer-events: none; background-color: rgb(249, 248, 255); }
.alphabet li span { font-size: 16px; font-weight: 400; cursor: pointer; display: flex; text-align: center; border-radius: 100px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: rgb(104, 75, 254); transition: background 0.2s, color 0.1s; background: rgb(243, 241, 255); width: 32px; height: 32px; }
.alphabet li span:hover, .alphabet li span:focus { color: rgb(255, 255, 255); background: rgb(104, 75, 254); }
.glossary-row { columns: 320px 3; column-gap: 40px; }
.glossary-row .glossary-col .glossary-item { break-inside: avoid; padding: 10px 0px 30px; position: relative; display: grid; column-gap: 0px; grid-template-columns: 55px auto; }
.glossary-row .glossary-col span { background: rgb(243, 241, 255); border-radius: 100px; font-weight: 400; text-transform: uppercase; font-size: 16px; width: 40px; height: 40px; color: rgb(104, 75, 254); display: flex; text-align: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: 0.2s; }
.glossary-row .glossary-col ul { margin: 0px; padding: 0px 10px 0px 0px; list-style: none; max-height: 300px; overflow: auto; scrollbar-width: thin; }
.glossary-row .glossary-col ul::-webkit-scrollbar { width: 6px; height: 6px; }
.glossary-row .glossary-col ul::-webkit-scrollbar-track { background: rgb(243, 241, 254); }
.glossary-row .glossary-col ul::-webkit-scrollbar-thumb { background: rgb(104, 75, 254); border-radius: 10px; }
.glossary-row .glossary-col ul::-webkit-scrollbar-thumb:hover { background: rgb(104, 75, 254); }
.glossary-row .glossary-col ul li { padding-top: 10px; line-height: normal; }
.glossary-row .glossary-col ul li:first-child { padding-top: 5px !important; }
.glossary-row .glossary-col ul li a { color: rgb(1, 1, 42); line-height: 1.2; font-size: 18px; display: inline-block; padding-bottom: 5px; }
.glossary-row .glossary-col ul li a:hover, .glossary-row .glossary-col ul li a:focus { color: rgb(104, 75, 254); text-decoration: underline; }
.glossary-row .glossary-col .glossary-item:hover > span { background-color: rgb(104, 75, 254); color: rgb(255, 255, 255); font-weight: 700; }
.result-status { display: flex; -webkit-box-align: center; align-items: center; min-height: 40px; margin-bottom: 40px; }
.result-status .btn { margin-left: auto; width: 130px; color: rgb(255, 255, 255); text-transform: uppercase; background-color: rgb(104, 75, 254); cursor: pointer; display: inline-block; padding: 10px 15px; line-height: 1; text-align: center; font-size: 13px; border-radius: 50px; transition: 0.3s ease-in-out; border: 1px solid rgb(104, 75, 254); }
.result-status .btn:hover, .result-status .btn:focus { background: rgb(255, 255, 255); color: rgb(104, 75, 254); border: 1px solid rgb(104, 75, 254); }
.result-status:not(.show) > span { display: none; }
.result-status .showing { display: inline-block; padding-left: 15px; font-size: 14px; }
.result-status #showing { font-weight: 700; display: inline-block; padding-left: 5px; text-transform: uppercase; }
#glossary-results .glossary-col { display: none; }
#glossary-results .glossary-col.show { display: block; }
.breadcrumb-glossary { padding: 0px 0px 20px; }
.related-glossary { margin: 50px auto; }
.related-glossary h2 { font-size: 24px; color: rgb(61, 70, 80); font-weight: 600; margin-bottom: 30px; }
.related-list { padding-bottom: 30px; float: left; width: 100%; }
.related-list a { background: rgb(121, 98, 254); border: 1px solid rgb(121, 98, 254); border-radius: 6px; padding: 8px 25px; font-size: 14px; font-weight: 700; color: rgb(255, 255, 255); display: inline-block; margin: 0px 15px 15px 0px; float: left; text-align: center; transition: 0.2s ease-in-out; }
.related-list a::after { display: none; }
.related-list a:hover, .related-list a:focus { background: rgb(255, 255, 255); color: rgb(121, 98, 254); border-color: rgb(121, 98, 254); }
@media only screen and (max-width: 1024px) {
  .alphabet li { min-width: 34px; }
  .result-status { margin-bottom: 20px; }
  .result-status .showing { padding-left: 0px; }
  .glossary-row .glossary-col ul li a { font-size: 16px; }
}
.glossary-section .content-block a:not(.btn) { color: rgb(121, 98, 254); text-decoration: underline; font-weight: 600; }
.glossary-section .content-block a:not(.btn):hover, .glossary-section .content-block a:not(.btn):focus { color: rgb(0, 0, 0); }
.glossary-section .content-block blockquote { margin: 0px; padding: 0px; font-size: 22px; }
@media (max-width: 991px) {
  .glossary-section .content-block blockquote { font-size: 1.8rem; }
}
.glossary-section .content-block h2 { font-size: 28px; margin-bottom: 25px; padding-top: 50px; }
.glossary-section .content-block h2:first-child { padding-top: 0px; }
@media (max-width: 991px) {
  .glossary-section .content-block h2 { font-size: 26px; margin-bottom: 15px; padding-top: 30px; }
}
.glossary-section .content-block h3 { font-size: 24px; margin-bottom: 25px; padding-top: 50px; }
@media (max-width: 991px) {
  .glossary-section .content-block h3 { font-size: 22px; margin-bottom: 15px; padding-top: 30px; }
}
.glossary-section .content-block h4 { font-size: 20px; margin-bottom: 25px; padding-top: 50px; }
@media (max-width: 991px) {
  .glossary-section .content-block h4 { font-size: 18px; margin-bottom: 15px; padding-top: 30px; }
}
.glossary-section .content-block ul li > h3, .glossary-section .content-block ol li > h3 { font-size: 22px; margin-bottom: 10px; padding-top: 0px; }
@media (max-width: 991px) {
  .glossary-section .content-block ul li > h3, .glossary-section .content-block ol li > h3 { font-size: 20px; margin-bottom: 10px; padding-top: 0px; }
}
.glossary-section .content-block ol { line-height: 1.5; padding: 0px 0px 0px 18px; margin: 0px 0px 25px; list-style-type: decimal; }
@media (max-width: 991px) {
  .glossary-section .content-block ol { font-size: 1.6rem; margin-bottom: 15px; }
}
.glossary-section .content-block ol li { margin-bottom: 20px; padding-left: 12px; position: relative; }
.glossary-section .content-block ol li::marker { color: rgb(121, 98, 254); font-weight: 700; }
@media (max-width: 991px) {
  .glossary-section .content-block ol li { margin-bottom: 12px; }
}
.glossary-section .content-block ol li:last-child { margin-bottom: 0px; }
.glossary-section .content-block ul:not(.check-list) { line-height: 1.5; padding: 0px; margin: 0px 0px 25px; }
@media (max-width: 991px) {
  .glossary-section .content-block ul:not(.check-list) { font-size: 1.6rem; margin-bottom: 15px; }
}
.glossary-section .content-block ul:not(.check-list) li { margin-bottom: 20px; padding-left: 30px; position: relative; transition: 0.2s ease-in-out; }
@media (max-width: 991px) {
  .glossary-section .content-block ul:not(.check-list) li { margin-bottom: 12px; }
}
.glossary-section .content-block ul:not(.check-list) li::before { content: ""; position: absolute; left: 0px; top: 7px; width: 10px; height: 10px; background:  0% 0% / contain rgb(121, 98, 254); transition: 0.2s ease-in-out; border-radius: 50px; }
.glossary-section .content-block ul:not(.check-list) li:last-child { margin-bottom: 0px; }
.glossary-section .content-block figure { margin-bottom: 30px; }
@media (max-width: 991px) {
  .glossary-section .content-block figure { margin-bottom: 25px; }
}
.glossary-section .content-block .wp-caption { margin: 0px 0px 30px; padding: 0px 0px 10px; border-radius: 18px; overflow: hidden; width: auto !important; max-width: 100% !important; }
.glossary-section .content-block .wp-caption .wp-caption-text { padding-top: 10px; font-size: 13px; color: rgba(0, 0, 0, 0.6); }
.glossary-section .content-block .wp-caption a { display: block; }
.glossary-section .content-block .wp-caption a:hover, .glossary-section .content-block .wp-caption a:focus { opacity: 0.8; cursor: zoom-in; }
.glossary-section .content-block .wp-caption .wp-caption-text a { cursor: pointer !important; }
.blog-article-section { padding-top: 150px; position: relative; z-index: 1; overflow-x: clip; }
@media (min-width: 768px) {
  .blog-article-section { padding-top: 190px; }
}
.blog-article-header h1 { font-size: 32px; line-height: 32px; font-weight: 700; max-width: 840px; width: 100%; margin-right: auto; color: rgb(1, 1, 42); margin-bottom: 16px; }
@media (min-width: 768px) {
  .blog-article-header h1 { font-size: 64px; line-height: 64px; margin-bottom: 30px; }
}
.blog-article-header h1 span { color: rgb(155, 138, 252); }
.blog-article-header .blog-header-bottom { background: rgb(250, 249, 255); padding: 20px 30px; margin-top: 50px; border-radius: 8px; max-width: 765px; }
@media (max-width: 767px) {
  .blog-article-header .blog-header-bottom { margin-top: 30px; }
}
.blog-article-header .blog-article-location { display: grid; grid-template-columns: auto 300px; -webkit-box-align: center; align-items: center; }
@media (max-width: 767px) {
  .blog-article-header .blog-article-location { display: block; }
}
.blog-article-header .blog-article-location .logo-img { line-height: 0.7; margin-right: 30px; }
@media (max-width: 767px) {
  .blog-article-header .blog-article-location .logo-img { margin-right: 0px; margin-bottom: 20px; }
}
.blog-article-header .blog-article-location .article-details .info { display: flex; -webkit-box-pack: justify; justify-content: space-between; font-size: 16px; }
.blog-article-header .blog-article-location .article-details .info:not(:last-child) { margin-bottom: 8px; }
.blog-article-header .blog-article-location .article-details .info span { color: rgb(95, 95, 119); margin-right: 15px; }
.blog-article-header-container, .blog-article-wrapper { width: 100%; max-width: 1064px; margin: auto; }
.blog-article-categories { display: flex; gap: 8px; }
.blog-article-category-badge { padding: 8px 12px; text-transform: uppercase; font-size: 10.5px; line-height: 14px; letter-spacing: 0.5px; color: rgb(104, 75, 254); background-color: rgb(245, 244, 251); border-radius: 8px; font-weight: 700; }
@media (min-width: 768px) {
  .blog-article-category-badge { font-size: 12px; line-height: 16px; }
}
.blog-article-meta { position: relative; margin-top: 24px; }
@media (min-width: 768px) {
  .blog-article-meta { margin-top: 48px; }
  .blog-article-meta::before { content: ""; position: absolute; z-index: -1; top: 50%; left: -2rem; width: 100vw; height: 1px; background-color: rgb(142, 142, 167); opacity: 0.25; }
}
.blog-article-meta-wrapper { margin: auto; width: 100%; max-width: 1128px; display: flex; -webkit-box-pack: justify; justify-content: space-between; position: relative; }
.blog-article-meta-wrapper > img { display: none; }
@media (min-width: 992px) {
  .blog-article-meta-wrapper > img { display: block; }
}
.blog-article-meta-bg-image-mobile-left { position: absolute; left: -22px; top: 50px; display: block !important; }
@media (min-width: 768px) {
  .blog-article-meta-bg-image-mobile-left { display: none !important; }
}
.blog-article-meta-bg-image-mobile-right { position: absolute; right: -22px; top: -150px; display: block !important; }
@media (min-width: 768px) {
  .blog-article-meta-bg-image-mobile-right { display: none !important; }
}
.blog-article-meta-bg-image-left { position: absolute; left: -375px; top: -75px; }
.blog-article-meta-bg-image-right { position: absolute; right: -600px; top: -230px; }
.blog-article-meta-bg-image-bottom-big { position: absolute; right: -50px; top: 200px; z-index: -1; }
.blog-article-meta-bg-image-bottom-small { position: absolute; right: -200px; top: 350px; z-index: -1; }
.blog-article-meta-left, .blog-article-meta-right { z-index: 2; padding: 0px; width: fit-content; }
@media (min-width: 768px) {
  .blog-article-meta-left, .blog-article-meta-right { padding: 0px 32px; }
}
.blog-article-meta-left { display: flex; -webkit-box-align: center; align-items: center; gap: 16px; }
@media (min-width: 768px) {
  .blog-article-meta-left { background-color: rgb(255, 255, 255); }
}
.blog-article-meta-right { display: none; }
@media (min-width: 768px) {
  .blog-article-meta-right { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; margin: 0px 34px 0px 0px; }
}
.blog-article-meta-share-icon { background: rgb(255, 255, 255); border: 1px solid rgb(220, 219, 227); border-radius: 12px; width: 32px; height: 32px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; transition: 0.2s; color: rgb(93, 95, 239); }
@media (min-width: 768px) {
  .blog-article-meta-share-icon { border-radius: 24px; width: 64px; height: 64px; }
}
.blog-article-meta-share-icon:hover { transform: scale(1.1); background-color: rgb(93, 95, 239); color: rgb(255, 255, 255); }
@media (min-width: 1025px) {
  .blog-article-meta-share-icon[data-title]:hover::after, .blog-article-meta-share-icon[data-title]:focus::after { content: ""; bottom: -12px; border-width: 5px; border-style: solid; border-color: transparent transparent rgb(1, 1, 42); border-image: initial; }
}
.blog-article-author-avatar { border-radius: 100%; width: 52px; height: 52px; overflow: hidden; }
.blog-article-author-avatar img { object-fit: cover; }
.blog-article-author-meta { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; line-height: 24px; }
.blog-article-author-meta .author-name { font-size: 18px; font-weight: 700; }
.blog-article-author-meta .date-time { font-size: 16px; color: rgb(142, 142, 167); }
.blog-article-wrapper { margin-top: 64px; display: flex; gap: 32px; }
@media (min-width: 992px) {
  .blog-article-wrapper { gap: 64px; }
}
.blog-article-content { width: 100%; }
@media (min-width: 992px) {
  .blog-article-content { max-width: 700px; }
}
.blog-article-content img { max-width: 100%; object-fit: cover; }
.blog-article-content h2 { font-weight: 700; font-size: 30px; line-height: 38px; margin-bottom: 32px; }
@media (min-width: 768px) {
  .blog-article-content h2 { font-size: 40px; line-height: 48px; }
}
.blog-article-content h2:not(:first-of-type) { margin: 8px 0px 0px; }
.blog-article-content h3 { font-weight: 700; font-size: 24px; line-height: 48px; }
.blog-article-content p { font-size: 16px; line-height: 26px; margin-bottom: 26px; }
@media (min-width: 768px) {
  .blog-article-content p { font-size: 18px; line-height: 32px; margin-bottom: 32px; }
}
.blog-article-content a:not(.btn) { color: rgb(121, 98, 254); text-decoration: underline; }
.blog-article-content a:not(.btn):hover, .blog-article-content a:not(.btn):focus { color: rgb(0, 0, 0); }
.blog-article-content ul { padding-left: 20px; margin-bottom: 30px; line-height: 32px; }
@media (max-width: 991px) {
  .blog-article-content ul { margin-bottom: 25px; }
}
.blog-article-content ul.check-list { padding-left: 0px; }
.blog-article-content ul.check-list * { color: rgb(1, 1, 42); }
.blog-article-content ul.check-list li { list-style: none; }
.blog-article-content ul li { list-style: disc; margin-bottom: 15px; }
.blog-article-content ul li:last-child { margin-bottom: 0px; }
.blog-article-content ul li::marker { font-weight: 400; color: rgb(50, 27, 178); }
.blog-article-content ol { padding-left: 20px; margin-bottom: 30px; line-height: 32px; }
@media (max-width: 991px) {
  .blog-article-content ol { margin-bottom: 25px; }
}
.blog-article-content ol li { padding-left: 5px; list-style: decimal; margin-bottom: 15px; }
.blog-article-content ol li:last-child { margin-bottom: 0px; }
.blog-article-content ol li::marker { font-weight: 400; color: rgb(50, 27, 178); }
.blog-article-content blockquote { margin: 0px 0px 30px; background-color: rgb(250, 249, 255); border-left: 4px solid rgb(104, 75, 254); padding: 30px; font-weight: 600; }
@media (max-width: 767px) {
  .blog-article-content blockquote { margin-bottom: 20px; padding: 20px; }
}
.blog-article-content blockquote p { margin-top: 0px; }
.blog-article-content blockquote p:not(:last-child) { margin-bottom: 20px; }
.blog-article-content .hightlight { background: rgb(250, 249, 255); border-radius: 8px; padding: 20px; margin-bottom: 40px; }
@media (max-width: 767px) {
  .blog-article-content .hightlight { margin-bottom: 20px; }
}
.blog-article-content .hightlight .title { margin-bottom: 15px; line-height: normal; font-size: 18px; font-weight: 700; }
.blog-article-content .hightlight ul { margin: 0px; }
.blog-article-content .hightlight ul li { font-size: 16px; line-height: 1.5; }
.blog-article-content .hightlight ul li:not(:last-child) { margin-bottom: 20px; }
.blog-article-content table:not(.table-theme) { padding: 0px; font-size: 14px; border-collapse: collapse; text-align: left; margin-bottom: 40px; width: 100%; border: 1px solid rgb(225, 221, 249); border-radius: 5px; }
.blog-article-content table:not(.table-theme) thead { background: rgb(225, 221, 249); }
.blog-article-content table:not(.table-theme) thead tr th { padding: 8px 15px; color: rgb(0, 0, 0); font-weight: 600; }
.blog-article-content table:not(.table-theme) tbody tr:nth-child(2n) { background: rgb(241, 243, 247); }
.blog-article-content table:not(.table-theme) tbody tr td { padding: 8px 15px; text-align: center; color: rgb(0, 0, 0); }
@media (max-width: 1200px) {
  .blog-article-content table:not(.table-theme) thead tr th, .blog-article-content table:not(.table-theme) tbody tr td { padding: 8px 15px; }
}
@media (max-width: 767px) {
  .blog-article-content table:not(.table-theme) thead tr th, .blog-article-content table:not(.table-theme) tbody tr td { font-size: 14px; }
}
.blog-article-content > div { margin-inline: auto; }
.blog-article-content figure { margin-bottom: 30px; }
@media (max-width: 991px) {
  .blog-article-content figure { margin-bottom: 25px; }
}
.blog-article-content .wp-caption { margin: 0px 0px 30px; padding: 0px 0px 10px; border-radius: 18px; overflow: hidden; width: auto !important; max-width: 100% !important; }
.blog-article-content .wp-caption .wp-caption-text { padding-top: 10px; font-size: 13px; color: rgba(0, 0, 0, 0.6); }
.blog-article-content .wp-caption a { display: block; }
.blog-article-content .wp-caption a:hover, .blog-article-content .wp-caption a:focus { opacity: 0.8; cursor: zoom-in; }
.blog-article-image-wrapper { margin-bottom: 56px; overflow: hidden; border-radius: 24px; }
@media (min-width: 992px) {
  .blog-article-image-wrapper { max-height: 455px; }
}
.blog-article-image-wrapper > img { border-radius: 24px; width: 100%; object-fit: cover; }
.blog-article-sidebar { display: none; }
@media (min-width: 768px) {
  .blog-article-sidebar { display: block; position: sticky; top: 150px; margin-top: 410px; width: 100%; max-width: 200px; height: fit-content; }
}
@media (min-width: 992px) {
  .blog-article-sidebar { max-width: 300px; }
}
.blog-article-sidebar-title { font-weight: 700; font-size: 20px; line-height: 24px; margin-bottom: 16px; }
.blog-article-sidebar-links { background-color: rgb(250, 249, 255); padding: 20px 24px; font-size: 16px; line-height: 24px; border-radius: 16px; margin-bottom: 48px; }
.blog-article-sidebar-links hr { border: 1px solid rgb(232, 230, 239); margin: 20px 0px; }
.blog-article-sidebar-link { display: flex; gap: 8px; -webkit-box-align: center; align-items: center; color: rgb(1, 1, 42); transition: 0.2s; }
.blog-article-sidebar-link:hover { color: rgb(93, 95, 239); }
.blog-article-sidebar-link:hover span { margin-right: 10px; }
.blog-article-sidebar-link span { margin-right: 0px; transition: 0.2s; }
.blog-article-sidebar-newsletter { margin-bottom: 48px; }
.blog-article-sidebar-newsletter label { display: none; }
.blog-article-sidebar-newsletter [type="email"] { background: rgb(250, 249, 255); border: 1px solid rgb(227, 227, 238); border-radius: 24px; padding: 16px 24px; margin-bottom: 12px; width: 100%; }
.blog-article-sidebar-newsletter [type="submit"] { background-color: rgb(5, 229, 173); border-radius: 24px; padding: 16px 24px; width: 100%; border: 0px; font-weight: 700; font-size: 14px; line-height: 16px; cursor: pointer; transition: 0.2s; }
.blog-article-sidebar-newsletter [type="submit"]:hover { background-color: rgb(121, 98, 254); color: rgb(255, 255, 255); }
.blog-article-sidebar-newsletter .hs-error-msgs { padding: 0px; margin: 0px 0px 12px; }
.blog-article-sidebar-newsletter .hs-error-msgs label { display: block; font-size: 14px; color: rgb(255, 107, 156); margin: 0px; }
.blog-article-sidebar-share { display: flex; gap: 8px; }
@media (min-width: 1025px) {
  .blog-article-sidebar-share [data-title]:hover::after, .blog-article-sidebar-share [data-title]:focus::after { content: ""; bottom: -12px; border-width: 5px; border-style: solid; border-color: transparent transparent rgb(1, 1, 42); border-image: initial; }
}
.blog-article-sidebar-share-icon { background: rgb(255, 255, 255); border: 1px solid rgb(220, 219, 227); border-radius: 24px; width: 48px; height: 48px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; transition: 0.2s; color: rgb(93, 95, 239); }
.blog-article-sidebar-share-icon:hover { transform: scale(1.1); background-color: rgb(93, 95, 239); color: rgb(255, 255, 255); }
.blog-article-footer { padding: 44px 0px 64px; }
@media (min-width: 768px) {
  .blog-article-footer { margin: 48px 0px 215px; padding: 36px 0px 156px; position: relative; }
  .blog-article-footer::after, .blog-article-footer::before { content: ""; position: absolute; z-index: -1; top: 0px; left: -2rem; width: 100vw; height: 1px; background-color: rgb(142, 142, 167); opacity: 0.25; }
  .blog-article-footer::after { top: 100%; }
}
.blog-article-footer-wrapper { position: relative; max-width: 1064px; margin: auto; }
.blog-article-footer-bg-image-right { display: none; }
@media (min-width: 768px) {
  .blog-article-footer-bg-image-right { display: block; position: absolute; right: 0px; top: -120px; z-index: -1; }
}
.blog-article-footer-content { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: relative; width: 100%; max-width: 700px; gap: 16px; }
.blog-article-footer-author-wrapper { display: flex; width: 100%; max-width: 700px; gap: 16px; position: relative; padding-block: 44px; }
@media (min-width: 768px) {
  .blog-article-footer-author-wrapper { position: static; padding-block: 0px; }
  .blog-article-footer-author-wrapper::after, .blog-article-footer-author-wrapper::before { opacity: 0 !important; }
}
.blog-article-footer-author-wrapper::after, .blog-article-footer-author-wrapper::before { content: ""; position: absolute; z-index: -1; top: 0px; left: -2rem; width: 100vw; height: 1px; background-color: rgb(142, 142, 167); opacity: 0.25; }
.blog-article-footer-author-wrapper::after { top: 100%; }
.blog-article-copy-wrapper { margin-left: auto; display: flex; -webkit-box-align: center; align-items: center; gap: 32px; }
.blog-article-copy-wrapper p { font-weight: 700; font-size: 18px; line-height: 32px; margin: 0px !important; }
.blog-article-copy-link { background: rgb(255, 255, 255); border: 1px solid rgb(220, 219, 227); border-radius: 24px; width: 64px; height: 64px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; transition: 0.2s; color: rgb(93, 95, 239); }
.blog-article-copy-link:hover { transform: scale(1.1); background-color: rgb(93, 95, 239); color: rgb(255, 255, 255); }
.blog-article-footer-newsletter-wrapper { margin-top: 40px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 12px; }
@media (min-width: 768px) {
  .blog-article-footer-newsletter-wrapper { display: none; }
}
.blog-article-footer-newsletter-wrapper .blog-article-footer-title { font-size: 20px; line-height: 24px; margin-bottom: 4px; }
.blog-article-footer-discord-box { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 24px; padding: 40px 30px 36px; background: radial-gradient(circle at -5% -50%, rgb(5, 229, 173) 0%, rgb(30, 15, 113) 50%, transparent), radial-gradient(circle at 105% 150%, rgb(239, 93, 168) 0%, rgb(30, 15, 113) 50%, transparent); border-radius: 24px; position: static; width: 100%; }
@media (min-width: 768px) {
  .blog-article-footer-discord-box { padding: 32px 32px 48px; top: 108px; z-index: 2; position: absolute; }
}
.blog-article-footer-discord-box p { max-width: 315px; margin: 0px; text-align: center; width: 100%; font-weight: 700; font-size: 28px; line-height: 29px; color: rgb(255, 255, 255) !important; }
@media (min-width: 768px) {
  .blog-article-footer-discord-box p { font-size: 32px; line-height: 32px; }
}
.blog-article-footer-discord-btn { padding: 12px 14px; background-color: rgb(88, 101, 242); font-weight: 700; font-size: 14px; line-height: 16px; display: flex; -webkit-box-align: center; align-items: center; gap: 8px; border-radius: 40px; border: 2px solid transparent; transition: 0.2s; }
.blog-article-footer-discord-btn:hover { background-color: rgb(255, 255, 255); color: rgb(88, 101, 242); border-color: rgb(88, 101, 242); }
.blog-article-more-articles { display: flex; width: 100%; max-width: 138rem; margin: 0px auto 150px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 32px; }
@media (min-width: 768px) {
  .blog-article-more-articles { gap: 4em; }
}
.blog-article-more-articles h2 { background: linear-gradient(90deg, rgb(255, 107, 156) -0.31%, rgb(155, 138, 252) 50.62%, rgb(5, 229, 173) 100.33%) text; -webkit-text-fill-color: transparent; display: inline; margin: 0px auto; text-align: center; font-size: 32px; line-height: 100%; }
@media (min-width: 768px) {
  .blog-article-more-articles h2 { font-size: 64px; line-height: 72px; }
}
.blog-article-more-articles .related-posts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
@media (max-width: 1023px) {
  .blog-article-more-articles .related-posts { grid-template-columns: repeat(1, 1fr); gap: 25px; }
  .blog-article-more-articles .related-posts.inline-on-mobile { overflow: auto; width: 100vw; transform: translateX(-22px); padding: 0px 22px 22px; margin-bottom: -22px; grid-template-columns: repeat(3, 1fr) !important; }
  .blog-article-more-articles .related-posts.inline-on-mobile .article-card { width: calc(-100px + 100vw); }
}
.blog-article-footer-newsletter { margin-bottom: 24px; }
.blog-article-footer-newsletter label { display: none; }
.blog-article-footer-newsletter [type="email"] { background: rgb(250, 249, 255); border: 1px solid rgb(227, 227, 238); border-radius: 24px; padding: 16px 24px; margin-bottom: 12px; width: 100%; }
.blog-article-footer-newsletter [type="submit"] { background-color: rgb(5, 229, 173); border-radius: 24px; padding: 16px 24px; width: 100%; border: 0px; font-weight: 700; font-size: 14px; line-height: 16px; cursor: pointer; transition: 0.2s; }
.blog-article-footer-newsletter [type="submit"]:hover { background-color: rgb(121, 98, 254); color: rgb(255, 255, 255); }
.blog-article-footer-newsletter .hs-error-msgs { padding: 0px; margin: 0px 0px 6px; }
.blog-article-footer-newsletter .hs-error-msgs label { display: block; font-size: 14px; color: rgb(255, 107, 156); margin: 0px; }
.attribution-page { padding: 210px 2rem 100px; background: rgb(255, 255, 255); }
.attribution-page .attribution-overlay { background: linear-gradient(182.56deg, rgb(195, 185, 255) -84.31%, rgba(200, 191, 255, 0.92) -66.55%, rgba(255, 255, 255, 0) 77.77%); position: absolute; inset: 0px; pointer-events: none; height: 45rem; }
.attribution-page-container { z-index: 1; position: relative; }
.attribution-page-bg-images-wrapper { position: relative; margin: auto; max-width: 1920px; width: 100%; }
.attribution-page-bg-images-wrapper .attribution-page-bg-image-left { position: absolute; z-index: -1; top: 120px; right: 1350px; left: auto; }
@media (min-width: 1440px) {
  .attribution-page-bg-images-wrapper .attribution-page-bg-image-left { right: auto; left: -70px; }
}
.attribution-page-bg-images-wrapper .attribution-page-bg-image-right { position: absolute; z-index: -1; top: -40px; left: 1355px; right: auto; }
@media (min-width: 1440px) {
  .attribution-page-bg-images-wrapper .attribution-page-bg-image-right { left: auto; right: -65px; }
}
.attribution-page-header { text-align: center; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.attribution-page-header .attribution-title { background: linear-gradient(90deg, rgb(104, 75, 254) 8.97%, rgb(225, 120, 231) 75.42%, rgb(5, 229, 173) 100.1%) text; -webkit-text-fill-color: transparent; font-weight: 700; font-size: 64px; line-height: 72px; margin: 0px auto; }
@media (max-width: 1023px) {
  .attribution-page-header .attribution-title { font-size: 10vw; }
}
.attribution-page-header .attribution-subtitle { color: rgb(0, 0, 0); margin-bottom: 3em; font-size: 22px; line-height: 125%; }
.attribution-page-content { width: 100%; margin: auto; overflow-x: auto; }
@media (min-width: 992px) {
  .attribution-page-content { overflow-x: unset; max-width: 1312px; }
}
.attribution-page-grid { display: grid; grid-template-columns: repeat(4, auto); min-width: 900px; }
@media (min-width: 992px) {
  .attribution-page-grid { }
}
.attribution-page-grid .grid-header-title { background-color: rgb(104, 75, 254); color: rgb(255, 255, 255); font-weight: 400; font-size: 14px; line-height: 132%; padding: 11px 19px; }
.attribution-page-grid .grid-header-title:first-of-type { padding: 11px 16px; border-radius: 4px 0px 0px 4px; }
.attribution-page-grid .grid-header-title:nth-of-type(3) { padding: 11px 0px; }
.attribution-page-grid .grid-header-title:nth-of-type(4) { border-radius: 0px 4px 4px 0px; }
.attribution-page-grid p { margin: 0px; }
.attribution-page-grid .license-title-wrapper { position: relative; text-align: center; padding: 14px 19px; border-bottom: 1px solid rgb(233, 230, 250); }
.attribution-page-grid .license-title-wrapper .license-title-floating { position: sticky; top: 0px; font-weight: 700; font-size: 16px; line-height: 132%; }
@media (min-width: 992px) {
  .attribution-page-grid .license-title-wrapper .license-title-floating { top: 160px; }
}
.attribution-page-grid .item-name, .attribution-page-grid .item-copyright { font-size: 16px; line-height: 132%; padding: 14px 19px; border-bottom: 1px solid rgb(233, 230, 250); }
.attribution-page-grid .item-copyright { border-bottom: 1px solid rgb(233, 230, 250); opacity: 0.6; }
.attribution-page-grid .item-copyright a { text-decoration: underline; color: rgb(1, 1, 42); transition: 0.2s; }
.attribution-page-grid .item-copyright a:hover { color: rgb(104, 75, 254); }
.attribution-page-grid .license-text { text-align: center; background-color: rgb(252, 252, 252); border-bottom: 1px solid rgb(233, 230, 250); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 28px; padding: 14px 38px; font-size: 16px; line-height: 132%; }
.attribution-page-grid .license-text p, .attribution-page-grid .license-text div { color: rgba(1, 1, 42, 0.6); }
.attribution-page-grid .license-text > div { font-size: 12px; line-height: 150%; }
.attribution-page-grid .license-text a { text-decoration: underline; color: rgb(104, 75, 254); transition: 0.2s; }
.attribution-page-grid .license-text a:hover { color: rgb(1, 1, 42); }
.ide { overflow: hidden; }
.ide-header { padding: 142px 22px 32px; color: rgb(255, 255, 255); background: linear-gradient(118.6deg, rgba(10, 6, 60, 0.5) 16.04%, rgba(38, 29, 166, 0.008) 63.38%), linear-gradient(92.2deg, rgba(26, 18, 126, 0.5) 21.31%, rgba(39, 29, 168, 0) 64.89%); min-height: 592px; display: flex; -webkit-box-align: center; align-items: center; }
@media (min-width: 768px) {
  .ide-header { padding: 194px 22px 71px; }
}
.ide-header-container { width: 100%; margin: auto; position: relative; }
@media (min-width: 768px) {
  .ide-header-container { max-width: 1096px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
}
.ide-header-left-col { width: 100%; margin: auto; max-width: 420px; }
@media (min-width: 768px) {
  .ide-header-left-col { max-width: unset; }
}
.ide-header-bgimg-big { position: absolute; bottom: -90px; right: -70px; z-index: -1; }
@media (min-width: 768px) {
  .ide-header-bgimg-big { bottom: -10px; right: -200px; }
}
.ide-header-bgimg-small { display: none; }
@media (min-width: 768px) {
  .ide-header-bgimg-small { display: block; position: absolute; bottom: -120px; left: -200px; z-index: 1; }
}
.ide-title { font-weight: 700; font-size: 34px; line-height: 37px; width: 100%; max-width: 545px; margin-bottom: 20px; }
@media (min-width: 768px) {
  .ide-title { font-size: 60px; line-height: 64px; margin-bottom: 35px; }
}
.ide-title span { color: rgb(134, 108, 251); }
.ide-choose { margin-bottom: 48px; display: flex; width: 100%; -webkit-box-align: center; align-items: center; gap: 8px; font-weight: 700; font-size: 14px; line-height: 16px; text-transform: uppercase; cursor: pointer; }
.ide-choose-icon { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-flex: 0; flex: 0 0 64px; height: 64px; width: 64px; margin-right: 12px; border: 1px solid rgb(67, 62, 134); border-radius: 8px; transition: 0.2s; }
@media (min-width: 768px) {
  .ide-choose-icon { -webkit-box-flex: 0; flex: 0 0 80px; height: 80px; width: 80px; }
}
.ide-choose-icon img { min-width: 44px; }
.ide-choose svg { transition: 0.2s; }
.ide-choose:hover .ide-choose-icon { border-color: rgb(134, 108, 251); }
.ide-choose:hover svg { margin-left: 10px; color: rgb(134, 108, 251); }
@media (min-width: 768px) {
  .ide-choose { margin-bottom: 0px; }
}
.ide-direct-install-box { background: url("https://www.qodo.ai/themes/codium/assets/images/ide-install-box-bg.svg") 0% 0% / 100% 100% no-repeat, linear-gradient(0deg, rgba(1, 1, 42, 0.4), rgba(1, 1, 42, 0.4)), linear-gradient(105.87deg, rgba(255, 255, 255, 0.4) 3.04%, rgba(255, 255, 255, 0) 99.23%); background-blend-mode: overlay, normal, normal; backdrop-filter: blur(40px); box-shadow: rgba(1, 1, 42, 0.31) 0px 2px 4px; width: 100%; max-width: 420px; margin: auto; padding: 36px 28px; border-radius: 24px; }
@media (min-width: 768px) {
  .ide-direct-install-box { padding: 40px 42px; margin: 0px; }
}
.ide-direct-install-box h2 { font-size: 26px; line-height: 28px; margin-bottom: 12px; }
@media (min-width: 768px) {
  .ide-direct-install-box h2 { font-size: 30px; line-height: 28px; margin-bottom: 14px; }
}
.ide-direct-install-box p { font-size: 16px; line-height: 23px; margin-bottom: 18px; }
@media (min-width: 768px) {
  .ide-direct-install-box p { font-size: 18px; line-height: 28px; margin-bottom: 22px; }
}
.ide-direct-install-box a { display: block; width: 100%; background-color: rgb(5, 229, 173); color: rgb(1, 1, 42); border: 0px; border-radius: 30px; padding: 22px 32px; font-weight: 700; font-size: 14px; line-height: 16px; text-align: center; text-transform: uppercase; transition: 0.2s; }
@media (min-width: 768px) {
  .ide-direct-install-box a { width: fit-content; }
}
.ide-direct-install-box a:hover { background-color: rgb(134, 108, 251); color: rgb(255, 255, 255); }
.ide-additional-info { display: flex; gap: 8px; -webkit-box-align: center; align-items: center; margin-bottom: 37px; }
.ide-additional-info p { line-height: 28px; margin: 0px; }
.ide-content-wrapper { background-color: rgb(255, 255, 255); padding: 85px 22px; margin: 0px auto; }
@media (min-width: 768px) {
  .ide-content-wrapper { padding: 116px 22px 136px; }
}
.ide-content { max-width: 1096px; width: 100%; margin: auto; position: relative; }
.ide-content p { color: rgb(1, 1, 42); margin: unset; }
.ide-content h2 { color: rgb(1, 1, 42); font-size: 30px; line-height: 100%; margin-bottom: 34px; }
@media (min-width: 768px) {
  .ide-content h2 { font-size: 40px; margin-bottom: 65px; }
}
.ide-content-steps-grid { display: grid; grid-template-columns: 1fr; gap: 66px; }
@media (min-width: 768px) {
  .ide-content-steps-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0px 128px; }
  .ide-content-steps-grid > div { position: relative; z-index: 0; }
  .ide-content-steps-grid > div:nth-child(2n) { padding-top: calc(100% - 50px); }
  .ide-content-steps-grid > div:nth-child(2n)::before { content: ""; position: absolute; width: calc(100% - 32px); height: 75%; border-top-right-radius: 100%; top: 25%; left: -128px; background-color: transparent; border-top: 2px dashed rgb(236, 233, 248); border-right: 2px dashed rgb(236, 233, 248); z-index: -1; }
  .ide-content-steps-grid > div:nth-child(2n+1):not(:first-of-type) { margin-top: -25px; }
  .ide-content-steps-grid > div:nth-child(2n+1):not(:first-of-type)::before { content: ""; position: absolute; width: calc(100% - 128px); height: 150%; border-top-left-radius: 100%; top: -100%; right: -128px; background-color: transparent; border-top: 2px dashed rgb(236, 233, 248); border-left: 2px dashed rgb(236, 233, 248); z-index: -1; }
}
.ide-content-steps-grid-item { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 17px; }
@media (min-width: 768px) {
  .ide-content-steps-grid-item { gap: 24px; }
}
.ide-content-steps-grid-item a { color: rgb(104, 75, 254); transition: 0.2s; }
.ide-content-steps-grid-item a:hover { color: rgb(134, 108, 251); }
.ide-content-steps-grid-item-header { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; gap: 8px; }
@media (min-width: 768px) {
  .ide-content-steps-grid-item-header { gap: 12px; }
}
.ide-content-steps-grid-item-header-no { display: flex; -webkit-box-flex: 1; flex: 1 0 33px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 33px; height: 33px; color: rgb(255, 255, 255); font-size: 17px; line-height: 1; font-weight: 700; background-image: url("https://www.qodo.ai/themes/codium/assets/images/marker.webp"); background-size: contain; background-position: center center; background-repeat: no-repeat; }
@media (min-width: 768px) {
  .ide-content-steps-grid-item-header-no { flex-basis: 48px; width: 48px; height: 48px; color: rgb(255, 255, 255); font-size: 25px; }
}
.ide-content-steps-grid-item-header-description { font-size: 18px; line-height: 26px; width: 100%; }
@media (min-width: 768px) {
  .ide-content-steps-grid-item-header-description { font-size: 22px; line-height: 29px; }
}
.ide-content-steps-grid-item-screenshot { background-color: rgb(250, 249, 255); border-radius: 11px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 36px 26px; }
.ide-content-steps-grid-item-additionaltext { border: 2px solid rgb(239, 237, 251); background-color: rgb(255, 255, 255); border-radius: 12px; padding: 22px 28px; }
.ide-content-steps-grid-item-additionaltext p { font-size: 17px; line-height: 28px; color: rgb(145, 146, 168); }
.ide-content-bgimg-big { display: none; }
@media (min-width: 768px) {
  .ide-content-bgimg-big { display: block; position: absolute; top: 80px; right: -90px; z-index: 1; }
}
.ide-content-bgimg-small { display: none; }
@media (min-width: 768px) {
  .ide-content-bgimg-small { display: block; position: absolute; top: 220px; right: -220px; z-index: 1; }
}
.ide-privacy { width: 100%; padding: 102px 24px; background: linear-gradient(118.6deg, rgba(10, 6, 60, 0.5) 16.04%, rgba(38, 29, 166, 0.008) 63.38%), linear-gradient(83.04deg, rgba(26, 18, 126, 0.5) 21.78%, rgba(39, 29, 168, 0) 67.07%); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.ide-privacy h2 { font-weight: 700; font-size: 26px; line-height: 110%; text-align: center; margin-bottom: 52px; }
@media (min-width: 768px) {
  .ide-privacy h2 { font-size: 32px; margin-bottom: 80px; }
}
.ide-privacy-boxes { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 48px; max-width: 1440px; margin: auto; width: 100%; }
@media (min-width: 768px) {
  .ide-privacy-boxes { justify-content: space-evenly; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }
}
.ide-privacy-box { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.ide-privacy-box-img { margin-bottom: 20px; height: 165px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.ide-privacy-box-img img { max-height: 100%; }
.ide-privacy-box-text { height: 34px; }
.ide-privacy-box p { text-align: center; font-size: 18px; line-height: 24px; color: rgb(255, 255, 255); margin: 0px; }
.ide-privacy-box span { display: block; margin-top: 0px; text-align: center; font-size: 10px; line-height: 14px; color: rgb(255, 255, 255); }
.ide-spacer { background-color: rgb(255, 255, 255); width: 100%; height: 100px; padding-bottom: 650px; margin-bottom: -550px; }
.integrations-page { padding: 210px 2rem 100px; background: rgb(255, 255, 255); overflow-x: hidden; }
.integrations-page .integrations-overlay { background: linear-gradient(182.56deg, rgb(195, 185, 255) -84.31%, rgba(200, 191, 255, 0.92) -66.55%, rgba(255, 255, 255, 0) 77.77%); position: absolute; inset: 0px; pointer-events: none; height: 45rem; }
.integrations-page-container { z-index: 1; position: relative; }
.integrations-page-bg-images-wrapper { position: relative; margin: auto; max-width: 1920px; width: 100%; }
.integrations-page-bg-images-wrapper .integrations-page-bg-image-left { position: absolute; z-index: -1; top: 50px; right: 1350px; left: auto; }
@media (min-width: 1440px) {
  .integrations-page-bg-images-wrapper .integrations-page-bg-image-left { right: auto; left: -70px; }
}
.integrations-page-bg-images-wrapper .integrations-page-bg-image-right { position: absolute; z-index: 1; top: 140px; left: 1340px; right: auto; }
@media (min-width: 1440px) {
  .integrations-page-bg-images-wrapper .integrations-page-bg-image-right { left: auto; right: -100px; }
}
.integrations-page-header { text-align: center; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.integrations-page-header .integrations-title { background: linear-gradient(90deg, rgb(104, 75, 254) 8.97%, rgb(225, 120, 231) 75.42%, rgb(5, 229, 173) 100.1%) text; -webkit-text-fill-color: transparent; font-weight: 700; font-size: 64px; line-height: 72px; margin: 0px auto; }
@media (max-width: 1023px) {
  .integrations-page-header .integrations-title { font-size: 10vw; line-height: 12vw; }
}
.integrations-page-header .integrations-subtitle { color: rgb(0, 0, 0); margin-bottom: 62px; font-size: 22px; line-height: 125%; }
.integrations-page-content { padding-top: 80px; width: 100%; margin: auto; overflow-x: auto; }
@media (min-width: 992px) {
  .integrations-page-content { overflow-x: unset; max-width: 1312px; }
}
.integrations-page-cols { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: 90px; }
@media (min-width: 768px) {
  .integrations-page-cols { gap: 132px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }
}
.integrations-page-cols-text { width: 100%; }
@media (min-width: 768px) {
  .integrations-page-cols-text { max-width: 426px; }
}
.integrations-page-cols-text h2 { font-size: 34px; line-height: 100%; }
.integrations-page-cols-text p { font-size: 18px; line-height: 28px; opacity: 0.6; }
.integrations-page-cols-list ul { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 20px; padding: 0px; margin: 34px 0px 0px; }
.integrations-page-cols-list ul li { display: flex; -webkit-box-align: center; align-items: center; gap: 16px; font-size: 16px; line-height: 26px; }
.integrations-page-cols-list ul li::before { content: ""; background-image: url("https://www.qodo.ai/themes/codium/assets/images/list-marker.svg"); width: 20px; height: 20px; flex-shrink: 0; display: block; }
.integrations-page-grid { display: grid; justify-items: stretch; padding: 0px; gap: 28px 24px; grid-template-columns: 1fr; }
@media (min-width: 768px) {
  .integrations-page-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1240px) {
  .integrations-page-grid { grid-template-columns: repeat(4, 1fr); }
}
.integrations-page-grid-item { display: flex; -webkit-box-align: center; align-items: center; gap: 20px; padding: 32px; border: 1px solid rgb(237, 237, 237); border-radius: 8px; transition: 0.2s; }
.integrations-page-grid-item:hover { background: rgb(250, 249, 255); }
.integrations-page-grid-item img { width: 44px; object-fit: contain; }
.integrations-page-grid-item span { font-weight: 700; font-size: 18px; line-height: 24px; color: rgb(1, 1, 42); transition: 0.2s; }
.main { overflow-x: hidden; }
.product-hero { background-image: url("https://www.qodo.ai/themes/codium/assets/images/product-hero.png"); background-repeat: no-repeat; background-size: 100%; background-position: center bottom; padding: 14.17% 5% 10.91%; }
@media (max-width: 1023px) {
  .product-hero { padding: 14.1rem 2rem 15.4rem; background-image: url("https://www.qodo.ai/wp-content/uploads/2023/06/Hero-2.png"); }
}
.product-hero .container-100 { position: relative; margin: 0px auto; }
@media (max-width: 1023px) {
  .product-hero .container-100 { width: 100%; }
}
.product-hero--wrapper { width: 58.7rem; margin: auto; text-align: center; }
@media (max-width: 1023px) {
  .product-hero--wrapper { width: 100%; }
}
.product-hero--title { font-weight: 700; line-height: 1; text-align: center; font-size: 64px; }
@media (max-width: 991px) {
  .product-hero--title { font-size: 32px; margin-bottom: 15px; }
}
.product-hero--subtitle { margin-top: 2.5rem; margin-bottom: 0px; font-size: 20px; }
@media (max-width: 991px) {
  .product-hero--subtitle { font-size: 16px; }
}
@media (max-width: 1023px) {
  .product-hero--subtitle { margin-top: 2rem; padding: 0px 1rem; }
}
.product-hero--gradient { background: linear-gradient(to right, rgb(104, 75, 254) 0%, rgb(225, 120, 231) 75%, rgb(5, 229, 173) 100%) text; -webkit-text-fill-color: transparent; }
.product-about { background-color: rgb(1, 1, 42); text-align: center; padding: 7.2rem 0rem 0rem 0px; overflow: hidden; }
@media (max-width: 1023px) {
  .product-about { padding: 0rem 0rem 6rem 0px; }
}
@media (max-width: 1023px) {
  .product-about .container { padding: 0px 2rem; }
}
.product-about--imgBck { position: absolute; top: 0px; width: 100%; height: 100%; left: 50%; max-width: 1147px; transform: translateX(-50%); }
.product-about--imgBck img { position: absolute; bottom: 6.5rem; right: -9rem; }
.product-about--lottieMobile { display: none; }
@media (max-width: 1023px) {
  .product-about--lottieMobile { display: block; }
}
.product-about--overlay { background: radial-gradient(40.4% 43.82% at 12.49% 47.89%, rgb(5, 229, 173) 0%, rgba(5, 229, 173, 0.5) 43.09%, rgba(100, 71, 255, 0) 100%), rgba(100, 71, 255, 0.5); opacity: 0.41; filter: blur(132px); transform: matrix(1, 0, 0, -1, 0, 0); position: absolute; top: 29rem; width: 185rem; height: 174.5rem; left: 51.1rem; pointer-events: none; z-index: 0; }
@media (max-width: 1023px) {
  .product-about--overlay { top: 0px; width: 100%; height: 100%; left: 0px; pointer-events: none; z-index: 0; background: url("https://www.qodo.ai/wp-content/uploads/2023/06/02.png") 0% 0% / 100% no-repeat, rgba(100, 71, 255, 0.5); opacity: 1; filter: none; transform: none; }
}
.product-about--howitworks { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 3rem; padding: 0px 0px 0rem; }
@media (max-width: 1023px) {
  .product-about--howitworks .howitworks-title br { display: none; }
}
.product-about--howitworks .howitworks-subtitle { margin: 0px 0px 4rem; }
.product-about--howitworks img { width: 100%; background: linear-gradient(0deg, rgba(1, 1, 42, 0.4), rgba(1, 1, 42, 0.4)), linear-gradient(105.87deg, rgba(255, 255, 255, 0.4) 3.04%, rgba(255, 255, 255, 0) 99.23%); background-blend-mode: overlay, normal, normal; backdrop-filter: blur(40px); border-radius: 24px; padding: 2rem; border: 1px solid rgba(255, 255, 255, 0.44); }
@media (max-width: 1023px) {
  .product-about--howitworks img { border-radius: 12px; padding: 1.4rem; }
}
.product-about--companies { padding: 8em 0px; }
@media (max-width: 1023px) {
  .product-about--companies { padding: 2em 0px 5em; }
}
.product-about--companies .companies-title { display: inline; background: linear-gradient(90.86deg, rgb(255, 107, 156) -0.31%, rgb(155, 138, 252) 50.62%, rgb(5, 229, 173) 100.33%) text; -webkit-text-fill-color: transparent; }
.product-about--companies .companies-logos { margin-top: 0rem; overflow: hidden; }
@media (max-width: 1023px) {
  .product-about--companies .companies-logos { margin-top: 6rem; }
}
.product-about--companies .companies-logos ß .swiper-container { overflow: hidden; }
.product-about--companies .companies-logos .swiper-wrapper { transition-timing-function: linear; }
.product-about--companies .companies-logos .swiper-wrapper .swiper-slide { align-self: center; }
.product-about--companies .companies-logos .swiper-wrapper .swiper-slide img { padding: 0px 4rem; }
.product-about--strip-logos { padding: 4em 0px; }
@media (max-width: 1023px) {
  .product-about--strip-logos { padding: 2em 0px; }
}
.product-about--strip-logos .strip-title { margin-bottom: 3rem; background: linear-gradient(90.86deg, rgb(255, 107, 156) -0.31%, rgb(155, 138, 252) 50.62%, rgb(5, 229, 173) 100.33%) text; -webkit-text-fill-color: transparent; }
.product-about--strip-logos .strip-logos { margin-top: 0rem; overflow: hidden; }
.product-about--strip-logos .strip-logos .swiper-container { overflow: hidden; }
.product-about--strip-logos .strip-logos .swiper-wrapper { transition-timing-function: linear; }
.product-about--strip-logos .strip-logos .swiper-wrapper .swiper-slide { align-self: center; }
.product-about--strip-logos .strip-logos .swiper-wrapper .swiper-slide img { padding: 0px 2rem; }
.product-about--strip-logos .strip-link { display: block; transition: 0.3s ease-in-out; transform: scale(1); }
.product-about--strip-logos .strip-link img { max-width: 100%; }
.product-about--strip-logos .strip-link:hover, .product-about--strip-logos .strip-link:focus { z-index: 2; transform: scale(1.05); }
.product-about .container.relative { position: relative; }
@media (max-width: 1023px) {
  .product-about .container.relative { padding: 0px 6rem; }
}
.product-about--content { display: grid; gap: 7vw; grid-template-columns: repeat(3, 1fr); margin-bottom: 6rem; }
@media (max-width: 1023px) {
  .product-about--content { grid-template-columns: repeat(1, 1fr); }
}
.product-about--content .content-box-icon img { padding-bottom: 2rem; width: 100%; height: 18rem; object-fit: contain; }
@media only screen and (min-width: 1441px) {
  .product-about--content .content-box-icon { width: 36rem; margin: 0px auto; }
}
.product-about--content-button { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 1em; color: rgb(5, 229, 173); font-weight: 700; }
.product-about--content-button img { transform: rotate(-90deg); }
.product-about .slider { margin: 0rem 0px 0px; position: relative; }
@media (max-width: 1023px) {
  .product-about .slider { margin: 0rem 0px 0px; }
}
.product-about .slider-subtitle { font-size: 3.2rem; font-weight: 700; margin: 0px; }
@media (max-width: 1023px) {
  .product-about .slider-subtitle { font-size: 5.5vw; padding: 0px 2rem 2rem; }
  .product-about .slider-subtitle br { display: none; }
}
.product-about .slider .swiper { width: 100%; max-width: 1147px; padding: 0em 0px 11.3rem 5.2rem; margin: 0em auto; }
@media (max-width: 1023px) {
  .product-about .slider .swiper { width: 100%; height: 100%; padding: 7.1rem 0rem 0rem 0px; margin: 0em auto; }
}
.product-about .slider .swiper-slide { text-align: center; font-size: 18px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
@media (max-width: 1023px) {
  .product-about .slider .swiper-slide lottie-player { display: none; }
  .product-about .slider .swiper-slide .image-wrapper { width: 100%; }
  .product-about .slider .swiper-slide .margin-img { margin: -17rem 0px -12rem; }
  .product-about .slider .swiper-slide .image-wrapper { padding: 0px 2rem; margin-bottom: 2rem; }
  .product-about .slider .swiper-slide:nth-child(4) .image-wrapper, .product-about .slider .swiper-slide:nth-child(5) .image-wrapper { padding: 0px; margin-bottom: 2rem; }
}
.product-about .slider .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.product-about .slider .swiper-slide .slider-subtitle, .product-about .slider .swiper-slide .slider-title-info { transform: translateY(5rem); padding-left: 20px; padding-right: 20px; }
@media (max-width: 1023px) {
  .product-about .slider .swiper-slide .slider-subtitle, .product-about .slider .swiper-slide .slider-title-info { transform: translateY(0rem); }
}
.product-about .slider .swiper-pagination { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; top: 0px; transform: translateY(40%); bottom: 0px !important; }
@media only screen and (max-width: 1200px) {
  .product-about .slider .swiper-pagination { left: 2rem; }
}
@media (max-width: 1023px) {
  .product-about .slider .swiper-pagination { display: none; }
}
.product-about .slider .swiper-pagination .swiper-pagination-bullet { height: 1.2rem; width: 1.2rem; margin: 1.2rem 0px; background: rgb(5, 229, 173); opacity: 1; }
.product-about .slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: rgb(104, 75, 254); }
.product-about .slider .features-container { padding: 0px 2rem; width: 100%; }
.product-about .slider .features-container .features-wrapper { display: flex; -webkit-box-pack: center; justify-content: center; background: rgb(0, 0, 0); padding: 5vw; border-radius: 20px; -webkit-box-align: center; align-items: center; flex-wrap: wrap; margin-bottom: 5vw; }
.product-about .slider .features-container .features-wrapper h3 { font-size: 4.4vw; color: rgb(255, 255, 255); font-weight: 600; width: 94%; text-align: left; }
.product-about .slider .features-container .features-wrapper .title-icon { width: 6%; }
.product-about .slider .features-container .features-wrapper .title-icon img { object-fit: fill; }
.product-about .slider .features-container .features-wrapper .feature-image { display: none; padding-top: 2rem; }
.product-about .slider .features-container .active .title-icon img { transform: scale(-1); }
.product-about .slider .features-container .test-code { padding: 4vw 5vw; }
.product-about .slider .features-container .test-code h3 { width: 60%; }
.product-about .slider .features-container .test-code .feature3 { display: flex; width: 40%; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; gap: 1em; }
.product-about .slider .features-container .test-code .feature3 button { background: rgb(155, 138, 252); border: none; border-radius: 20px; padding: 2vw 4vw; font-weight: 700; font-size: 3vw; }
.product-about .slider .features-container .test-code .feature3 img { width: 16%; }
.product-feautre-code { background-color: rgb(2, 2, 44); background-size: 100%; background-image: url("https://www.qodo.ai/themes/codium/assets/images/bg-gradient.svg"); background-repeat: no-repeat; background-position: left top; padding: 100px 15px; }
@media (min-width: 768px) {
  .product-feautre-code { overflow: inherit; }
}
@media (max-width: 1023px) {
  .product-feautre-code { padding: 50px 15px 0px; }
}
.product-feautre-code::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/round-glow.png") left top / contain no-repeat; width: 205px; height: 190px; display: inline-block; position: absolute; bottom: 5%; left: 8%; z-index: 1; }
@media (max-width: 767px) {
  .product-feautre-code::before { left: -70px; bottom: 20%; }
}
.product-feautre-code::after { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-6.svg") right bottom / contain no-repeat; height: 205px; width: 220px; display: inline-block; position: absolute; bottom: -110px; right: 8%; z-index: 1; }
@media (max-width: 767px) {
  .product-feautre-code::after { right: -50px; bottom: 40%; height: 140px; width: 160px; }
}
.product-feautre-code .swiper { z-index: 3; padding-bottom: 0px !important; }
@media (max-width: 1023px) {
  .product-feautre-code .swiper { padding: 0px !important; }
}
.product-feautre-code .swiper-slide-title-info { padding: 0px 0px 0px 5.2rem; }
@media (max-width: 1023px) {
  .product-feautre-code .swiper-slide-title-info { padding: 0px; }
}
.product-feautre-code .feautre-code-slider.swiper-fade .swiper-slide { transition: ease-in-out; }
.product-feautre-code .feautre-code-slider .slide-title-info { padding-bottom: 50px; }
.product-feautre-code .feautre-code-slider .slide-title-info h3 { margin-top: 15px; }
@media (max-width: 1023px) {
  .product-feautre-code .feautre-code-slider .slide-title-info { padding-bottom: 20px; }
}
.product-feautre-code .feautre-code-slider .slide-title-info * { text-shadow: rgb(0, 0, 0) 10px 10px; }
.product-feautre-code .feautre-code-slider .swiper-slide-box { margin-bottom: 40px; width: 100%; opacity: 0; }
.product-feautre-code .feautre-code-slider .swiper-slide.swiper-slide-active .swiper-slide-box { opacity: 1 !important; }
.product-feautre-code .feautre-code-slider .swiper-pagination { position: absolute; width: 20px; height: auto; transform: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; }
@media only screen and (max-width: 768px) {
  .product-feautre-code .feautre-code-slider .swiper-pagination { width: 100%; height: 20px; display: flex !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; left: 0px !important; top: auto !important; bottom: 5px !important; }
  .product-feautre-code .feautre-code-slider .swiper-pagination .swiper-pagination-bullet { margin: 0px 8px; }
}
.product-feautre-code .slide-code-box { text-align: left; backdrop-filter: blur(36px); background: radial-gradient(circle at 100% 100%, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 0% 0% / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 100% 0% / 24px 24px no-repeat, radial-gradient(circle at 100% 0px, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 0% 100% / 24px 24px no-repeat, radial-gradient(circle at 0px 0px, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 100% 100% / 24px 24px no-repeat, linear-gradient(rgb(1, 1, 42), rgb(1, 1, 42)) 50% 50% / calc(100% - 4px) calc(100% - 48px) no-repeat, linear-gradient(rgb(1, 1, 42), rgb(1, 1, 42)) 50% 50% / calc(100% - 48px) calc(100% - 4px) no-repeat, repeating-linear-gradient(241deg, rgb(191, 181, 246) 0%, rgba(50, 50, 83, 0.37) 25%, rgb(124, 108, 229) 52%, rgb(65, 61, 116) 85%, rgb(105, 90, 202) 100%); border-radius: 24px; padding: 32px 42px; box-sizing: content-box; min-height: 300px; }
@media only screen and (max-width: 767px) {
  .product-feautre-code .slide-code-box { padding: 22px; }
}
.product-feautre-code .slide-code-box .slide-code-label { min-width: 200px; background: rgb(1, 1, 42); border: 2px solid rgb(104, 75, 254); border-radius: 10px; padding: 5px 15px; color: rgb(255, 255, 255); display: inline-block; }
@media only screen and (max-width: 767px) {
  .product-feautre-code .slide-code-box .slide-code-label { min-width: 150px; }
}
.product-feautre-code .slide-code-box .slide-code-content * { word-break: break-word; }
body .row-grid-features { display: grid; grid-template-columns: 50% auto; gap: 80px; padding-top: 80px; }
@media (max-width: 991px) {
  body .row-grid-features { grid-template-columns: 1fr; gap: 50px; }
}
body .row-grid-features .row-grid-features-title { font-size: 32px; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 30px; }
@media (max-width: 991px) {
  body .row-grid-features .row-grid-features-title { font-size: 26px; }
}
@media (max-width: 991px) {
  body .row-grid-features .col-grid-features-card { overflow: hidden; margin-left: -15px; margin-right: -15px; }
}
body .row-grid-features .card-icon-block { padding: 0px 20px; grid-template-columns: repeat(2, 1fr); }
@media (max-width: 991px) {
  body .row-grid-features .card-icon-block.m-row-scoll { display: flex; flex-wrap: nowrap; padding-bottom: 20px; }
}
body .row-grid-features .card-icon-block .info-card { width: 100%; aspect-ratio: 1 / 1; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; margin-bottom: 0px; }
.icwtabs-wrapper .icwtabs { font-size: 15px; list-style: none; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 20px; display: inline-flex; position: relative; backdrop-filter: blur(36px); background: radial-gradient(circle at 100% 100%, rgb(36, 36, 73) 0px, rgb(36, 36, 73) 22px, transparent 22px) 0% 0% / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(36, 36, 73) 0px, rgb(36, 36, 73) 22px, transparent 22px) 100% 0% / 24px 24px no-repeat, radial-gradient(circle at 100% 0px, rgb(36, 36, 73) 0px, rgb(36, 36, 73) 22px, transparent 22px) 0% 100% / 24px 24px no-repeat, radial-gradient(circle at 0px 0px, rgb(36, 36, 73) 0px, rgb(36, 36, 73) 22px, transparent 22px) 100% 100% / 24px 24px no-repeat, linear-gradient(rgb(36, 36, 73), rgb(36, 36, 73)) 50% 50% / calc(100% - 4px) calc(100% - 48px) no-repeat, linear-gradient(rgb(36, 36, 73), rgb(36, 36, 73)) 50% 50% / calc(100% - 48px) calc(100% - 4px) no-repeat, repeating-linear-gradient(241deg, rgb(191, 181, 246) 0%, rgba(50, 50, 83, 0.37) 25%, rgb(124, 108, 229) 52%, rgb(65, 61, 116) 85%, rgb(105, 90, 202) 100%); border-radius: 50px; padding: 0px; box-sizing: content-box; }
.icwtabs-wrapper .icwtabs a { text-decoration: none; color: rgb(255, 255, 255); text-transform: uppercase; padding: 15px 40px; display: inline-block; position: relative; z-index: 1; transition-duration: 0.6s; font-weight: 400; font-family: CentraNo1, sans-serif; }
@media (max-width: 475px) {
  .icwtabs-wrapper .icwtabs a { padding: 15px 25px; }
}
.icwtabs-wrapper .icwtabs a.active { color: rgb(255, 255, 255); font-weight: 700; }
.icwtabs-wrapper .icwtabs .selector { height: calc(100% - 10px); display: inline-block; position: absolute; left: 0px; top: 0px; margin: 5px; z-index: 1; border-radius: 50px; transition-duration: 0.6s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); background: linear-gradient(81.87deg, rgb(104, 75, 254) 14.1%, rgb(225, 120, 231) 126.64%); }
.icwtabs-wrapper .icwtabs-content { color: rgb(255, 255, 255); padding-top: 30px; }
.icwtabs-wrapper .icwtabs-content .icwtab-content { display: none; transition: opacity 0.3s; }
.icwtabs-wrapper .icwtabs-content .icwtab-content.active { display: block; opacity: 1; }
.tab-lists { text-align: left; margin: 0px; padding: 0px; line-height: 1.4; }
.tab-lists * { color: rgb(255, 255, 255); }
.tab-lists li { border-bottom: 1px solid rgba(84, 82, 135, 0.435); }
.tab-lists .tab-list { display: grid; grid-template-columns: 100px auto; gap: 30px; padding: 15px 30px; }
@media (max-width: 767px) {
  .tab-lists .tab-list { gap: 20px; padding: 15px 0px; }
}
.tab-lists .tab-list strong { font-family: CentraNo1, sans-serif; color: rgb(140, 103, 255); font-size: 20px; }
.tab-lists .tab-list span { font-weight: 400; }
.tab-lists a.tab-list { cursor: pointer; transition: 0.3s ease-in-out; position: relative; }
.tab-lists a.tab-list::after { content: ""; position: absolute; top: 42%; right: 20px; display: inline-block; background: url("https://www.qodo.ai/themes/codium/assets/icons/chev-down-white.svg") right center / 12px no-repeat; width: 12px; height: 12px; transform: translate(-50%, 0%) rotate(270deg); opacity: 0; transition: 0.2s ease-in-out; }
.tab-lists a.tab-list:hover, .tab-lists a.tab-list:focus { background: rgba(155, 138, 252, 0.12); }
.tab-lists a.tab-list:hover::after, .tab-lists a.tab-list:focus::after { opacity: 1; right: 10px; }
.product-features { background: linear-gradient(118.6deg, rgba(10, 6, 60, 0.5) 16.04%, rgba(38, 29, 166, 0.008) 63.38%) center bottom; padding: 100px 15px; }
@media (max-width: 1023px) {
  .product-features { padding: 50px 15px; }
}
.product-features .container-100 { position: relative; margin: 0px auto; }
@media (max-width: 1023px) {
  .product-features .container-100 { width: 100%; }
}
.product-features--wrapper { width: 100%; max-width: 129.6rem; margin: auto; text-align: center; }
@media (max-width: 1023px) {
  .product-features--wrapper { width: 100%; }
}
.product-features--wrapper .product-features--background { position: absolute; left: -23rem; bottom: -3rem; width: 41.3rem; z-index: -1; }
@media (max-width: 1023px) {
  .product-features--wrapper .product-features--background { left: -8rem; bottom: -17rem; width: 22rem; }
}
.product-features.main-section { overflow: hidden; }
.product-features.main-section .product-features--background { left: auto; right: -10%; bottom: -3rem; transform: scaleX(-1); }
@media (max-width: 1023px) {
  .product-features.main-section .product-features--background { left: -6rem; bottom: -10rem; width: 29.3rem; }
}
.product-features.main-section .product-features--subtitle { color: rgb(255, 255, 255); max-width: 850px; }
.product-features--header { padding: 0px 2rem; }
.product-features--content { position: relative; z-index: 2; }
.product-features--title { font-size: 2.5vw; line-height: 1; font-weight: 700; text-align: center; margin-bottom: 1.6rem; }
@media (max-width: 1023px) {
  .product-features--title { font-size: 3.2rem; line-height: 110%; width: 100%; }
}
.product-features--subtitle { font-weight: 400; max-width: 79.6rem; line-height: 155%; margin: 0px auto; opacity: 0.6; font-size: 20px; }
@media (max-width: 991px) {
  .product-features--subtitle { font-size: 16px; }
}
.product-features--gradient { background: linear-gradient(to right, rgb(104, 75, 254) 0%, rgb(225, 120, 231) 75%, rgb(5, 229, 173) 100%) text; -webkit-text-fill-color: transparent; }
.product-features .card-icon-block { display: grid; gap: 20px; grid-template-columns: repeat(5, 1fr); padding: 60px 20px 0px; }
@media (max-width: 1023px) {
  .product-features .card-icon-block { gap: 20px; }
  .product-features .card-icon-block.m-row-scoll { overflow: auto hidden; flex-wrap: nowrap; scroll-snap-type: x mandatory; scroll-padding: 20px; }
  .product-features .card-icon-block.m-row-scoll .info-card { min-width: 210px; scroll-snap-align: start; scroll-snap-stop: always; }
}
.product-features .info-card { min-width: 210px; padding: 50px 15px 40px; display: block; background: url("https://www.qodo.ai/themes/codium/assets/images/card-bg.png") center center / 100% 100% no-repeat; text-align: center; margin-bottom: 10px; }
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
  .product-features .info-card { min-width: 170px; padding: 30px 15px; }
}
@media (max-width: 1023px) {
  .product-features .info-card { padding: 30px 15px; }
}
.product-features .info-card .card-icon { display: inline-block; border-radius: 80px; height: 82px; margin-bottom: 24px; transition: 0.2s ease-in-out; }
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
  .product-features .info-card .card-icon { height: 62px; }
  .product-features .info-card .card-icon img { max-width: 60px; }
}
@media (max-width: 1023px) {
  .product-features .info-card .card-icon { height: 62px; }
  .product-features .info-card .card-icon img { max-width: 60px; }
}
.product-features .info-card .card-icon.pink { box-shadow: rgba(255, 107, 156, 0.45) -13px -10px 70px, rgba(242, 136, 210, 0.57) -2.5px 4px 32px, rgb(255, 107, 156) 13px 13px 20px -6px inset, rgb(201, 136, 253) 2px -6px 6px inset; }
.product-features .info-card .card-icon.green { box-shadow: rgb(5, 229, 173) 0px 0px 11px, rgba(97, 238, 247, 0.33) -2.5px 4px 39px, rgba(5, 229, 173, 0.7) 2.5px -6.06111px 6px inset; }
.product-features .info-card .card-icon.blue { box-shadow: rgb(126, 93, 252) -2px 4px 36px, rgb(104, 75, 254) 0px 0px 11px, rgba(255, 107, 156, 0.5) 2.5px -6px 6px inset; }
.product-features .info-card .card-icon.purple { box-shadow: rgba(255, 107, 156, 0.45) -13px -10px 70px, rgb(92, 64, 249) -2.5px 4px 32px, rgb(255, 107, 156) 13px 13px 20px -6px inset, rgba(5, 229, 173, 0.7) 2.5px -6px 6px inset; }
.product-features .info-card .card-icon.red { box-shadow: rgba(255, 107, 156, 0.45) -13px -10px 70px, rgba(242, 136, 210, 0.57) -2.5px 4px 32px, rgb(255, 107, 156) 13px 13px 20px -6px inset, rgb(201, 136, 253) 2px -6px 6px inset; }
.product-features .info-card .card-content h3 { color: rgb(255, 255, 255); font-size: 18px; font-weight: 700; line-height: 1.4; }
.product-features .info-card:hover .card-icon, .product-features .info-card:focus .card-icon { transform: scale(1.15); }
.product-features a.info-card { transition: 0.2s ease-in-out; }
.product-features a.info-card:hover, .product-features a.info-card:focus { opacity: 0.8; }
.product-features .features-slider { padding: 50px 0px 0px; margin-left: -15px; margin-right: -15px; overflow: hidden; }
@media (min-width: 1200px) {
  .product-features .features-slider .container { width: auto; }
  .product-features .features-slider .features--slider .swiper-wrapper { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-wrap: wrap; gap: 20px; margin: 0px auto; }
}
.product-features .features-slider .swiper-slide { width: 245px; min-width: 245px; max-width: 245px; margin-left: 20px; }
@media (min-width: 1400px) {
  .product-features .features-slider .swiper-slide { width: 200px; min-width: 200px; max-width: 200px; }
}
@media (min-width: 1200px) {
  .product-features .features-slider .swiper-slide { margin-left: 0px; margin-right: 0px !important; }
}
@media (max-width: 992px) {
  .product-features .features-slider .swiper-slide { margin-left: 15px; }
}
.product-features .features-slider .swiper-slide:last-child { margin-right: 20px; }
@media (max-width: 992px) {
  .product-features .features-slider .swiper-slide:last-child { margin-right: 15px; }
}
.product-features .features-slider .swiper-slide .info-card { min-height: 245px; margin-bottom: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
@media (min-width: 1400px) {
  .product-features .features-slider .swiper-slide .info-card { min-height: 215px; }
}
.product-features .features-slider .icw-swiper-scrollbar { bottom: -15px; }
.product-features .features-slider .icw-swiper-scrollbar .swiper-scrollbar-drag { background: rgba(255, 255, 255, 0.5); }
.product-features.single-product-features .features-slider { margin-left: 0px; margin-right: 0px; }
.product-features .feature-boxes-block .feature-grid-box { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
@media (max-width: 1200px) {
  .product-features .feature-boxes-block .feature-grid-box { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
  .product-features .feature-boxes-block .feature-grid-box { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
  .product-features .feature-boxes-block .feature-grid-box { grid-template-columns: repeat(1, 1fr); }
}
.product-features .feature-boxes-block .feature-grid-box .info-card { display: flex; -webkit-box-align: center; align-items: center; padding: 20px; background: linear-gradient(0deg, rgba(1, 1, 42, 0.4) 0%, rgba(1, 1, 42, 0.4) 100%), linear-gradient(106deg, rgba(255, 255, 255, 0.4) 3.04%, rgba(255, 255, 255, 0) 99.23%); border-radius: 24px; position: relative; z-index: 1; margin-bottom: 0px; }
.product-features .feature-boxes-block .feature-grid-box .info-card::before { content: ""; inset: 0px; background: radial-gradient(circle at 100% 100%, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 0px 0px / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 100% 0px / 24px 24px no-repeat, radial-gradient(circle at 100% 0px, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 0px 100% / 24px 24px no-repeat, radial-gradient(circle at 0px 0px, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 100% 100% / 24px 24px no-repeat, linear-gradient(rgb(1, 1, 42), rgb(1, 1, 42)) 50% 50% / calc(100% - 4px) calc(100% - 48px) no-repeat, linear-gradient(rgb(1, 1, 42), rgb(1, 1, 42)) 50% 50% / calc(100% - 48px) calc(100% - 4px) no-repeat, repeating-linear-gradient(241deg, rgb(191, 181, 246) 0px, rgba(50, 50, 83, 0.37) 25%, rgb(124, 108, 229) 52%, rgb(65, 61, 116) 85%, rgb(105, 90, 202) 100%); border-radius: 24px; box-sizing: content-box; backdrop-filter: blur(36px); opacity: 0.75; position: absolute; z-index: -1; }
.product-features .feature-boxes-block .feature-grid-box .info-card div { line-height: 0.7; }
.product-features .feature-boxes-block .feature-grid-box .info-card .card-icon { margin-bottom: 0px; margin-right: 15px; width: 60px; height: 60px; -webkit-box-flex: 0; flex: 0 0 auto; }
.product-features .feature-boxes-block .feature-grid-box .info-card .card-icon img { max-width: 60px; }
.product-features .feature-boxes-block .feature-grid-box .info-card .card-content h3 { text-align: left; }
.product-features .feature-boxes-block .feature-grid-box .info-card .card-content h3 span { display: inline-block; }
.cta-flex-card-block { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-wrap: wrap; gap: 25px; max-width: 1080px; margin: 0px auto; }
@media (max-width: 600px) {
  .cta-flex-card-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
}
.cta-flex-card-block .info-card { min-width: 260px; padding: 35px 50px; -webkit-box-flex: 1; flex: 1 0 130px; display: flex; -webkit-box-align: center; align-items: center; gap: 40px; background: url("https://www.qodo.ai/themes/codium/assets/images/card-bg2.png") center center / 100% 100% no-repeat; text-align: center; }
@media (max-width: 600px) {
  .cta-flex-card-block .info-card { width: 100%; }
}
.cta-flex-card-block .info-card .card-icon { display: inline-block; border-radius: 80px; transition: 0.2s ease-in-out; height: 54px; }
.cta-flex-card-block .info-card .card-icon img { max-width: 54px; vertical-align: bottom; }
.cta-flex-card-block .info-card .card-icon.pink { box-shadow: rgba(255, 107, 156, 0.45) -13px -10px 70px, rgba(242, 136, 210, 0.57) -2.5px 4px 32px, rgb(255, 107, 156) 13px 13px 20px -6px inset, rgb(201, 136, 253) 2px -6px 6px inset; }
.cta-flex-card-block .info-card .card-icon.green { box-shadow: rgb(5, 229, 173) 0px 0px 11px, rgba(97, 238, 247, 0.33) -2.5px 4px 39px, rgba(5, 229, 173, 0.7) 2.5px -6.06111px 6px inset; }
.cta-flex-card-block .info-card .card-icon.blue { box-shadow: rgb(126, 93, 252) -2px 4px 36px, rgb(104, 75, 254) 0px 0px 11px, rgba(255, 107, 156, 0.5) 2.5px -6px 6px inset; }
.cta-flex-card-block .info-card .card-icon.purple { box-shadow: rgba(255, 107, 156, 0.45) -13px -10px 70px, rgb(92, 64, 249) -2.5px 4px 32px, rgb(255, 107, 156) 13px 13px 20px -6px inset, rgba(5, 229, 173, 0.7) 2.5px -6px 6px inset; }
.cta-flex-card-block .info-card .card-icon.red { box-shadow: rgba(255, 107, 156, 0.45) -13px -10px 70px, rgba(242, 136, 210, 0.57) -2.5px 4px 32px, rgb(255, 107, 156) 13px 13px 20px -6px inset, rgb(201, 136, 253) 2px -6px 6px inset; }
.cta-flex-card-block .info-card .card-content h3 { color: rgb(255, 255, 255); font-size: 18px; font-weight: 700; line-height: 1.4; }
.cta-flex-card-block .info-card:hover .card-icon, .cta-flex-card-block .info-card:focus .card-icon { transform: scale(1.15); }
.cta-flex-card-block a.info-card { transition: 0.2s ease-in-out; }
.cta-flex-card-block a.info-card:hover, .cta-flex-card-block a.info-card:focus { opacity: 0.8; }
.cta-flex-card-block.cta-flex-card-block-4 .info-card { min-width: 220px; padding: 35px; gap: 30px; }
@media (max-width: 992px) and (min-width: 768px) {
  .cta-flex-card-block.cta-flex-card-block-4 .info-card { min-width: 320px; }
}
@media (max-width: 767px) {
  .cta-flex-card-block.cta-flex-card-block-4 .info-card { min-width: 250px; }
}
.product-vision { background-image: url("https://www.qodo.ai/wp-content/uploads/2023/06/Untitled-1-e1685694856780.png"); padding: 17.6rem 2rem 13.9rem; background-size: 144.9rem; background-position: right -27px bottom 0px; background-repeat: no-repeat; text-align: center; overflow: hidden; }
@media (max-width: 1023px) {
  .product-vision { padding: 7.2rem 2rem 18.2rem; background-size: 100%; background-position: right 0px bottom 0px; background-image: url("https://www.qodo.ai/wp-content/uploads/2023/06/04-1-e1685694941557.png"); }
}
.product-vision h2.gradient-text { display: inline; }
.product-vision p.text-bigger { margin: 4rem 0px 8rem; }
@media (max-width: 1023px) {
  .product-vision p.text-bigger { margin: 1rem 0px 4rem; }
}
.product-vision .vision-wrapper { display: flex; -webkit-box-align: center; align-items: center; width: 108rem; margin: 0px auto; }
@media (max-width: 1023px) {
  .product-vision .vision-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; gap: 2rem; width: 100%; }
}
.product-vision .vision-wrapper--content { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 1em; width: 100%; max-width: 57.3rem; text-align: start; }
@media (max-width: 1023px) {
  .product-vision .vision-wrapper--content { width: 100%; gap: 0em; }
}
.product-vision .vision-wrapper--content .vision-title { font-weight: 700; font-size: 4.8rem; line-height: 1; margin-bottom: 4rem; }
@media (max-width: 1023px) {
  .product-vision .vision-wrapper--content .vision-title { font-size: 3.2rem; margin-bottom: 2.4rem; text-align: center; }
}
.product-vision .vision-wrapper--content .vision-subtitle { margin: 0px 0px 2rem; line-height: 120%; font-weight: 700; max-width: 47.8rem; font-size: 20px; }
@media (max-width: 991px) {
  .product-vision .vision-wrapper--content .vision-subtitle { font-size: 16px; }
}
@media (max-width: 1023px) {
  .product-vision .vision-wrapper--content .vision-subtitle { text-align: center; max-width: 100%; }
}
.product-vision .vision-wrapper--content .vision--desc { font-size: 1.8rem; font-weight: 400; line-height: 155%; }
.product-vision .vision-wrapper--content .vision--desc p:first-child { margin-top: 0px !important; }
@media (max-width: 1023px) {
  .product-vision .vision-wrapper--content .vision--desc p { text-align: center; }
}
.product-vision .vision-wrapper--content .vision--desc strong { font-weight: 700; }
@media (max-width: 1023px) {
  .product-vision .vision-wrapper--content .vision--desc { margin: 0px 0px 3rem; }
}
.product-vision .vision-wrapper--image { width: 50%; text-align: end; }
@media (max-width: 1023px) {
  .product-vision .vision-wrapper--image { width: 100%; }
}
.product-vision .vision-wrapper--image img { width: 85%; border-radius: 16px; }
@media (max-width: 1023px) {
  .product-vision .vision-wrapper--image img { width: 100%; display: block; }
}
.product-security { background: linear-gradient(118.6deg, rgba(10, 6, 60, 0.5) 16.04%, rgba(38, 29, 166, 0.008) 63.38%); padding: 100px 15px; text-align: center; }
@media (max-width: 1023px) {
  .product-security { padding: 50px 15px; background: linear-gradient(118.6deg, rgba(10, 6, 60, 0.5) 16.04%, rgba(38, 29, 166, 0.008) 63.38%), linear-gradient(92.2deg, rgba(26, 18, 126, 0.5) 21.31%, rgba(39, 29, 168, 0) 64.89%); }
}
.product-security .product-security--title { color: rgb(255, 255, 255); font-size: 3.2rem; line-height: 110%; }
@media (max-width: 1023px) {
  .product-security .product-security--title { font-size: 2.6rem; }
}
.product-security--content { margin-top: 6em; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2em; }
@media (max-width: 1023px) {
  .product-security--content { grid-template-columns: repeat(1, 1fr); gap: 2em; margin-top: 5.2rem; }
}
.product-security--content .content-box-icon { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 3rem; }
@media (max-width: 1023px) {
  .product-security--content .content-box-icon { gap: 0rem; }
}
.product-security--content .content-box-icon .image-wrapper { display: flex; width: 100%; height: 16rem; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.product-security--content .content-box-icon .image-wrapper img { height: 16rem; }
.product-security--content .content-box-icon .resize img { height: 13rem; }
.product-security--content .content-box-icon span.smaller { display: block; font-size: 14px; }
.product-security--content .content-box-icon p { font-size: 1.8rem; line-height: 132%; margin: 2rem 0px 2.8rem; }
.product-bug { background-color: rgb(1, 1, 42); padding: 100px 15px; text-align: center; overflow: hidden; }
@media (max-width: 1023px) {
  .product-bug { padding: 50px 15px; }
}
.product-bug .container { position: relative; width: 100%; max-width: 100.7rem; }
@media only screen and (min-width: 1441px) {
  .product-bug .container { width: 100.7rem; }
}
.product-bug .product-title { font-size: 4.8rem; line-height: 110%; }
@media (max-width: 1023px) {
  .product-bug .product-title { font-size: 3.2rem; }
}
.product-bug--bck { position: absolute; right: -24rem; top: 0rem; width: 33.3rem; z-index: -1; }
@media (max-width: 1023px) {
  .product-bug--bck { display: none; }
}
.product-bug .product-subtitle { line-height: 155%; font-weight: 400; opacity: 0.6; margin: 2rem 0px 8rem; font-size: 20px; }
@media (max-width: 991px) {
  .product-bug .product-subtitle { font-size: 16px; }
}
@media (max-width: 1023px) {
  .product-bug .product-subtitle { margin: 2.4rem 0px 4.8rem; }
}
.product-bug .bug-wrapper { display: flex; -webkit-box-align: center; align-items: center; width: 100.7rem; margin: 0px auto; }
@media (max-width: 1023px) {
  .product-bug .bug-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; -webkit-box-align: start; align-items: flex-start; gap: 3.2rem; width: 100%; }
}
.product-bug .bug-wrapper--content { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 50%; text-align: start; }
@media (max-width: 1023px) {
  .product-bug .bug-wrapper--content { width: 100%; -webkit-box-align: start; align-items: flex-start; }
}
.product-bug .bug-wrapper--content h3 { font-weight: 400; font-size: 1.8rem; margin: 0px 0px 1.6rem; line-height: 120%; }
@media (max-width: 1023px) {
  .product-bug .bug-wrapper--content h3 { text-align: center; }
}
.product-bug .bug-wrapper--content p { margin: 0px 0px 4rem; max-width: 44.1rem; }
@media (max-width: 1023px) {
  .product-bug .bug-wrapper--content p { margin: 0px 0px 4rem; max-width: 100%; }
}
@media (max-width: 1023px) {
  .product-bug .bug-wrapper--content .bug-button { text-align: center; }
}
.product-bug .bug-wrapper--content .bug-button a { background-color: rgb(50, 27, 178); border: 1px solid rgb(50, 27, 178); transition: 0.2s; line-height: 1.6rem; padding: 1.5rem 2.85rem; }
@media (max-width: 1023px) {
  .product-bug .bug-wrapper--content .bug-button a { text-align: center; }
}
.product-bug .bug-wrapper--content .bug-button a:hover { background-color: rgb(121, 98, 254); border: 1px solid rgb(121, 98, 254); color: rgb(255, 255, 255); }
.product-bug .bug-wrapper--image { width: 50%; text-align: end; }
@media (max-width: 1023px) {
  .product-bug .bug-wrapper--image { width: 100%; }
}
.product-bug .bug-wrapper--image img { width: 85%; border-radius: 16px; }
@media (max-width: 1023px) {
  .product-bug .bug-wrapper--image img { width: 100%; display: block; }
}
.product-qa { background: linear-gradient(118.6deg, rgba(10, 6, 60, 0.5) 16.04%, rgba(38, 29, 166, 0.008) 63.38%); padding: 100px 15px; text-align: center; z-index: 1; overflow: hidden; }
@media (max-width: 1023px) {
  .product-qa { padding: 50px 15px; }
}
.product-qa .container { position: relative; width: 100%; max-width: 108.6rem; }
.product-qa--bck { position: absolute; left: -39rem; top: -7rem; max-width: 45.7rem; width: 100%; }
.product-qa h2.gradient-text { display: inline; }
.product-qa .product-qa--title { font-size: 4.8rem; line-height: 110%; }
@media (max-width: 1023px) {
  .product-qa .product-qa--title { font-size: 3.2rem; }
}
.product-qa .product-qa--subtitle { line-height: 155%; font-weight: 400; opacity: 0.6; margin: 2rem 0px 6.4rem; font-size: 20px; }
@media (max-width: 991px) {
  .product-qa .product-qa--subtitle { font-size: 16px; }
}
@media (max-width: 1023px) {
  .product-qa .product-qa--subtitle { margin: 2.4rem 0px 4rem; }
}
.product-qa p.text-bigger { margin: 3rem 0px 10rem; }
@media (max-width: 1023px) {
  .product-qa p.text-bigger { padding: 0px 4rem; margin: 2rem 0px; }
}
.product-qa ul.faq { list-style: none; padding: 0px; margin: 4em 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 3rem; }
@media (max-width: 1023px) {
  .product-qa ul.faq { margin: 4rem 0px 6rem; gap: 2rem; }
}
.product-qa ul.faq .active { background-color: rgb(30, 15, 113); text-align: start; }
.product-qa ul.faq li:nth-child(n+4) { display: none; }
.product-qa ul.faq > li { border: 2px solid rgb(30, 15, 113); border-radius: 16px; padding: 3rem; }
@media (max-width: 1023px) {
  .product-qa ul.faq > li { padding: 2rem; }
}
.product-qa ul.faq > li .question { cursor: pointer; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; text-align: start; }
.product-qa ul.faq > li .question h3 { color: rgb(255, 255, 255); font-size: 2.4rem; line-height: 120%; }
@media (max-width: 1023px) {
  .product-qa ul.faq > li .question h3 { font-size: 4vw; width: 77%; }
}
.product-qa ul.faq > li .question .title-icon img { display: block; }
.product-qa ul.faq > li p { display: none; position: relative; text-align: left; font-size: 1.6rem; margin: 2rem 0px 0px; line-height: 1.5; }
.product-qa .more-qa-btn { display: flex; -webkit-box-pack: center; justify-content: center; }
.product-qa .more-qa-btn a { color: rgb(5, 229, 173); display: flex; gap: 0.8rem; font-size: 1.4rem; -webkit-box-align: center; align-items: center; }
.product-qa .more-qa-btn a img { width: 1.3rem; }
.product-qa .more-qa-btn a.close-faq img { transform: scale(-1); }
.product-qa ul.faq > li { padding: 2.4rem; }
.product-qa ul.faq > li .question h3 { font-size: 2rem; line-height: 1.4; }
.product-qa .title-icon img { width: 1.92rem; }
.product-qa ul.faq > li.active .title-icon .fa-minus { display: block; }
.product-qa ul.faq > li.active .title-icon .fa-plus { display: none; }
.product-waitlist { position: relative; padding: 13.8rem 0px 49rem; background-image: url("https://www.qodo.ai/wp-content/uploads/2023/05/Footer_01.png"); background-repeat: no-repeat; background-size: 144rem; background-position: center top; text-align: center; overflow: hidden; }
@media (max-width: 1023px) {
  .product-waitlist { background-image: url("https://www.qodo.ai/wp-content/uploads/2023/06/Group-1-2.png"); padding: 7.2rem 2rem 45vh; background-size: 100%; }
}
.product-waitlist.is-site-footer-inline-dark { padding-bottom: 13.8rem; }
@media (max-width: 1023px) {
  .product-waitlist.is-site-footer-inline-dark { padding-bottom: 7.2rem; }
}
.product-waitlist.is-site-footer-inline-dark .overlay-top { z-index: 1; }
.product-waitlist.is-site-footer-inline-dark .overlay { bottom: 0rem; z-index: 1; }
@media (max-width: 1023px) {
  .product-waitlist.is-site-footer-inline-dark .overlay { bottom: 0rem; }
}
.product-waitlist.is-site-footer-inline-dark #background-video-footer { top: 0px; }
.product-waitlist--img { position: absolute; bottom: -12rem; z-index: 65; display: block; max-width: 35rem; right: -19rem; }
@media (max-width: 1023px) {
  .product-waitlist--img { display: none; }
}
.product-waitlist .overlay-top { background: linear-gradient(rgb(2, 2, 44) 0%, rgba(2, 2, 44, 0) 100%); transform: matrix(-1, 0, 0, 1, 0, 0); position: absolute; width: 100%; height: 14vw; top: 0px; left: 0px; }
.product-waitlist .overlay { background: linear-gradient(rgb(2, 2, 44) 0%, rgba(2, 2, 44, 0) 100%); transform: rotate(180deg); position: absolute; width: 100%; height: 18rem; bottom: 33rem; left: 0px; }
@media (max-width: 1023px) {
  .product-waitlist .overlay { bottom: 23rem; }
}
.product-waitlist #background-video-footer { min-width: 100%; min-height: 100%; position: absolute; right: 0px; bottom: 0px; width: 100%; height: 100%; object-fit: cover; object-position: 0rem center; top: -34rem; }
@media (max-width: 1023px) {
  .product-waitlist #background-video-footer { right: -1rem; top: -16rem; object-position: center center; max-height: 63%; min-height: initial; }
}
.product-waitlist .container { z-index: 99; position: relative; }
.product-waitlist .waitlist--wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; width: 78rem; padding: 8rem 11rem; background: linear-gradient(0deg, rgba(1, 1, 42, 0.4), rgba(1, 1, 42, 0.4)), linear-gradient(105.87deg, rgba(255, 255, 255, 0.4) 3.04%, rgba(255, 255, 255, 0) 99.23%); background-blend-mode: overlay, normal, normal; box-shadow: rgb(100, 71, 255) -6px 6px 8px -6px inset, rgba(100, 71, 255, 0.7) 8px 8px 8px -8px inset, rgb(255, 255, 255) 2px 2px 9px -2px inset, rgb(100, 71, 255) 0px -6px 2px -4px inset, rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset; backdrop-filter: blur(40px); border-radius: 40px; text-align: start; margin: 0px auto; }
@media (max-width: 1023px) {
  .product-waitlist .waitlist--wrapper { width: 100%; padding: 3.2rem; text-align: center; background: url("https://www.qodo.ai/themes/codium/assets/css/.png"), linear-gradient(0deg, rgba(1, 1, 42, 0.4), rgba(1, 1, 42, 0.4)), linear-gradient(105.87deg, rgba(255, 255, 255, 0.4) 3.04%, rgba(255, 255, 255, 0) 99.23%); background-blend-mode: overlay, normal, normal; box-shadow: rgb(100, 71, 255) -6px 6px 8px -6px inset, rgba(100, 71, 255, 0.7) 8px 8px 8px -8px inset, rgb(255, 255, 255) 2px 2px 9px -2px inset, rgb(100, 71, 255) 0px -6px 2px -4px inset, rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset; backdrop-filter: blur(40px); border-radius: 32px; }
}
.product-waitlist .waitlist--wrapper h2.gradient-text { font-size: 4rem; line-height: 110%; }
@media (max-width: 1023px) {
  .product-waitlist .waitlist--wrapper h2.gradient-text { font-size: 3.2rem; }
}
.product-waitlist .waitlist--wrapper p.text-bigger { line-height: 1; padding-right: 1rem; margin: 1.6rem 0px 5.6rem; }
@media (max-width: 1023px) {
  .product-waitlist .waitlist--wrapper p.text-bigger { text-align: left; padding-right: 0rem; font-weight: 400; font-size: 1.8rem; line-height: 120%; margin: 2.4rem 0px 3.2rem; }
}
.product-waitlist .waitlist--wrapper .hubspot-product-form { padding-right: 3rem; }
@media (max-width: 1023px) {
  .product-waitlist .waitlist--wrapper .hubspot-product-form { padding-right: 0rem; }
}
@media (min-width: 1024px) {
  .product-waitlist .waitlist--wrapper .hubspot-product-form form { display: flex; flex-wrap: wrap; gap: 1em; }
  .product-waitlist .waitlist--wrapper .hubspot-product-form form .hs-email { width: 65%; -webkit-box-ordinal-group: 2; order: 1; }
  .product-waitlist .waitlist--wrapper .hubspot-product-form form .hs-submit { width: 30%; }
}
@media (max-width: 1023px) {
  .product-waitlist .waitlist--wrapper .hubspot-product-form form { margin-top: 0rem; }
}
.product-waitlist .waitlist--wrapper .hubspot-product-form form ::-webkit-input-placeholder { color: rgb(255, 255, 255); }
.product-waitlist .waitlist--wrapper .hubspot-product-form form ::placeholder { color: rgb(255, 255, 255); }
@media (max-width: 1023px) {
  .product-waitlist .waitlist--wrapper .hubspot-product-form form { text-align: left; }
}
.product-waitlist .waitlist--wrapper .hubspot-product-form form label { color: rgb(255, 255, 255); margin-bottom: 1rem; }
.product-waitlist .waitlist--wrapper .hubspot-product-form form input, .product-waitlist .waitlist--wrapper .hubspot-product-form form textarea, .product-waitlist .waitlist--wrapper .hubspot-product-form form select { background: transparent; border: none; width: 100%; font-family: CentraNo1, sans-serif; color: rgb(255, 255, 255); padding: 1rem !important; font-size: 1.8rem !important; resize: none !important; }
.product-waitlist .waitlist--wrapper .hubspot-product-form form .hs-error-msg { padding: 0px; font-size: 13px; color: rgb(255, 87, 34); }
.product-waitlist .waitlist--wrapper .hubspot-product-form form .hs-error-msgs { padding: 0px; margin: 0px; line-height: normal; }
.product-waitlist .waitlist--wrapper .hubspot-product-form form .hs-form-field { margin-bottom: 2rem; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
@media (max-width: 1023px) {
  .product-waitlist .waitlist--wrapper .hubspot-product-form form .hs-form-field { margin-bottom: 0rem; }
}
.product-waitlist .waitlist--wrapper .hubspot-product-form form .hs-form-field input { background: rgb(1, 1, 42); border: 2px solid rgb(104, 75, 254); border-radius: 8px; }
.product-waitlist .waitlist--wrapper .hubspot-product-form form .hs-submit { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; -webkit-box-ordinal-group: 3; order: 2; padding-top: 3.6rem; }
@media (max-width: 1023px) {
  .product-waitlist .waitlist--wrapper .hubspot-product-form form .hs-submit { -webkit-box-pack: center; justify-content: center; padding-top: 1rem; }
}
.product-waitlist .waitlist--wrapper .hubspot-product-form form .hs-submit .actions { width: 100%; }
.product-waitlist .waitlist--wrapper .hubspot-product-form form .hs-submit input[type="submit"] { background: rgb(5, 229, 173); border: 1px solid rgb(5, 229, 173); color: rgb(1, 1, 42); cursor: pointer; font-family: CentraNo1, sans-serif; border-radius: 21px; white-space: nowrap; width: auto; padding: 0.8rem 3rem !important; }
.product-waitlist .waitlist--wrapper .hubspot-product-form form .hs-submit input[type="submit"]:hover { background: rgb(0, 189, 133); }
.product-waitlist .waitlist--wrapper .hubspot-product-form form .hs_error_rollup { display: none !important; }
.product-waitlist .waitlist--wrapper .hubspot-product-form .submitted-message { color: rgb(255, 255, 255); }
@media (max-width: 1023px) {
  .product-waitlist .waitlist--wrapper h2.gradient-text { text-align: left; }
}
.product-waitlist .waitlist--wrapper .gform_wrapper { margin-top: 1em; }
@media (max-width: 1023px) {
  .product-waitlist .waitlist--wrapper .gform_wrapper { margin-top: 0.5em; }
}
.product-waitlist .waitlist--wrapper .gform-body input { background: rgb(1, 1, 42); border: 2px solid rgb(104, 75, 254); border-radius: 8px; padding: 1.4rem !important; line-height: 1 !important; }
.product-waitlist .waitlist--wrapper .gform-body .gfield--type-submit { align-self: flex-start; }
@media (max-width: 1023px) {
  .product-waitlist .waitlist--wrapper .gform-body .gfield--type-submit { width: 60%; margin: 0px auto; }
}
.product-waitlist .waitlist--wrapper .gform-body .gfield--type-submit input.gform-button { background: rgb(5, 229, 173); color: rgb(1, 1, 42); font-weight: 600; border-radius: 30px; border: 1px solid rgb(5, 229, 173); cursor: pointer; transition: 0.2s; font-size: 1.4rem !important; }
.product-waitlist .waitlist--wrapper .gform-body .gfield--type-submit input.gform-button:hover { background-color: rgb(0, 189, 133); }
.product-waitlist .waitlist--wrapper .gform-body .gform_fields { column-gap: 5%; }
.product-waitlist .waitlist--wrapper .gform_footer { padding: 0px !important; margin: 0px !important; }
@media (max-width: 1023px) {
  .site-footer-product { background-color: rgb(1, 1, 42) !important; }
}
.site-footer-product .ellipse { background-image: url("https://www.qodo.ai/wp-content/uploads/2023/06/Frame-48095526-1.png"); background-position: center top 26rem; background-size: cover; }
@media only screen and (min-width: 1360px) {
  .site-footer-product .ellipse { background-size: 109%; background-position: center bottom; }
}
@media only screen and (min-width: 1441px) {
  .site-footer-product .ellipse { background-position: center bottom -5rem; }
}
@media only screen and (min-width: 1600px) {
  .site-footer-product .ellipse { background-position: center bottom -10rem; }
}
@media only screen and (min-width: 1800px) {
  .site-footer-product .ellipse { background-size: 100%; background-position: center top 32rem; }
}
@media (max-width: 1023px) {
  .site-footer-product .ellipse { background-position: center top; background-image: url("https://www.qodo.ai/wp-content/uploads/2023/06/Mobile-footer-1.png") !important; }
}
.cms-page-header { padding-top: 24rem; background-image: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-4.webp"); background-repeat: no-repeat; position: relative; z-index: 1; padding-bottom: 0px; }
@media (max-width: 991px) {
  .cms-page-header { padding-top: 15rem; }
}
.cms-page-header.px-0 { padding-left: 0px; padding-right: 0px; }
.cms-page-header.title-mw-900 .container { max-width: 900px; margin: 0px auto; }
.cms-page-header.title-h1-sm .section-title h1 { font-size: 56px; }
@media (max-width: 991px) {
  .cms-page-header.title-h1-sm .section-title h1 { font-size: 32px; }
}
.cms-page-header .container { padding: 0px 15px; }
.cms-page-header .section-title { margin-bottom: 0px; z-index: 1; position: relative; }
.cms-page-header .section-title .page-tagline { margin-bottom: 30px; }
.cms-page-header .section-title .sort-info { padding-top: 10px; margin-bottom: 0px; }
.cms-page-header .section-title img { max-width: 100%; }
@media (max-width: 575px) {
  .cms-page-header .section-title .tagline-p-img { padding: 0px 50px; }
  .cms-page-header .section-title .tagline-p-img img { max-width: 60%; }
}
.cms-page-header.themebg { background-position: -20px 80%; background-size: 120px; }
.cms-page-header.themebg::before { position: absolute; right: 0px; background-image: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-1.png"); background-repeat: no-repeat; background-position: 102% 5%; background-size: 200px; }
.cms-page-header.themebg .section-title { padding-bottom: 60px; border-bottom: 1px solid rgb(233, 230, 250); }
.cms-page-header.graybg { background-image: url("https://www.qodo.ai/themes/codium/assets/images/gray-hero-bg.png"); background-size: cover; background-position: right center; background-repeat: no-repeat; position: relative; padding: 190px 0px 100px; z-index: 2; }
.cms-page-header.graybg::after { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-2.png") center center no-repeat; width: 120px; height: 115px; display: block; position: absolute; left: 5%; top: 210px; }
@media (max-width: 575px) {
  .cms-page-header.graybg::after { left: -10%; }
}
.cms-page-header.graybg::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-6.png") center center no-repeat; width: 160px; height: 265px; display: block; position: absolute; right: 0px; bottom: -50px; }
@media (max-width: 575px) {
  .cms-page-header.graybg::before { width: 90px; height: 185px; background-size: cover; }
}
.cms-page-header.bluedarkbg { padding-bottom: 100px; background-color: rgb(5, 4, 51) !important; background-image: none !important; }
@media (max-width: 991px) {
  .cms-page-header.bluedarkbg { padding-bottom: 50px; }
}
.cms-page-header.bluedarkbg :not(a) { color: rgb(255, 255, 255); }
.cms-page-header.bluedarkbg::after { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-2.png") center center no-repeat; width: 120px; height: 115px; display: block; position: absolute; left: 5%; top: 210px; }
@media (max-width: 575px) {
  .cms-page-header.bluedarkbg::after { left: -10%; }
}
.cms-page-header.bluedarkbg::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-6.png") center center no-repeat; width: 160px; height: 265px; display: block; position: absolute; right: 0px; bottom: -50px; }
@media (max-width: 575px) {
  .cms-page-header.bluedarkbg::before { width: 90px; height: 185px; background-size: cover; }
}
.cms-page-header.darkbg { background-color: rgb(1, 1, 42) !important; }
.cms-page-header.darkbg * { color: rgb(255, 255, 255) !important; }
.cms-page-header.bg-custom { background-position: center center; background-repeat: no-repeat; background-size: cover; padding-bottom: 100px; }
@media (max-width: 991px) {
  .cms-page-header.bg-custom { padding-bottom: 50px; }
}
.cms-page-header.bg-custom :not(a) { color: rgb(255, 255, 255); }
.cms-page-header.right-circle::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-6.png") center center no-repeat; width: 160px; height: 265px; display: block; position: absolute; right: 0px; bottom: -50px; }
@media (max-width: 575px) {
  .cms-page-header.right-circle::before { width: 90px; height: 185px; background-size: cover; }
}
.cms-page-header.cms-page-header-left .section-title { max-width: 980px; }
.cms-page-header.cms-page-header-left .section-title.text-center { text-align: left !important; }
.cms-page-header.cms-page-header-left .section-title .page-tagline a { display: flex; -webkit-box-align: center; align-items: center; color: rgb(142, 142, 167); font-size: 16px; font-weight: 400; gap: 8px; margin-bottom: 40px; transition: 0.3s ease-in-out; }
.cms-page-header.cms-page-header-left .section-title .page-tagline a svg { transition: 0.3s ease-in-out; }
.cms-page-header.cms-page-header-left .section-title .page-tagline a svg path { transition: 0.3s ease-in-out; }
.cms-page-header.cms-page-header-left .section-title .page-tagline a:hover, .cms-page-header.cms-page-header-left .section-title .page-tagline a:focus { color: rgb(255, 255, 255); }
.cms-page-header.cms-page-header-left .section-title .page-tagline a:hover svg, .cms-page-header.cms-page-header-left .section-title .page-tagline a:focus svg { transform: translateX(-5px); }
.cms-page-header.cms-page-header-left .section-title .page-tagline a:hover svg path, .cms-page-header.cms-page-header-left .section-title .page-tagline a:focus svg path { stroke: rgb(255, 255, 255); }
.cms-page-header.cms-page-header-left .section-title h1 { font-size: 40px; font-weight: 700; color: rgb(255, 255, 255); }
@media (max-width: 1023px) {
  .cms-page-header.cms-page-header-left .section-title h1 { font-size: 28px; }
}
.cms-page-header.cms-page-header-left .section-title h1.gradient-text { -webkit-text-fill-color: unset; background: transparent !important; }
.cms-page-header.cms-page-header-left .section-title .sort-info { padding-top: 0px; font-size: 18px; }
.cms-page-header.cms-page-header-left .section-title .sort-info p { color: rgba(255, 255, 255, 0.6); }
.main-section.nobg { background: none !important; }
.main-section.themebg { position: relative; }
.main-section.themebg::after { position: absolute; content: ""; width: 100%; height: 40rem; top: 0px; left: 0px; right: 0px; z-index: -2; background: linear-gradient(182deg, rgb(195, 185, 255) -85%, rgba(200, 191, 255, 0.92) -66%, rgba(255, 255, 255, 0) 78%); }
.main-section.whitebg { background: rgb(255, 255, 255) !important; }
.main-section.bluebg { background: rgb(11, 12, 73) !important; }
.main-section.bluebg :not(a) { color: rgb(255, 255, 255); }
.main-section.bluedarkbg { background: rgb(5, 4, 51) !important; }
.main-section.bluedarkbg :not(a) { color: rgb(255, 255, 255); }
.main-section.bluebgimg { background: url("https://www.qodo.ai/themes/codium/assets/images/blue-img-bg.jpg") right bottom / cover no-repeat rgb(11, 12, 73); position: relative; }
@media (max-width: 767px) {
  .main-section.bluebgimg { background: url("https://www.qodo.ai/themes/codium/assets/images/blue-img-bg-mobile.jpg") right bottom / cover no-repeat rgb(11, 12, 73); }
}
.main-section.bluebgimg * { color: rgb(255, 255, 255); }
.main-section.darkbg { background-color: rgb(1, 1, 42) !important; }
.main-section.darkbg * { color: rgb(255, 255, 255) !important; }
.main-section.bg-custom { background-position: center top; background-repeat: no-repeat; background-size: cover; }
.main-section .max-w-850 { max-width: 850px; margin: 0px auto; }
.main-section.s_shape_right { position: relative; }
.main-section.s_shape_right::after { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-shape-right.png") center center / cover no-repeat; width: 253px; height: 195px; display: block; position: absolute; right: 0px; top: 30%; z-index: -1; }
@media (max-width: 992px) {
  .main-section.s_shape_right::after { width: 110px; height: 85px; }
}
.main-section.s_shape_lefttop { position: relative; }
.main-section.s_shape_lefttop::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-1.png") center center / cover no-repeat; width: 201px; height: 153px; display: block; position: absolute; left: -70px; top: -75px; z-index: -1; }
@media (max-width: 992px) {
  .main-section.s_shape_lefttop::before { width: 100px; height: 76px; top: -35px; left: -35px; }
}
.main-section.bg-video { background: url("https://www.qodo.ai/themes/codium/assets/images/video-bg.jpg") center top / 100% 100% no-repeat rgb(255, 255, 255); position: relative; }
@media (max-width: 767px) {
  .main-section.bg-video { background: url("https://www.qodo.ai/themes/codium/assets/images/video-bg-m.jpg") center top / 100% 100% no-repeat rgb(255, 255, 255); }
}
.main-section.section-title-left > .container > .section-title { text-align: left !important; }
.main-section.section-title-center > .container > .section-title { text-align: center !important; }
.main-section.is-light * { color: rgb(255, 255, 255); }
.main-section.is-dark * { color: rgb(1, 1, 42); }
.main-section.is-dark .a-link { color: rgb(104, 75, 254); }
.number-list { counter-reset: list-number 0; padding: 0px; margin: 0px; }
.number-list li { position: relative; padding-left: 35px; margin-bottom: 25px; line-height: 1.5; }
.number-list li::before { width: 24px; height: 24px; min-width: 24px; min-height: 24px; background: url("https://www.qodo.ai/themes/codium/assets/images/list-circle-bg.png") center center no-repeat; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 50%; margin-right: 10px; color: rgb(255, 255, 255); font-weight: 700; font-size: 14px; counter-increment: list-number 1; content: counter(list-number); position: absolute; top: 2px; left: 0px; }
.number-list li span { color: rgb(104, 75, 254); }
.number-list li a { color: rgb(5, 229, 173); transition: 0.3s ease-in-out; text-underline-offset: 4px; }
.number-list li a:hover, .number-list li a:focus { color: rgb(1, 1, 42); text-decoration: underline; }
.check-list { padding: 0px; margin: 0px; }
.check-list li { position: relative; padding-left: 35px; margin-bottom: 20px; line-height: 1.5; }
.check-list li::before { background: url("https://www.qodo.ai/themes/codium/assets/icons/check-icon.svg") center center / 20px no-repeat; overflow: hidden; margin-right: 8px; content: ""; position: absolute; top: 4px; left: 0px; display: inline-block; }
.check-list li span { color: rgb(104, 75, 254); }
.check-list li a { color: rgb(5, 229, 173); transition: 0.3s ease-in-out; text-underline-offset: 4px; }
.check-list li a:hover, .check-list li a:focus { color: rgb(1, 1, 42); text-decoration: underline; }
.arrow-list { padding: 0px; margin: 0px; }
.arrow-list li { position: relative; padding-left: 35px; margin-bottom: 20px; line-height: 1.5; }
.arrow-list li::before { background: url("https://www.qodo.ai/themes/codium/assets/icons/icon-list-arrow.svg") center center / 20px no-repeat; overflow: hidden; margin-right: 8px; content: ""; position: absolute; top: 4px; left: 0px; display: inline-block; width: 20px; height: 20px; }
.arrow-list li span { color: rgb(104, 75, 254); }
.arrow-list li a { color: rgb(5, 229, 173); transition: 0.3s ease-in-out; text-underline-offset: 4px; }
.arrow-list li a:hover, .arrow-list li a:focus { color: rgb(1, 1, 42); text-decoration: underline; }
.square-check-list { padding: 0px; margin: 0px; }
.square-check-list li { position: relative; padding-left: 35px; margin-bottom: 20px; line-height: 1.5; color: rgb(103, 103, 126); }
.square-check-list li::before { background: url("https://www.qodo.ai/themes/codium/assets/icons/icon-square-check.svg") center center / 20px no-repeat; overflow: hidden; margin-right: 8px; content: ""; position: absolute; top: 4px; left: 0px; display: inline-block; width: 20px; height: 20px; }
.square-check-list li span { color: rgb(104, 75, 254); }
.square-check-list li a { color: rgb(5, 229, 173); transition: 0.3s ease-in-out; text-underline-offset: 4px; }
.square-check-list li a:hover, .square-check-list li a:focus { color: rgb(1, 1, 42); text-decoration: underline; }
.square-green-check-list { padding: 0px; margin: 0px; }
.square-green-check-list li { position: relative; padding-left: 35px; margin-bottom: 20px; line-height: 1.5; color: rgb(103, 103, 126); }
.square-green-check-list li::before { background: url("https://www.qodo.ai/themes/codium/assets/icons/icon-green-square-check.svg") center center / 20px no-repeat; overflow: hidden; margin-right: 8px; content: ""; position: absolute; top: 4px; left: 0px; display: inline-block; width: 20px; height: 20px; }
.square-green-check-list li span { color: rgb(104, 75, 254); }
.square-green-check-list li a { color: rgb(5, 229, 173); transition: 0.3s ease-in-out; text-underline-offset: 4px; }
.square-green-check-list li a:hover, .square-green-check-list li a:focus { color: rgb(1, 1, 42); text-decoration: underline; }
.action-block { margin-top: 30px; }
@media (min-width: 1220px) {
  .action-block { margin-left: 40px; }
}
.action-block .btn-green { text-transform: uppercase; padding: 20px 35px; font-weight: 700; font-family: CentraNo1, sans-serif; }
@media (max-width: 767px) {
  .action-block .btn-green { width: 100%; }
}
.bg-gradient-block { background: url("https://www.qodo.ai/themes/codium/assets/images/bg-gradient-block.png") center top / 100% 100% no-repeat rgb(230, 231, 253); border-radius: 20px; padding: 80px 40px; max-width: 740px; margin: 0px auto; position: relative; }
.bg-gradient-block.is-shape-left-bottom::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-1.png") center center / cover no-repeat; width: 201px; height: 153px; display: block; position: absolute; left: -70px; bottom: -75px; transform: rotate(35deg); }
@media (max-width: 992px) {
  .bg-gradient-block.is-shape-left-bottom::before { width: 100px; height: 76px; bottom: -35px; left: -35px; }
}
.dot-right-left { height: 235px; }
@media (min-width: 768px) {
  .dot-right-left { background: url("https://www.qodo.ai/themes/codium/assets/images/dot-right-left.svg") center center no-repeat; }
}
@media (max-width: 767px) {
  .dot-right-left { position: relative; height: 150px; }
  .dot-right-left .img-left { margin-left: -15px; }
  .dot-right-left::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1px; height: 100px; border-left: 2px dashed rgb(236, 233, 248); }
}
.dot-left-center { height: 235px; }
@media (min-width: 768px) {
  .dot-left-center { background: url("https://www.qodo.ai/themes/codium/assets/images/dot-left-center.svg") center center no-repeat; }
}
@media (max-width: 767px) {
  .dot-left-center { position: relative; height: 150px; }
  .dot-left-center .img-right { margin-right: -15px; }
  .dot-left-center::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1px; height: 100px; border-left: 2px dashed rgb(236, 233, 248); }
}
.only-video-block { max-width: 860px; margin: 0px auto; }
.btn-tabs { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-bottom: -15px; }
@media (max-width: 767px) {
  .btn-tabs { flex-wrap: wrap; }
}
.btn-tabs a { -webkit-box-flex: 0; flex: 0 0 auto; width: 33%; min-width: 250px; background: rgb(245, 243, 255); border: 1px solid rgb(237, 237, 237); border-radius: 8px; height: 64px; margin: 0px 15px 15px; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 18px; color: rgb(1, 1, 42); transition: 0.2s ease-in-out; text-align: center; white-space: nowrap; font-weight: 400; }
@media (max-width: 992px) {
  .btn-tabs a { font-size: 16px; padding: 10px 5px; margin: 0px 8px 15px; }
}
@media (max-width: 480px) {
  .btn-tabs a { margin: 0px 0px 15px; min-width: 100%; width: 100%; }
}
.btn-tabs a:hover, .btn-tabs a:focus, .btn-tabs a.active { background: rgb(90, 62, 236); border-color: rgb(90, 62, 236); color: rgb(255, 255, 255); font-weight: 700; }
.btn-tabs.btn-tab-blue a { background: rgb(121, 98, 254); border: 1px solid rgb(121, 98, 254); color: rgb(255, 255, 255); }
.btn-tabs.btn-tab-blue a:hover, .btn-tabs.btn-tab-blue a:focus, .btn-tabs.btn-tab-blue a.active { background: rgb(5, 229, 173); border-color: rgb(5, 229, 173); }
.two-content-section.is-light * { color: rgb(255, 255, 255); }
.two-content-section.is-light .check-list li { color: rgb(255, 255, 255) !important; }
.two-content-section.is-light .check-list li strong { color: rgb(255, 255, 255) !important; }
.two-content-section.is-light .section-title .sort-info p { color: rgb(255, 255, 255); }
.two-content-section.is-light .bottom-content-block .sort-info, .two-content-section.is-light .bottom-content-block .sort-info p { color: rgb(255, 255, 255); font-size: 18px; }
@media (max-width: 767px) {
  .two-content-section.d-md-none-left .left-content-block { display: none !important; }
  .two-content-section.d-md-none-right .right-content-block { display: none !important; }
}
.two-content-section.left-align-self-center .left-content-block { align-self: center; }
.two-content-section.right-align-self-center .right-content-block { align-self: center; }
.two-content-section > .container > .section-title { text-align: center; margin-bottom: 50px; }
@media (max-width: 992px) {
  .two-content-section > .container > .section-title { margin-bottom: 30px; }
}
.two-content-section .two-content-block { display: grid; gap: 60px; grid-template-columns: repeat(2, 1fr); }
.two-content-section .two-content-block.col-30-70 { grid-template-columns: 30fr 70fr; }
.two-content-section .two-content-block.col-40-60 { grid-template-columns: 40fr 60fr; }
.two-content-section .two-content-block.col-45-55 { grid-template-columns: 45fr 55fr; }
.two-content-section .two-content-block.col-50-50 { grid-template-columns: repeat(2, 1fr); }
.two-content-section .two-content-block.col-60-40 { grid-template-columns: 60fr 40fr; }
.two-content-section .two-content-block.col-70-30 { grid-template-columns: 70fr 30fr; }
.two-content-section .two-content-block.col-100 { grid-template-columns: repeat(1, 1fr); }
@media (max-width: 1400px) {
  .two-content-section .two-content-block { gap: 50px; }
}
@media (max-width: 992px) {
  .two-content-section .two-content-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; grid-template-columns: repeat(1, 1fr) !important; }
  .two-content-section .two-content-block .m-order-md-1 { -webkit-box-ordinal-group: 2; order: 1; }
  .two-content-section .two-content-block .m-order-md-2 { -webkit-box-ordinal-group: 3; order: 2; }
  .two-content-section .two-content-block .m-order-md-3 { -webkit-box-ordinal-group: 4; order: 3; }
}
@media (max-width: 767px) {
  .two-content-section .two-content-block .column-reverse-m { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; }
  .two-content-section .two-content-block .m-order-1 { -webkit-box-ordinal-group: 2; order: 1; }
  .two-content-section .two-content-block .m-order-2 { -webkit-box-ordinal-group: 3; order: 2; }
  .two-content-section .two-content-block .m-order-3 { -webkit-box-ordinal-group: 4; order: 3; }
}
.two-content-section .bottom-content-block { padding-top: 100px; }
.two-content-section .bottom-content-block .sort-info { color: rgba(1, 1, 42, 0.8); font-size: 18px; max-width: 1080px; margin: 0px auto; line-height: 1.6; }
.two-content-section.bottom-content-pt20 .bottom-content-block { padding-top: 20px; }
.two-content-section.bottom-content-pt20 .bottom-content-block .sort-info { max-width: 100%; }
.table-data-section .section-title { margin-bottom: 35px; }
.table-data-section .section-title h2 { margin-bottom: 25px; }
.table-data-section .section-title .sort-info { max-width: 830px; margin: 0px auto; font-weight: 400; font-size: 16px; color: rgba(1, 1, 42, 0.6); }
.table-data-block { background: url("https://www.qodo.ai/themes/codium/assets/images/bg-table-data.jpg") center top / 100% 100% no-repeat rgb(230, 231, 253); border-radius: 35px; padding: 30px 40px; max-width: 740px; margin: 0px auto; box-shadow: rgba(228, 225, 252, 0.45) 0px 1px 1px 2px; }
@media (max-width: 992px) {
  .table-data-block { border-radius: 12px; padding: 10px 5px; }
}
.table-data-block .table-block .table-row { display: grid; grid-template-columns: 24px auto; gap: 20px; -webkit-box-align: center; align-items: center; border-radius: 15px; background: rgb(255, 255, 255); padding: 10px 20px; margin-bottom: 5px; }
.table-data-block .table-block .table-row:last-child { margin-bottom: 0px; }
.table-data-block .table-block .table-row:nth-child(2n) { background: rgba(255, 255, 255, 0.6); }
@media (max-width: 575px) {
  .table-data-block .table-block .table-row { margin-bottom: 8px; padding: 15px; }
}
.table-data-block .table-block a.table-row { transition: 0.3s ease-in-out; color: rgba(1, 1, 42, 0.6); }
.table-data-block .table-block a.table-row:hover, .table-data-block .table-block a.table-row:focus { transform: scale(1.03); color: rgb(121, 98, 254); }
.table-data-block .table-block a.table-row:hover.table-header, .table-data-block .table-block a.table-row:focus.table-header { transform: none; }
.table-data-block .table-block a.table-row:hover .name, .table-data-block .table-block a.table-row:focus .name { color: rgb(121, 98, 254); }
.table-data-block .table-block a.table-row:hover .pr, .table-data-block .table-block a.table-row:focus .pr { text-decoration: underline; color: rgb(121, 98, 254); }
.table-data-block .table-block .table-col { display: grid; grid-template-columns: auto 20% 25%; -webkit-box-align: center; align-items: center; }
@media (max-width: 575px) {
  .table-data-block .table-block .table-col { grid-template-columns: repeat(2, 1fr); }
  .table-data-block .table-block .table-col :first-child { grid-column: 1 / -1; }
}
.table-data-block .table-block .table-header { font-weight: 400; font-size: 14px; color: rgba(1, 1, 42, 0.6); background: transparent; padding: 0px 30px; margin-bottom: 10px; }
.table-data-block .table-block .table-header .table-col div:first-child { text-align: left; }
@media (max-width: 575px) {
  .table-data-block .table-block .table-header { display: none; }
}
.table-data-block .table-block .table-body { font-weight: 400; font-size: 16px; color: rgba(1, 1, 42, 0.6); overflow-y: auto; padding: 0px 10px 10px; max-height: calc(-200px + 100vh); box-sizing: border-box; scrollbar-width: thin; }
.table-data-block .table-block .table-body::-webkit-scrollbar { background-color: transparent; width: 6px; height: 6px; border-radius: 16px; }
.table-data-block .table-block .table-body::-webkit-scrollbar-thumb { background-color: rgb(152, 152, 170); border-radius: 16px; }
.table-data-block .table-block .table-body::-webkit-scrollbar-track { background-color: rgb(238, 238, 238); }
.table-data-block .table-block .table-body span { display: none; color: rgba(1, 1, 42, 0.6); font-weight: 400; font-size: 12px; margin-bottom: 2px; }
@media (max-width: 575px) {
  .table-data-block .table-block .table-body span { display: block; }
}
.table-data-block .table-block .table-body .number { font-weight: 700; color: rgb(1, 1, 42); font-size: 12px; border: 1px solid rgb(224, 219, 238); display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; max-width: 24px; min-width: 24px; min-height: 24px; border-radius: 50%; }
.table-data-block .table-block .table-body .number.gradient-bg { background: url("https://www.qodo.ai/themes/codium/assets/images/number-list-bg.png") center center / cover no-repeat; border-color: transparent; color: rgb(255, 255, 255); }
.table-data-block .table-block .table-body .username { display: inline-flex; -webkit-box-align: center; align-items: center; }
.table-data-block .table-block .table-body .username .user-img { max-width: 40px; min-width: 40px; min-height: 40px; border-radius: 8px; overflow: hidden; line-height: 0.7; margin-right: 12px; }
.table-data-block .table-block .table-body .username .user-img img { width: 100%; }
.table-data-block .table-block .table-body .username .name { font-weight: 700; color: rgb(1, 1, 42); }
@media (max-width: 575px) {
  .table-data-block .table-block .table-body .username { margin-bottom: 10px; }
}
.table-content-block { background: url("https://www.qodo.ai/themes/codium/assets/images/bg-table-data.jpg") center top / 100% 100% no-repeat rgb(230, 231, 253); padding: 30px; margin: 0px auto; box-shadow: rgba(228, 225, 252, 0.45) 0px 1px 1px 2px; border-radius: 15px; }
@media (max-width: 767px) {
  .table-content-block { padding: 20px; }
}
.table-content-block .table-block.is-overflow-auto { padding: 0px 10px 10px; max-height: calc(-350px + 100vh); box-sizing: border-box; overflow-y: auto !important; }
@media (max-width: 767px) {
  .table-content-block .table-block { overflow: auto hidden; }
}
.table-content-block .table { width: 100%; background: rgb(255, 255, 255); border-radius: 15px; }
@media (max-width: 767px) {
  .table-content-block .table { width: 1000px; }
}
.table-content-block .table thead tr th { padding: 20px 15px; white-space: nowrap; border-bottom: 1px solid rgba(1, 1, 42, 0.1); width: 25%; font-weight: 400; font-size: 14px; color: rgba(1, 1, 42, 0.6); }
.table-content-block .table thead tr th:first-child { padding-left: 20px; }
.table-content-block .table thead tr th:last-child { padding-right: 20px; }
@media (max-width: 767px) {
  .table-content-block .table thead tr th { padding: 15px 10px; }
}
.table-content-block .table tbody tr td { padding: 15px; width: 25%; font-size: 16px; border-bottom: 1px solid rgba(1, 1, 42, 0.1); vertical-align: baseline; }
@media (max-width: 767px) {
  .table-content-block .table tbody tr td { padding: 10px; }
}
.table-content-block .table tbody tr td:first-child { white-space: nowrap; padding-left: 20px; font-weight: 700; }
.table-content-block .table tbody tr td:last-child { padding-right: 20px; }
.table-content-block .table tbody tr td span { display: block; text-align: center; }
.table-content-block .table tbody tr:last-child td { border-bottom: none; }
.subscribe-section { background: url("https://www.qodo.ai/themes/codium/assets/images/subscribe-bg.png") right top / 30% no-repeat rgb(5, 4, 51); padding: 100px 0px; position: relative; z-index: 1; }
@media (max-width: 991px) {
  .subscribe-section { padding: 50px 0px; }
}
.subscribe-section .container { padding: 0px 15px; max-width: 1080px; }
.subscribe-section .row-block { display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px; -webkit-box-align: center; align-items: center; }
@media (max-width: 767px) {
  .subscribe-section .row-block { gap: 15px; grid-template-columns: 1fr; padding: 30px; background: linear-gradient(0deg, rgba(1, 1, 42, 0.4), rgba(1, 1, 42, 0.4)), linear-gradient(105.87deg, rgba(255, 255, 255, 0.4) 3.04%, rgba(255, 255, 255, 0) 99.23%); background-blend-mode: overlay, normal, normal; box-shadow: rgb(100, 71, 255) -6px 6px 8px -6px inset, rgba(100, 71, 255, 0.7) 8px 8px 8px -8px inset, rgb(255, 255, 255) 2px 2px 9px -2px inset, rgb(100, 71, 255) 0px -6px 2px -4px inset, rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset; backdrop-filter: blur(40px); border-radius: 30px; }
}
.subscribe-section .section-title { color: rgb(255, 255, 255); }
.subscribe-section .section-title * { color: rgb(255, 255, 255); }
.subscribe-section .section-title .sort-info { color: rgba(255, 255, 255, 0.8); }
@media (max-width: 767px) {
  .subscribe-section .icw-hubspot-form-wrapper { background: transparent !important; padding: 0px !important; }
}
.icw-hubspot-form-wrapper { padding: 50px; background: url("https://www.qodo.ai/themes/codium/assets/images/subscribe-from-bg.png") center top / 100% 100% no-repeat; color: rgb(255, 255, 255); }
@media (max-width: 767px) {
  .icw-hubspot-form-wrapper { padding: 30px; }
}
.icw-hubspot-form-wrapper h3 { font-size: 22px; color: rgb(255, 255, 255); margin-bottom: 30px; }
.icw-hubspot-form-wrapper .hubspot-form { margin-top: 0px; }
@media (min-width: 1024px) {
  .icw-hubspot-form-wrapper .hubspot-form form { display: flex; flex-wrap: wrap; }
}
.icw-hubspot-form-wrapper .hubspot-form form ::-webkit-input-placeholder { color: rgb(255, 255, 255); }
.icw-hubspot-form-wrapper .hubspot-form form ::placeholder { color: rgb(255, 255, 255); }
@media (max-width: 1023px) {
  .icw-hubspot-form-wrapper .hubspot-form form { text-align: left; }
}
.icw-hubspot-form-wrapper .hubspot-form form label { color: rgb(255, 255, 255); margin-bottom: 0.5rem; padding-left: 0px; }
.icw-hubspot-form-wrapper .hubspot-form form .hs-error-msg { padding: 0px; font-size: 13px; color: rgb(255, 87, 34); }
.icw-hubspot-form-wrapper .hubspot-form form .hs-error-msgs { padding: 0px; margin: 0px; line-height: normal; }
.icw-hubspot-form-wrapper .hubspot-form form .hs-form-field { margin-bottom: 1.5rem; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; }
.icw-hubspot-form-wrapper .hubspot-form form .hs-form-field input, .icw-hubspot-form-wrapper .hubspot-form form .hs-form-field textarea, .icw-hubspot-form-wrapper .hubspot-form form .hs-form-field .select2-selection { background: rgb(1, 1, 42); border: 2px solid rgb(104, 75, 254); border-radius: 8px; }
.icw-hubspot-form-wrapper .hubspot-form form .hs-form-field.hs-fieldtype-booleancheckbox .inputs-list { margin: 0px; padding: 0px; }
.icw-hubspot-form-wrapper .hubspot-form form .hs-form-field.hs-fieldtype-booleancheckbox .hs-form-booleancheckbox label { display: flex; line-height: 1.3; font-size: 14px; }
.icw-hubspot-form-wrapper .hubspot-form form .hs-form-field.hs-fieldtype-booleancheckbox .hs-form-booleancheckbox label input.hs-input { width: 18px; height: 18px; padding: 0px; margin: 0px 10px 0px 0px; }
.icw-hubspot-form-wrapper .hubspot-form form .hs-form-field.hs-fieldtype-booleancheckbox .hs-form-booleancheckbox label a { color: rgb(104, 75, 254); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.icw-hubspot-form-wrapper .hubspot-form form .hs-form-field.hs-fieldtype-booleancheckbox .hs-form-booleancheckbox label a:hover, .icw-hubspot-form-wrapper .hubspot-form form .hs-form-field.hs-fieldtype-booleancheckbox .hs-form-booleancheckbox label a:focus { text-underline-offset: 4px; }
.icw-hubspot-form-wrapper .hubspot-form form .hs-submit { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; -webkit-box-ordinal-group: 3; order: 2; }
@media (max-width: 1023px) {
  .icw-hubspot-form-wrapper .hubspot-form form .hs-submit { -webkit-box-pack: center; justify-content: center; }
}
.icw-hubspot-form-wrapper .hubspot-form form .hs-submit .actions { width: 100%; }
.icw-hubspot-form-wrapper .hubspot-form form .hs-submit input[type="submit"] { background: rgb(5, 229, 173); border: 1px solid rgb(5, 229, 173); color: rgb(1, 1, 42); font-family: CentraNo1, sans-serif; border-radius: 21px; white-space: nowrap; cursor: pointer; padding: 0.8rem 3rem !important; margin-top: 0px !important; }
.icw-hubspot-form-wrapper .hubspot-form form .hs-submit input[type="submit"]:hover { background: rgb(0, 189, 133); }
.icw-hubspot-form-wrapper .hubspot-form form .hubspot-form .select2.select2-container .select2-selection__arrow { top: 10px !important; }
.icw-hubspot-form-wrapper .hubspot-form form .hs_error_rollup { display: none !important; }
.icw-hubspot-form-wrapper .hubspot-form .submitted-message { color: rgb(255, 255, 255); }
.with-graybg-content-block { background: url("https://www.qodo.ai/themes/codium/assets/images/graybg-list-bg.jpg") center center / cover no-repeat; height: 100%; padding: 70px; border-radius: 25px; overflow: hidden; position: relative; z-index: 1; color: rgb(255, 255, 255); }
@media (max-width: 1440px) {
  .with-graybg-content-block { padding: 50px; }
}
@media (max-width: 767px) {
  .with-graybg-content-block { padding: 25px; }
}
.with-bg-content-block { background: url("https://www.qodo.ai/themes/codium/assets/images/gradient-list-bg.jpg") center center / cover no-repeat; height: 100%; padding: 70px; border-radius: 25px; overflow: hidden; position: relative; z-index: 1; color: rgb(255, 255, 255); }
@media (max-width: 1440px) {
  .with-bg-content-block { padding: 50px; }
}
@media (max-width: 767px) {
  .with-bg-content-block { padding: 25px; }
}
.with-bg-content-block::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-7.png") center center / cover no-repeat; width: 190px; height: 153px; display: block; position: absolute; right: -10px; top: 150px; z-index: -1; animation: 5s linear 0s infinite normal none running animationScale; }
@media (max-width: 767px) {
  .with-bg-content-block::before { content: none; }
}
.with-bg-content-block .section-title { color: rgb(255, 255, 255); }
.with-bg-content-block .section-title * { color: rgb(255, 255, 255); }
.with-bg-content-block .sort-info { color: rgb(255, 255, 255); line-height: 1.5; font-size: 18px; }
.with-bg-content-block .sort-info p { color: rgb(255, 255, 255); }
@-webkit-keyframes animationScale { 
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}
@keyframes animationScale { 
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}
.with-bg-number-list { counter-reset: list-number 0; margin: 30px 0px 0px; padding: 0px; }
.with-bg-number-list li { position: relative; margin-bottom: 10px; line-height: 1.5; background: rgb(255, 255, 255); border-radius: 15px; padding: 20px; }
@media (max-width: 767px) {
  .with-bg-number-list li { padding: 15px; font-size: 16px; }
}
.with-bg-number-list li:last-child { margin-bottom: 0px; }
.with-bg-number-list li div { position: relative; padding-left: 35px; display: inline-flex; }
.with-bg-number-list li div::before { width: 24px; height: 24px; min-width: 24px; min-height: 24px; background: url("https://www.qodo.ai/themes/codium/assets/images/number-bg.png") center center no-repeat; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 50%; margin-right: 10px; color: rgb(255, 255, 255); font-weight: 700; font-size: 12px; counter-increment: list-number 1; content: counter(list-number); position: absolute; top: 2px; left: 0px; }
@media (max-width: 767px) {
  .with-bg-number-list li div::before { top: 0px; }
}
.with-bg-number-list li div span { color: rgb(104, 75, 254); }
.with-bg-number-list li div a { color: rgb(5, 229, 173); transition: 0.3s ease-in-out; }
.with-bg-number-list li div a:hover, .with-bg-number-list li div a:focus { color: rgb(1, 1, 42); }
.body-entry-content .global-page a { color: rgb(104, 75, 254); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.body-entry-content .global-page a:hover, .body-entry-content .global-page a:focus { text-underline-offset: 4px; }
.body-entry-content .global-page h1, .body-entry-content .global-page .h1 { font-size: 4rem; font-weight: 700; margin-bottom: 40px; }
@media (max-width: 1023px) {
  .body-entry-content .global-page h1, .body-entry-content .global-page .h1 { font-size: 8vw; }
}
.body-entry-content .global-page h2, .body-entry-content .global-page .h2 { font-size: 2.6rem; color: rgb(155, 138, 252); font-weight: 700; }
@media (max-width: 1023px) {
  .body-entry-content .global-page h2, .body-entry-content .global-page .h2 { font-size: 6vw; }
}
.body-entry-content .global-page ul { list-style-type: disc; padding-left: 18px; }
.body-entry-content .global-page ul li::marker { color: rgb(155, 138, 252); }
.body-entry-content .global-page ol { list-style-type: decimal; list-style-position: inside; padding-left: 0px; }
.body-entry-content .global-page ol li::marker { color: rgb(155, 138, 252); }
.main-section.product-qa { padding: 100px 0px; position: relative; z-index: 1; }
@media (max-width: 991px) {
  .main-section.product-qa { padding: 50px 0px; }
}
.campare-table-section .table-block .logo-codium { background: url("https://www.qodo.ai/themes/codium/assets/images/codium-logo.svg?new") center center / contain no-repeat; display: inline-block; width: 138px; height: 30px; }
@media (max-width: 992px) {
  .campare-table-section .table-block .logo-codium { width: 120px; height: 30px; }
}
.campare-table-section .table-block .logo-chatgpt { background: url("https://www.qodo.ai/themes/codium/assets/images/chatgpt-logo.svg") center center / contain no-repeat; display: inline-block; width: 125px; height: 38px; }
@media (max-width: 992px) {
  .campare-table-section .table-block .logo-chatgpt { width: 100px; height: 30px; }
}
.campare-table-section .table-block .icon-close { background: url("https://www.qodo.ai/themes/codium/assets/icons/icon-circle-close.svg") center center / contain no-repeat; display: inline-block; width: 24px; height: 24px; }
.campare-table-section .table-block .icon-check { background: url("https://www.qodo.ai/themes/codium/assets/icons/icon-circle-check.svg") center center / contain no-repeat; display: inline-block; width: 24px; height: 24px; }
.campare-table-section .table-block.three-logo-col-table .table-header { grid-template-columns: 1fr auto; }
@media (max-width: 767px) {
  .campare-table-section .table-block.three-logo-col-table .table-header { grid-template-columns: 100%; }
}
.campare-table-section .table-block.three-logo-col-table .table-header .col-inner-grid { grid-template-columns: repeat(3, 190px); gap: 14px; }
@media (max-width: 992px) {
  .campare-table-section .table-block.three-logo-col-table .table-header .col-inner-grid { grid-template-columns: repeat(3, 140px); }
}
@media (max-width: 767px) {
  .campare-table-section .table-block.three-logo-col-table .table-header .col-inner-grid { grid-template-columns: repeat(3, 1fr); }
  .campare-table-section .table-block.three-logo-col-table .table-header .col-inner-grid div:last-child { grid-column: unset; }
}
.campare-table-section .table-block.three-logo-col-table .table-header .col-inner-grid .col-github, .campare-table-section .table-block.three-logo-col-table .table-header .col-inner-grid .col-bitbucket, .campare-table-section .table-block.three-logo-col-table .table-header .col-inner-grid .col-gitlab { padding: 30px 20px 20px; }
.campare-table-section .table-block.three-logo-col-table .table-header .col-inner-grid .col-github .logo, .campare-table-section .table-block.three-logo-col-table .table-header .col-inner-grid .col-bitbucket .logo, .campare-table-section .table-block.three-logo-col-table .table-header .col-inner-grid .col-gitlab .logo { width: 74px; height: 74px; }
.campare-table-section .table-block.three-logo-col-table .table-body .table-row { grid-template-columns: 1fr auto; }
@media (max-width: 767px) {
  .campare-table-section .table-block.three-logo-col-table .table-body .table-row { grid-template-columns: 100%; }
}
.campare-table-section .table-block.three-logo-col-table .table-body .table-row .col-inner-grid { gap: 14px; grid-template-columns: repeat(3, 190px); }
@media (max-width: 992px) {
  .campare-table-section .table-block.three-logo-col-table .table-body .table-row .col-inner-grid { grid-template-columns: repeat(3, 140px); }
}
@media (max-width: 767px) {
  .campare-table-section .table-block.three-logo-col-table .table-body .table-row .col-inner-grid { grid-template-columns: repeat(3, 1fr); }
  .campare-table-section .table-block.three-logo-col-table .table-body .table-row .col-inner-grid div:last-child { grid-column: unset; }
}
@media (max-width: 767px) {
  .campare-table-section .table-block.three-logo-col-table .table-body .table-row .col-inner-grid .col-github, .campare-table-section .table-block.three-logo-col-table .table-body .table-row .col-inner-grid .col-bitbucket, .campare-table-section .table-block.three-logo-col-table .table-body .table-row .col-inner-grid .col-gitlab { padding: 10px 10px 20px; }
  .campare-table-section .table-block.three-logo-col-table .table-body .table-row .col-inner-grid .col-github .img, .campare-table-section .table-block.three-logo-col-table .table-body .table-row .col-inner-grid .col-bitbucket .img, .campare-table-section .table-block.three-logo-col-table .table-body .table-row .col-inner-grid .col-gitlab .img { margin-bottom: 5px; }
}
@media (max-width: 575px) {
  .campare-table-section .table-block.three-logo-col-table .table-body .table-row .col-inner-grid .col-github, .campare-table-section .table-block.three-logo-col-table .table-body .table-row .col-inner-grid .col-bitbucket, .campare-table-section .table-block.three-logo-col-table .table-body .table-row .col-inner-grid .col-gitlab { padding: 5px 10px 15px; }
  .campare-table-section .table-block.three-logo-col-table .table-body .table-row .col-inner-grid .col-github .img, .campare-table-section .table-block.three-logo-col-table .table-body .table-row .col-inner-grid .col-bitbucket .img, .campare-table-section .table-block.three-logo-col-table .table-body .table-row .col-inner-grid .col-gitlab .img { margin-bottom: 5px; }
}
@media (max-width: 575px) {
  .campare-table-section .table-block.three-logo-col-table .table-body .table-row .col-inner-grid .col-github .logo, .campare-table-section .table-block.three-logo-col-table .table-body .table-row .col-inner-grid .col-bitbucket .logo, .campare-table-section .table-block.three-logo-col-table .table-body .table-row .col-inner-grid .col-gitlab .logo { width: 54px; height: 54px; }
}
.campare-table-section .table-block .table-header { display: grid; grid-template-columns: 290px auto; border-bottom: 1px solid rgb(233, 230, 250); }
@media (max-width: 992px) {
  .campare-table-section .table-block .table-header { grid-template-columns: 190px auto; }
}
@media (max-width: 767px) {
  .campare-table-section .table-block .table-header { display: none; }
}
.campare-table-section .table-block .table-header .col-parameter { align-self: flex-end; color: rgb(142, 142, 167); font-size: 14px; padding: 20px 25px 20px 10px; }
@media (max-width: 992px) {
  .campare-table-section .table-block .table-header .col-parameter { padding: 15px 15px 15px 8px; }
}
.campare-table-section .table-block .table-header .col-inner-grid { display: grid; grid-template-columns: 190px 190px auto; gap: 7px; -webkit-box-align: stretch; align-items: stretch; }
@media (max-width: 992px) {
  .campare-table-section .table-block .table-header .col-inner-grid { grid-template-columns: 140px 140px auto; gap: 5px; }
}
.campare-table-section .table-block .table-header .col-inner-grid .col-codium { background: rgb(248, 246, 255); border-radius: 20px 20px 0px 0px; padding: 35px 25px 65px; text-align: center; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
@media (max-width: 992px) {
  .campare-table-section .table-block .table-header .col-inner-grid .col-codium { padding: 25px 15px 45px; }
}
.campare-table-section .table-block .table-header .col-inner-grid .col-chatgpt { background: rgb(250, 250, 250); border-radius: 20px 20px 0px 0px; padding: 35px 25px 65px; text-align: center; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
@media (max-width: 992px) {
  .campare-table-section .table-block .table-header .col-inner-grid .col-chatgpt { padding: 25px 15px 45px; }
}
.campare-table-section .table-block .table-header .col-inner-grid .col-notes { align-self: flex-end; color: rgb(142, 142, 167); font-size: 14px; padding: 20px 25px 20px 40px; }
@media (max-width: 992px) {
  .campare-table-section .table-block .table-header .col-inner-grid .col-notes { padding: 15px; }
}
.campare-table-section .table-block .table-header .col-inner-grid .col-github, .campare-table-section .table-block .table-header .col-inner-grid .col-bitbucket, .campare-table-section .table-block .table-header .col-inner-grid .col-gitlab { background: rgb(248, 246, 255); border-radius: 20px 20px 0px 0px; padding: 35px 25px 65px; text-align: center; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
@media (max-width: 992px) {
  .campare-table-section .table-block .table-header .col-inner-grid .col-github, .campare-table-section .table-block .table-header .col-inner-grid .col-bitbucket, .campare-table-section .table-block .table-header .col-inner-grid .col-gitlab { padding: 25px 15px 45px; }
}
.campare-table-section .table-block .table-body .table-row { display: grid; grid-template-columns: 290px auto; border-bottom: 1px solid rgb(233, 230, 250); }
@media (max-width: 767px) {
  .campare-table-section .table-block .table-body .table-row { padding: 15px 0px; }
}
@media (max-width: 992px) {
  .campare-table-section .table-block .table-body .table-row { grid-template-columns: 190px auto; }
}
@media (max-width: 767px) {
  .campare-table-section .table-block .table-body .table-row { grid-template-columns: 100%; }
}
.campare-table-section .table-block .table-body .table-row.table-title-row .col-parameter { padding: 40px 25px 20px 10px; font-size: 14px; color: rgb(142, 142, 167); }
@media (max-width: 767px) {
  .campare-table-section .table-block .table-body .table-row.table-title-row .col-parameter { padding: 20px 25px 20px 10px; }
}
.campare-table-section .table-block .table-body .table-row.table-title-row .col-parameter span { color: rgb(142, 142, 167); }
.campare-table-section .table-block .table-body .table-row .col-parameter { align-self: center; color: rgb(1, 1, 42); font-size: 16px; padding: 20px 25px 20px 10px; position: relative; }
@media (max-width: 992px) {
  .campare-table-section .table-block .table-body .table-row .col-parameter { padding: 15px 15px 15px 8px; }
}
@media (max-width: 767px) {
  .campare-table-section .table-block .table-body .table-row .col-parameter { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
}
.campare-table-section .table-block .table-body .table-row .col-parameter .collapse-action { display: none; }
@media (max-width: 767px) {
  .campare-table-section .table-block .table-body .table-row .col-parameter .collapse-action { width: 20px; height: 20px; border: none; padding: 0px; background: transparent; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; cursor: pointer; }
  .campare-table-section .table-block .table-body .table-row .col-parameter .collapse-action::before { content: ""; left: 0px; right: 0px; height: 100%; position: absolute; }
  .campare-table-section .table-block .table-body .table-row .col-parameter .collapse-action .icon-arrow { background: url("https://www.qodo.ai/themes/codium/assets/icons/chev-down-black.svg") center center / contain no-repeat; display: inline-block; width: 12px; height: 10px; transform: rotate(0deg); transition: 0.3s ease-in-out; }
}
.campare-table-section .table-block .table-body .table-row .col-parameter.active .collapse-action .icon-arrow { transform: rotate(180deg); }
.campare-table-section .table-block .table-body .table-row .col-inner-grid { display: grid; grid-template-columns: 190px 190px auto; gap: 7px; -webkit-box-align: stretch; align-items: stretch; }
@media (min-width: 768px) {
  .campare-table-section .table-block .table-body .table-row .col-inner-grid { display: grid !important; }
}
@media (max-width: 992px) {
  .campare-table-section .table-block .table-body .table-row .col-inner-grid { grid-template-columns: 140px 140px auto; gap: 5px; }
}
@media (max-width: 767px) {
  .campare-table-section .table-block .table-body .table-row .col-inner-grid { grid-template-columns: 50% 50% auto; }
  .campare-table-section .table-block .table-body .table-row .col-inner-grid > div:last-child { grid-column: 1 / -1; }
}
.campare-table-section .table-block .table-body .table-row .col-inner-grid .text-green { color: rgb(0, 215, 161); }
.campare-table-section .table-block .table-body .table-row .col-inner-grid .text-danger { color: rgb(255, 107, 156); }
.campare-table-section .table-block .table-body .table-row .col-inner-grid span { display: block; }
.campare-table-section .table-block .table-body .table-row .col-inner-grid .col-codium { background: rgb(248, 246, 255); text-align: center; padding: 20px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-weight: 700; font-size: 14px; }
@media (max-width: 992px) {
  .campare-table-section .table-block .table-body .table-row .col-inner-grid .col-codium { padding: 15px; }
}
@media (max-width: 767px) {
  .campare-table-section .table-block .table-body .table-row .col-inner-grid .col-codium { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; border-radius: 12px; }
}
.campare-table-section .table-block .table-body .table-row .col-inner-grid .col-codium .img { display: none; }
@media (max-width: 767px) {
  .campare-table-section .table-block .table-body .table-row .col-inner-grid .col-codium .img { display: block; margin-bottom: 12px; }
}
.campare-table-section .table-block .table-body .table-row .col-inner-grid .col-chatgpt { background: rgb(250, 250, 250); text-align: center; padding: 20px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-weight: 700; font-size: 14px; }
@media (max-width: 992px) {
  .campare-table-section .table-block .table-body .table-row .col-inner-grid .col-chatgpt { padding: 15px; }
}
@media (max-width: 767px) {
  .campare-table-section .table-block .table-body .table-row .col-inner-grid .col-chatgpt { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; border-radius: 12px; }
}
.campare-table-section .table-block .table-body .table-row .col-inner-grid .col-chatgpt .img { display: none; }
@media (max-width: 767px) {
  .campare-table-section .table-block .table-body .table-row .col-inner-grid .col-chatgpt .img { display: block; margin-bottom: 12px; }
}
.campare-table-section .table-block .table-body .table-row .col-inner-grid .col-notes { align-self: center; color: rgba(1, 1, 42, 0.6); font-size: 16px; padding: 20px 25px 20px 40px; }
@media (max-width: 992px) {
  .campare-table-section .table-block .table-body .table-row .col-inner-grid .col-notes { padding: 15px; }
}
.campare-table-section .table-block .table-body .table-row .col-inner-grid .col-github, .campare-table-section .table-block .table-body .table-row .col-inner-grid .col-bitbucket, .campare-table-section .table-block .table-body .table-row .col-inner-grid .col-gitlab { background: rgb(248, 246, 255); text-align: center; padding: 20px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-weight: 700; font-size: 14px; }
@media (max-width: 992px) {
  .campare-table-section .table-block .table-body .table-row .col-inner-grid .col-github, .campare-table-section .table-block .table-body .table-row .col-inner-grid .col-bitbucket, .campare-table-section .table-block .table-body .table-row .col-inner-grid .col-gitlab { padding: 15px; }
}
@media (max-width: 767px) {
  .campare-table-section .table-block .table-body .table-row .col-inner-grid .col-github, .campare-table-section .table-block .table-body .table-row .col-inner-grid .col-bitbucket, .campare-table-section .table-block .table-body .table-row .col-inner-grid .col-gitlab { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; border-radius: 12px; }
}
.campare-table-section .table-block .table-body .table-row .col-inner-grid .col-github .img, .campare-table-section .table-block .table-body .table-row .col-inner-grid .col-bitbucket .img, .campare-table-section .table-block .table-body .table-row .col-inner-grid .col-gitlab .img { display: none; }
@media (max-width: 767px) {
  .campare-table-section .table-block .table-body .table-row .col-inner-grid .col-github .img, .campare-table-section .table-block .table-body .table-row .col-inner-grid .col-bitbucket .img, .campare-table-section .table-block .table-body .table-row .col-inner-grid .col-gitlab .img { display: block; margin-bottom: 12px; }
}
.campare-table-section .table-highlight { margin-top: 10px; border-radius: 8px; padding: 16px 24px; color: rgb(255, 255, 255); text-align: center; background: rgb(104, 75, 254); }
.campare-table-section .table-highlight a { color: rgb(5, 229, 173); font-weight: 700; }
.campare-table-section .table-highlight a:hover, .campare-table-section .table-highlight a:focus { text-decoration: underline; }
.product-overview { background: url("https://www.qodo.ai/themes/codium/assets/images/bg-gradient-block.png") center center / 100% 100% no-repeat rgb(255, 255, 255); }
.product-overview h2 { margin-bottom: 50px; text-align: center; color: rgb(1, 1, 42); }
.grid-info-cards { display: grid; gap: 30px; grid-template-columns: repeat(2, 1fr); max-width: 860px; margin: 0px auto; }
@media (max-width: 767px) {
  .grid-info-cards { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; grid-template-columns: repeat(1, 1fr) !important; }
}
.grid-info-cards.s-leftbottom { position: relative; }
.grid-info-cards.s-leftbottom::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-1.png") center center / cover no-repeat; width: 201px; height: 153px; display: block; position: absolute; left: -70px; bottom: 0px; z-index: -1; }
@media (max-width: 992px) {
  .grid-info-cards.s-leftbottom::before { left: -65px; bottom: -30px; }
}
.grid-info-cards.s-righttop { position: relative; z-index: 1; }
.grid-info-cards.s-righttop::after { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-3.png") center center / cover no-repeat; width: 93px; height: 66px; display: block; position: absolute; right: -60px; top: 25px; z-index: 2; transform: rotate(18deg); }
@media (max-width: 992px) {
  .grid-info-cards.s-righttop::after { right: -15px; top: -20px; }
}
.grid-info-cards .info-card { background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(26px); border-radius: 40px; padding: 30px; text-align: center; }
.grid-info-cards .info-card .info-icon { height: 88px; width: 88px; margin: 30px auto 40px; }
.grid-info-cards .info-card .info-icon img { height: 88px; width: 88px; }
.grid-info-cards .info-card .info-text { font-size: 20px; }
.grid-info-cards .info-card .info-text.max-w250 { max-width: 250px; margin: 0px auto; }
.single-product-features { background: rgb(1, 1, 42); padding: 100px 0px; }
@media (max-width: 991px) {
  .single-product-features { padding: 50px 0px; }
}
.pricing-block { padding-top: 60px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
@media (max-width: 767px) {
  .pricing-block.mobile-margin { margin: 0px -15px; }
}
@media (max-width: 992px) {
  .pricing-block { grid-template-columns: repeat(1, 1fr); }
}
.pricing-block .pricing-box { text-align: left; border-radius: 30px; background: rgb(255, 255, 255); box-shadow: rgba(52, 61, 96, 0.08) 0px 19px 46px 0px; padding: 40px 20px; }
@media (max-width: 1200px) {
  .pricing-block .pricing-box { padding: 30px 10px; }
}
@media (max-width: 992px) {
  .pricing-block .pricing-box { max-width: 450px; width: 100%; margin: 0px auto; }
}
@media (max-width: 767px) {
  .pricing-block .pricing-box { padding: 25px 5px; border-radius: 20px; }
}
.pricing-block .pricing-box.active .pricing-title { z-index: 99; }
.pricing-block .pricing-box.active .arrow-down { opacity: 1 !important; transform: translateY(0px) !important; }
.pricing-block .pricing-box .pricing-title { position: sticky; top: 85px; background: rgb(255, 255, 255); z-index: 5; padding: 0px 20px; }
.pricing-block .pricing-box .pricing-title h2 { font-size: 28px; font-weight: 700; color: var(--pricing-color,#918EA1); margin-bottom: 12px; }
@media (max-width: 767px) {
  .pricing-block .pricing-box .pricing-title h2 { font-size: 24px; }
}
.pricing-block .pricing-box .pricing-title .pricing-pack { color: rgb(1, 1, 42); letter-spacing: 0.5px; font-size: 13px; text-transform: uppercase; margin-bottom: 8px; }
@media (max-width: 767px) {
  .pricing-block .pricing-box .pricing-title .pricing-pack { font-size: 11px; }
}
.pricing-block .pricing-box .pricing-title .price { font-size: 38px; font-weight: 700; color: rgb(1, 1, 42); }
@media (max-width: 767px) {
  .pricing-block .pricing-box .pricing-title .price { font-size: 30px; }
}
.pricing-block .pricing-box .pricing-title .price small { font-size: 16px; font-weight: 400; margin-left: 5px; color: rgb(1, 1, 42); }
@media (max-width: 767px) {
  .pricing-block .pricing-box .pricing-title .price small { font-size: 14px; }
}
.pricing-block .pricing-box .pricing-action { padding: 25px 0px; max-height: 100px; }
.pricing-block .pricing-box .pricing-action .dropdown-action { transition: 0.3s ease-in; }
.pricing-block .pricing-box .pricing-action .dropdown-action span { position: relative; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.pricing-block .pricing-box .pricing-action .dropdown-action .arrow-down { background: url("https://www.qodo.ai/themes/codium/assets/icons/chev-down-white.svg") right center / 12px no-repeat; margin-left: 10px; width: 12px; height: 12px; -webkit-box-flex: 0; flex: 0 0 auto; position: absolute; right: -22px; display: inline-block; transform: translateY(-10px); opacity: 0; transition: 0.3s ease-in-out; }
.pricing-block .pricing-box .pricing-action .dropdown-action:hover .arrow-down, .pricing-block .pricing-box .pricing-action .dropdown-action:focus .arrow-down, .pricing-block .pricing-box .pricing-action .dropdown-action:focus-visible .arrow-down { opacity: 1; transform: translateY(0px); }
.pricing-block .pricing-box .pricing-action .dropdown-action-block { opacity: 0; visibility: hidden; transform: translateY(10px); transition: 0.3s ease-in-out; height: 0px; }
.pricing-block .pricing-box .pricing-action .dropdown-action.active + .dropdown-action-block { opacity: 1 !important; visibility: visible !important; transform: translateY(0px) !important; }
.pricing-block .pricing-box .pricing-action .dropdown-action.active + .dropdown-action-block .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0px); }
.pricing-block .pricing-box .pricing-action .header-dropdown { width: 100%; }
.pricing-block .pricing-box .pricing-action .header-dropdown .btn { font-size: 14px; }
.pricing-block .pricing-box .pricing-action .header-dropdown:hover .dropdown-menu, .pricing-block .pricing-box .pricing-action .header-dropdown:focus .dropdown-menu, .pricing-block .pricing-box .pricing-action .header-dropdown:focus-visible .dropdown-menu, .pricing-block .pricing-box .pricing-action .header-dropdown.hover .dropdown-menu { opacity: 0; visibility: hidden; transform: translateY(10px); }
.pricing-block .pricing-box .pricing-action .hbspt-form { background-color: rgb(255, 255, 255); border: 2px solid rgb(5, 229, 173); padding: 20px; margin: 10px 0px 0px; border-radius: 15px; box-shadow: rgba(143, 136, 182, 0.45) 0px 69px 140px; }
.pricing-block .pricing-box .pricing-action .hbspt-form label { font-size: 14px; margin-bottom: 1rem; display: block; }
.pricing-block .pricing-box .pricing-action .hbspt-form label span { color: rgb(1, 1, 42); }
.pricing-block .pricing-box .pricing-action .hbspt-form input { width: 100%; border: 2px solid rgb(104, 75, 254); border-radius: 8px; padding: 1rem; font-size: 16px; color: rgb(1, 1, 42); font-family: centrano1, sans-serif; background: rgb(233, 233, 233); margin-bottom: 5px; }
.pricing-block .pricing-box .pricing-action .hbspt-form .hs-error-msgs { padding: 0px; margin: 0px; line-height: normal; }
.pricing-block .pricing-box .pricing-action .hbspt-form .hs-error-msgs .hs-error-msg { padding: 0px; font-size: 13px; color: rgb(255, 87, 34); }
.pricing-block .pricing-box .pricing-action .hbspt-form .hs-submit input[type="submit"] { background: rgb(5, 229, 173); border: 1px solid rgb(5, 229, 173); color: rgb(1, 1, 42); font-family: centrano1, sans-serif; border-radius: 21px; white-space: nowrap; cursor: pointer; margin-top: 1rem; margin-bottom: 0px; width: auto; transition: 0.3s ease-in-out; padding: 0.8rem 3rem !important; }
.pricing-block .pricing-box .pricing-action .hbspt-form .hs-submit input[type="submit"]:hover, .pricing-block .pricing-box .pricing-action .hbspt-form .hs-submit input[type="submit"]:focus, .pricing-block .pricing-box .pricing-action .hbspt-form .hs-submit input[type="submit"]:focus-visible { background: rgb(0, 189, 133); }
.pricing-block .pricing-box .pricing-action .hbspt-form .hs_error_rollup { display: none; }
.pricing-block .pricing-box .pricing-action .hbspt-form div.submitted-message, .pricing-block .pricing-box .pricing-action .hbspt-form div.submitted-message * { text-align: center; font-size: 16px; font-weight: 600; color: rgb(105, 77, 252) !important; }
.pricing-block .pricing-box .pricing-action .btn { text-transform: uppercase; width: 100%; text-align: center; padding: 1.5rem 3rem; position: relative; }
@media (max-width: 767px) {
  .pricing-block .pricing-box .pricing-action .btn { padding: 15px 25px; }
}
.pricing-block .pricing-box .pricing-action .btn.btn-outline { color: rgb(1, 1, 42); border: 1px solid rgb(0, 0, 0); background-color: rgb(255, 255, 255); }
.pricing-block .pricing-box .pricing-action .btn.btn-outline span { color: rgb(1, 1, 42); }
.pricing-block .pricing-box .pricing-action .btn.btn-outline:hover, .pricing-block .pricing-box .pricing-action .btn.btn-outline:focus, .pricing-block .pricing-box .pricing-action .btn.btn-outline.active { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); }
.pricing-block .pricing-box .pricing-action .btn.btn-outline:hover span, .pricing-block .pricing-box .pricing-action .btn.btn-outline:focus span, .pricing-block .pricing-box .pricing-action .btn.btn-outline.active span { color: rgb(255, 255, 255); }
.pricing-block .pricing-box .pricing-action .btn.btn-pro { color: rgb(255, 255, 255); border: 1px solid var(--pricing-color,#918EA1); background-color: var(--pricing-color,#918EA1); }
.pricing-block .pricing-box .pricing-action .btn.btn-pro:hover, .pricing-block .pricing-box .pricing-action .btn.btn-pro:focus { color: rgb(255, 255, 255); background-color: rgb(86, 62, 213); border-color: rgb(86, 62, 213); }
.pricing-block .pricing-box .pricing-action .btn.btn-enterprise { color: rgb(255, 255, 255); border: 1px solid var(--pricing-color,#918EA1); background-color: var(--pricing-color,#918EA1); }
.pricing-block .pricing-box .pricing-action .btn.btn-enterprise:hover, .pricing-block .pricing-box .pricing-action .btn.btn-enterprise:focus { color: rgb(255, 255, 255); background-color: rgb(157, 49, 201); border-color: rgb(157, 49, 201); }
.pricing-block .pricing-box .pricing-action .btn .badge { background: rgb(5, 229, 173); color: rgb(1, 1, 42); padding: 4px 8px 2px; border-radius: 10px; position: absolute; font-size: 10px; line-height: 1; top: -8px; right: 10px; }
.pricing-block .pricing-box .features-list { padding: 15px 20px 0px; }
.pricing-block .pricing-box .features-list .features-title { position: relative; text-align: center; z-index: 1; line-height: 1; margin-bottom: 10px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.pricing-block .pricing-box .features-list .features-title span { display: inline-block; z-index: 1; font-size: 16px; color: rgb(1, 1, 42); font-weight: 700; background: rgb(255, 255, 255); padding: 0px 10px; position: relative; }
@media (max-width: 767px) {
  .pricing-block .pricing-box .features-list .features-title span { font-size: 14px; padding: 0px 8px; }
}
.pricing-block .pricing-box .features-list .features-title::before { content: ""; background: rgb(223, 224, 240); width: 100%; height: 1px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); }
.pricing-block .pricing-box .features-list ul { padding: 0px; margin: 0px; }
.pricing-block .pricing-box .features-list ul li { display: flex; -webkit-box-align: start; align-items: flex-start; position: relative; color: rgb(1, 1, 42); padding-top: 20px; font-size: 16px; line-height: 1.5; }
@media (max-width: 1200px) {
  .pricing-block .pricing-box .features-list ul li { padding-top: 15px; }
}
@media (max-width: 767px) {
  .pricing-block .pricing-box .features-list ul li { padding-top: 10px; font-size: 14px; }
}
.pricing-block .pricing-box .features-list ul li::before { content: ""; width: 18px; height: 18px; -webkit-box-flex: 0; flex: 0 0 auto; display: inline-flex; -webkit-box-align: center; align-items: center; border-radius: 50%; background-color: var(--pricing-color,#918EA1); background-image: url("https://www.qodo.ai/themes/codium/assets/icons/icon-check.svg"); background-repeat: no-repeat; background-position: center center; background-size: 10px; margin-top: 2px; margin-right: 10px; }
@media (max-width: 767px) {
  .pricing-block .pricing-box .features-list ul li::before { width: 16px; height: 16px; background-size: 9px; }
}
.icon-box-block { padding-top: 120px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
@media (max-width: 992px) {
  .icon-box-block { gap: 30px; }
}
@media (max-width: 767px) {
  .icon-box-block { grid-template-columns: repeat(1, 1fr); padding-top: 60px; }
}
.icon-box-block .icon-box { background: transparent; border: none; padding: 15px; }
.icon-box-block .icon-box h3 { font-size: 22px; margin-top: 20px; margin-bottom: 15px; }
.icon-box-block .icon-box .sort-info { font-size: 16px; color: rgba(255, 255, 255, 0.6); line-height: 1.5; padding-top: 0px; max-width: 300px; margin: 0px auto; }
.logos-flex-block { display: inline-flex; flex-wrap: wrap; gap: 15px; margin-top: 10px; }
.logos-flex-block span { display: inline-flex; -webkit-box-flex: 0; flex: 0 0 auto; }
@media (max-width: 575px) {
  .logos-flex-block span img { max-height: 20px; max-width: 40px; }
}
.support-table-block { margin-top: 50px; }
.support-table-block .table-header { display: grid; grid-template-columns: 2fr 1fr 1fr; padding: 0px 45px 25px; gap: 40px; -webkit-box-align: end; align-items: flex-end; color: rgb(142, 142, 167); font-size: 16px; font-weight: 400; }
.support-table-block .table-header .logo { display: inline-flex; gap: 15px; }
.support-table-block .table-header .logo span { display: inline-flex; -webkit-box-flex: 0; flex: 0 0 auto; }
.support-table-block .table-header div:last-child { padding-left: 10px; }
@media (max-width: 767px) {
  .support-table-block .table-header { display: none; }
}
.support-table-block .table-body { border-radius: 20px; background: linear-gradient(80deg, rgb(104, 75, 254) 15.3%, rgb(225, 120, 231) 101.91%, rgb(5, 229, 173) 134.08%); padding: 20px; }
@media (max-width: 767px) {
  .support-table-block .table-body { padding: 15px; }
}
.support-table-block .table-body .support-row { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 40px; -webkit-box-align: center; align-items: center; border-radius: 8px; background: rgb(255, 255, 255); margin-bottom: 10px; min-height: 86px; }
@media (max-width: 767px) {
  .support-table-block .table-body .support-row { display: block; padding: 20px; }
}
.support-table-block .table-body .support-row:nth-child(2n) { background: rgb(241, 241, 253); }
.support-table-block .table-body .support-row:last-child { margin-bottom: 0px; }
.support-table-block .table-body .support-row .support-col { border-right: 1px solid rgb(218, 218, 238); padding: 20px 0px; height: 100%; display: flex; -webkit-box-align: center; align-items: center; }
@media (max-width: 767px) {
  .support-table-block .table-body .support-row .support-col { display: block; border-right: none; border-bottom: 1px solid rgb(218, 218, 238); padding: 15px 0px; }
}
.support-table-block .table-body .support-row .support-col:first-child { padding-left: 25px; }
@media (max-width: 767px) {
  .support-table-block .table-body .support-row .support-col:first-child { padding-left: 0px; padding-top: 0px; }
}
.support-table-block .table-body .support-row .support-col:last-child { border-right: none; border-bottom: none; }
@media (max-width: 767px) {
  .support-table-block .table-body .support-row .support-col:last-child { padding-bottom: 0px; }
}
.support-table-block .table-body .support-row .support-col .heading { display: none; color: rgb(142, 142, 167); font-size: 14px; font-weight: 400; margin-bottom: 12px; }
@media (max-width: 767px) {
  .support-table-block .table-body .support-row .support-col .heading { display: block; }
}
.support-table-block .table-body .support-row .support-col .title { color: rgb(104, 75, 254); font-size: 18px; font-weight: 700; transition: 0.2s ease-in-out; }
.support-table-block .table-body .support-row .support-col .title small { color: rgba(1, 1, 42, 0.6); font-weight: 400; font-size: 16px; display: block; }
.support-table-block .table-body .support-row .support-col a.title { text-underline-offset: 5px; }
.support-table-block .table-body .support-row .support-col a.title:hover, .support-table-block .table-body .support-row .support-col a.title:focus { text-decoration: underline; color: rgb(1, 1, 42); }
.support-table-block .table-body .support-row .support-col .icon { display: inline-flex; gap: 10px; }
.support-table-block .table-body .support-row .support-col .icon span { display: inline-flex; -webkit-box-flex: 0; flex: 0 0 auto; }
@media (max-width: 767px) {
  .support-table-block .table-body .support-row .support-col .icon { display: block; }
  .support-table-block .table-body .support-row .support-col .icon span { margin: 0px 5px; }
  .support-table-block .table-body .support-row .support-col .icon span:first-child { margin-left: 0px; }
}
.support-table-block .note-block { font-size: 16px; display: block; text-align: center; margin: 50px auto 0px; max-width: 1040px; }
.support-table-block .note-block p { color: rgba(1, 1, 42, 0.6); margin-bottom: 0px; }
@media (max-width: 767px) {
  .support-table-block .note-block p { margin-bottom: 15px; }
}
@media (min-width: 1025px) {
  .support-table-block [data-title] { position: relative; z-index: 2; }
  .support-table-block [data-title]:hover::before, .support-table-block [data-title]:focus::before { bottom: -28px; }
  .support-table-block [data-title]:hover::after, .support-table-block [data-title]:focus::after { bottom: -11px; }
}
.ipad-form-section { min-height: 100vh; display: flex; -webkit-box-align: center; align-items: center; background-color: rgb(1, 1, 42); background-image: url("https://www.qodo.ai/themes/codium/assets/images/bg-ipad-form.png"), url("https://www.qodo.ai/themes/codium/assets/images/ipad-form-vector.png"); background-position: left top, right bottom; background-repeat: no-repeat, no-repeat; background-size: cover, 550px; z-index: 1; overflow: hidden; }
.ipad-form-section::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-3.png") right bottom / contain no-repeat; height: 95px; width: 130px; display: inline-block; position: absolute; top: 35px; left: -75px; z-index: 1; }
@media (max-width: 767px) {
  .ipad-form-section::before { top: 20px; height: 75px; width: 100px; }
}
.ipad-form-section::after { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-6.svg") right bottom / contain no-repeat; height: 205px; width: 220px; display: inline-block; position: absolute; bottom: -80px; left: 175px; z-index: 1; }
@media (max-width: 767px) {
  .ipad-form-section::after { left: 50px; bottom: -40px; height: 140px; width: 160px; }
}
.ipad-form-section .two-content-block { padding: 50px 0px; display: grid; gap: 60px; grid-template-columns: repeat(1, 1fr); -webkit-box-align: center; align-items: center; }
@media (min-width: 767px) {
  .ipad-form-section .two-content-block { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 767px) {
  .ipad-form-section .section-title { margin-bottom: 0px; }
}
.ipad-form-section .section-title .logos { display: flex; margin-bottom: 70px; }
@media (max-width: 992px) {
  .ipad-form-section .section-title .logos { margin-bottom: 50px; }
}
.ipad-form-section .section-title .logos img { padding: 0px 25px; border-right: 1px solid rgb(63, 60, 134); max-width: 160px; }
.ipad-form-section .section-title .logos img:first-child { padding-left: 0px; }
.ipad-form-section .section-title .logos img:last-child { border-right: none; padding-right: 0px; }
.ipad-form-section .section-title .sort-info { color: rgba(255, 255, 255, 0.6); max-width: 400px; margin-top: 35px; margin-bottom: 0px; }
@media (max-width: 992px) {
  .ipad-form-section .section-title .sort-info { margin-top: 25px; }
}
.ipad-form-section .icw-hubspot-form-wrapper { padding: 50px; color: rgb(255, 255, 255); background: url("https://www.qodo.ai/themes/codium/assets/images/ipad-form-bg.png") center top / 100% 100% no-repeat; max-width: 500px; margin-left: auto; }
@media (max-width: 992px) {
  .ipad-form-section .icw-hubspot-form-wrapper { padding: 40px; }
}
@media (max-width: 767px) {
  .ipad-form-section .icw-hubspot-form-wrapper { margin: 0px auto; }
}
.pr-logo { display: inline-block; width: 64px; height: 64px; -webkit-box-flex: 0; flex: 0 0 auto; background-size: contain !important; }
.pr-logo.pr-logo-github { background: url("https://www.qodo.ai/themes/codium/assets/icons/icon-github.svg") center center no-repeat; }
.pr-logo.pr-logo-bitbucket { background: url("https://www.qodo.ai/themes/codium/assets/icons/icon-bitbucket.svg") center center no-repeat; }
.pr-logo.pr-logo-gitlab { background: url("https://www.qodo.ai/themes/codium/assets/icons/icon-gitlab.svg") center center no-repeat; }
.grid-swiper-slider .two-content-block { padding-left: 50px; background: rgb(255, 255, 255); -webkit-box-align: center; align-items: center; }
@media (max-width: 992px) {
  .grid-swiper-slider .two-content-block { text-align: center; padding-left: 0px; padding-bottom: 25px; }
}
.grid-swiper-slider .two-content-block .icon-img { margin-bottom: 25px; }
.grid-swiper-slider .two-content-block h3 { margin-bottom: 25px; line-height: 1.2; }
@media (max-width: 1023px) {
  .grid-swiper-slider .two-content-block h3 { font-size: 26px; }
}
@media (max-width: 1023px) {
  .grid-swiper-slider .two-content-block p { font-size: 18px; }
}
.grid-swiper-slider.is-right .two-content-block { padding-right: 50px; padding-left: 0px; }
@media (max-width: 992px) {
  .grid-swiper-slider.is-right .two-content-block { padding-right: 0px; }
}
@media (max-width: 992px) {
  .grid-swiper-slider.is-right .two-content-block .left-content-block { -webkit-box-ordinal-group: 3; order: 2; }
}
.grid-swiper-slider.is-right .swiper-pagination { left: auto !important; right: 0px !important; }
@media (max-width: 992px) {
  .grid-swiper-slider.is-right .swiper-pagination { left: auto !important; right: auto !important; }
}
.grid-swiper-slider .swiper-slide { opacity: 0 !important; }
.grid-swiper-slider .swiper-slide.swiper-slide-active { opacity: 1 !important; }
.grid-swiper-slider .swiper-pagination { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; top: 50%; transform: translateY(-50%); width: auto !important; bottom: auto !important; }
@media (max-width: 992px) {
  .grid-swiper-slider .swiper-pagination { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; top: auto; transform: unset; -webkit-box-pack: center; justify-content: center; right: auto !important; bottom: 0px !important; width: 100% !important; }
}
.grid-swiper-slider .swiper-pagination .swiper-pagination-bullet { width: 15px; height: 15px; background: rgb(5, 229, 173); opacity: 1; transition: 0.3s ease-in-out; margin: 5px 0px !important; }
@media (max-width: 992px) {
  .grid-swiper-slider .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0px 3px !important; }
}
.grid-swiper-slider .swiper-pagination .swiper-pagination-bullet:hover, .grid-swiper-slider .swiper-pagination .swiper-pagination-bullet:focus { opacity: 0.7; }
.grid-swiper-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: rgb(104, 75, 254); }
.onepage-ipad-form-section { position: relative; }
.onepage-ipad-form-section .container { position: relative; z-index: 2; }
.onepage-ipad-form-section::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/left-glow-circle-img.png") left center / contain no-repeat; width: 142px; height: 292px; display: inline-block; position: absolute; bottom: 15px; left: 0px; z-index: 1; }
@media (max-width: 1400px) {
  .onepage-ipad-form-section::before { width: 100px; }
}
.onepage-ipad-form-section::after { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/right-big-circle-img.png") right top / contain no-repeat; height: 293px; width: 271px; display: inline-block; position: absolute; top: 10%; right: 0px; z-index: 1; }
@media (max-width: 1400px) {
  .onepage-ipad-form-section::after { width: 200px; }
}
@media (max-width: 992px) {
  .onepage-ipad-form-section::after { width: 90px !important; }
}
.before-circle-shape { position: relative; }
.before-circle-shape::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-1.png") left center / contain no-repeat; height: 153px; width: 201px; display: inline-block; position: absolute; top: 45%; left: -25%; z-index: -1; }
@media (max-width: 1400px) {
  .before-circle-shape::before { width: 130px; left: -10%; }
}
@media (max-width: 1400px) {
  .before-circle-shape::before { left: -15px; top: 5%; }
}
.ndc-london-page .cms-page-header { padding: 250px 10% 100px; background-position: center bottom; overflow: hidden; }
.ndc-london-page .cms-page-header .section-title h1 { font-size: 52px; }
@media (max-width: 1200px) {
  .ndc-london-page .cms-page-header .section-title h1 { font-size: 42px; }
}
@media (max-width: 767px) {
  .ndc-london-page .cms-page-header .section-title h1 { font-size: 32px; }
}
.ndc-london-page .cms-page-header .section-title .sort-info p { color: rgba(255, 255, 255, 0.6); }
.ndc-london-page .cms-page-header .section-title .sort-info .btn-group { -webkit-box-pack: start; justify-content: flex-start; }
.ndc-london-page .cms-page-header .section-title .sort-info .btn-group .btn-grey { -webkit-box-pack: center; justify-content: center; }
.ndc-london-page .cms-page-header .image-block { position: relative; display: inline-block; }
.ndc-london-page .cms-page-header .image-block .left-vector { background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-1.png") center center / contain no-repeat; width: 150px; height: 80px; position: absolute; left: -100px; bottom: 150px; z-index: -1; }
.ndc-london-page .cms-page-header .image-block .right-vector { background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-4.webp") center center / contain no-repeat; width: 160px; height: 160px; position: absolute; right: -100px; bottom: -20px; }
.ndc-london-page .cms-page-header .right-content-block { text-align: right; }
.ndc-london-page .download-demo-section { padding: 100px 10%; }
.ndc-london-page .download-demo-section.left-center-vector::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-11.png") center center / contain no-repeat; width: 170px; height: 220px; position: absolute; left: 0px; bottom: 100px; }
@media (max-width: 1440px) {
  .ndc-london-page .download-demo-section.left-center-vector::before { top: 350px; bottom: auto; width: 120px; }
}
@media (max-width: 767px) {
  .ndc-london-page .download-demo-section.left-center-vector::before { top: 250px; }
}
@media (max-width: 1440px) {
  .ndc-london-page .cms-page-header { padding: 250px 5% 100px; }
  .ndc-london-page .download-demo-section { padding: 100px 5%; }
}
@media (max-width: 767px) {
  .ndc-london-page .cms-page-header { padding: 150px 5% 60px; }
  .ndc-london-page .download-demo-section { padding: 60px 5%; }
}
@media (max-width: 1200px) {
  .ndc-london-page .cms-page-header .two-content-block { grid-template-columns: repeat(1, 1fr); }
  .ndc-london-page .cms-page-header .two-content-block .left-content-block { -webkit-box-ordinal-group: 3; order: 2; }
  .ndc-london-page .cms-page-header .two-content-block .right-content-block { -webkit-box-ordinal-group: 2; order: 1; text-align: center; }
  .ndc-london-page .cms-page-header .two-content-block .section-title { text-align: center; }
  .ndc-london-page .cms-page-header .two-content-block .section-title .btn-group { -webkit-box-pack: center; justify-content: center; }
}
.connect-user-block { display: flex; -webkit-box-align: center; align-items: center; gap: 40px; padding-top: 30px; }
@media (max-width: 1200px) {
  .connect-user-block { -webkit-box-pack: center; justify-content: center; }
}
@media (max-width: 992px) {
  .connect-user-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
}
.connect-user-block .info-text p { color: rgb(255, 255, 255) !important; }
.connect-user-block .info-text span { display: block; padding-top: 8px; font-size: 24px; font-weight: 700; color: rgb(255, 255, 255); }
.connect-user-block .team-member-block { display: flex; gap: 25px; }
.connect-user-block .team-member-block .team-user { background: url("https://www.qodo.ai/themes/codium/assets/images/team-user-bg.png") center top / contain no-repeat; padding: 10px; }
.connect-user-block .team-member-block .team-user .img-block { line-height: 0.7; width: 115px; height: 115px; border-radius: 10px; -webkit-box-flex: 0; flex: 0 0 auto; overflow: hidden; }
.connect-user-block .team-member-block .team-user .img-block img { transition: 0.3s ease-in-out; transform-origin: center center; width: 115px; height: 115px; }
.connect-user-block .team-member-block .team-user .name-info { padding-top: 10px; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.connect-user-block .team-member-block .team-user .name-info div { font-size: 14px; font-weight: 700; letter-spacing: -0.143px; padding-bottom: 0px; }
.connect-user-block .team-member-block .team-user .name-info span { font-size: 10px; display: block; padding-top: 5px; }
.connect-user-block .team-member-block .team-user:hover .img-block img, .connect-user-block .team-member-block .team-user:focus .img-block img { opacity: 0.8; }
.download-demo-block { display: grid; grid-template-columns: 1fr 1.5fr 1fr; gap: 60px; }
@media (max-width: 1200px) {
  .download-demo-block { grid-template-columns: 1fr 1.5fr; }
}
@media (max-width: 992px) {
  .download-demo-block { grid-template-columns: 1fr; }
}
.download-demo-block .download-demo-box { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.download-demo-block .download-demo-box .title { font-size: 20px; color: rgb(255, 255, 255); margin-bottom: 25px; font-weight: 700; }
.download-demo-block .download-demo-box .gradient-box { position: relative; -webkit-box-flex: 1; flex: 1 1 auto; padding: 40px; background: linear-gradient(0deg, rgba(1, 1, 42, 0.4) 0%, rgba(1, 1, 42, 0.4) 100%), linear-gradient(106deg, rgba(255, 255, 255, 0.4) 3.04%, rgba(255, 255, 255, 0) 99.23%); border-radius: 24px; text-align: center; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
@media (max-width: 767px) {
  .download-demo-block .download-demo-box .gradient-box { padding: 20px; }
}
.download-demo-block .download-demo-box .gradient-box::before { content: ""; inset: 0px; background: radial-gradient(circle at 100% 100%, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 0px 0px / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 100% 0px / 24px 24px no-repeat, radial-gradient(circle at 100% 0px, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 0px 100% / 24px 24px no-repeat, radial-gradient(circle at 0px 0px, rgb(1, 1, 42) 0px, rgb(1, 1, 42) 22px, transparent 22px) 100% 100% / 24px 24px no-repeat, linear-gradient(rgb(1, 1, 42), rgb(1, 1, 42)) 50% 50% / calc(100% - 4px) calc(100% - 48px) no-repeat, linear-gradient(rgb(1, 1, 42), rgb(1, 1, 42)) 50% 50% / calc(100% - 48px) calc(100% - 4px) no-repeat, repeating-linear-gradient(241deg, rgb(191, 181, 246) 0px, rgba(50, 50, 83, 0.37) 25%, rgb(124, 108, 229) 52%, rgb(65, 61, 116) 85%, rgb(105, 90, 202) 100%); border-radius: 24px; box-sizing: content-box; text-align: left; backdrop-filter: blur(36px); opacity: 0.85; position: absolute; z-index: -1; }
.download-demo-block .download-demo-box .gradient-box .image { margin-bottom: 30px; }
.download-demo-block .download-demo-box .gradient-box .only-video-block { width: 100%; }
.download-demo-block .download-demo-box .gradient-box .only-video-block .thumbnail-video .resource-thumbnail-block { background: transparent; }
.download-demo-block .download-demo-box a.gradient-box:hover .btn-green, .download-demo-block .download-demo-box a.gradient-box:focus .btn-green { background: rgb(0, 189, 133); }
.download-demo-block .info-card-block { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
@media (max-width: 1200px) {
  .download-demo-block .info-card-block { grid-column: 1 / -1; -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: center; justify-content: center; gap: 50px; }
}
@media (max-width: 767px) {
  .download-demo-block .info-card-block { gap: 20px; }
}
.download-demo-block .info-card-block .info-card { text-align: center; margin-bottom: 50px; }
@media (max-width: 1200px) {
  .download-demo-block .info-card-block .info-card { margin: 0px; }
}
.download-demo-block .info-card-block .info-card .card-icon { width: 80px; height: 80px; margin: 0px auto 25px; -webkit-box-flex: 0; flex: 0 0 auto; }
@media (max-width: 767px) {
  .download-demo-block .info-card-block .info-card .card-icon { width: 64px; height: 64px; margin: 0px auto 15px; }
}
.download-demo-block .info-card-block .info-card .card-content h3 { font-size: 20px; font-weight: 700; color: rgb(255, 255, 255); line-height: normal; }
@media (max-width: 767px) {
  .download-demo-block .info-card-block .info-card .card-content h3 { font-size: 18px; }
}
.download-demo-block .info-card-block a.info-card { text-underline-offset: 4px; }
.download-demo-block .info-card-block a.info-card:hover, .download-demo-block .info-card-block a.info-card:focus { text-decoration: underline; }
.email-form { padding-top: 80px; }
.email-form .hs-form { display: flex; -webkit-box-pack: center; justify-content: center; gap: 40px; }
@media (max-width: 767px) {
  .email-form .hs-form { -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 15px; }
}
.email-form .hs-form .hs-form-field { max-width: 270px; width: 100%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
@media (max-width: 767px) {
  .email-form .hs-form .hs-form-field { max-width: 100%; }
}
.email-form .hs-form .hs-form-field label { color: rgb(255, 255, 255); font-size: 14px; font-weight: 400; margin-bottom: 5px; }
.email-form .hs-form .hs-form-field .hs-input { width: 100%; height: 40px; border-radius: 8px; border: 2px solid rgb(182, 169, 251); background: rgb(1, 1, 42); color: rgb(255, 255, 255); padding: 10px; }
@media (max-width: 767px) {
  .email-form .hs-form .hs-form-field .hs-input { height: 50px; }
}
.email-form .hs-form .hs_error_rollup { display: none !important; }
.email-form .hs-form .hs-error-msgs { margin: 2px 0px 0px; padding: 0px; line-height: normal; }
.email-form .hs-form .hs-error-msg { padding: 0px; margin: 0px; font-size: 13px; color: rgb(255, 87, 34) !important; }
.email-form .hs-form .hs-submit { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; -webkit-box-ordinal-group: 3; order: 2; padding-top: 15px; }
@media (max-width: 767px) {
  .email-form .hs-form .hs-submit { padding-top: 0px; }
}
@media (max-width: 575px) {
  .email-form .hs-form .hs-submit { width: 100%; }
  .email-form .hs-form .hs-submit .actions { width: 100%; }
}
.email-form .hs-form .hs-submit .hs-button { border: 1px solid rgb(5, 229, 173); background-color: rgb(5, 229, 173); color: rgb(1, 1, 42); border-radius: 30px; padding: 15px 20px; font-weight: 700; font-size: 14px; display: inline-block; transition: 0.3s; font-family: CentraNo1, sans-serif; cursor: pointer; }
.email-form .hs-form .hs-submit .hs-button:hover, .email-form .hs-form .hs-submit .hs-button:focus { background: rgb(0, 189, 133); }
@media (max-width: 575px) {
  .email-form .hs-form .hs-submit .hs-button { font-size: 13px; padding: 15px; width: 100%; }
}
.review-content-block::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-11.png") left top / contain no-repeat; width: 75px; height: 100px; display: block; position: absolute; top: -50px; left: 0px; }
.review-content-block h2 { font-size: 28px; margin-top: 60px; margin-bottom: 15px; color: rgb(1, 1, 42) !important; }
.review-content-block h2:first-child { margin-top: 0px; }
@media (max-width: 1023px) {
  .review-content-block h2 { margin-top: 40px; font-size: 24px; }
}
.review-content-block h3 { font-size: 22px; margin-top: 20px; margin-bottom: 10px; color: rgb(1, 1, 42) !important; }
.review-content-block h3:first-child { margin-top: 0px; }
@media (max-width: 1023px) {
  .review-content-block h3 { margin-top: 15px; font-size: 20px; }
}
.review-content-block p { color: rgba(1, 1, 42, 0.6); font-size: 18px; }
@media (max-width: 1023px) {
  .review-content-block p { font-size: 16px; }
}
.review-content-block img { max-width: 750px; margin: 20px 0px; }
.review-content-block .number-list { margin-top: 30px; margin-bottom: 20px; }
@media (max-width: 1023px) {
  .review-content-block .number-list { font-size: 16px; }
}
@media (max-width: 1023px) {
  .review-content-block .number-list li { margin-bottom: 20px; }
}
.review-content-block .number-list li:last-child { margin-bottom: 0px; }
.review-content-block .number-list li strong { color: rgb(104, 75, 254); }
.review-content-block .number-list li a { color: rgb(104, 75, 254); font-weight: 700; text-decoration: underline; }
.review-content-block .number-list li a:hover, .review-content-block .number-list li a:focus { color: rgb(1, 1, 42); }
.review-content-block .number-list li img { display: block; border-radius: 16px; padding: 15px; border: 1px solid rgb(234, 234, 234); background: rgb(255, 255, 255); margin-top: 20px; }
.review-content-block .check-list { margin-top: 30px; margin-bottom: 20px; }
.review-content-block .check-list li { color: rgb(1, 1, 42); }
@media (max-width: 1023px) {
  .review-content-block .check-list li { margin-bottom: 20px; }
}
.review-content-block .check-list li:last-child { margin-bottom: 0px; }
.review-content-block .check-list li strong { color: rgb(104, 75, 254); }
.review-content-block .check-list li a { color: rgb(104, 75, 254); font-weight: 700; text-decoration: underline; }
.review-content-block .check-list li a:hover, .review-content-block .check-list li a:focus { color: rgb(1, 1, 42); }
.review-content-block .check-list li img { display: block; border-radius: 16px; padding: 15px; border: 1px solid rgb(234, 234, 234); background: rgb(255, 255, 255); margin-top: 20px; }
@media (max-width: 1023px) {
  .review-content-block .check-list li img { margin-left: -35px; max-width: calc(100% + 35px); }
}
.body-cms-bg-glow { background-color: rgb(1, 1, 42); background-image: url("https://www.qodo.ai/themes/codium/assets/images/img-code-snipets-bg.png"); background-position: left bottom; background-size: 100% 100%; }
.body-cms-bg-glow .cms-page-header { background: url("https://www.qodo.ai/themes/codium/assets/images/img-code-snipets-hero-bg.png") center bottom / 100% no-repeat; }
.body-cms-bg-glow .cms-page-header .section-title { max-width: 680px; margin: 0px auto; }
.body-cms-bg-glow .cms-page-header .section-title .page-tagline { font-weight: 400; font-size: 22px; color: rgb(155, 155, 197); }
@media (max-width: 992px) {
  .body-cms-bg-glow .cms-page-header .section-title .page-tagline { font-size: 18px; }
}
.body-cms-bg-glow .cms-page-header .section-title h1 { font-weight: 500; font-size: 48px; }
@media (max-width: 992px) {
  .body-cms-bg-glow .cms-page-header .section-title h1 { font-size: 42px; }
}
@media (max-width: 767px) {
  .body-cms-bg-glow .cms-page-header .section-title h1 { font-size: 36px; }
}
.body-cms-bg-glow .section-title h2 { font-size: 34px; font-weight: 500; line-height: normal; }
@media (max-width: 992px) {
  .body-cms-bg-glow .section-title h2 { font-size: 30px; }
}
@media (max-width: 767px) {
  .body-cms-bg-glow .section-title h2 { font-size: 28px; }
}
.body-cms-bg-glow .image-block.with-glow img { box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 48px; }
.bg-gradient-img { background: url("https://www.qodo.ai/themes/codium/assets/images/img-gradient-logo-bg.png") right top / cover no-repeat; }
.commercial-section { padding: 70px 0px; box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 48px; }
@media (max-width: 992px) {
  .commercial-section { padding: 50px 0px; }
}
.commercial-section .section-title { margin-bottom: 0px; }
.commercial-section .section-title h2 { font-size: 34px; font-weight: 500; margin-bottom: 0px; line-height: normal; }
@media (max-width: 992px) {
  .commercial-section .section-title h2 { text-align: center; }
}
.commercial-section .icw-hubspot-form-wrapper { background: transparent; padding: 0px; max-width: 420px; margin: 0px auto; }
@media (min-width: 992px) {
  .commercial-section .icw-hubspot-form-wrapper { margin-left: auto; }
}
.commercial-section .icw-hubspot-form-wrapper .hubspot-form .hs-form { position: relative; }
.commercial-section .icw-hubspot-form-wrapper .hubspot-form label { min-height: 20px; }
.commercial-section .icw-hubspot-form-wrapper .hubspot-form .hs-input { height: 48px; padding-right: 130px; }
.commercial-section .icw-hubspot-form-wrapper .hubspot-form .hs-submit { position: absolute; top: 32px; right: 5px; }
.commercial-section .icw-hubspot-form-wrapper .hubspot-form .hs-submit input[type="submit"] { padding: 0.6rem 2.5rem !important; }
.info-card-grid-block { display: flex; -webkit-box-pack: center; justify-content: center; flex-wrap: wrap; row-gap: 20px; }
.info-card-grid-block > * { width: 100%; margin: 0px 25px; max-width: calc(33.33% - 50px); }
@media (max-width: 992px) {
  .info-card-grid-block > * { margin: 0px 10px; max-width: calc(33.33% - 20px); }
}
@media (max-width: 767px) {
  .info-card-grid-block > * { margin: 0px 10px; max-width: calc(50% - 20px); }
}
@media (max-width: 575px) {
  .info-card-grid-block > * { margin: 0px; max-width: 100%; }
}
.info-card-grid-block.four-col > * { max-width: calc(25% - 50px); }
@media (max-width: 992px) {
  .info-card-grid-block.four-col > * { margin: 0px 10px; max-width: calc(50% - 20px); }
}
@media (max-width: 575px) {
  .info-card-grid-block.four-col > * { margin: 0px; max-width: 100%; }
}
.info-card-grid-block .info-card { height: auto; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex: 1 0 auto; padding: 40px 30px; }
.info-card-grid-block .info-card.no-bg { padding: 0px; }
.info-card-grid-block .info-card.with-bg { padding: 40px 25px; border-radius: 24px; position: relative; box-sizing: border-box; background: padding-box rgb(14, 13, 83); border: 1px solid transparent; }
@media (max-width: 992px) {
  .info-card-grid-block .info-card.with-bg { padding: 30px 20px; }
}
.info-card-grid-block .info-card.with-bg::before { content: ""; background: linear-gradient(0deg, rgba(1, 1, 42, 0.24), rgba(1, 1, 42, 0.24)), linear-gradient(105.87deg, rgba(255, 255, 255, 0.255) 3.04%, rgba(255, 255, 255, 0) 99.23%); position: absolute; z-index: 1; width: 100%; top: 0px; left: 0px; border-radius: 24px; height: 100%; }
.info-card-grid-block .info-card.with-bg::after { content: ""; position: absolute; inset: 0px; z-index: -1; margin: -1px; border-radius: inherit; background: linear-gradient(93deg, rgb(191, 181, 246) 0%, rgb(124, 108, 229) 26%, rgb(65, 61, 116) 62%, rgb(105, 90, 202) 93%); opacity: 0.7; }
.info-card-grid-block .info-card.with-bg .card-body { z-index: 1; }
.info-card-grid-block .info-card.with-bg .card-body .title { font-weight: 700; font-size: 22px; }
@media (max-width: 992px) {
  .info-card-grid-block .info-card.with-bg .card-body .title { font-size: 18px; }
}
.info-card-grid-block .info-card .card-img { margin-bottom: 25px; z-index: 1; }
.info-card-grid-block .info-card .card-body { -webkit-box-flex: 1; flex: 1 1 auto; }
.info-card-grid-block .info-card .card-body .title { color: rgb(255, 255, 255); margin-bottom: 15px; font-size: 28px; }
@media (max-width: 992px) {
  .info-card-grid-block .info-card .card-body .title { font-size: 24px; }
}
@media (max-width: 767px) {
  .info-card-grid-block .info-card .card-body .title { font-size: 20px; }
}
.info-card-grid-block .info-card .card-body .sort-info { font-weight: 400; font-size: 18px; color: rgb(255, 255, 255); line-height: 1.5; }
@media (max-width: 992px) {
  .info-card-grid-block .info-card .card-body .sort-info { font-size: 16px; }
}
.info-card-grid-block a.info-card:hover ::after, .info-card-grid-block a.info-card:focus ::after { opacity: 1; }
body.page-template-page-features { background-color: rgb(255, 255, 255) !important; }
.features-hero-header { padding-top: 18rem; background-color: transparent; background-image: linear-gradient(118.6deg, rgba(10, 6, 60, 0.5) 16.04%, rgba(38, 29, 166, 0.008) 63.38%), linear-gradient(92.2deg, rgba(26, 18, 126, 0.5) 21.31%, rgba(39, 29, 168, 0) 64.89%), url("https://www.qodo.ai/themes/codium/assets/images/feature-hero-bg.png"); background-repeat: no-repeat; background-size: contain; background-position: right bottom; padding-bottom: 0px; overflow: hidden; }
@media (max-width: 991px) {
  .features-hero-header { padding-top: 15rem; }
}
@media (max-width: 767px) {
  .features-hero-header { background-image: linear-gradient(118.6deg, rgba(10, 6, 60, 0.5) 16.04%, rgba(38, 29, 166, 0.008) 63.38%), linear-gradient(92.2deg, rgba(26, 18, 126, 0.5) 21.31%, rgba(39, 29, 168, 0) 64.89%), url("https://www.qodo.ai/themes/codium/assets/images/feature-hero-bg-m.png"); background-size: cover; }
}
.features-hero-header::before { content: ""; background: rgb(1, 1, 42); width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; z-index: -1; }
.features-hero-header .hero-withimg { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; -webkit-box-align: center; align-items: center; }
@media (max-width: 992px) {
  .features-hero-header .hero-withimg { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; display: flex; gap: 0px; }
}
.features-hero-header .section-title { padding: 100px 0px; z-index: 1; position: relative; color: rgb(255, 255, 255); }
@media (max-width: 992px) {
  .features-hero-header .section-title { text-align: center; padding: 0px 0px 100px; }
}
.features-hero-header .section-title .page-tagline { margin-bottom: 30px; color: rgb(255, 255, 255); }
.features-hero-header .section-title .sort-info { padding-top: 10px; margin-bottom: 0px; color: rgb(255, 255, 255); }
.features-hero-header .section-title .sort-info * { color: rgb(255, 255, 255); }
.features-hero-header .section-title h1 { margin-bottom: 25px; color: rgb(255, 255, 255); }
.features-hero-header .hero-image-block { text-align: center; }
@media (max-width: 1440px) {
  .features-hero-header .hero-image-block { padding-bottom: 30px; }
}
@media (max-width: 992px) {
  .features-hero-header .hero-image-block { position: absolute; bottom: -50px; right: -50px; padding-bottom: 0px; }
  .features-hero-header .hero-image-block img { max-height: 250px; }
}
@media (max-width: 575px) {
  .features-hero-header .hero-image-block { position: absolute; bottom: -40px; right: -40px; padding-bottom: 0px; }
  .features-hero-header .hero-image-block img { max-height: 170px; }
}
.tab-section { padding-top: 60px; }
@media (min-width: 768px) {
  .tab-section .sticky-top { position: sticky; top: 80px; z-index: 8; background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(12px); transition: 0.3s ease-in-out; }
  .tab-section .sticky-top.tabSlideDown { top: 126px !important; }
}
.tab-nav-section { position: relative; z-index: 1; }
.tab-nav-section .tab-nav { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
@media (max-width: 767px) {
  .tab-nav-section .tab-nav { flex-wrap: wrap; }
}
.tab-nav-section .tab-nav .tab { background: rgb(245, 243, 255); border: 1px solid rgb(237, 237, 237); border-radius: 8px; height: 64px; margin: 10px; width: 100%; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 18px; color: rgb(1, 1, 42); transition: 0.3s ease-in-out; text-align: center; white-space: nowrap; font-weight: 400; }
@media (max-width: 992px) {
  .tab-nav-section .tab-nav .tab { font-size: 16px; margin: 6px 5px; padding: 10px 5px; }
}
@media (max-width: 767px) {
  .tab-nav-section .tab-nav .tab { max-width: 100%; }
}
.tab-nav-section .tab-nav .tab:hover, .tab-nav-section .tab-nav .tab:focus, .tab-nav-section .tab-nav .tab.active { background: rgb(90, 62, 236); border-color: rgb(90, 62, 236); color: rgb(255, 255, 255); font-weight: 700; }
.tab-content-block .content { display: block; padding-top: 100px; margin-top: -50px; padding-bottom: 50px; }
@media (max-width: 767px) {
  .tab-content-block .content { padding-top: 50px; margin-top: 0px; }
}
.features-content-section { padding-bottom: 20px; }
.features-content-section .sort-info { color: rgba(1, 1, 42, 0.6); font-size: 18px; margin-top: 30px; }
.features-content-section .sort-info strong { color: rgb(121, 98, 254); }
@media (max-width: 767px) {
  .features-content-section .sort-info { text-align: center; }
}
.features-content-section .sort-info > * { color: rgba(1, 1, 42, 0.6); font-size: 18px; }
.features-content-section .sort-info ol { list-style-type: decimal; padding-left: 20px; color: rgba(1, 1, 42, 0.8); text-align: left; }
.features-content-section .section-title { margin-bottom: 0px; }
.features-content-section .section-title h2 { color: rgb(1, 1, 42); margin-bottom: 12px; }
.features-content-section .section-title .sort-info { margin-top: 0px; margin-bottom: 0px; }
.feature-content-block { padding-top: 130px; position: relative; }
@media (max-width: 767px) {
  .feature-content-block { padding-top: 110px; }
}
.feature-content-block::before { content: ""; height: 100%; width: 1px; background: rgb(237, 234, 254); display: block; position: absolute; top: 140px; left: 23px; }
@media (max-width: 992px) {
  .feature-content-block::before { top: 130px; left: 18px; }
}
@media (max-width: 767px) {
  .feature-content-block::before { content: none; }
}
.feature-content-block:last-child::before { content: none; }
.code-card-content-block { margin-left: 98px; }
@media (max-width: 992px) {
  .code-card-content-block { margin-left: 63px; gap: 15px; }
}
@media (max-width: 767px) {
  .code-card-content-block { margin-left: 0px; }
}
.code-card-content-block .sort-info { color: rgba(1, 1, 42, 0.6); font-size: 18px; margin: 30px 0px; }
.code-card-content-block .sort-info strong { color: rgb(121, 98, 254); }
.code-card-content-block .sort-info:last-child { margin-bottom: 0px; }
.code-card-list { display: flex; flex-wrap: wrap; margin: 0px -15px; }
.code-card-list.mt-130 { margin-top: 130px; }
@media (max-width: 767px) {
  .code-card-list.mt-130 { margin-top: 80px; }
}
.code-card-list .code-card { width: 100%; max-width: 50%; padding: 0px 15px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
@media (max-width: 767px) {
  .code-card-list .code-card { max-width: 100%; margin-bottom: 20px; }
  .code-card-list .code-card:last-child { margin-bottom: 0px; }
}
.number-with-heading { display: flex; margin-bottom: 30px; }
@media (max-width: 767px) {
  .number-with-heading { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; }
}
.number-with-heading .number { width: 48px; height: 48px; min-width: 48px; min-height: 48px; background: rgb(92, 64, 249); box-shadow: rgb(5, 229, 173) -21.4843px 14.3229px 21.4843px -7.16144px inset, rgba(255, 107, 156, 0.5) 2.68554px -6.26626px 7.16144px inset; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 50%; overflow: hidden; position: relative; z-index: 1; margin-right: 50px; color: rgb(255, 255, 255); font-weight: 700; font-size: 24px; }
.number-with-heading .number::after { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/number-bg.png") center center / 48px no-repeat; position: absolute; top: 0px; left: 0px; width: 48px; height: 48px; display: block; border-radius: 50%; z-index: -1; }
@media (max-width: 992px) {
  .number-with-heading .number { width: 40px; height: 40px; min-width: 40px; min-height: 40px; font-size: 20px; margin-right: 25px; }
  .number-with-heading .number::after { background-size: 40px; width: 40px; height: 40px; }
}
@media (max-width: 767px) {
  .number-with-heading .number { margin-right: 0px; overflow: unset; }
  .number-with-heading .number::before { content: ""; height: 60px; width: 1px; background: rgb(237, 234, 254); display: block; position: absolute; bottom: 100%; left: 19px; }
}
.number-with-heading h3 { color: rgb(1, 1, 42); letter-spacing: 0.01em; font-weight: 700; font-size: 28px; margin-bottom: 5px; }
@media (max-width: 992px) {
  .number-with-heading h3 { font-size: 24px; }
}
@media (max-width: 767px) {
  .number-with-heading h3 { font-size: 22px; }
}
.number-with-heading .sort-info { max-width: 1000px; margin-top: 0px; }
.number-with-heading .sort-info span { color: rgb(104, 75, 254); }
@media (max-width: 767px) {
  .number-with-heading .heading-content { text-align: center; margin-top: 12px; }
}
.code-card { position: relative; }
.code-card .card-header { border-radius: 20px 20px 0px 0px; height: 40px; }
@media (max-width: 767px) {
  .code-card .card-header { border-radius: 12px 12px 0px 0px; height: 26px; }
}
.code-card .card-header span { background: rgb(1, 1, 33); color: rgb(255, 255, 255); font-weight: 700; letter-spacing: 0.01em; padding: 17px 36px 0px; border-radius: 20px 20px 0px 0px; display: inline-block; white-space: nowrap; position: relative; font-size: 18px; }
@media (max-width: 992px) {
  .code-card .card-header span { padding: 17px 35px 0px 25px; }
}
@media (max-width: 767px) {
  .code-card .card-header span { padding: 10px 20px 0px; border-radius: 12px 12px 0px 0px; font-size: 12px; }
}
.code-card .card-header span::before { content: ""; height: 40px; display: inline-block; background: rgb(1, 1, 33); width: 60px; position: absolute; top: 0px; left: 100%; }
@media (max-width: 767px) {
  .code-card .card-header span::before { height: 26px; }
}
.code-card .card-header span::after { content: ""; height: 40px; display: inline-block; background: rgb(255, 255, 255); width: 60px; position: absolute; top: 0px; left: 100%; border-bottom-left-radius: 20px; }
@media (max-width: 767px) {
  .code-card .card-header span::after { height: 26px; border-bottom-left-radius: 12px; }
}
.code-card .card-body { background: rgb(1, 1, 33); padding: 45px 35px 35px; border-radius: 0px 20px 20px; height: 100%; }
@media (max-width: 992px) {
  .code-card .card-body { padding: 35px 25px 25px; }
}
@media (max-width: 767px) {
  .code-card .card-body { height: auto; padding: 25px 20px; min-height: 180px; display: flex; -webkit-box-align: center; align-items: center; border-radius: 0px 12px 12px; }
}
.code-card .card-body code { color: rgb(75, 118, 158); font-size: 18px; }
@media (max-width: 992px) {
  .code-card .card-body code { font-size: 16px; }
}
@media (max-width: 767px) {
  .code-card .card-body code { font-size: 14px; }
}
.code-card .card-body code span { color: rgb(179, 185, 154); }
.note-block { display: flex; }
@media (max-width: 767px) {
  .note-block { margin-left: 0px; display: block; margin-top: 30px; }
}
.note-block .title { display: inline-flex; margin-right: 30px; font-weight: 700; font-size: 18px; }
@media (max-width: 992px) {
  .note-block .title { margin-right: 20px; }
}
@media (max-width: 767px) {
  .note-block .title { margin-bottom: 10px; }
}
.note-block .title .icon-information { background: url("https://www.qodo.ai/themes/codium/assets/icons/icon-information.svg") center center / contain no-repeat; width: 20px; height: 20px; display: inline-block; margin-right: 8px; margin-top: 2px; }
.note-block .sort-info { font-weight: 400; color: rgb(103, 103, 127); margin-top: 0px; }
.resources-container { position: relative; padding-top: 22rem; padding-bottom: 50px; z-index: 3; }
@media (max-width: 992px) {
  .resources-container { padding-top: 15rem; overflow: hidden; }
}
@media (max-width: 767px) {
  .resources-container { padding-top: 15rem; }
}
.resources-container::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-9.png") left center / contain no-repeat; width: 40px; height: 100px; display: block; position: absolute; z-index: -1; top: 150px; left: 0px; }
@media (max-width: 992px) {
  .resources-container::before { top: 275px; height: 60px; }
}
.resources-container::after { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-10.png") right center / contain no-repeat; width: 110px; height: 130px; display: block; position: absolute; z-index: -1; top: 205px; right: 0px; }
@media (max-width: 992px) {
  .resources-container::after { top: 160px; right: -20px; width: 55px; height: 50px; }
}
.resources-container .section-title { margin-bottom: 50px; }
@media (max-width: 992px) {
  .resources-container .section-title { text-align: center; }
}
.resources-container .section-title h1, .resources-container .section-title h2 { background: linear-gradient(90deg, rgb(104, 75, 254) 8.97%, rgb(225, 120, 231) 75.42%, rgb(5, 229, 173) 100.1%) text; -webkit-text-fill-color: transparent; margin-bottom: 10px; display: inline-block; }
.resources-container .section-title .sort-info { color: rgba(1, 1, 42, 0.6); }
.resources-content-wrapper { display: grid; grid-template-columns: 280px auto; }
@media (max-width: 992px) {
  .resources-content-wrapper { grid-template-columns: 100%; }
}
@media (min-width: 992px) {
  .resources-filter-panel { position: sticky; top: 120px; align-self: flex-start; }
}
.resources-filter-panel .section-title { display: none; }
@media (max-width: 992px) {
  .resources-filter-panel .section-title { display: block; }
}
.resources-filter-panel .label-title { font-weight: 700; font-size: 18px; color: rgb(1, 1, 42); margin-bottom: 15px; display: block; }
.resources-filter-panel .post-search { width: 100%; border-radius: 12px; border-color: rgb(223, 223, 228); height: 48px; }
.resources-filter-panel .post-search input[type="search"] { width: 100%; padding: 15px 50px 15px 15px; font-size: 16px; cursor: initial; height: 48px; }
.resources-filter-panel .post-search input[type="search"]::-webkit-input-placeholder { color: rgba(1, 1, 42, 0.6); }
.resources-filter-panel .post-search input[type="search"]::placeholder { color: rgba(1, 1, 42, 0.6); }
.resources-filter-panel .post-search .q-search { background-color: transparent; border-color: transparent; width: 48px; height: 48px; }
.resources-filter-panel .post-search .q-loader .icw-loading { margin-top: 13px; margin-left: 6px; }
.resources-filter-panel .nav-filter { margin: 0px; padding: 0px; }
.resources-filter-panel .nav-filter li { line-height: 1.5; padding: 5px 0px; }
.resources-filter-panel .nav-filter li a { color: rgba(1, 1, 42, 0.6); display: flex; -webkit-box-align: start; align-items: flex-start; font-size: 16px; }
.resources-filter-panel .nav-filter li a .check { width: 18px; height: 18px; border-radius: 4px; border: 1px solid rgb(203, 203, 210); display: inline-block; margin-right: 12px; -webkit-box-flex: 0; flex: 0 0 auto; margin-top: 3px; }
.resources-filter-panel .nav-filter li a:hover, .resources-filter-panel .nav-filter li a:focus { color: rgb(104, 75, 254); }
.resources-filter-panel .nav-filter li.active a { color: rgb(1, 1, 42); }
.resources-filter-panel .nav-filter li.active a .check { background: url("https://www.qodo.ai/themes/codium/assets/icons/icon-check.svg") center center / 12px no-repeat rgb(104, 75, 254); border-color: rgb(104, 75, 254); }
.resources-filter-panel .clear-filter-action { padding-top: 20px; }
.resources-filter-panel .clear-filter-btn { font-size: 16px; font-weight: 700; text-decoration-line: underline; color: rgb(104, 75, 254); background: transparent; border: none; padding: 0px; cursor: pointer; transition: 0.3s ease-in-out; text-underline-offset: 4px; }
.resources-filter-panel .clear-filter-btn:hover, .resources-filter-panel .clear-filter-btn:focus { color: rgb(1, 1, 42); text-decoration: underline; }
.resources-filter-panel .collapse-item-block { margin-top: 50px; }
@media (max-width: 992px) {
  .resources-filter-panel .collapse-item-block { margin-top: 20px; }
}
.resources-filter-panel .collapse-item-block .collapse-header { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; border-bottom: 1px solid rgb(229, 227, 242); padding-bottom: 16px; }
.resources-filter-panel .collapse-item-block .collapse-header.active .collapse-action .icon-arrow { transform: rotate(0deg); }
.resources-filter-panel .collapse-item-block .collapse-header .label-title { margin-bottom: 0px; transition: 0.2s ease-in-out; }
.resources-filter-panel .collapse-item-block .collapse-header .collapse-action { width: 20px; height: 20px; border: none; padding: 0px; background: transparent; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; cursor: pointer; }
.resources-filter-panel .collapse-item-block .collapse-header .collapse-action .icon-arrow { background: url("https://www.qodo.ai/themes/codium/assets/icons/chev-down-black.svg") center center / contain no-repeat; display: inline-block; width: 12px; height: 10px; transform: rotate(180deg); transition: 0.3s ease-in-out; }
.resources-filter-panel .collapse-item-block .collapse-body { padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid rgb(229, 227, 242); max-height: calc(-370px + 100vh); overflow: hidden auto; min-height: 250px; scrollbar-width: thin; }
.resources-filter-panel .collapse-item-block .collapse-body::-webkit-scrollbar { background-color: transparent; width: 6px; height: 6px; border-radius: 16px; }
.resources-filter-panel .collapse-item-block .collapse-body::-webkit-scrollbar-thumb { background-color: rgb(152, 152, 170); border-radius: 16px; }
.resources-filter-panel .collapse-item-block .collapse-body::-webkit-scrollbar-track { background-color: rgb(238, 238, 238); }
.resources-content-block { margin-left: 150px; }
@media (max-width: 1200px) {
  .resources-content-block { margin-left: 80px; }
}
@media (max-width: 992px) {
  .resources-content-block { margin-left: 0px; margin-top: 40px; }
}
@media (max-width: 992px) {
  .resources-content-block .section-title { display: none; }
}
.resource-archive-list .content { display: grid; grid-template-columns: repeat(2, 1fr); gap: 55px 40px; padding: 0px; margin: 0px; }
@media (max-width: 767px) {
  .resource-archive-list .content { gap: 40px; }
}
@media (max-width: 575px) {
  .resource-archive-list .content { grid-template-columns: repeat(1, 1fr); }
}
#main .pagination-pager { margin-top: 20px; }
@media (min-width: 576px) {
  #main .pagination-pager { margin-top: 40px; grid-column: 1 / span 2; }
  #main .pagination-pager.pagination-pager-3 { grid-column: 1 / span 2; }
}
@media (min-width: 1024px) {
  #main .pagination-pager.pagination-pager-3 { grid-column: 1 / span 3; }
}
#main .pagination-pager ul.icw-pagenavi-pager { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 0px; list-style: none; }
#main .pagination-pager ul.icw-pagenavi-pager li { line-height: 0.7; margin: 0px 3px; border-radius: 40px; list-style: none; }
#main .pagination-pager ul.icw-pagenavi-pager li .page-numbers { width: 40px; height: 40px; border-radius: 40px; border: 1px solid rgb(235, 234, 241); display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 16px; color: rgba(1, 1, 42, 0.6); transition: 0.2s ease-in-out; }
#main .pagination-pager ul.icw-pagenavi-pager li .page-numbers.prev { min-width: 40px; min-height: 40px; border-color: rgb(242, 240, 255); background: rgb(242, 240, 255); margin-right: 15px; }
#main .pagination-pager ul.icw-pagenavi-pager li .page-numbers.prev .icon-arrow-left { background: url("https://www.qodo.ai/themes/codium/assets/icons/icon-arrow-left.svg") center center / contain no-repeat; width: 7px; height: 12px; display: inline-block; -webkit-box-flex: 0; flex: 0 0 auto; }
@media (max-width: 575px) {
  #main .pagination-pager ul.icw-pagenavi-pager li .page-numbers.prev { margin-right: 15px; }
}
#main .pagination-pager ul.icw-pagenavi-pager li .page-numbers.next { border-color: rgb(242, 240, 255); background: rgb(242, 240, 255); min-width: 40px; min-height: 40px; margin-left: 15px; }
#main .pagination-pager ul.icw-pagenavi-pager li .page-numbers.next .icon-arrow-right { background: url("https://www.qodo.ai/themes/codium/assets/icons/icon-arrow-right.svg") center center / contain no-repeat; width: 7px; height: 12px; display: inline-block; -webkit-box-flex: 0; flex: 0 0 auto; }
#main .pagination-pager ul.icw-pagenavi-pager li:hover .page-numbers:not(.current), #main .pagination-pager ul.icw-pagenavi-pager li:focus .page-numbers:not(.current) { background: rgb(242, 240, 255); border-color: rgb(104, 75, 254); }
#main .pagination-pager ul.icw-pagenavi-pager li .current { font-weight: 700; color: rgb(1, 1, 42); border-color: rgb(104, 75, 254); cursor: default; }
.resources-details-section { padding: 22rem 0px 80px; }
@media (max-width: 767px) {
  .resources-details-section { padding: 15rem 0px 30px; }
}
.resources-details-section .resources-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; -webkit-box-align: start; align-items: flex-start; }
@media (max-width: 767px) {
  .resources-details-section .resources-row { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; display: flex; gap: 40px; }
  .resources-details-section .resources-row .left-content-block, .resources-details-section .resources-row .right-content-block { width: 100%; }
}
.resources-details-section .resources-row.resources-full-row { border-bottom: 1px solid rgb(233, 230, 250); grid-template-columns: 1fr !important; }
@media (min-width: 992px) {
  .resources-details-section .resources-row.resources-full-row { padding: 0px 100px 70px; }
}
@media (min-width: 992px) {
  .resources-details-section .resources-row.resources-full-row .resources-post-content { max-width: 100%; }
}
.resources-details-section::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-11.png") left center / contain no-repeat; width: 70px; height: 90px; display: block; position: absolute; z-index: -1; top: 200px; left: 0px; }
@media (max-width: 1200px) {
  .resources-details-section::before { top: 130px; }
}
@media (max-width: 992px) {
  .resources-details-section::before { width: 50px; height: 50px; top: 120px; }
}
@media (max-width: 767px) {
  .resources-details-section::before { top: 100px; }
}
.resources-details-section::after { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-12.png") right center / contain no-repeat; width: 326px; height: 239px; display: block; position: absolute; z-index: -1; top: 430px; right: 5%; }
@media (max-width: 1600px) {
  .resources-details-section::after { right: 0px; }
}
@media (max-width: 1600px) {
  .resources-details-section::after { width: 220px; height: 160px; top: 400px; }
}
@media (max-width: 992px) {
  .resources-details-section::after { width: 140px; height: 100px; top: 430px; }
}
@media (max-width: 767px) {
  .resources-details-section::after { top: 360px; }
}
.resources-details-section.resources-bg-after::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-2.png") left center / contain no-repeat; width: 100px; height: 90px; display: block; position: absolute; z-index: -1; top: 700px; left: -30px; }
@media (max-width: 1200px) {
  .resources-details-section.resources-bg-after::before { top: 800px; }
}
@media (max-width: 992px) {
  .resources-details-section.resources-bg-after::before { width: 70px; height: 70px; top: 750px; }
}
.resources-details-section.resources-bg-after::after { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-1.png") 30px 0px / contain no-repeat; width: 150px; height: 125px; display: block; position: absolute; z-index: -1; top: 250px; right: 0px; }
@media (max-width: 1600px) {
  .resources-details-section.resources-bg-after::after { top: 150px; }
}
@media (max-width: 992px) {
  .resources-details-section.resources-bg-after::after { width: 140px; height: 100px; }
}
@media (max-width: 767px) {
  .resources-details-section.resources-bg-after::after { width: 120px; height: 80px; top: 20%; }
}
.resources-details-section .section-title .resources-categories { font-size: 13px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; color: rgb(104, 75, 254); line-height: 1px; margin-bottom: 25px; }
.resources-details-section .section-title .resources-categories a { color: rgb(104, 75, 254); }
.resources-details-section .section-title .resources-categories a:hover, .resources-details-section .section-title .resources-categories a:focus { color: rgb(104, 75, 254); text-decoration: underline !important; }
.resources-details-section .section-title h1 { margin-bottom: 25px; }
.resources-details-section .section-title .btn { text-transform: uppercase; margin-top: 10px; }
.resources-details-section .resources-categories-link { font-size: 28px; font-weight: 700; letter-spacing: 0.5px; color: rgb(1, 1, 42); line-height: 1px; margin-bottom: 25px; padding-top: 50px; }
.resources-details-section .resources-categories-link a { color: rgb(1, 1, 42) !important; text-decoration: none !important; }
.resources-details-section .resources-categories-link a:hover, .resources-details-section .resources-categories-link a:focus { font-weight: 700; color: rgb(104, 75, 254) !important; text-decoration: underline !important; }
@media (min-width: 992px) {
  .resources-details-section .resources-post-content { max-width: 620px; }
}
.resources-details-section .hub-post-content { padding: 50px 0px 20px; margin: 0px !important; }
.resources-details-section .content-block { margin-bottom: 30px; }
.resources-details-section .content-block p { margin-bottom: 20px; }
.resources-details-section .content-block a:not(.btn) { color: rgb(121, 98, 254); text-decoration: underline; font-weight: 600; }
.resources-details-section .content-block a:not(.btn):hover, .resources-details-section .content-block a:not(.btn):focus { color: rgb(0, 0, 0); }
.resources-details-section .content-block blockquote { margin: 0px; padding: 0px; font-size: 22px; }
@media (max-width: 991px) {
  .resources-details-section .content-block blockquote { font-size: 1.8rem; }
}
.resources-details-section .content-block h2 { font-size: 28px; margin-bottom: 20px; padding-top: 30px; }
.resources-details-section .content-block h2:first-child { padding-top: 0px; }
@media (max-width: 991px) {
  .resources-details-section .content-block h2 { font-size: 26px; margin-bottom: 15px; padding-top: 30px; }
}
.resources-details-section .content-block h3 { font-size: 24px; margin-bottom: 20px; padding-top: 30px; }
@media (max-width: 991px) {
  .resources-details-section .content-block h3 { font-size: 22px; margin-bottom: 15px; padding-top: 30px; }
}
.resources-details-section .content-block h4 { font-size: 20px; margin-bottom: 10px; padding-top: 30px; }
@media (max-width: 991px) {
  .resources-details-section .content-block h4 { font-size: 18px; margin-bottom: 15px; padding-top: 30px; }
}
.resources-details-section .content-block ul li > h3, .resources-details-section .content-block ol li > h3 { font-size: 22px; margin-bottom: 10px; padding-top: 0px; }
@media (max-width: 991px) {
  .resources-details-section .content-block ul li > h3, .resources-details-section .content-block ol li > h3 { font-size: 20px; margin-bottom: 10px; padding-top: 0px; }
}
.resources-details-section .content-block ul li > h4, .resources-details-section .content-block ol li > h4 { font-size: 18px; margin-bottom: 10px; padding-top: 0px; }
@media (max-width: 991px) {
  .resources-details-section .content-block ul li > h4, .resources-details-section .content-block ol li > h4 { font-size: 18px; margin-bottom: 10px; padding-top: 0px; }
}
.resources-details-section .content-block ol { line-height: 1.5; padding: 0px 0px 0px 18px; margin: 0px 0px 25px; list-style-type: decimal; }
@media (max-width: 991px) {
  .resources-details-section .content-block ol { font-size: 1.6rem; margin-bottom: 15px; }
}
.resources-details-section .content-block ol li { margin-bottom: 20px; padding-left: 12px; position: relative; }
.resources-details-section .content-block ol li::marker { color: rgb(121, 98, 254); font-weight: 700; }
@media (max-width: 991px) {
  .resources-details-section .content-block ol li { margin-bottom: 12px; }
}
.resources-details-section .content-block ol li:last-child { margin-bottom: 0px; }
.resources-details-section .content-block ul:not(.check-list) { line-height: 1.5; padding: 0px; margin: 0px 0px 25px; }
@media (max-width: 991px) {
  .resources-details-section .content-block ul:not(.check-list) { font-size: 1.6rem; margin-bottom: 15px; }
}
.resources-details-section .content-block ul:not(.check-list) li { margin-bottom: 20px; padding-left: 30px; position: relative; transition: 0.2s ease-in-out; }
@media (max-width: 991px) {
  .resources-details-section .content-block ul:not(.check-list) li { margin-bottom: 12px; }
}
.resources-details-section .content-block ul:not(.check-list) li::before { content: ""; position: absolute; left: 0px; top: 7px; width: 10px; height: 10px; background:  0% 0% / contain rgb(121, 98, 254); transition: 0.2s ease-in-out; border-radius: 50px; }
.resources-details-section .content-block ul:not(.check-list) li:last-child { margin-bottom: 0px; }
@media (max-width: 600px) {
  .resources-details-section .content-block img.alignright, .resources-details-section .content-block img.alignleft { width: 100%; display: block; float: none !important; margin: 0px 0px 20px !important; }
}
.resources-details-section .resource-thumbnail-block { display: flex; -webkit-box-align: center; align-items: center; height: 100%; width: 100%; border-radius: 15px; transform: scale(1); transition: 0.2s; }
.resources-details-section .resource-thumbnail-block img { width: 100%; border-radius: 15px; }
.resources-details-section .resource-more-articles { padding-top: 150px; padding-bottom: 50px; margin: 0px; max-width: 100% !important; gap: 0px !important; }
@media (max-width: 992px) {
  .resources-details-section .resource-more-articles { padding-top: 50px; }
}
.resources-details-section .resource-more-articles .h3 { font-size: 32px; margin-bottom: 25px; }
@media (min-width: 768px) {
  .resources-details-section .resource-more-articles .h3 { font-size: 40px; line-height: 50px; }
}
.resources-details-section .resource-more-articles .related-posts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
@media (max-width: 992px) {
  .resources-details-section .resource-more-articles .related-posts { grid-template-columns: repeat(1, 1fr); gap: 25px; }
  .resources-details-section .resource-more-articles .related-posts.inline-on-mobile { overflow: auto; scroll-snap-type: x mandatory; margin-left: -15px; margin-right: -15px; gap: 15px; padding: 0px 15px; grid-template-columns: repeat(3, 1fr) !important; }
  .resources-details-section .resource-more-articles .related-posts.inline-on-mobile .resources-card { width: calc(-50px + 100vw); scroll-snap-stop: always; }
}
@media (max-width: 992px) and (max-width: 992px) {
  .resources-details-section .resource-more-articles .related-posts.inline-on-mobile .resources-card { width: calc(-50px + 50vw); }
}
@media (max-width: 992px) and (max-width: 767px) {
  .resources-details-section .resource-more-articles .related-posts.inline-on-mobile .resources-card { width: calc(-50px + 80vw); }
}
@media (max-width: 992px) and (max-width: 575px) {
  .resources-details-section .resource-more-articles .related-posts.inline-on-mobile .resources-card { width: calc(-50px + 100vw); }
}
.resources-details-section .back-action { margin-bottom: 50px; }
.resources-details-section .back-action a { color: rgb(142, 142, 167); font-size: 16px; display: inline-flex; -webkit-box-align: center; align-items: center; transition: 0.2s ease-in-out; }
.resources-details-section .back-action a .icon-arrow-left { display: inline-block; margin-right: 8px; transition: 0.2s ease-in-out; }
.resources-details-section .back-action a:hover, .resources-details-section .back-action a:focus { color: rgb(104, 75, 254); text-decoration: underline; }
.resources-details-section .back-action a:hover svg path, .resources-details-section .back-action a:focus svg path { stroke: rgb(16, 20, 19); }
.resources-details-section .back-action a:hover .icon-arrow-left, .resources-details-section .back-action a:focus .icon-arrow-left { transform: translateX(-5px); }
@media (max-width: 767px) {
  .resources-details-section .back-action a { font-size: 14px; }
}
@media (min-width: 992px) {
  .resources-details-section.resources-full-section .back-action { padding: 0px 100px; }
}
body .thumbnail-video .resource-thumbnail-block { display: flex; -webkit-box-align: center; align-items: center; height: 100%; width: 100%; border-radius: 15px; transform: scale(1); transition: 0.2s; }
body .thumbnail-video .resource-thumbnail-block::before { background: rgba(26, 21, 52, 0.2) !important; }
body .thumbnail-video .resource-thumbnail-block img { width: 100%; vertical-align: bottom; border-radius: 15px; }
.resource-thumbnail-video, .thumbnail-video { display: block; position: relative; }
.resource-thumbnail-video .icon-play, .thumbnail-video .icon-play { background: url("https://www.qodo.ai/themes/codium/assets/icons/icon-play.svg") center center no-repeat; position: absolute; top: 50%; left: 50%; width: 64px; height: 64px; transform: translate(-50%, -50%) scale(1); transition: 0.3s ease-in-out; border-radius: 50%; display: inline-block; -webkit-box-flex: 0; flex: 0 0 auto; z-index: 2; }
.resource-thumbnail-video .resource-thumbnail-block, .thumbnail-video .resource-thumbnail-block { display: flex; -webkit-box-align: center; align-items: center; height: 100%; width: 100%; border-radius: 15px; transition: 0.2s; transform: scale(1); position: relative; background: rgb(243, 243, 243); }
.resource-thumbnail-video .resource-thumbnail-block::before, .thumbnail-video .resource-thumbnail-block::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: block; border-radius: 15px; z-index: 1; background: rgba(26, 21, 52, 0.2) !important; }
.resource-thumbnail-video .resource-thumbnail-block img, .thumbnail-video .resource-thumbnail-block img { width: 100%; vertical-align: bottom; border-radius: 15px; }
.resource-thumbnail-video:hover .icon-play, .resource-thumbnail-video:focus .icon-play, .thumbnail-video:hover .icon-play, .thumbnail-video:focus .icon-play { box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 20px 5px; transform: translate(-50%, -50%) scale(1.1); }
.resource-thumbnail-video:hover .resource-thumbnail-block, .resource-thumbnail-video:focus .resource-thumbnail-block, .thumbnail-video:hover .resource-thumbnail-block, .thumbnail-video:focus .resource-thumbnail-block { transform: scale(1.02); }
.video-wrap { position: relative; padding-bottom: 56.25%; height: 0px; border-radius: 15px; overflow: hidden; background-color: rgb(1, 1, 42); }
.video-wrap iframe, .video-wrap .embed-responsive-item, .video-wrap video { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
body.main--light-gradient-bg #main { background: linear-gradient(rgba(195, 185, 255, 0.2) 0%, rgba(200, 191, 255, 0.2) 10%, rgba(255, 255, 255, 0) 100%); }
.icon-content-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
@media (max-width: 992px) {
  .icon-content-grid-3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  .icon-content-grid-3 { grid-template-columns: repeat(1, 1fr); }
}
.icon-content-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
@media (max-width: 992px) {
  .icon-content-grid-2 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  .icon-content-grid-2 { grid-template-columns: repeat(1, 1fr); }
}
.icon-hub-box .icon-box-content { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; border-radius: 16px; border: 1px solid transparent; background: rgb(255, 255, 255); padding: 30px; height: 100%; }
.icon-hub-box .icon-box-content .icon-img { min-width: 64px; max-width: 64px; min-height: 64px; max-height: 64px; background: url("https://www.qodo.ai/themes/codium/assets/images/icon-bg.png") center center no-repeat; border-radius: 50px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-bottom: 25px; transition: 0.3s ease-in-out; overflow: hidden; }
.icon-hub-box .icon-box-content .icon-img img { max-height: 40px; min-height: 40px; -webkit-box-flex: 0; flex: 0 0 auto; }
@media (max-width: 767px) {
  .icon-hub-box .icon-box-content .icon-img { min-width: 54px; max-width: 54px; min-height: 54px; max-height: 54px; }
  .icon-hub-box .icon-box-content .icon-img img { max-height: 30px; min-height: 30px; }
}
.icon-hub-box .icon-box-content .title { font-size: 22px; color: rgb(1, 1, 42); font-weight: 700; margin-bottom: 12px; transition: 0.3s ease-in-out; }
@media (max-width: 767px) {
  .icon-hub-box .icon-box-content .title { font-size: 18px; }
}
.icon-hub-box .icon-box-content .sort-info { color: rgba(1, 1, 42, 0.6); font-size: 16px; }
.icon-hub-box a.icon-box-content { transition: 0.2s ease-in-out; }
.icon-hub-box a.icon-box-content:hover, .icon-hub-box a.icon-box-content:focus { border-color: rgb(1, 1, 42); }
.icon-hub-box a.icon-box-content:hover .icon-img, .icon-hub-box a.icon-box-content:focus .icon-img { transform: scale(1.1); }
.icon-hub-box.left-icon-box { display: flex; padding: 25px; border: 1px solid rgb(237, 237, 237); }
.icon-hub-box.left-icon-box .icon-img { max-width: 150px; min-width: 150px; margin-right: 50px; -webkit-box-flex: 0; flex: 0 0 auto; }
.icon-hub-box.left-icon-box .icon-img img { width: 100%; vertical-align: bottom; }
.icon-hub-box.left-icon-box .sort-info { color: rgba(1, 1, 42, 0.6); line-height: 1.5; }
@media (max-width: 767px) {
  .icon-hub-box.left-icon-box .sort-info { margin-top: 15px; }
}
@media (max-width: 767px) {
  .icon-hub-box.left-icon-box { display: block; padding: 20px; }
  .icon-hub-box.left-icon-box .icon-img { margin-right: 0px; }
}
.icon-hub-box.top-icon-box { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 25px; border: 1px solid rgb(237, 237, 237); }
.icon-hub-box.top-icon-box h3 { margin-bottom: 25px; font-size: 1.8rem; background: rgba(250, 250, 255, 0.6); backdrop-filter: blur(8px); }
.icon-hub-box.top-icon-box .icon-img { max-width: 150px; min-width: 150px; -webkit-box-flex: 0; flex: 0 0 auto; margin-bottom: 20px; }
.icon-hub-box.top-icon-box .icon-img img { width: 100%; vertical-align: bottom; }
.icon-hub-box.top-icon-box .banner-img { -webkit-box-flex: 0; flex: 0 0 auto; margin-bottom: 20px; }
.icon-hub-box.top-icon-box .banner-img img { width: 100%; vertical-align: bottom; }
.icon-hub-box.top-icon-box .sort-info { color: rgba(1, 1, 42, 0.6); line-height: 1.5; }
@media (max-width: 767px) {
  .icon-hub-box.top-icon-box .sort-info { margin-top: 15px; }
}
@media (max-width: 767px) {
  .icon-hub-box.top-icon-box { display: block; padding: 20px; }
  .icon-hub-box.top-icon-box .icon-img { margin-right: 0px; }
}
.icon-hub-box .sort-info ul:not(.check-list) li { margin-bottom: 5px; }
@media (min-width: 1024px) {
  header.site-header.slideUp + main .icon-hub-box.left-icon-box .icon-img { position: sticky; top: 90px; height: fit-content; }
  header.site-header.slideUp + main .icon-hub-box.top-icon-box h3 { position: sticky; top: 80px; }
  header.site-header.slideDown + main .icon-hub-box.left-icon-box .icon-img { position: sticky; top: 130px; height: fit-content; }
  header.site-header.slideDown + main .icon-hub-box.top-icon-box h3 { position: sticky; top: 126px; }
}
.icon-grid-lists { display: grid; gap: 20px; grid-template-columns: repeat(1, 1fr); }
.icon-grid-lists.is-grid-5 { grid-template-columns: repeat(5, 1fr); }
@media (max-width: 992px) {
  .icon-grid-lists.is-grid-5 { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 767px) {
  .icon-grid-lists.is-grid-5 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 575px) {
  .icon-grid-lists.is-grid-5 { grid-template-columns: repeat(2, 1fr); }
}
.icon-grid-lists.grid-full, .icon-grid-lists.grid-top-icon-banner, .icon-grid-lists.grid-top-icon { grid-template-columns: repeat(1, 1fr); }
.icon-border-box { padding: 20px; border: 1px solid rgb(237, 237, 237); background: rgb(255, 255, 255); color: rgb(121, 98, 254); border-radius: 8px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: 0.3s ease-in-out; }
@media (max-width: 767px) {
  .icon-border-box { padding: 15px; }
}
.icon-border-box img { -webkit-box-flex: 0; flex: 0 0 auto; max-height: 55px; transition: 0.3s ease-in-out; }
@media (max-width: 767px) {
  .icon-border-box img { max-height: 40px; }
}
.icon-border-box:hover, .icon-border-box:focus { border-color: rgb(1, 1, 42); }
.icon-border-box:hover img, .icon-border-box:focus img { transform: scale(1.05); }
.progress-block { margin-bottom: 40px; }
@media (max-width: 767px) {
  .progress-block { margin-bottom: 20px; }
}
.progress-block .progress-content { display: inline-flex; -webkit-box-align: center; align-items: center; margin-right: 45px; }
@media (max-width: 767px) {
  .progress-block .progress-content { display: grid; grid-template-columns: 120px auto; margin-right: 0px; margin-top: 20px; }
}
.progress-block .progress-content:last-child { margin-right: 0px; }
.progress-block .progress-content .progress-title { margin-right: 15px; font-size: 18px; color: rgba(1, 1, 42, 0.6); width: 100%; }
@media (max-width: 767px) {
  .progress-block .progress-content .progress-title { font-size: 16px; }
}
.progress-block .progress-content .progerss { border-radius: 40px; border: 1px solid rgb(230, 226, 244); display: inline-flex; -webkit-box-align: center; align-items: center; padding: 8px 12px; width: fit-content; }
.progress-block .progress-content .progerss .progress-bar { height: 8px; display: inherit; }
@media (max-width: 767px) {
  .progress-block .progress-content .progerss .progress-bar svg { width: 75px; }
}
.progress-block .progress-content .progerss .progress-bar.high svg rect { fill: red; }
.progress-block .progress-content .progerss .progress-bar.medium svg rect { fill: rgb(249, 125, 11); }
.progress-block .progress-content .progerss .progress-bar.low svg rect { fill: rgb(5, 229, 173); }
.progress-block .progress-content .progerss .level { font-size: 14px; font-weight: 700; color: rgb(1, 1, 42); margin-left: 8px; text-transform: capitalize; }
.questionpage-header.themebg { border-bottom: 1px solid rgb(233, 230, 250); }
.questionpage-header.themebg .section-title { padding-bottom: 100px; border-bottom: none; }
.search-block { position: relative; max-width: 860px; margin: -32px auto 35px; z-index: 1; }
.search-block .search-input { position: relative; }
.search-block .search-input .clear-btn { position: absolute; top: 0px; bottom: 0px; right: 15px; height: 30px; width: 30px; margin: auto; z-index: 10; cursor: pointer; text-align: center; border: none; background: transparent; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.search-block .search-input .clear-btn svg * { transition: 0.3s ease-in-out; }
.search-block .search-input .clear-btn:hover svg path, .search-block .search-input .clear-btn:focus svg path { stroke: rgb(104, 75, 254); }
.search-block .search-input .search-icon { display: inline-block; min-width: 40px; min-height: 40px; background-color: rgb(242, 240, 255); background-image: url("https://www.qodo.ai/themes/codium/assets/icons/search.svg"); background-size: 18px; background-position: center center; background-repeat: no-repeat; border-radius: 50%; position: absolute; top: 12px; left: 12px; }
@media (max-width: 767px) {
  .search-block .search-input .search-icon { top: 9px; left: 9px; }
}
.search-block .form-control { padding-left: 75px; padding-right: 40px; border-radius: 45px; border: 1px solid rgb(243, 241, 252); background: rgb(255, 255, 255); color: rgb(48, 50, 69); font-size: 18px; min-height: 64px; width: 100%; }
.search-block .form-control::-webkit-input-placeholder { color: rgb(142, 142, 167); }
.search-block .form-control::placeholder { color: rgb(142, 142, 167); }
.search-block .form-control:focus-visible { outline: rgb(155, 138, 252) auto 1px; }
@media (max-width: 767px) {
  .search-block .form-control { min-height: 58px; font-size: 16px; padding-left: 60px; background-position: 20px center; }
}
.search-block .search-dropdown-list { margin-top: 15px; position: absolute; left: 0px; right: 0px; top: 100%; z-index: 1; visibility: hidden; opacity: 0; transition: 0.3s ease-in-out; }
@media (max-width: 767px) {
  .search-block .search-dropdown-list { margin-top: 25px; }
}
.search-block .search-dropdown-list.is-open { visibility: visible; opacity: 1; }
.search-block .search-dropdown-list .list { display: grid; grid-template-columns: 2fr 1fr; gap: 15px; }
@media (max-width: 767px) {
  .search-block .search-dropdown-list .list { grid-template-columns: 1fr; gap: 0px; box-shadow: rgba(201, 197, 219, 0.47) 0px 16px 62px 0px; }
}
.search-block .search-dropdown-list .question-box-search-list { background-color: rgb(255, 255, 255); border-radius: 10px; padding: 15px; color: rgb(84, 87, 112); font-size: 18px; font-weight: 400; height: 100%; box-shadow: rgba(201, 197, 219, 0.47) 0px 16px 62px 0px; }
.search-block .search-dropdown-list .question-box-search-list .search-list { padding: 15px; max-height: 325px; min-height: 325px; overflow-y: auto; }
.search-block .search-dropdown-list .question-box-search-list .search-list::-webkit-scrollbar { width: 6px; background-color: rgb(250, 250, 250); }
.search-block .search-dropdown-list .question-box-search-list .search-list::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); }
@media (max-width: 767px) {
  .search-block .search-dropdown-list .question-box-search-list .search-list { min-height: auto; padding: 0px; }
}
.search-block .search-dropdown-list .question-box-search-list ul { padding: 0px; margin: 0px 0px 15px; }
.search-block .search-dropdown-list .question-box-search-list li { margin-bottom: 10px; }
.search-block .search-dropdown-list .question-box-search-list li:last-child { margin-bottom: 0px !important; }
.search-block .search-dropdown-list .question-box-search-list li.selected { color: rgb(48, 50, 69); }
.search-block .search-dropdown-list .question-box-search-list li small { color: rgb(104, 75, 254); font-weight: 700; }
.search-block .search-dropdown-list .question-box-search-list li strong { font-weight: 700; }
.search-block .search-dropdown-list .question-box-search-list li a, .search-block .search-dropdown-list .question-box-search-list li button { transition: 0.3s ease-in-out; border: 0px; background: transparent; text-align: left; padding: 0px; font-size: 16px; }
.search-block .search-dropdown-list .question-box-search-list li a:hover, .search-block .search-dropdown-list .question-box-search-list li a:focus, .search-block .search-dropdown-list .question-box-search-list li button:hover, .search-block .search-dropdown-list .question-box-search-list li button:focus { color: rgb(104, 75, 254); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 767px) {
  .search-block .search-dropdown-list .question-box-search-list { border-radius: 0px; box-shadow: none; margin-bottom: 30px; }
}
.search-block .search-dropdown-list .question-box { background-color: rgb(255, 255, 255); border-radius: 10px; padding: 50px 30px 30px; height: 100%; box-shadow: rgba(201, 197, 219, 0.47) 0px 16px 62px 0px; }
@media (max-width: 767px) {
  .search-block .search-dropdown-list .question-box { text-align: center; padding: 40px 20px; box-shadow: none; }
}
.search-block .search-dropdown-list .question-box h3 { font-weight: 600; font-size: 24px; color: rgb(48, 50, 69); margin-bottom: 15px; }
.search-block .search-dropdown-list .question-box .info-content { color: rgb(84, 87, 112); font-size: 16px; margin-bottom: 30px; }
.question-wrapper { padding: 40px 0px 100px; position: relative; z-index: 9; }
.question-wrapper .container { padding: 0px 15px; }
.question-wrapper .question-cats-head { position: relative; max-width: 860px; margin: 0px auto 80px; }
@media (max-width: 767px) {
  .question-wrapper .question-cats-head { margin: 0px -15px 40px; }
}
.question-wrapper .question-cats { display: flex; -webkit-box-pack: center; justify-content: center; flex-wrap: wrap; padding: 0px; }
@media (max-width: 767px) {
  .question-wrapper .question-cats { overflow-y: auto; text-align: left; white-space: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; justify-content: start; padding: 0px 15px; }
}
.question-wrapper .question-cats li { margin: 0px 5px 10px; }
.question-wrapper .question-cats a { font-weight: 700; font-size: 14px; text-decoration: none; background: rgb(255, 255, 255); padding: 0px 20px; color: rgb(155, 138, 252); text-transform: uppercase; border: 1px solid rgb(155, 138, 252); border-radius: 22px; transition: 0.3s ease-in-out; display: inline-block; vertical-align: middle; height: 40px; line-height: 40px; white-space: nowrap; }
.question-wrapper .question-cats a:hover, .question-wrapper .question-cats a:focus { background: rgb(245, 242, 253); }
.question-wrapper .question-cats .active a { background: rgb(104, 75, 254); border-color: rgb(104, 75, 254); color: rgb(255, 255, 255) !important; }
.question-wrapper .question-answer-list { max-width: 860px; margin: 0px auto; }
.question-wrapper .question-item { background: rgb(255, 255, 255); border: 1px solid rgb(240, 237, 251); padding: 30px; border-radius: 20px; display: flex; -webkit-box-align: start; align-items: flex-start; margin-bottom: 20px; width: 100%; }
.question-wrapper .question-item:hover, .question-wrapper .question-item:focus { box-shadow: rgba(201, 197, 219, 0.47) 0px 16px 62px 0px; }
.question-wrapper .question-item:hover h3, .question-wrapper .question-item:focus h3 { border-bottom: 1px solid rgb(1, 1, 42); }
.question-wrapper .question-item:hover .icon-right, .question-wrapper .question-item:focus .icon-right { background: rgb(104, 75, 254); transform: scale(1.1); }
.question-wrapper .question-item:hover .icon-right svg, .question-wrapper .question-item:focus .icon-right svg { stroke: rgb(255, 255, 255); }
@media (max-width: 767px) {
  .question-wrapper .question-item { padding: 20px; }
}
.question-wrapper .question-item .question-content { width: 100%; }
.question-wrapper .question-item .question-title { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 15px; }
.question-wrapper .question-item h3 { font-weight: 600; font-size: 20px; color: rgb(1, 1, 42); line-height: normal; margin-right: 15px; padding-bottom: 3px; border-bottom: 1.5px solid transparent; }
@media (max-width: 767px) {
  .question-wrapper .question-item h3 { font-size: 16px; }
}
.question-wrapper .question-item .post-meta { color: rgb(104, 75, 254); font-size: 16px; display: flex; -webkit-box-align: center; align-items: center; }
@media (max-width: 767px) {
  .question-wrapper .question-item .post-meta { font-size: 14px; }
}
.question-wrapper .question-item .post-meta .user { display: flex; -webkit-box-align: center; align-items: center; }
.question-wrapper .question-item .post-meta .user img { width: 35px; height: 35px; min-width: 35px; min-height: 35px; -webkit-box-flex: 0; flex: 0 0 auto; margin-right: 12px; border-radius: 50%; border: 1px solid rgb(240, 240, 240); }
@media (max-width: 767px) {
  .question-wrapper .question-item .post-meta .user img { width: 28px; height: 28px; min-width: 28px; min-height: 28px; -webkit-box-flex: 0; flex: 0 0 auto; }
}
.question-wrapper .question-item .post-meta span { color: rgb(142, 142, 167); font-weight: 700; padding: 3px 12px; margin-left: 12px; border-left: 1px solid rgb(240, 237, 251); display: inline-block; }
@media (max-width: 767px) {
  .question-wrapper .question-item .post-meta span { margin-left: 8px; padding: 3px 8px; }
}
.question-wrapper .question-item .icon-right { margin-left: auto; min-width: 35px; min-height: 35px; -webkit-box-flex: 0; flex: 0 0 auto; background: rgb(242, 240, 255); display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 50%; transition: 0.2s ease-in-out; }
.question-wrapper .question-item .icon-right svg { width: 16px; height: 16px; }
.question-wrapper .pagination-pager { margin-top: 100px !important; }
@media (max-width: 767px) {
  .question-wrapper .pagination-pager { margin-top: 60px !important; }
}
.question-page-header { background-image: none; padding: 22rem 0px 0px; }
@media (max-width: 767px) {
  .question-page-header { padding: 15rem 0px 0px; }
}
.question-page-header.question-bg-after::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-2.png") left center / contain no-repeat; width: 100px; height: 90px; display: block; position: absolute; z-index: -1; top: 700px; left: -30px; }
@media (max-width: 767px) {
  .question-page-header.question-bg-after::before { content: none; }
}
.question-page-header.question-bg-after::after { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-1.png") 30px 0px / contain no-repeat; width: 130px; height: 125px; display: block; position: absolute; z-index: -1; top: 250px; right: 0px; }
@media (max-width: 992px) {
  .question-page-header.question-bg-after::after { top: 120px; width: 80px; height: 75px; }
}
.question-page-header.right-circle { overflow: hidden; }
.question-page-header.right-circle::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-2.png") left center / contain no-repeat; width: 100px; height: 90px; display: block; position: absolute; z-index: -1; top: 270px; left: -55px; }
@media (max-width: 767px) {
  .question-page-header.right-circle::before { content: none; }
}
.question-page-header.right-circle::after { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-10.png") center center / contain no-repeat; width: 110px; height: 130px; display: block; position: absolute; right: 0px; top: 160px; }
@media (max-width: 992px) {
  .question-page-header.right-circle::after { top: 120px; width: 90px; height: 110px; }
}
@media (max-width: 767px) {
  .question-page-header.right-circle::after { top: 90px; right: -30px; width: 70px; height: 80px; }
}
.question-page-header.themebg .section-title { border-bottom: none; }
@media (max-width: 767px) {
  .question-page-header.themebg .section-title { padding-bottom: 40px; }
}
.question-page-header .container { border-bottom: 1px solid rgb(233, 230, 250); }
.question-page-header .back-action { max-width: 1060px; margin: 0px auto 50px; }
@media (max-width: 767px) {
  .question-page-header .back-action { margin-bottom: 30px; }
}
.question-page-header .back-action a { color: rgb(142, 142, 167); font-size: 16px; display: inline-flex; -webkit-box-align: center; align-items: center; transition: 0.2s ease-in-out; }
.question-page-header .back-action a em { display: inline-block; margin-right: 8px; transition: 0.2s ease-in-out; }
.question-page-header .back-action a:hover, .question-page-header .back-action a:focus { color: rgb(104, 75, 254); text-decoration: underline; }
.question-page-header .back-action a:hover em, .question-page-header .back-action a:focus em { transform: translateX(-5px); }
.question-page-header .section-title { max-width: 1060px; margin: 0px auto; border-bottom: none; }
.question-page-header .section-title.pb-100 { padding-bottom: 100px; }
@media (max-width: 767px) {
  .question-page-header .section-title.pb-100 { padding-bottom: 70px; }
}
.question-page-header .section-title .font-sm { font-size: 40px; }
@media (max-width: 767px) {
  .question-page-header .section-title .font-sm { font-size: 32px; }
}
.question-page-header .section-title .question-info { display: flex; -webkit-box-align: center; align-items: center; }
@media (max-width: 767px) {
  .question-page-header .section-title .question-info { display: block; }
}
.question-page-header .section-title .category-info .title { color: rgba(1, 1, 42, 0.6); }
.question-page-header .section-title .category-info .category-name { border-radius: 22px; border: 1px solid rgb(155, 138, 252); text-transform: uppercase; font-size: 14px; color: rgb(155, 138, 252); font-weight: 700; display: inline-block; padding: 10px 16px; margin-left: 15px; }
.question-page-header .section-title .author-info { display: inline-flex; -webkit-box-align: center; align-items: center; margin-left: 80px; }
@media (max-width: 767px) {
  .question-page-header .section-title .author-info { margin-left: 0px; margin-top: 15px; }
}
.question-page-header .section-title .author-info .title { color: rgba(1, 1, 42, 0.6); margin-right: 15px; }
@media (max-width: 767px) {
  .question-page-header .section-title .author-info .title { margin-right: 32px; }
}
.question-page-header .section-title .author-info .author-name { font-size: 18px; color: rgb(104, 75, 254); display: inline-flex; -webkit-box-align: center; align-items: center; }
@media (max-width: 767px) {
  .question-page-header .section-title .author-info .author-name { font-size: 14px; }
}
.question-page-header .section-title .author-info .author-name img { width: 40px; height: 40px; min-width: 40px; min-height: 40px; border-radius: 50%; -webkit-box-flex: 0; flex: 0 0 auto; margin-right: 15px; border: 1px solid rgb(240, 240, 240); }
@media (max-width: 767px) {
  .question-page-header .section-title .author-info .author-name img { width: 32px; height: 32px; min-width: 32px; min-height: 32px; margin-right: 15px; }
}
.question-details-section { padding-top: 50px; }
@media (max-width: 767px) {
  .question-details-section { padding-top: 30px; }
}
.question-details-section .single-contnet { max-width: 1060px; margin: 0px auto; word-break: break-word; font-weight: 400; color: rgb(1, 1, 42); }
.question-details-section .single-contnet p { font-weight: 400; color: rgb(1, 1, 42); margin-bottom: 20px; }
.question-details-section .single-contnet p strong { font-weight: 700; }
.question-details-section .single-contnet a { color: rgba(1, 1, 42, 0.6); font-weight: 700; transition: 0.2s ease-in-out; text-decoration: underline; text-underline-offset: 4px; }
.question-details-section .single-contnet a:hover, .question-details-section .single-contnet a:focus { text-decoration: none; color: rgb(104, 75, 254); }
.question-details-section .single-contnet img { border-radius: 15px; margin-bottom: 20px; max-width: 100%; object-fit: cover; }
.question-details-section .single-contnet h2 { font-weight: 600; font-size: 28px; color: rgb(48, 50, 69); margin-bottom: 20px; padding-top: 20px; }
@media (max-width: 767px) {
  .question-details-section .single-contnet h2 { font-size: 24px; padding-top: 10px; margin-bottom: 15px; }
}
.question-details-section .single-contnet h3 { font-weight: 600; font-size: 22px; color: rgb(48, 50, 69); margin-bottom: 20px; }
@media (max-width: 767px) {
  .question-details-section .single-contnet h3 { font-size: 20px; margin-bottom: 15px; }
}
.question-details-section .single-contnet a:not(.btn) { color: rgb(121, 98, 254); text-decoration: underline; font-weight: 600; }
.question-details-section .single-contnet a:not(.btn):hover, .question-details-section .single-contnet a:not(.btn):focus { color: rgb(0, 0, 0); }
.question-details-section .single-contnet ul { padding-left: 20px; margin-bottom: 30px; line-height: 1.4; }
@media (max-width: 991px) {
  .question-details-section .single-contnet ul { margin-bottom: 25px; }
}
.question-details-section .single-contnet ul li { list-style: disc; margin-bottom: 15px; }
.question-details-section .single-contnet ul li:last-child { margin-bottom: 0px; }
.question-details-section .single-contnet ul li::marker { font-weight: 400; color: rgb(50, 27, 178); }
.question-details-section .single-contnet ul li img { margin-top: 20px; }
.question-details-section .single-contnet ol { padding-left: 20px; margin-bottom: 30px; line-height: 1.4; }
@media (max-width: 991px) {
  .question-details-section .single-contnet ol { margin-bottom: 25px; }
}
.question-details-section .single-contnet ol li { padding-left: 5px; list-style: decimal; margin-bottom: 15px; }
.question-details-section .single-contnet ol li:last-child { margin-bottom: 0px; }
.question-details-section .single-contnet ol li::marker { font-weight: 400; color: rgb(50, 27, 178); }
.question-details-section .single-contnet ol li img { margin-top: 20px; }
.question-details-section .single-contnet blockquote { background-color: rgb(247, 247, 247); border-left: 4px solid rgb(50, 27, 178); padding: 30px; font-weight: 600; margin-bottom: 30px; }
@media (max-width: 767px) {
  .question-details-section .single-contnet blockquote { margin-bottom: 20px; padding: 20px; }
}
.question-details-section .single-contnet blockquote p:last-child { margin-bottom: 0px; }
.question-details-section .single-contnet table { padding: 0px; font-size: 14px; border-collapse: collapse; text-align: left; margin-bottom: 30px; width: 100%; border: 1px solid rgb(225, 221, 249); border-radius: 5px; }
.question-details-section .single-contnet table thead { background: rgb(225, 221, 249); }
.question-details-section .single-contnet table thead tr th { padding: 8px 15px; color: rgb(0, 0, 0); font-weight: 600; word-break: initial; }
.question-details-section .single-contnet table tbody tr:nth-child(2n) { background: rgb(241, 243, 247); }
.question-details-section .single-contnet table tbody tr td { padding: 8px 15px; text-align: left; color: rgb(0, 0, 0); word-break: initial; }
@media (max-width: 1200px) {
  .question-details-section .single-contnet table thead tr th, .question-details-section .single-contnet table tbody tr td { padding: 8px 15px; }
}
@media (max-width: 767px) {
  .question-details-section .single-contnet table thead tr th, .question-details-section .single-contnet table tbody tr td { font-size: 14px; }
}
.event-details-section { padding: 22rem 0px 80px; }
@media (max-width: 767px) {
  .event-details-section { padding: 15rem 0px 30px; }
}
.event-details-section .event-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; -webkit-box-align: start; align-items: flex-start; }
@media (max-width: 767px) {
  .event-details-section .event-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; display: flex; gap: 40px; }
  .event-details-section .event-row .left-content-block, .event-details-section .event-row .right-content-block { width: 100%; }
}
.event-details-section::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-11.png") left center / contain no-repeat; width: 70px; height: 90px; display: block; position: absolute; z-index: -1; top: 200px; left: 0px; }
@media (max-width: 1200px) {
  .event-details-section::before { top: 130px; }
}
@media (max-width: 992px) {
  .event-details-section::before { width: 50px; height: 50px; top: 120px; }
}
@media (max-width: 767px) {
  .event-details-section::before { top: 100px; }
}
.event-details-section::after { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-12.png") right center / contain no-repeat; width: 326px; height: 239px; display: block; position: absolute; z-index: -1; top: 430px; right: 5%; }
@media (max-width: 1600px) {
  .event-details-section::after { right: 0px; }
}
@media (max-width: 1600px) {
  .event-details-section::after { width: 220px; height: 160px; top: 400px; }
}
@media (max-width: 992px) {
  .event-details-section::after { width: 140px; height: 100px; top: 430px; }
}
@media (max-width: 767px) {
  .event-details-section::after { top: 360px; }
}
@media (max-width: 767px) {
  .event-details-section .section-title { margin-bottom: 0px; }
}
.event-details-section .section-title .event-tagline { font-size: 13px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; color: rgb(104, 75, 254); line-height: 1px; margin-bottom: 25px; }
.event-details-section .section-title .event-tagline a { color: rgb(104, 75, 254); }
.event-details-section .section-title .event-tagline a:hover, .event-details-section .section-title .event-tagline a:focus { color: rgb(104, 75, 254); text-decoration: underline !important; }
.event-details-section .section-title h1 { margin-bottom: 40px; }
.event-details-section .section-title .btn { text-transform: uppercase; margin-top: 10px; }
@media (min-width: 992px) {
  .event-details-section .event-post-content { max-width: 620px; }
}
.event-details-section .content-block p { margin-bottom: 20px; }
.event-details-section .content-block .time-box { display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 15px; }
.event-details-section .content-block .time-box:last-child { margin-bottom: 0px; }
.event-details-section .content-block .time-box span { color: rgba(1, 1, 42, 0.6); font-weight: 400; font-size: 18px; margin-right: 20px; }
.event-details-section .content-block .time-box .info { display: inline-flex; -webkit-box-align: center; align-items: center; gap: 8px; border-radius: 22px; border: 1px solid rgb(104, 75, 254); font-size: 14px; font-weight: 700; color: rgb(104, 75, 254); padding: 10px 12px; }
.event-details-section .event-thumbnail-block { display: flex; -webkit-box-align: center; align-items: center; height: 100%; width: 100%; border-radius: 15px; transform: scale(1); transition: 0.2s; }
.event-details-section .event-thumbnail-block img { width: 100%; border-radius: 15px; }
.form-event-section { background: url("https://www.qodo.ai/themes/codium/assets/images/subscribe-bg2.png") 85% 30% / auto no-repeat rgb(5, 4, 51); }
@media (max-width: 1300px) {
  .form-event-section { background-position: 100% 30%; }
}
.form-event-section .section-title { text-align: center; max-width: 600px; margin: 0px auto 40px; }
.form-event-section .section-title p { color: rgba(255, 255, 255, 0.6); }
.form-event-section .icw-hubspot-form-wrapper { background: url("https://www.qodo.ai/themes/codium/assets/images/webinar-form-bg.png") center top / 100% 100% no-repeat; max-width: 820px; margin: 0px auto; }
@media (max-width: 992px) {
  .form-event-section .icw-hubspot-form-wrapper { padding: 30px; }
}
@media (max-width: 767px) {
  .form-event-section .icw-hubspot-form-wrapper .hbspt-form { background: linear-gradient(0deg, rgba(1, 1, 42, 0.4), rgba(1, 1, 42, 0.4)), linear-gradient(105.87deg, rgba(255, 255, 255, 0.4) 3.04%, rgba(255, 255, 255, 0) 99.23%); background-blend-mode: overlay, normal, normal; box-shadow: rgb(100, 71, 255) -6px 6px 8px -6px inset, rgba(100, 71, 255, 0.7) 8px 8px 8px -8px inset, rgb(255, 255, 255) 2px 2px 9px -2px inset, rgb(100, 71, 255) 0px -6px 2px -4px inset, rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset; backdrop-filter: blur(40px); border-radius: 30px; padding: 30px; }
}
@media (min-width: 767px) {
  .form-event-section .icw-hubspot-form-wrapper .hbspt-form form { display: flex; flex-wrap: wrap; }
}
.form-event-section .icw-hubspot-form-wrapper .hbspt-form .hs-form-field { max-width: calc(50% - 20px); margin: 0px 10px 15px; }
@media (max-width: 767px) {
  .form-event-section .icw-hubspot-form-wrapper .hbspt-form .hs-form-field { max-width: 100%; margin: 0px 0px 15px; }
}
.form-event-section .icw-hubspot-form-wrapper .hbspt-form .actions { margin: 15px 10px 0px; }
.icw-sticky { background: linear-gradient(80deg, rgb(104, 75, 254) 15.3%, rgb(225, 120, 231) 101.91%, rgb(5, 229, 173) 134.08%); color: rgb(255, 255, 255); position: sticky; bottom: 0px; padding: 30px; z-index: 99; }
.icw-sticky .event-sticky-info { display: grid; grid-template-columns: auto auto auto; column-gap: 15px; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; max-width: 1300px; margin: 0px auto; }
@media (max-width: 992px) {
  .icw-sticky .event-sticky-info { -webkit-box-pack: center; justify-content: center; grid-template-columns: auto auto; column-gap: 10px; }
  .icw-sticky .event-sticky-info > div.event-action { grid-column: 1 / -1; text-align: center; margin-top: 20px; }
}
.icw-sticky .close-sticky { position: absolute; top: 8px; right: 15px; color: rgb(253, 210, 71); font-size: 30px; line-height: 100%; cursor: pointer; font-family: Arial, Helvetica, sans-serif; transition: 0.3s ease-in-out; }
@media (max-width: 992px) {
  .icw-sticky .close-sticky { top: 3px; }
}
.icw-sticky .event-info { display: flex; -webkit-box-align: center; align-items: center; }
.icw-sticky .event-info .user-img { display: inline-flex; -webkit-box-align: center; align-items: center; }
.icw-sticky .event-info .user-img img { border-radius: 12px; margin-right: 8px; max-width: 95px; }
.icw-sticky .event-info .user-img img:last-child { margin-right: 0px; }
@media (max-width: 767px) {
  .icw-sticky .event-info .user-img { display: none; }
}
.icw-sticky .event-info .desc { margin-left: 30px; }
@media (max-width: 992px) {
  .icw-sticky .event-info .desc { margin-left: 15px; }
}
@media (max-width: 767px) {
  .icw-sticky .event-info .desc { margin-left: 0px; }
}
.icw-sticky .event-info .desc .title { color: rgb(255, 255, 255); font-size: 18px; font-weight: 700; line-height: 1.1; }
.icw-sticky .event-info .desc .title .d-title { display: none; }
.icw-sticky .event-info .desc .title .m-title { display: block; }
@media (min-width: 767px) {
  .icw-sticky .event-info .desc .title { font-size: 21px; }
  .icw-sticky .event-info .desc .title .m-title { display: none; }
  .icw-sticky .event-info .desc .title .d-title { display: block; }
}
.icw-sticky .event-info .desc .date-box-details { display: flex; -webkit-box-align: center; align-items: center; margin-top: 10px; }
.icw-sticky .event-info .desc .date-box-details .date-box, .icw-sticky .event-info .desc .date-box-details .time-box { padding: 8px 15px 8px 32px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 22px; font-size: 12px; font-weight: 700; color: rgb(255, 255, 255); margin-right: 10px; }
.icw-sticky .event-info .desc .date-box-details .date-box { background: url("https://www.qodo.ai/themes/codium/assets/icons/icon-date.svg") 10px 50% no-repeat; }
.icw-sticky .event-info .desc .date-box-details .time-box { background: url("https://www.qodo.ai/themes/codium/assets/icons/icon-time.svg") 10px 50% no-repeat; }
.icw-sticky .timer-sticky { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-align: center; }
.icw-sticky .timer-sticky div { -webkit-box-flex: 0; flex: 0 0 auto; line-height: 1; }
.icw-sticky .timer-sticky .countdown-number { background: rgba(111, 57, 173, 0.41); padding: 12px; font-weight: 400; font-size: 26px; min-width: 60px; border-radius: 13px; }
.icw-sticky .timer-sticky .countdown-number .countdown-text { font-size: 14px; font-weight: 700; display: block; color: rgb(5, 229, 173); padding-top: 5px; }
@media (max-width: 1300px) {
  .icw-sticky .timer-sticky .countdown-number { font-size: 22px; min-width: 50px; }
}
@media (max-width: 767px) {
  .icw-sticky .timer-sticky .countdown-number { min-width: 45px; border-radius: 8px; }
  .icw-sticky .timer-sticky .countdown-number .countdown-text { font-size: 10px; }
}
.icw-sticky .timer-sticky .dots { padding: 0px 10px; font-size: 19px; font-weight: 400; color: rgb(255, 255, 255); }
@media (max-width: 767px) {
  .icw-sticky .timer-sticky .dots { padding: 0px 5px; }
}
.icw-sticky #deadline-message { display: none; text-align: center; }
.icw-sticky .btn-green { font-size: 14px; text-transform: uppercase; font-weight: 700; white-space: nowrap; }
.icw-sticky .btn-green:hover, .icw-sticky .btn-green:focus { border-color: rgb(0, 189, 133); }
.cms-page-header.comparsion-page-header { background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-11.png") left 35% / 70px no-repeat; position: relative; padding: 160px 0px 50px; }
@media (max-width: 992px) {
  .cms-page-header.comparsion-page-header { padding: 100px 0px 0px; }
}
.cms-page-header.comparsion-page-header::after { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-13.png") center center / contain no-repeat; width: 130px; height: 250px; display: block; position: absolute; bottom: -100px; right: 0px; }
.cms-page-header.comparsion-page-header .section-title { padding-bottom: 0px !important; border-bottom: 0px !important; }
.cms-page-header.comparsion-page-vector { background-size: 320px, 93px; background-repeat: no-repeat; background-position: left bottom, right 70%; position: relative; padding-bottom: 100px; overflow: unset; z-index: 2; background-image: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-17.png"), url("https://www.qodo.ai/themes/codium/assets/images/half-circle-vector.png") !important; }
.cms-page-header.comparsion-page-vector::before, .cms-page-header.comparsion-page-vector::after { content: none; }
@media (max-width: 1200px) {
  .cms-page-header.comparsion-page-vector { background-size: 250px, 70px; background-position: left center, right 70%; }
}
@media (max-width: 767px) {
  .cms-page-header.comparsion-page-vector { background-size: 50px, 50px; padding-bottom: 50px; background-position: left 30%, right 70%; background-image: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-9.png"), url("https://www.qodo.ai/themes/codium/assets/images/half-circle-vector.png") !important; }
}
.cms-page-header.comparsion-page-vector .star-vector { background-image: url("https://www.qodo.ai/themes/codium/assets/images/star-vector.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; width: 72px; height: 72px; -webkit-box-flex: 0; flex: 0 0 auto; top: -70px; margin-left: 80px; }
@media (max-width: 1200px) {
  .cms-page-header.comparsion-page-vector .star-vector { top: -50px; width: 52px; height: 52px; }
}
@media (max-width: 767px) {
  .cms-page-header.comparsion-page-vector .star-vector { width: 32px; height: 32px; margin-left: 50px; }
}
@media (max-width: 575px) {
  .cms-page-header.comparsion-page-vector .star-vector { margin-left: -10px; top: -30px; }
}
.cms-page-header.comparsion-page-vector .emoji-vector { background-image: url("https://www.qodo.ai/themes/codium/assets/images/emoji-vector.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; width: 170px; height: 170px; -webkit-box-flex: 0; flex: 0 0 auto; margin-top: 50px; margin-left: 200px; }
@media (max-width: 1200px) {
  .cms-page-header.comparsion-page-vector .emoji-vector { width: 120px; height: 120px; margin-left: 60px; margin-top: 30px; }
}
@media (max-width: 767px) {
  .cms-page-header.comparsion-page-vector .emoji-vector { width: 70px; height: 70px; }
}
@media (max-width: 575px) {
  .cms-page-header.comparsion-page-vector .emoji-vector { margin-left: -40px; }
}
body .main-section.comparsion-left-vector { background-image: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-12.png"); background-position: -9% top; background-repeat: no-repeat; background-size: 320px; }
@media (max-width: 1200px) {
  body .main-section.comparsion-left-vector { background-size: 250px; background-position: -7% top; }
}
@media (max-width: 767px) {
  body .main-section.comparsion-left-vector { background-size: 150px; background-position: -15% top; }
}
.comparsion-page .section-title.mw-920 { max-width: 920px; margin: 0px auto; }
.comparsion-page .section-title.mb-80 { margin-bottom: 80px; }
@media (max-width: 767px) {
  .comparsion-page .section-title.mb-80 { margin-bottom: 50px; }
}
.comparsion-page .section-title .sort-info p { color: rgba(1, 1, 42, 0.6); }
.comparsion-page .two-content-section .section-title.mr-100 { margin-right: 100px; }
@media (max-width: 992px) {
  .comparsion-page .two-content-section .section-title.mr-100 { margin-right: 0px; }
}
.comparsion-page .two-content-section .section-title h3 { font-size: 30px; }
@media (max-width: 992px) {
  .comparsion-page .two-content-section .section-title h3 { font-size: 22px; }
}
.comparsion-page .two-content-section .section-title .sort-info p { color: rgba(1, 1, 42, 0.6); }
@media (max-width: 992px) {
  .comparsion-page .two-content-section .two-content-block { gap: 30px; grid-template-columns: repeat(2, 1fr) !important; }
  .comparsion-page .two-content-section .two-content-block.col-md-50 { grid-template-columns: repeat(1, 1fr) !important; }
}
@media (max-width: 767px) {
  .comparsion-page .two-content-section .two-content-block { gap: 30px; grid-template-columns: repeat(1, 1fr) !important; }
}
.comparsion-page .bg-gradient { background: linear-gradient(183deg, rgb(195, 185, 255) -84.31%, rgba(200, 191, 255, 0.92) -66.55%, rgba(255, 255, 255, 0) 57.77%); position: relative; }
.comparsion-page .bg-gradient::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-1.png") center center / contain no-repeat; width: 130px; height: 110px; display: block; position: absolute; top: -60px; left: -60px; }
@media (max-width: 767px) {
  .comparsion-page .bg-gradient::before { width: 70px; height: 60px; top: -30px; left: -30px; }
}
.main-section.collapse-section { background: url("https://www.qodo.ai/themes/codium/assets/images/subscribe-bg.png") 102% 18% / 200px no-repeat rgb(5, 4, 51) !important; }
@media (max-width: 992px) {
  .main-section.collapse-section { background-size: 150px !important; background-position: 102% 180px !important; }
}
@media (max-width: 767px) {
  .main-section.collapse-section { background-position: 102% 220px !important; }
}
@media (max-width: 575px) {
  .main-section.collapse-section { background-position: 102% 350px !important; }
}
@media (min-width: 767px) {
  .collapse-section.d-md-none { display: none !important; }
}
.collapse-section .section-title { max-width: 850px; margin-top: 0px; margin-right: auto; margin-left: auto; margin-bottom: 80px !important; }
@media (max-width: 992px) {
  .collapse-section .section-title { margin-bottom: 50px !important; }
}
.collapse-section .section-title .sort-info p { color: rgba(255, 255, 255, 0.6) !important; }
.collapse-section ul.faq { list-style: none; padding: 0px; margin: 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 20px; }
@media (max-width: 1023px) {
  .collapse-section ul.faq { gap: 15px; }
}
.collapse-section ul.faq > li { position: relative; box-sizing: border-box; color: rgb(255, 255, 255); background: padding-box rgba(1, 1, 42, 0.7); border: 2px solid transparent; border-radius: 12px; }
.collapse-section ul.faq > li::before { content: ""; position: absolute; inset: 0px; z-index: -1; margin: -2px; background: linear-gradient(23deg, rgba(1, 1, 42, 0.4) 0%, rgba(99, 72, 254, 0.1) 100%), linear-gradient(103deg, rgba(255, 255, 255, 0.25) 14.08%, rgba(255, 255, 255, 0.1) 101.19%); background-blend-mode: overlay, normal, normal; backdrop-filter: blur(35px); border-radius: 12px; }
.collapse-section ul.faq > li .question { cursor: pointer; display: flex; -webkit-box-align: baseline; align-items: baseline; -webkit-box-pack: justify; justify-content: space-between; text-align: start; padding: 20px 25px; }
@media (max-width: 1023px) {
  .collapse-section ul.faq > li .question { padding: 15px; }
}
.collapse-section ul.faq > li .question h3 { color: rgb(255, 255, 255); font-size: 22px; font-weight: 400; line-height: 1.3; }
@media (max-width: 1023px) {
  .collapse-section ul.faq > li .question h3 { font-size: 18px; }
}
.collapse-section ul.faq > li .question .title-icon { width: 18px; height: 18px; -webkit-box-flex: 0; flex: 0 0 auto; display: flex; -webkit-box-align: center; align-items: center; }
.collapse-section ul.faq > li .answer { display: none; position: relative; text-align: left; font-size: 16px; color: rgba(255, 255, 255, 0.6); margin: 0px; padding: 0px 55px 20px 20px; }
@media (max-width: 1023px) {
  .collapse-section ul.faq > li .answer { padding: 0px 15px 15px; }
}
.collapse-section ul.faq > li.active::before { background: linear-gradient(23deg, rgba(1, 1, 42, 0.4) 0%, rgba(99, 72, 254, 0.1) 100%), linear-gradient(103deg, rgba(255, 255, 255, 0.35) 14.08%, rgba(255, 255, 255, 0.1) 101.19%); }
.collapse-section ul.faq > li:hover:not(.active) .question h3 { opacity: 0.8; }
.collapse-section ul.faq.style-2 { gap: 0px; }
.collapse-section ul.faq.style-2 > li { background: transparent; border-radius: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); padding: 30px 0px 0px; }
.collapse-section ul.faq.style-2 > li:first-child { padding: 0px; }
@media (max-width: 420px) {
  .collapse-section ul.faq.style-2 > li { padding: 20px 0px 0px; }
}
.collapse-section ul.faq.style-2 > li::before { content: none; }
.collapse-section ul.faq.style-2 > li .question { padding: 0px 0px 30px; }
@media (max-width: 420px) {
  .collapse-section ul.faq.style-2 > li .question { padding: 0px 0px 20px; }
}
.collapse-section ul.faq.style-2 > li .question h3 { color: rgba(255, 255, 255, 0.5); }
.collapse-section ul.faq.style-2 > li .question .title-icon { width: 18px; height: 18px; opacity: 0; visibility: hidden; margin-left: 15px; transition: 0.3s ease-in-out; }
.collapse-section ul.faq.style-2 > li .question .title-icon img { transform: scale(1) !important; }
.collapse-section ul.faq.style-2 > li .answer { max-width: 100%; margin-top: 0px; padding: 0px !important; }
.collapse-section ul.faq.style-2 > li.active .question h3 { color: rgb(255, 255, 255); font-weight: 700; }
.collapse-section ul.faq.style-2 > li.active .answer { display: block; }
.collapse-section ul.faq.style-2 > li:hover .title-icon, .collapse-section ul.faq.style-2 > li.active .title-icon { opacity: 1; visibility: visible; }
.collapse-section ul.toggle-img-faq { list-style: none; padding: 0px; margin: 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 20px; }
@media (max-width: 1023px) {
  .collapse-section ul.toggle-img-faq { gap: 15px; }
}
.collapse-section ul.toggle-img-faq > li { position: relative; box-sizing: border-box; color: rgb(255, 255, 255); background: padding-box rgba(1, 1, 42, 0.7); border: 2px solid transparent; border-radius: 12px; }
.collapse-section ul.toggle-img-faq > li::before { content: ""; position: absolute; inset: 0px; z-index: -1; margin: -2px; background: linear-gradient(23deg, rgba(1, 1, 42, 0.4) 0%, rgba(99, 72, 254, 0.1) 100%), linear-gradient(103deg, rgba(255, 255, 255, 0.25) 14.08%, rgba(255, 255, 255, 0.1) 101.19%); background-blend-mode: overlay, normal, normal; backdrop-filter: blur(35px); border-radius: 12px; }
.collapse-section ul.toggle-img-faq > li .question { cursor: pointer; display: flex; -webkit-box-align: baseline; align-items: baseline; -webkit-box-pack: justify; justify-content: space-between; text-align: start; padding: 20px 25px; }
@media (max-width: 1023px) {
  .collapse-section ul.toggle-img-faq > li .question { padding: 15px; }
}
.collapse-section ul.toggle-img-faq > li .question h3 { color: rgb(255, 255, 255); font-size: 22px; font-weight: 400; line-height: 1.3; }
@media (max-width: 1023px) {
  .collapse-section ul.toggle-img-faq > li .question h3 { font-size: 18px; }
}
.collapse-section ul.toggle-img-faq > li .question .title-icon { width: 18px; height: 18px; -webkit-box-flex: 0; flex: 0 0 auto; display: flex; -webkit-box-align: center; align-items: center; }
.collapse-section ul.toggle-img-faq > li .answer { display: none; position: relative; text-align: left; font-size: 16px; color: rgba(255, 255, 255, 0.6); margin: 0px; padding: 0px 55px 20px 20px; line-height: 1.5; }
@media (max-width: 1023px) {
  .collapse-section ul.toggle-img-faq > li .answer { padding: 0px 15px 15px; }
}
.collapse-section ul.toggle-img-faq > li .answer .img-block { display: none; }
@media (max-width: 767px) {
  .collapse-section ul.toggle-img-faq > li .answer .img-block { display: block; }
}
.collapse-section ul.toggle-img-faq > li.active::before { background: linear-gradient(23deg, rgba(1, 1, 42, 0.4) 0%, rgba(99, 72, 254, 0.1) 100%), linear-gradient(103deg, rgba(255, 255, 255, 0.35) 14.08%, rgba(255, 255, 255, 0.1) 101.19%); }
.collapse-section ul.toggle-img-faq > li:hover:not(.active) .question h3 { opacity: 0.8; }
.main-section.tab-section { background-image: none !important; }
.main-section.tab-section::before { content: ""; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-16.png") center center / contain no-repeat; width: 275px; height: 300px; display: block; position: absolute; top: 100px; right: 0px; z-index: 2; }
@media (max-width: 992px) {
  .main-section.tab-section::before { width: 200px; height: 215px; top: 70px; }
}
@media (max-width: 767px) {
  .main-section.tab-section::before { z-index: -1; top: 200px; width: 150px; height: 165px; }
}
.h-100 { height: 100%; }
.tab-nav { height: 100%; display: flex; -webkit-box-align: center; align-items: center; width: 100%; }
.tab-nav ul { padding: 0px; margin: 0px; width: 100%; }
@media (min-width: 1200px) {
  .tab-nav ul { margin-right: 80px; }
}
.tab-nav ul li { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; position: relative; padding: 30px 0px; cursor: pointer; }
.tab-nav ul li:first-child { padding-top: 0px; }
.tab-nav ul li::after { content: ""; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.15); position: absolute; left: 0px; bottom: 0px; }
.tab-nav ul li h3 { font-size: 22px; font-weight: 400; color: rgba(255, 255, 255, 0.5) !important; }
.tab-nav ul li .title-icon { width: 16px; height: 16px; -webkit-box-flex: 0; flex: 0 0 auto; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transform: rotate(270deg); opacity: 0; visibility: hidden; transition: 0.3s ease-in-out; margin-left: 15px; }
.tab-nav ul li.active::after { background: linear-gradient(270deg, rgb(68, 64, 124) 27.05%, rgb(188, 178, 246) 83.6%); }
.tab-nav ul li.active h3 { color: rgb(255, 255, 255) !important; font-weight: 700; }
.tab-nav ul li:hover h3, .tab-nav ul li.active h3 { color: rgb(255, 255, 255) !important; }
.tab-nav ul li:hover .title-icon, .tab-nav ul li.active .title-icon { opacity: 1; visibility: visible; }
.tab-content-box { position: relative; box-sizing: border-box; color: rgb(255, 255, 255); background: padding-box rgba(1, 1, 42, 0.7); border: 2px solid transparent; border-radius: 12px; padding: 60px; min-height: 410px; display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
@media (max-width: 1200px) {
  .tab-content-box { padding: 40px; }
}
@media (max-width: 992px) {
  .tab-content-box { min-height: 465px; }
}
@media (max-width: 767px) {
  .tab-content-box { padding: 30px; min-height: auto; margin-bottom: 30px; }
}
@media (max-width: 420px) {
  .tab-content-box { padding: 20px; }
}
.tab-content-box::before { content: ""; position: absolute; inset: 0px; z-index: -1; margin: -2px; background: linear-gradient(23deg, rgba(1, 1, 42, 0.4) 0%, rgba(99, 72, 254, 0.1) 100%), linear-gradient(103deg, rgba(255, 255, 255, 0.25) 14.08%, rgba(255, 255, 255, 0.1) 101.19%); background-blend-mode: overlay, normal, normal; backdrop-filter: blur(35px); border-radius: 12px; }
.tab-content-box .content { display: none; }
.tab-content-box .content.active { display: block; }
.tab-content-box .title { font-size: 32px; margin-bottom: 25px; font-weight: 700; line-height: normal; }
@media (max-width: 767px) {
  .tab-content-box .title { font-size: 18px; margin-bottom: 15px; }
}
.tab-content-box .sort-info p { display: block; color: rgba(255, 255, 255, 0.6); }
.tab-content-box .sort-info p:last-child { margin-bottom: 0px; }
.bg-gradient-content-section { background-image: url("https://www.qodo.ai/themes/codium/assets/images/bg-gradient-content-block.png"); background-position: center bottom; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; padding: 180px 0px; position: relative; z-index: 1; overflow: hidden; background-size: 100% 100% !important; }
@media (max-width: 992px) {
  .bg-gradient-content-section { padding: 120px 0px; }
}
@media (max-width: 767px) {
  .bg-gradient-content-section { padding: 80px 0px; background: url("https://www.qodo.ai/themes/codium/assets/images/bg-gradient-content-block-m.png") left bottom no-repeat; }
}
.bg-gradient-content-section::before { content: ""; position: absolute; top: 150px; left: 115px; width: 85px; height: 85px; display: block; background-image: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-14.png"); background-position: center center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; z-index: -1; background-size: contain !important; }
@media (max-width: 992px) {
  .bg-gradient-content-section::before { top: 100px; left: 75px; }
}
@media (max-width: 767px) {
  .bg-gradient-content-section::before { top: 40px; left: -30px; width: 60px; height: 60px; }
}
.bg-gradient-content-section::after { content: ""; position: absolute; bottom: 80px; right: 90px; width: 120px; height: 85px; display: block; background-image: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-1.png"); background-position: center center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; z-index: -1; background-size: contain !important; }
@media (max-width: 992px) {
  .bg-gradient-content-section::after { bottom: 50px; right: 50px; }
}
@media (max-width: 767px) {
  .bg-gradient-content-section::after { bottom: 30px; right: -70px; }
}
.bg-gradient-content-section.outside-vector::before { top: 50px; left: -70px; width: 185px; height: 135px; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-9.svg") center center no-repeat; }
@media (max-width: 992px) {
  .bg-gradient-content-section.outside-vector::before { width: 100px; height: 85px; left: -50px; top: 30px; }
}
.bg-gradient-content-section.outside-vector::after { bottom: 0px; right: 0px; width: 130px; height: 155px; background: url("https://www.qodo.ai/themes/codium/assets/images/circle-img-15.png") center center no-repeat; }
@media (max-width: 992px) {
  .bg-gradient-content-section.outside-vector::after { width: 70px; height: 85px; }
}
.bg-gradient-content-section .section-title { max-width: 850px; margin: 0px auto; text-align: center; }
.bg-gradient-content-section .section-title .sort-info { color: rgba(1, 1, 42, 0.6); font-size: 18px; }
.border-boxes-block { display: grid; grid-template-columns: repeat(2, calc(50% - 10px)); gap: 20px; }
@media (max-width: 767px) {
  .border-boxes-block { grid-template-columns: repeat(1, 1fr); gap: 15px; }
}
.border-boxes-block .border-box { border-radius: 12px; border: 1px solid rgb(237, 237, 237); background: rgb(255, 255, 255); padding: 30px; }
@media (max-width: 767px) {
  .border-boxes-block .border-box { padding: 20px; }
}
.border-boxes-block .border-box h4 { font-size: 22px; color: rgb(104, 75, 254); margin-bottom: 15px; }
@media (max-width: 767px) {
  .border-boxes-block .border-box h4 { font-size: 18px; }
}
.border-boxes-block .border-box .sort-info p { color: rgba(1, 1, 42, 0.6); font-size: 16px; }
.border-boxes-block .border-box .sort-info p:last-child { margin-bottom: 0px; }
.features-section .container { padding: 0px !important; }
.features-section .features-header-block { grid-template-columns: 180px 1fr 1fr; gap: 15px; display: grid; }
@media (max-width: 767px) {
  .features-section .features-header-block { display: none; }
}
.features-section .features-header-block :nth-child(3) { background-color: rgb(250, 250, 250); }
.features-section .features-header-block :nth-child(2) { background-color: rgb(248, 246, 255); }
.features-section .features-card-header { padding: 30px; border-bottom: 1px solid rgb(233, 230, 250); text-align: center; margin-bottom: -1px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; border-radius: 18px 18px 0px 0px; }
.features-section .features-card-header img { width: 155px; }
@media (max-width: 767px) {
  .features-section .features-card-header { border-bottom: none; }
}
.features-section .features-content { grid-template-columns: 180px 1fr 1fr; display: grid; border-top: 1px solid rgb(233, 230, 250); gap: 15px; }
@media (max-width: 767px) {
  .features-section .features-content { display: block; border: none; }
  .features-section .features-content:not(:last-child) { margin-bottom: 30px; }
}
.features-section .features-content .table-list { padding: 24px 30px; color: rgb(1, 1, 42); text-align: right; font-size: 20px; }
@media (max-width: 767px) {
  .features-section .features-content .table-list { text-align: left; font-size: 20px; padding: 10px 0px; }
}
.features-section .features-content .table-list img { -webkit-box-align: center; align-items: center; }
.features-section .features-content .table-list p { margin-bottom: 0px; }
.features-section .features-content .table-detail-codium { background-color: rgb(248, 246, 255); padding: 24px 40px; font-size: 18px; }
@media (max-width: 767px) {
  .features-section .features-content .table-detail-codium { border-radius: 12px; margin-bottom: 10px; padding: 24px; font-size: 14px; }
}
.features-section .features-content .table-detail-codium p { color: rgba(1, 1, 42, 0.6); margin-bottom: 0px; }
.features-section .features-content .table-detail-codium p strong { color: rgb(1, 1, 42); }
.features-section .features-content .table-detail-github { background-color: rgb(250, 250, 250); padding: 24px 40px; font-size: 18px; }
@media (max-width: 767px) {
  .features-section .features-content .table-detail-github { border-radius: 12px; padding: 24px; font-size: 14px; }
}
.features-section .features-content .table-detail-github p { color: rgba(1, 1, 42, 0.6); margin-bottom: 0px; }
.features-section .features-content .table-detail-github p strong { color: rgb(1, 1, 42); }
.features-section .features-content .end-info { padding: 40px; }
@media (max-width: 767px) {
  .features-section .features-content .end-info { padding: 24px; }
}
.features-section .features-content .end-info p { padding-bottom: 24px; }
@media (max-width: 767px) {
  .features-section .features-content .end-info p { padding-bottom: 20px; }
}
.features-section .features-content img { display: none; }
@media (max-width: 767px) {
  .features-section .features-content img { display: block; width: 112px; height: auto; padding: 0px; -webkit-box-align: center; align-items: center; margin: auto auto 20px; }
}
.bg-gradient-section { background: url("https://www.qodo.ai/themes/codium/assets/images/bg-gradient-section.png") center center / cover no-repeat rgb(255, 255, 255); position: relative; z-index: 1; }
@media (max-width: 767px) {
  .bg-gradient-section { background: rgb(255, 255, 255); }
}
@media (max-width: 992px) {
  .bg-gradient-section .two-content-block { gap: 0px; }
}
.bg-gradient-section .two-content-block p { color: rgb(103, 103, 126); }
.bg-gradient-section .section-title h2 { color: rgb(0, 0, 0); text-align: left; }
.icon-info-box-block { padding: 50px 0px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
@media (max-width: 767px) {
  .icon-info-box-block { grid-template-columns: repeat(1, 1fr); }
}
.icon-info-box-block .icon-info-card { min-width: 210px; padding: 50px 20px 40px; display: block; background: url("https://www.qodo.ai/themes/codium/assets/images/alpha-card-bg.png") center center / 100% 100% no-repeat; text-align: center; }
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
  .icon-info-box-block .icon-info-card { min-width: 170px; padding: 30px 20px; }
}
@media (max-width: 1023px) {
  .icon-info-box-block .icon-info-card { padding: 30px 15px; }
}
.icon-info-box-block .icon-info-card .card-icon { display: inline-block; border-radius: 80px; height: 82px; margin-bottom: 24px; transition: 0.2s ease-in-out; }
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
  .icon-info-box-block .icon-info-card .card-icon { height: 62px; }
  .icon-info-box-block .icon-info-card .card-icon img { max-width: 60px; }
}
@media (max-width: 1023px) {
  .icon-info-box-block .icon-info-card .card-icon { height: 62px; }
  .icon-info-box-block .icon-info-card .card-icon img { max-width: 60px; }
}
.icon-info-box-block .icon-info-card .card-icon.pink { box-shadow: rgba(255, 107, 156, 0.45) -13px -10px 70px, rgba(242, 136, 210, 0.57) -2.5px 4px 32px, rgb(255, 107, 156) 13px 13px 20px -6px inset, rgb(201, 136, 253) 2px -6px 6px inset; }
.icon-info-box-block .icon-info-card .card-icon.green { box-shadow: rgb(5, 229, 173) 0px 0px 11px, rgba(97, 238, 247, 0.33) -2.5px 4px 39px, rgba(5, 229, 173, 0.7) 2.5px -6.06111px 6px inset; }
.icon-info-box-block .icon-info-card .card-icon.blue { box-shadow: rgb(126, 93, 252) -2px 4px 36px, rgb(104, 75, 254) 0px 0px 11px, rgba(255, 107, 156, 0.5) 2.5px -6px 6px inset; }
.icon-info-box-block .icon-info-card .card-icon.purple { box-shadow: rgba(255, 107, 156, 0.45) -13px -10px 70px, rgb(92, 64, 249) -2.5px 4px 32px, rgb(255, 107, 156) 13px 13px 20px -6px inset, rgba(5, 229, 173, 0.7) 2.5px -6px 6px inset; }
.icon-info-box-block .icon-info-card .card-icon.red { box-shadow: rgba(255, 107, 156, 0.45) -13px -10px 70px, rgba(242, 136, 210, 0.57) -2.5px 4px 32px, rgb(255, 107, 156) 13px 13px 20px -6px inset, rgb(201, 136, 253) 2px -6px 6px inset; }
.icon-info-box-block .icon-info-card .card-content h3 { color: rgb(255, 255, 255); font-size: 18px; font-weight: 700; line-height: 1.4; }
.icon-info-box-block .icon-info-card:hover .card-icon, .icon-info-box-block .icon-info-card:focus .card-icon { transform: scale(1.15); }
.icon-info-box-block a.icon-info-card { transition: 0.2s ease-in-out; }
.icon-info-box-block a.icon-info-card:hover, .icon-info-box-block a.icon-info-card:focus { opacity: 0.8; }
.sub-img-block { position: relative; }
.sub-img-block img { width: 100%; }
.sub-img-block .small-img { position: absolute; left: -10%; bottom: -10%; display: inline-block; }
.sub-img-block .small-img img { max-width: 180px; }
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  .sub-img-block .small-img { left: -5%; bottom: -15%; }
}
@media (max-width: 1024px) {
  .sub-img-block .small-img { left: 50%; bottom: -10%; margin-left: -55px; }
  .sub-img-block .small-img img { max-width: 110px; }
}
.sub-img-block a.small-img { transition: 0.2s ease-in-out; transform: scale(1); }
.sub-img-block a.small-img:hover, .sub-img-block a.small-img:focus { transform: scale(1.05); }
@media (min-width: 992px) {
  body.post-type-archive-learn section.sc-events-hero .sc-events-hero__container::after { background: url("https://www.qodo.ai/themes/codium/assets/images/icon-hero-learn.svg") 50% center / contain no-repeat; }
}
.learn-wrapper { background: rgb(255, 255, 255); padding: 50px 0px; position: relative; z-index: 9; }
.learn-wrapper .container { padding: 0px 15px; }
.learn-wrapper .learn-lists { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.learn-wrapper .learn-lists.max-w850 { max-width: 860px; margin: 0px auto; }
@media (max-width: 992px) {
  .learn-wrapper .learn-lists { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  .learn-wrapper .learn-lists { grid-template-columns: repeat(1, 1fr); gap: 20px; }
}
.learn-wrapper .learn-lists.grid-2 { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 767px) {
  .learn-wrapper .learn-lists.grid-2 { grid-template-columns: repeat(1, 1fr); }
}
.learn-wrapper .learn-lists.grid-1 { grid-template-columns: repeat(1, 1fr); max-width: 770px; margin: 0px auto; }
.learn-wrapper .learn-item { color: rgb(0, 0, 0); background: rgb(255, 255, 255); border: 1px solid rgb(240, 237, 251); padding: 30px; height: 100%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; border-radius: 25px; transition: 0.3s ease-in-out; }
.learn-wrapper .learn-item .learn-content { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100%; }
.learn-wrapper .learn-item .learn-content .learn-title { -webkit-box-flex: 1; flex: 1 1 auto; margin-bottom: 40px; transition: 0.3s ease-in-out; }
.learn-wrapper .learn-item .learn-content .learn-title h3 { font-size: 26px; transition: 0.3s ease-in-out; }
.learn-wrapper .learn-item .learn-content .learn-title h3 strong { display: flex; -webkit-box-align: center; align-items: center; }
.learn-wrapper .learn-item .learn-content .learn-title h3 strong svg { margin-left: 10px; -webkit-box-flex: 0; flex: 0 0 auto; }
.learn-wrapper .learn-item .learn-content .learn-title h3 small { font-size: 22px; font-weight: 600; }
.learn-wrapper .learn-item .learn-content .learn-info { margin-top: 20px; font-size: 16px; }
.learn-wrapper .learn-item .learn-content .post-meta { display: flex; -webkit-box-align: end; align-items: flex-end; }
.learn-wrapper .learn-item .learn-content .post-meta .post-author { display: flex; -webkit-box-align: center; align-items: center; margin-right: 12px; color: rgb(1, 1, 42); font-size: 16px; }
.learn-wrapper .learn-item .learn-content .post-meta .post-author img { width: 40px; height: 40px; margin-right: 10px; border-radius: 50%; }
.learn-wrapper .learn-item .learn-content .post-meta .post-date { font-size: 12px; color: rgba(1, 1, 42, 0.6); margin-bottom: 10px; }
.learn-wrapper .learn-item .learn-content .post-meta .icon-right { width: 40px; height: 40px; -webkit-box-flex: 0; flex: 0 0 auto; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 50%; background: rgb(104, 75, 254); border: 1px solid transparent; margin-left: auto; transition: 0.3s ease-in-out; }
.learn-wrapper .learn-item .learn-content .post-meta .icon-right svg { width: 20px; height: 20px; transition: 0.3s ease-in-out; }
.learn-wrapper .learn-item .learn-content .post-meta .icon-right svg path { stroke: rgb(255, 255, 255); transition: 0.3s ease-in-out; }
.learn-wrapper .learn-item:hover, .learn-wrapper .learn-item:focus { box-shadow: rgba(201, 197, 219, 0.47) 0px 10px 10px 0px; transform: translateY(-5px); }
.learn-wrapper .learn-item:hover .learn-content .learn-title h3, .learn-wrapper .learn-item:focus .learn-content .learn-title h3 { color: rgb(104, 75, 254); }
.learn-wrapper .learn-item:hover .learn-content .post-meta .icon-right svg, .learn-wrapper .learn-item:focus .learn-content .post-meta .icon-right svg { transform: translateX(3px); }
.learn-wrapper .related-title h2 a { text-decoration: underline 2px rgb(240, 237, 251); text-underline-offset: 8px; transition: 0.3s ease-in-out; }
.learn-wrapper .related-title h2 a:hover, .learn-wrapper .related-title h2 a:focus { text-decoration-color: rgb(104, 75, 254); text-decoration-thickness: 4px; }
.learn-wrapper .pagination-pager { margin-top: 100px !important; }
@media (max-width: 767px) {
  .learn-wrapper .pagination-pager { margin-top: 60px !important; }
}
.article-card { height: 100%; }
@media (max-width: 1023px) {
  .article-card { text-align: left; }
}
.article-card--wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100%; }
.article-card--wrapper .image-wrapper { position: relative; padding-top: 66%; transform: scale(1); transition: 0.2s; }
.article-card--wrapper .image-wrapper .thumb-overlay { position: absolute; inset: -0.15rem 0px 0px; z-index: 1; background: url("https://www.codium.ai/wp-content/uploads/2023/03/thumb-bg.png") 0% 0% / cover no-repeat; border-radius: 12px; }
.article-card--wrapper .image-wrapper img { display: block; object-fit: cover; border-radius: 10px; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.article-card--wrapper .content-wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 16px; height: 100%; color: rgb(1, 1, 42); padding: 24px 0px 0px; }
.article-card--wrapper .content-wrapper h3 { color: rgb(1, 1, 42); font-weight: 700; font-size: 24px; line-height: 30px; }
.article-card--wrapper .content-wrapper .excerpt { color: rgb(30, 15, 113); }
@media (max-width: 1023px) {
  .article-card--wrapper .content-wrapper .excerpt { font-size: 4vw; line-height: 1.2; }
}
.article-card--wrapper .content-wrapper .post-actions { margin-top: 0px; }
.article-card--wrapper .content-wrapper .post-meta { display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; color: rgb(1, 1, 42); font-weight: 400; font-size: 15px; line-height: 20px; }
.article-card--wrapper .content-wrapper .post-meta.align-between { -webkit-box-pack: justify; justify-content: space-between; }
.article-card--wrapper .content-wrapper .post-meta .post-author { display: flex; -webkit-box-align: center; align-items: center; margin-right: 12px; }
.article-card--wrapper .content-wrapper .post-meta .post-author img { width: 40px; height: 40px; margin-right: 10px; border-radius: 50%; }
.article-card--wrapper .content-wrapper .post-meta .post-date { color: rgb(1, 1, 42); opacity: 0.6; }
.article-card--wrapper .content-wrapper .post-meta .post-terms { font-size: 13px; color: rgb(104, 75, 254); font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; }
.article-card--wrapper .content-wrapper .post-meta .post-time { color: rgb(1, 1, 42); font-size: 14px; opacity: 0.6; display: flex; -webkit-box-align: center; align-items: center; }
.article-card--wrapper .content-wrapper .post-meta .post-time svg { margin-right: 7px; }
.article-card--wrapper .content-wrapper .read-more { margin-top: 1em; color: rgb(104, 75, 254); font-weight: 700; font-size: 16px; }
.article-card--wrapper .content-wrapper .read-more:hover { text-decoration: underline; }
.article-card--wrapper:hover .image-wrapper, .article-card--wrapper:focus .image-wrapper { transform: scale(1.02); }
.article-card--wrapper:hover .read-more, .article-card--wrapper:focus .read-more { text-decoration: underline; }
.team-card { height: 100%; }
.team-card--wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 2.4rem; height: 100%; }
.team-card--wrapper .image-wrapper { height: 20rem; width: 20rem; }
@media (max-width: 767px) {
  .team-card--wrapper .image-wrapper { height: 130px; width: 130px; }
}
.team-card--wrapper .image-wrapper img { display: block; object-fit: cover; border-radius: 50% !important; }
@media (max-width: 1023px) {
  .team-card--wrapper .image-wrapper img { height: 20rem; width: 20rem; margin: 0px auto; }
}
@media (max-width: 767px) {
  .team-card--wrapper .image-wrapper img { height: 130px; width: 130px; margin: 0px auto; }
}
.team-card--wrapper .content-wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 0.8rem; height: 100%; }
.team-card--wrapper .content-wrapper .member-name { color: rgb(0, 0, 0); font-size: 2.2rem; font-weight: 700; }
@media (max-width: 767px) {
  .team-card--wrapper .content-wrapper .member-name { font-size: 20px; }
}
.team-card--wrapper .content-wrapper .role { color: rgb(0, 0, 0); font-weight: 700; font-size: 1.4rem; margin-bottom: 0.8rem; }
@media (max-width: 767px) {
  .team-card--wrapper .content-wrapper .role { font-size: 12px; }
}
.team-card--wrapper .content-wrapper a.linkedin-url:hover, .team-card--wrapper .content-wrapper a.linkedin-url:focus { opacity: 0.8; }
.angel-card { height: 100%; }
.angel-card--wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 1em; height: 100%; }
.angel-card--wrapper .image-wrapper img { display: block; width: 12rem; height: 12rem; object-fit: cover; border-radius: 50%; margin: 0px auto; }
.angel-card--wrapper .content-wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 1em; height: 100%; }
@media (max-width: 1023px) {
  .angel-card--wrapper .content-wrapper { margin: 0px auto; }
}
.angel-card--wrapper .content-wrapper .angel-name { color: rgb(255, 255, 255); font-size: 2.6rem; font-weight: 700; white-space: nowrap; }
@media (max-width: 767px) {
  .angel-card--wrapper .content-wrapper .angel-name { font-size: 20px; }
}
.angel-card--wrapper .content-wrapper .angel-logo { display: block; width: 18rem; height: 2rem; object-fit: contain; margin: 0px auto; }
.angel-card--wrapper .content-wrapper .angel-companies { color: rgb(255, 255, 255); font-weight: 700; font-size: 1.4rem; text-transform: uppercase; margin-bottom: 0px; }
@media (max-width: 767px) {
  .angel-card--wrapper .content-wrapper .angel-companies { font-size: 12px; }
}
.angel-card--wrapper .content-wrapper a.linkedin-url { margin-top: auto; }
.angel-card--wrapper .content-wrapper a.linkedin-url:hover, .angel-card--wrapper .content-wrapper a.linkedin-url:focus { opacity: 0.8; }
.demo-wrapper { width: 100%; position: relative; }
@media (max-width: 1023px) {
  .demo-wrapper { padding: 2rem; border-radius: 20px; background: linear-gradient(0deg, rgba(1, 1, 42, 0.4), rgba(1, 1, 42, 0.4)), linear-gradient(105.87deg, rgba(255, 255, 255, 0.4) 3.04%, rgba(255, 255, 255, 0) 99.23%); background-blend-mode: overlay, normal, normal; backdrop-filter: blur(40px); border: 1px solid rgba(255, 255, 255, 0.4); }
}
.demo-wrapper .btn { font-size: 1.8rem; }
.demo-wrapper .demo-background { width: 100%; padding-top: 49.5%; background: url("https://www.codium.ai/wp-content/uploads/2023/03/Demo.svg") 0% 0% / 100% no-repeat; border-radius: 18px; }
@media (max-width: 1023px) {
  .demo-wrapper .demo-background { padding-top: initial; }
}
.demo-wrapper .slideshow-container { position: absolute; background: rgb(0, 0, 0); display: flex; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; border-radius: 18px; inset: 3rem; max-height: 100%; overflow: hidden; box-shadow: rgba(1, 1, 42, 0.01) 0px 48px 13px, rgba(1, 1, 42, 0.05) 0px 30px 12px, rgba(1, 1, 42, 0.16) 0px 17px 10px, rgba(1, 1, 42, 0.27) 0px 8px 8px, rgba(1, 1, 42, 0.31) 0px 2px 4px, rgba(1, 1, 42, 0.31) 0px 0px 0px; }
@media (max-width: 1023px) {
  .demo-wrapper .slideshow-container { position: initial; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; background: transparent; box-shadow: none; }
}
.demo-wrapper .slideshow-container .btn-green { position: absolute; top: 2rem; left: 3rem; font-family: CentraNo1; }
@media (max-width: 1023px) {
  .demo-wrapper .slideshow-container .btn-green { top: 4rem; left: 4rem; }
}
.demo-wrapper .slideshow-container::before { content: ""; }
.demo-wrapper .slideshow-container pre { background-color: rgb(0, 0, 0); margin: 0px; text-align: left; line-height: 1.5; padding: 90px 3rem 0px; border-radius: 18px; }
@media (max-width: 1023px) {
  .demo-wrapper .slideshow-container pre { padding: 90px 2rem 0px; overflow-y: auto; }
}
.demo-wrapper .slideshow-container .backgroundDiv { transition: 0.5s; width: 100%; z-index: 10; position: absolute; top: 0px; right: 0px; height: 100%; background-color: rgba(0, 0, 0, 0.3); display: flex; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: end; justify-content: flex-end; }
@media (max-width: 1023px) {
  .demo-wrapper .slideshow-container .backgroundDiv { top: 100%; margin-top: 1em; position: relative; background: transparent; }
}
.demo-wrapper .slideshow-container .backgroundDiv pre.inner-slide { width: 50%; height: 100%; margin: 0px; position: relative; transform: translateX(0px); }
@media (max-width: 1023px) {
  .demo-wrapper .slideshow-container .backgroundDiv pre.inner-slide { width: 100%; }
}
.demo-wrapper .slideshow-container .backgroundDiv pre.inner-slide::after { content: ""; display: block; position: absolute; background: linear-gradient(rgba(2, 0, 36, 0) 0%, rgba(1, 1, 41, 0) 62%, rgb(1, 1, 41) 100%); inset: 0px; pointer-events: none; }
@media (max-width: 1023px) {
  .demo-wrapper .slideshow-container .backgroundDiv pre.inner-slide { max-height: 48rem; overflow: hidden; }
  .demo-wrapper .slideshow-container .backgroundDiv pre.inner-slide code { max-height: 48rem; }
}
.demo-wrapper .slideshow-container .backgroundDiv pre { background: rgb(1, 1, 42); border-left: 1px solid rgb(40, 40, 76); height: 100%; padding: 2rem 3rem; }
@media (max-width: 1023px) {
  .demo-wrapper .slideshow-container .backgroundDiv pre { padding: 4rem 2rem; border-radius: 18px; max-height: 48rem; }
}
.demo-wrapper .slideshow-container .backgroundDiv pre code { display: block; overflow-y: auto; height: 100%; }
@media (max-width: 1023px) {
  .demo-wrapper .slideshow-container .backgroundDiv pre code { overflow: auto; }
}
.demo-wrapper ::-webkit-scrollbar { display: none; }
.demo-inner-btn { position: absolute; bottom: 3rem; left: 0px; right: 0px; text-align: center; z-index: 1; padding: 0px 10px; }
.demo-inner-btn .next-slide-button { background-color: rgb(155, 138, 252); border: 1px solid rgb(155, 138, 252); color: rgb(255, 255, 255); white-space: normal !important; }
@media (max-width: 767px) {
  .demo-inner-btn .next-slide-button { max-width: 95%; }
}
.demo-inner-btn .next-slide-button:hover { background-color: rgb(121, 98, 254); }
.hljs-copy { float: right; cursor: pointer; }
@-webkit-keyframes right-enter { 
  0% { clip-path: inset(0px 0px 0px 100%); }
  100% { clip-path: inset(0px); }
}
@keyframes right-enter { 
  0% { clip-path: inset(0px 0px 0px 100%); }
  100% { clip-path: inset(0px); }
}
@-webkit-keyframes right-close { 
  0% { transform: translateX(50%); }
  100% { transform: translateX(100%); }
}
@keyframes right-close { 
  0% { transform: translateX(50%); }
  100% { transform: translateX(100%); }
}
@-webkit-keyframes top-enter { 
  0% { clip-path: inset(0px 0px 100%); }
  100% { clip-path: inset(0px); }
}
@keyframes top-enter { 
  0% { clip-path: inset(0px 0px 100%); }
  100% { clip-path: inset(0px); }
}
@-webkit-keyframes top-close { 
  0% { clip-path: inset(0px); }
  100% { clip-path: inset(0px 0px 100%); }
}
@keyframes top-close { 
  0% { clip-path: inset(0px); }
  100% { clip-path: inset(0px 0px 100%); }
}
.slide-right { animation-name: right-close; animation-duration: 0.5s; }
@media (max-width: 1023px) {
  .slide-right { animation-name: top-close; }
}
.inner-slide { animation-name: right-enter; animation-duration: 0.5s; }
@media (max-width: 1023px) {
  .inner-slide { animation-name: top-enter; }
}
.inner-slide code::-webkit-scrollbar { display: none; }
.highlight-comma, .highlight-colon, .highlight-keyword, .highlight-operator, .highlight-function, .highlight-function-name { font-weight: 400; }
.highlight-default { color: rgb(158, 220, 252); }
.highlight-colon, .highlight-semicolon, .highlight-comma { color: rgb(255, 255, 255); }
.highlight-def { color: rgb(101, 181, 245); }
.highlight-keyword { color: rgb(194, 132, 185); }
.highlight-operator { color: rgb(255, 255, 255); }
.highlight-function { color: rgb(80, 188, 163); }
.highlight-function-name { color: rgb(210, 212, 171); }
.highlight-argument { color: rgb(158, 220, 252); }
.highlight-string { color: rgb(154, 255, 118); }
.highlight-number { color: rgb(192, 73, 254); }
.highlight-comment { color: rgb(106, 141, 87); }
.highlight-left-parentheses + .highlight-right-parentheses, .highlight-left-parentheses + .highlight-left-parentheses { color: rgb(193, 110, 191); }
.highlight-left-parentheses, .highlight-right-parentheses { color: rgb(234, 210, 50); }
.highlight-left-bracket, .highlight-right-bracket { color: rgb(193, 110, 191); }
.highlight-newline + .highlight-newline + .highlight-newline, .highlight-newline + .highlight-newline + .highlight-newline + .highlight-newline, .highlight-newline + .highlight-newline + .highlight-newline + .highlight-newline + .highlight-newline { display: none; }
.resources-card { height: 100%; position: relative; }
.resources-card .resources-card-content { height: 100%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: relative; }
.resources-card .resources-card-content .card-image { border-radius: 10px; position: relative; padding-top: 55%; transform: scale(1); transition: 0.2s; background: rgb(243, 243, 243); }
.resources-card .resources-card-content .card-image img { display: block; object-fit: cover; border-radius: 10px; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.resources-card .resources-card-content .card-image.card-video::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: block; background: rgba(26, 21, 52, 0.4); border-radius: 10px; z-index: 1; }
.resources-card .resources-card-content .card-image.card-video .icon-play { background: url("https://www.qodo.ai/themes/codium/assets/icons/icon-play.svg") center center no-repeat; position: absolute; top: 50%; left: 50%; width: 64px; height: 64px; transform: translate(-50%, -50%) scale(1); transition: 0.3s ease-in-out; border-radius: 50%; display: inline-block; -webkit-box-flex: 0; flex: 0 0 auto; z-index: 2; }
.resources-card .resources-card-content .card-body { color: rgb(1, 1, 42); padding: 24px 0px 0px; -webkit-box-flex: 1; flex: 1 1 auto; }
.resources-card .resources-card-content .card-body .resources-categories { font-size: 13px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; color: rgb(104, 75, 254); line-height: 1px; margin-bottom: 15px; position: relative; z-index: 2; }
.resources-card .resources-card-content .card-body .resources-categories a { color: rgb(104, 75, 254); text-underline-offset: 4px; }
.resources-card .resources-card-content .card-body .resources-categories a:hover, .resources-card .resources-card-content .card-body .resources-categories a:focus { text-decoration: underline; color: rgb(1, 1, 42); }
.resources-card .resources-card-content .card-body h3 { color: rgb(1, 1, 42); font-weight: 700; font-size: 22px; line-height: 30px; }
@media (max-width: 767px) {
  .resources-card .resources-card-content .card-body h3 { font-size: 20px; }
}
.resources-card .resources-card-content .card-body .excerpt { line-height: 1.5; }
.resources-card .resources-card-content .resources-actions { margin-top: 20px; }
.resources-card .resources-card-content .read-more { margin-top: 20px; color: rgb(104, 75, 254); font-weight: 700; font-size: 16px; text-decoration: none; transition: 0.3s ease-in-out; }
.resources-card .resources-card-content .read-more:hover span, .resources-card .resources-card-content .read-more:focus span { text-underline-offset: 4px; text-decoration: underline; color: rgb(1, 1, 42); }
.resources-card .resources-card-content .read-more::after { position: absolute; inset: 0px; z-index: 1; content: ""; }
.resources-card .resources-card-content:hover .card-image, .resources-card .resources-card-content:focus .card-image { transform: scale(1.02); }
.resources-card .resources-card-content:hover .card-image.card-video .icon-play, .resources-card .resources-card-content:focus .card-image.card-video .icon-play { box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 20px 5px; transform: translate(-50%, -50%) scale(1.1); }
body #main .blog-article-content .wp-caption[id^="code"], body #main .blog-article-content .wp-caption[id*="code"] { overflow: visible; }
body .enlighter-default.enlighter-t-dracula { border-radius: 15px; background-color: rgb(0, 0, 0); font-family: monospace; }
body .enlighter-default.enlighter-t-dracula div.enlighter > div { background-color: rgb(0, 0, 0); font-size: 16px; }
body .enlighter-default.enlighter-t-dracula .enlighter span { font-size: 16px; }
body .enlighter-default.enlighter-t-dracula .enlighter-code { padding: 30px 0px 15px; background-color: rgb(0, 0, 0); border-radius: 15px; }
body .enlighter-default.enlighter-t-dracula .enlighter-c0 { color: rgb(106, 141, 87); }
body .enlighter-default.enlighter-t-dracula .enlighter-k0 { color: rgb(194, 132, 185); }
body .enlighter-default.enlighter-t-dracula .enlighter-text { color: rgb(158, 220, 252); }
body .enlighter-default.enlighter-t-dracula .enlighter-k1, body .enlighter-default.enlighter-t-dracula .enlighter-e0, body .enlighter-default.enlighter-t-dracula .enlighter-k3 { color: rgb(194, 132, 185); }
body .enlighter-default.enlighter-t-dracula .enlighter-g1 { color: rgb(234, 210, 50); }
body .enlighter-default.enlighter-t-dracula .enlighter-m1, body .enlighter-default.enlighter-t-dracula .enlighter-m0 { color: rgb(210, 212, 171); }
body .enlighter-default.enlighter-t-dracula .enlighter-e1, body .enlighter-default.enlighter-t-dracula .enlighter-e3, body .enlighter-default.enlighter-t-dracula .enlighter-n1 { color: rgb(80, 188, 163); }
body .enlighter-default.enlighter-t-dracula .enlighter-s0 { color: rgb(158, 220, 252); }
body .enlighter-default.enlighter-t-dracula .enlighter-btn:hover { color: rgb(255, 255, 255); background-color: rgb(121, 98, 254); }
body .enlighter-default.enlighter-t-enlighter { border-radius: 15px; background-color: rgb(253, 253, 255); font-family: monospace; font-size: 14px; border: 1px solid rgb(231, 227, 250); }
body .enlighter-default.enlighter-t-enlighter div.enlighter > div::before { background-color: rgb(231, 227, 250); padding: 10px 15px 0px; border: none; width: 25px; min-width: 25px; color: rgb(120, 119, 146); }
body .enlighter-default.enlighter-t-enlighter div.enlighter > div:last-child::before { padding: 10px 15px 25px; }
body .enlighter-default.enlighter-t-enlighter div.enlighter > div:first-child::before { padding: 25px 15px 0px; }
body .enlighter-default.enlighter-t-enlighter .enlighter-code { border-radius: 15px; }
body .enlighter-default.enlighter-t-enlighter .enlighter span { font-weight: 400; }
body .enlighter-default.enlighter-t-enlighter .enlighter-k0 { color: rgb(104, 75, 254); }
body .enlighter-default.enlighter-t-enlighter .enlighter-text { color: rgb(5, 229, 173); }
body .enlighter-default.enlighter-t-enlighter .enlighter-c0 { color: rgb(1, 1, 42); }
body .enlighter-default.enlighter-t-enlighter .enlighter-s0 { color: rgb(255, 107, 156); }
body .enlighter-default.enlighter-t-enlighter .enlighter-m0 { color: rgb(1, 1, 42); }
body .enlighter-default.enlighter-t-enlighter .enlighter-m1 { color: rgb(1, 1, 42); }
body .enlighter-default.enlighter-t-enlighter .enlighter-g1 { color: rgb(164, 178, 0); }
body .enlighter-default.enlighter-t-enlighter .enlighter-n1 { color: rgb(5, 229, 173); }
body .enlighter-default.enlighter-t-enlighter .enlighter-k1 { color: rgb(254, 68, 202); }
body .enlighter-default.enlighter-t-enlighter .enlighter-k3 { color: rgb(104, 75, 254); }
body .enlighter-default.enlighter-t-enlighter .enlighter-c0 { color: rgb(0, 132, 13); }
body .enlighter-default.enlighter-t-enlighter .enlighter-n1:first-child { color: rgb(0, 0, 0); }
body .enlighter-default.enlighter-t-enlighter .enlighter-n1 { color: rgb(0, 135, 95); }
body.body-style-glow { --purple-100: #FAF9FF; --purple-200: #E9E7FF; --purple-300: #D0CBFF; --purple-400: #B4ABFE; --purple-500: #684BFE; --purple-dark: #01012A; --grey-200: #EEEEF2; --grey-300: #D9D9E0; --grey-500: #8E8EA7; --grey-600: #7A7A94; --green-500: #05E5AD; --green-600: #00bd85; --dark-blue-100: #BEBEE0; --dark-blue-300: #6F6F9F; --dark-blue-400: #363663; --red-500: #FF4747; --white: #fff; background-color: rgb(12, 8, 72); -webkit-font-smoothing: antialiased; }
body.body-style-glow .cms-page-header, body.body-style-glow .cms-page-header.bg-custom { padding-top: 170px !important; padding-bottom: 84px !important; background: url("https://www.qodo.ai/themes/codium/assets/images/img-code-snipets-hero-bg.png") center bottom / 768px no-repeat !important; }
@media (min-width: 768px) {
  body.body-style-glow .cms-page-header, body.body-style-glow .cms-page-header.bg-custom { padding-top: 220px !important; padding-bottom: 120px !important; background-size: 100% !important; }
}
@media (min-width: 992px) {
  body.body-style-glow .cms-page-header, body.body-style-glow .cms-page-header.bg-custom { padding-top: 260px !important; padding-bottom: 180px !important; }
}
body.body-style-glow .cms-page-header .section-title, body.body-style-glow .cms-page-header.bg-custom .section-title { max-width: 680px; margin: 0px auto; }
body.body-style-glow .cms-page-header .section-title h1, body.body-style-glow .cms-page-header.bg-custom .section-title h1 { margin-bottom: 32px; font-size: 40px; font-weight: 400; line-height: 48px; color: rgb(255, 255, 255) !important; background: unset !important; -webkit-text-fill-color: unset !important; }
@media (min-width: 992px) {
  body.body-style-glow .cms-page-header .section-title h1, body.body-style-glow .cms-page-header.bg-custom .section-title h1 { font-size: 48px; line-height: 52px; }
}
body.body-style-glow .cms-page-header .section-title h1 br, body.body-style-glow .cms-page-header.bg-custom .section-title h1 br { display: none; }
@media (min-width: 992px) {
  body.body-style-glow .cms-page-header .section-title h1 br, body.body-style-glow .cms-page-header.bg-custom .section-title h1 br { display: block; }
}
body.body-style-glow .cms-page-header .section-title .sort-info, body.body-style-glow .cms-page-header.bg-custom .section-title .sort-info { margin-top: 0px !important; padding-top: 0px !important; }
body.body-style-glow .cms-page-header .section-title .sort-info p, body.body-style-glow .cms-page-header.bg-custom .section-title .sort-info p { font-size: 18px; line-height: 26px; margin: 0px !important; }
@media (min-width: 992px) {
  body.body-style-glow .cms-page-header .section-title .sort-info p, body.body-style-glow .cms-page-header.bg-custom .section-title .sort-info p { font-size: 22px; line-height: 30px; }
}
body.body-style-glow .cms-page-header .section-title .sort-info p br, body.body-style-glow .cms-page-header.bg-custom .section-title .sort-info p br { display: none; }
@media (min-width: 992px) {
  body.body-style-glow .cms-page-header .section-title .sort-info p br, body.body-style-glow .cms-page-header.bg-custom .section-title .sort-info p br { display: block; }
}
body.body-style-glow .cms-page-header .section-title .sort-info p.btn-group, body.body-style-glow .cms-page-header.bg-custom .section-title .sort-info p.btn-group { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 24px; margin-top: 48px !important; padding-top: 0px !important; }
body.body-style-glow .cms-page-header.-qodo-cover, body.body-style-glow .cms-page-header.bg-custom.-qodo-cover { padding-top: 220px !important; padding-bottom: 60px !important; background: unset !important; }
@media (min-width: 992px) {
  body.body-style-glow .cms-page-header.-qodo-cover, body.body-style-glow .cms-page-header.bg-custom.-qodo-cover { padding-top: 240px !important; padding-bottom: 88px !important; }
}
body.body-style-glow .cms-page-header.-qodo-cover .section-title h1, body.body-style-glow .cms-page-header.bg-custom.-qodo-cover .section-title h1 { margin-bottom: 0px; }
body.body-style-glow .main-section:not(.p-0) { padding-top: 48px; padding-bottom: 48px; z-index: 1; }
body.body-style-glow .main-section:not(.p-0).pt-0 { padding-top: 48px !important; }
body.body-style-glow .main-section:not(.p-0).darkblackbg { background-color: unset !important; }
body.body-style-glow .main-section:not(.p-0).top-left-circle { background: unset; }
body.body-style-glow .main-section:not(.p-0).top-left-circle .section-title, body.body-style-glow .main-section:not(.p-0).top-left-circle .sort-info { margin-bottom: 0px !important; }
body.body-style-glow .main-section:not(.p-0).top-left-circle .btn-group .dropdown-download--cta, body.body-style-glow .main-section:not(.p-0).top-left-circle .btn-group .header-dropdown { width: 100%; }
@media (min-width: 768px) {
  body.body-style-glow .main-section:not(.p-0).top-left-circle .btn-group .dropdown-download--cta, body.body-style-glow .main-section:not(.p-0).top-left-circle .btn-group .header-dropdown { width: unset; }
}
body.body-style-glow .main-section:not(.p-0).top-left-circle .btn-group .btn { flex-basis: 100%; width: 100%; max-width: unset !important; }
@media (min-width: 768px) {
  body.body-style-glow .main-section:not(.p-0).top-left-circle .btn-group .btn { flex-basis: unset; width: unset !important; max-width: max-content !important; }
}
body.body-style-glow .main-section:not(.p-0).top-left-gradient-bg.two-content-section.left-align-self-center { padding-top: 64px; }
@media (min-width: 992px) {
  body.body-style-glow .main-section:not(.p-0).top-left-gradient-bg.two-content-section.left-align-self-center { padding-top: 94px; padding-bottom: 100px; }
}
body.body-style-glow .main-section:not(.p-0).-bg-gradient-glow { position: relative; z-index: 0; overflow: visible !important; }
@media (min-width: 992px) {
  body.body-style-glow .main-section:not(.p-0).-bg-gradient-glow { margin-top: 20px; }
}
@media (min-width: 768px) {
  body.body-style-glow .main-section:not(.p-0).-bg-gradient-glow::before { content: ""; position: absolute; left: 50%; top: 70%; width: 100vw; height: 1200px; background: radial-gradient(rgba(99, 72, 254, 0.243) 30%, rgba(99, 72, 254, 0) 70%); transform: translateX(-50%) translateY(-50%); z-index: -2; }
}
body.body-style-glow .main-section:not(.p-0).product-features { padding-bottom: 100px; background-color: unset; backdrop-filter: unset; }
@media (min-width: 992px) {
  body.body-style-glow .main-section:not(.p-0).product-features { padding-bottom: 140px; }
}
body.body-style-glow .main-section:not(.p-0).product-features .product-features--background { display: none; }
body.body-style-glow .main-section:not(.p-0).product-features .feature-grid-box { gap: 24px; }
body.body-style-glow .main-section:not(.p-0).product-features .info-card { position: relative; height: 100px; padding: 34px 24px; font-size: 18px; line-height: 26px; background: unset; border: unset; backdrop-filter: unset; }
body.body-style-glow .main-section:not(.p-0).product-features .info-card::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: radial-gradient(circle at 100% 100%, rgb(160, 160, 255) 0px, rgb(113, 113, 214) 22px, transparent 22px) 0px 0px / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(109, 109, 200) 0px, rgb(79, 79, 153) 22px, transparent 22px) 100% 0px / 24px 24px no-repeat, radial-gradient(circle at 100% 0px, rgb(56, 56, 158) 0px, rgb(107, 107, 197) 22px, transparent 22px) 0px 100% / 24px 24px no-repeat, radial-gradient(circle at 0px 0px, rgb(68, 68, 171) 0px, rgb(71, 71, 133) 22px, transparent 22px) 100% 100% / 24px 24px no-repeat, linear-gradient(rgb(85, 85, 155), rgb(63, 63, 134)) 50% 50% / calc(100% - 4px) calc(100% - 48px) no-repeat, linear-gradient(rgb(86, 86, 169), rgb(21, 21, 71)) 50% 50% / calc(100% - 48px) calc(100% - 4px) no-repeat, repeating-linear-gradient(339deg, rgb(191, 185, 255) 0px, rgba(50, 50, 83, 0.37) 25%, rgb(72, 57, 139) 52%, rgb(87, 96, 249) 85%, rgb(31, 25, 45) 100%); border-radius: 12px; }
body.body-style-glow .main-section:not(.p-0).product-features .info-card::after { content: ""; position: absolute; width: calc(100% - 4px); height: calc(100% - 4px); left: 2px; top: 2px; border-radius: 10px; opacity: 1; z-index: -1; background: linear-gradient(90deg, rgb(20, 15, 85) 0%, rgb(39, 35, 98) 100%) !important; }
body.body-style-glow .main-section:not(.p-0).product-features .info-card .card-icon { display: flex; -webkit-box-align: center; align-items: center; width: 32px; height: 32px; margin-right: 20px; box-shadow: unset !important; }
body.body-style-glow .main-section:not(.p-0).product-features .info-card .card-icon img { width: 100%; height: auto; }
body.body-style-glow .main-section:not(.p-0).product-features .info-card h3 { font-size: 18px; line-height: 26px; margin: 0px !important; }
body.body-style-glow .main-section:not(.p-0).whitebg { padding-top: 54px; padding-bottom: 50px; }
@media (min-width: 992px) {
  body.body-style-glow .main-section:not(.p-0).whitebg { padding-top: 100px; padding-bottom: 100px; }
}
body.body-style-glow .main-section:not(.p-0).whitebg .section-title h2 { margin-bottom: 20px; }
body.body-style-glow .main-section:not(.p-0).bottom-left-gradient-bg { padding-top: 64px; padding-bottom: 64px; background: unset; }
@media (min-width: 992px) {
  body.body-style-glow .main-section:not(.p-0).bottom-left-gradient-bg { padding-top: 88px; padding-bottom: 88px; }
}
body.body-style-glow .main-section:not(.p-0).-title-bold .section-title h2 { font-weight: 700 !important; }
body.body-style-glow .main-section:not(.p-0).-title-bold .left-content-block p, body.body-style-glow .main-section:not(.p-0).-title-bold .right-content-block p { font-size: 18px; line-height: 27px; }
@media (min-width: 992px) {
  body.body-style-glow .main-section:not(.p-0).-dot-lines { padding-top: 80px; }
}
body.body-style-glow .main-section:not(.p-0).-dot-lines .two-content-block { -webkit-box-align: center; align-items: center; gap: 24px; margin-bottom: 24px; }
@media (min-width: 992px) {
  body.body-style-glow .main-section:not(.p-0).-dot-lines .two-content-block { gap: 60px; margin-bottom: 0px; }
}
body.body-style-glow .main-section:not(.p-0).-dot-lines .text-center.-margin-big { margin-top: 70px; margin-bottom: 100px; }
@media (min-width: 768px) {
  body.body-style-glow .main-section:not(.p-0).-dot-lines .text-center.-margin-big { margin-top: 0px; margin-bottom: 64px; }
}
body.body-style-glow .main-section:not(.p-0).-dot-lines .text-center .btn { margin: 32px auto 0px; }
body.body-style-glow .main-section:not(.p-0).two-content-section > .container > .section-title { margin-bottom: 64px; }
@media only screen and (min-width: 1141px) and (max-width: 1440px) {
  body.body-style-glow .main-section:not(.p-0).two-content-section.-qodo-cover .container { width: 100%; max-width: 1262px; }
}
body.body-style-glow .main-section:not(.p-0).two-content-section.-qodo-cover .two-content-block { gap: 48px; }
@media (min-width: 992px) {
  body.body-style-glow .main-section:not(.p-0).two-content-section.-qodo-cover .two-content-block { -webkit-box-align: center; align-items: center; }
}
@media (min-width: 1200px) {
  body.body-style-glow .main-section:not(.p-0).two-content-section.-qodo-cover .two-content-block { grid-template-columns: 1fr 50%; gap: 126px; }
}
body.body-style-glow .main-section:not(.p-0).two-content-section.-qodo-cover .two-content-block .right-content-block .section-title { position: static !important; margin-bottom: 0px; }
body.body-style-glow .main-section:not(.p-0).two-content-section.-qodo-cover .two-content-block .right-content-block .section-title h2 { margin-bottom: 30px; }
body.body-style-glow .main-section:not(.p-0).two-content-section.-qodo-cover .two-content-block .right-content-block .section-title p { font-size: 22px; line-height: 30px; }
body.body-style-glow .main-section:not(.p-0).-bg-gradient-linear { position: relative; background: linear-gradient(90deg, rgb(13, 9, 76) 0%, rgb(14, 11, 87) 50%, rgb(4, 3, 55) 100%) !important; }
body.body-style-glow .main-section:not(.p-0).-bg-gradient-linear.-fade-in::before { content: ""; position: absolute; left: 0px; top: 0px; z-index: -1; background: linear-gradient(0deg, rgba(12, 8, 72, 0) 0%, rgb(12, 8, 72) 100%); width: 100%; height: 400px; }
body.body-style-glow .main-section:not(.p-0).product-qa { padding-bottom: 120px; }
body.body-style-glow .main-section:not(.p-0).product-qa .product-qa--bck { display: none; }
body.body-style-glow .main-section:not(.p-0).product-qa ul.faq { margin-top: 48px; margin-bottom: 40px; }
@media (min-width: 992px) {
  body.body-style-glow .main-section:not(.p-0).product-qa ul.faq { margin-top: 72px; }
}
body.body-style-glow .main-section:not(.p-0).product-qa ul.faq > li { padding: 24px; font-size: 22px; font-weight: 400; line-height: 30px; border-color: var(--purple-500); }
@media (min-width: 992px) {
  body.body-style-glow .main-section:not(.p-0).product-qa ul.faq > li { padding: 32px 48px; }
}
body.body-style-glow .main-section:not(.p-0).product-qa ul.faq > li .question h3 { font-size: 22px; line-height: 30px; font-weight: 400; margin: 0px !important; }
body.body-style-glow .main-section:not(.p-0).product-qa .more-qa-btn a { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; max-width: unset; height: 48px; padding: 8px 24px; color: var(--purple-dark); font-size: 14px; font-weight: 700; text-align: center; border: 1px solid rgb(5, 229, 173); background-color: rgb(5, 229, 173); border-radius: 24px; line-height: 1; transition: 0.3s; cursor: pointer; }
@media (min-width: 768px) {
  body.body-style-glow .main-section:not(.p-0).product-qa .more-qa-btn a { max-width: max-content; }
}
body.body-style-glow .main-section:not(.p-0).product-qa .more-qa-btn a:hover, body.body-style-glow .main-section:not(.p-0).product-qa .more-qa-btn a:focus { background-color: rgb(0, 189, 133); }
body.body-style-glow .main-section:not(.p-0).product-qa .more-qa-btn a svg { display: none; }
@media (min-width: 992px) {
  body.body-style-glow .main-section:not(.p-0).product-qa .text-center.pt-50 { padding-top: 72px !important; }
}
body.body-style-glow .main-section:not(.p-0).product-qa .text-center h3.mb-5 { margin-bottom: 24px !important; }
body.body-style-glow .main-section:not(.p-0).product-qa .text-center a.btn { width: 100%; max-width: 100%; margin: 0px auto; }
@media (min-width: 768px) {
  body.body-style-glow .main-section:not(.p-0).product-qa .text-center a.btn { width: unset; max-width: max-content; }
}
body.body-style-glow .main-section:not(.p-0).z-none { z-index: 1 !important; }
body.body-style-glow .main-section:not(.p-0).themebg::after { content: none; }
@media (min-width: 992px) {
  body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles { margin-top: 0px; padding-top: 70px; }
}
@media (min-width: 768px) {
  body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles::before { top: 50%; }
}
@media only screen and (min-width: 1141px) and (max-width: 1440px) {
  body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .container { width: 100%; max-width: 1262px; }
}
body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .container > .text-center { max-width: 600px; margin: 58px auto 50px; }
@media (min-width: 992px) {
  body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .container > .text-center { margin-top: 84px; margin-bottom: 130px; }
}
body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .container > .text-center p { font-size: 16px; line-height: 1.3; }
body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .two-grid-box { display: grid; gap: 72px; }
@media (min-width: 1200px) {
  body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .two-grid-box { gap: 180px; }
}
body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .two-grid-box > div .hero-title { margin-bottom: 42px !important; }
body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .two-grid-box > div .icon-info-box-block { gap: 24px; max-width: unset !important; padding: 0px !important; }
@media (min-width: 992px) {
  body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .two-grid-box > div .icon-info-box-block { grid-template-columns: 1fr 1fr; -webkit-box-pack: center; justify-content: center; }
}
@media (min-width: 1300px) {
  body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .two-grid-box > div .icon-info-box-block { grid-template-columns: 250px 250px; }
}
body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .two-grid-box > div .icon-info-box-block .icon-info-card { position: relative; padding: 24px 48px; background: unset; border: unset; backdrop-filter: unset; }
@media (min-width: 992px) {
  body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .two-grid-box > div .icon-info-box-block .icon-info-card { padding: 48px 38px; }
}
body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .two-grid-box > div .icon-info-box-block .icon-info-card::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: radial-gradient(circle at 100% 100%, rgb(160, 160, 255) 0px, rgb(113, 113, 214) 22px, transparent 22px) 0px 0px / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(109, 109, 200) 0px, rgb(79, 79, 153) 22px, transparent 22px) 100% 0px / 24px 24px no-repeat, radial-gradient(circle at 100% 0px, rgb(56, 56, 158) 0px, rgb(107, 107, 197) 22px, transparent 22px) 0px 100% / 24px 24px no-repeat, radial-gradient(circle at 0px 0px, rgb(68, 68, 171) 0px, rgb(71, 71, 133) 22px, transparent 22px) 100% 100% / 24px 24px no-repeat, linear-gradient(rgb(85, 85, 155), rgb(63, 63, 134)) 50% 50% / calc(100% - 4px) calc(100% - 48px) no-repeat, linear-gradient(rgb(86, 86, 169), rgb(21, 21, 71)) 50% 50% / calc(100% - 48px) calc(100% - 4px) no-repeat, repeating-linear-gradient(125deg, rgb(191, 185, 255) 0px, rgba(50, 50, 83, 0.37) 25%, rgb(72, 57, 139) 52%, rgb(87, 96, 249) 85%, rgb(31, 25, 45) 100%); border-radius: 12px; }
body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .two-grid-box > div .icon-info-box-block .icon-info-card::after { content: ""; position: absolute; width: calc(100% - 4px); height: calc(100% - 4px); left: 2px; top: 2px; border-radius: 10px; opacity: 1; background: linear-gradient(90deg, rgb(39, 35, 98) 0%, rgb(20, 15, 85) 100%) !important; }
body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .two-grid-box > div .icon-info-box-block .icon-info-card > div, body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .two-grid-box > div .icon-info-box-block .icon-info-card .card-content { position: relative; z-index: 2; }
body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .two-grid-box > div .icon-info-box-block .icon-info-card > div h3, body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .two-grid-box > div .icon-info-box-block .icon-info-card .card-content h3 { font-size: 18px; line-height: 26px; margin: 0px !important; }
@media (min-width: 992px) {
  body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .two-grid-box > div .icon-info-box-block .icon-info-card > div h3, body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .two-grid-box > div .icon-info-box-block .icon-info-card .card-content h3 { min-height: 52px; }
}
body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .two-grid-box > div .icon-info-box-block .icon-info-card > div .card-icon, body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .two-grid-box > div .icon-info-box-block .icon-info-card .card-content .card-icon { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 48px; height: 48px; margin: 0px auto 24px; box-shadow: unset !important; }
body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .two-grid-box > div .icon-info-box-block .icon-info-card > div .card-icon img, body.body-style-glow .main-section:not(.p-0).-qodo-merge-tiles .two-grid-box > div .icon-info-box-block .icon-info-card .card-content .card-icon img { width: auto; height: 100%; }
body.body-style-glow .main-section:not(.p-0) .top-circles-vector, body.body-style-glow .main-section:not(.p-0) .vector-circle-right-bottom, body.body-style-glow .main-section:not(.p-0) .bg-gradient-block.is-shape-left-bottom::before, body.body-style-glow .main-section:not(.p-0) .dot-right-left-light .img-left, body.body-style-glow .main-section:not(.p-0) .dot-left-center-light .img-right, body.body-style-glow .main-section:not(.p-0).left-right-top-vector::after, body.body-style-glow .main-section:not(.p-0).left-right-top-vector::before { display: none !important; }
body.body-style-glow .main-section:not(.p-0) h2, body.body-style-glow .main-section:not(.p-0) .h2 { font-size: 34px; font-weight: 400; line-height: 1; }
@media (min-width: 992px) {
  body.body-style-glow .main-section:not(.p-0) h2, body.body-style-glow .main-section:not(.p-0) .h2 { font-size: 40px; }
}
body.body-style-glow .main-section:not(.p-0) h3, body.body-style-glow .main-section:not(.p-0) .h3 { font-size: 26px; line-height: 1; margin-bottom: 16px !important; }
body.body-style-glow .main-section:not(.p-0) .section-title h2 { margin-bottom: 24px; }
body.body-style-glow .main-section:not(.p-0) .section-title .sort-info { font-size: 20px; }
body.body-style-glow .main-section:not(.p-0) p { font-size: 18px; line-height: 26px; }
@media (min-width: 992px) {
  body.body-style-glow .main-section:not(.p-0) p { font-size: 20px; line-height: 30px; }
}
body.body-style-glow .main-section:not(.p-0) .sort-info .text-center { max-width: 842px; margin-left: auto; margin-right: auto; }
body.body-style-glow .main-section:not(.p-0) .sort-info-action { display: flex; -webkit-box-pack: center; justify-content: center; margin-top: 42px !important; }
body.body-style-glow .main-section:not(.p-0) .campare-table-section .table-block .table-body .table-row .col-parameter { padding-right: 0px; }
@media (min-width: 992px) {
  body.body-style-glow .main-section:not(.p-0) .campare-table-section .table-block .table-body .table-row .col-parameter { padding-right: 20px; }
}
body.body-style-glow .main-section:not(.p-0) .gradient-text { color: rgb(255, 255, 255); background: unset; font-weight: 400; -webkit-text-fill-color: unset; }
body.body-style-glow .pricing-block { gap: 24px; }
body.body-style-glow .pricing-block .pricing-box { padding: 24px; }
@media (min-width: 992px) {
  body.body-style-glow .pricing-block .pricing-box { padding: 40px; }
}
body.body-style-glow .pricing-block .pricing-box .pricing-title, body.body-style-glow .pricing-block .pricing-box .features-list, body.body-style-glow .pricing-block .pricing-box .pricing-action { padding: 0px; }
body.body-style-glow .pricing-block .pricing-box .pricing-action { margin-top: 32px; margin-bottom: 32px; }
body.body-style-glow .pricing-block .pricing-box .pricing-action .btn { width: 100%; max-width: unset; }
body.body-style-glow .pricing-block .pricing-box .features-title { margin-bottom: 32px; }
body.body-style-glow .pricing-block .pricing-box .features-list li { position: relative; margin: 0px 0px 12px; padding: 0px 0px 0px 30px; line-height: 1.3; }
body.body-style-glow .pricing-block .pricing-box .features-list li::before { position: absolute; left: 0px; top: 50%; margin: 0px; transform: translateY(-50%); }
body.body-style-glow .pricing-block .pricing-box .features-list li:last-child { margin-bottom: 0px; }
body.body-style-glow .icon-box-block .icon-box .icpn-img { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 64px; margin-bottom: 24px; }
body.body-style-glow .icon-box-block .icon-box .icpn-img img { width: 64px; height: 64px; }
body.body-style-glow .icon-box-block .icon-box h3 { margin: 0px 0px 8px; font-size: 22px; line-height: 1.25; }
body.body-style-glow .icon-box-block .icon-box .sort-info { max-width: 315px; color: var(--grey-500); line-height: 1.3; }
body.body-style-glow main .btn { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; max-width: max-content; height: 48px; padding: 8px 24px; text-align: center; line-height: 1; }
body.body-style-glow main .btn.main-btn { background-color: var(--purple-500); border-color: var(--purple-500); }
body.body-style-glow main .btn.main-btn:hover { color: var(--purple-500); background-color: rgb(255, 255, 255); }
body.body-style-glow main .btn.btn-grey { position: relative; background: unset; backdrop-filter: unset; border: unset; }
body.body-style-glow main .btn.btn-grey::before { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: radial-gradient(circle at 100% 100%, rgb(160, 160, 255) 0px, rgb(113, 113, 214) 22px, transparent 22px) 0px 0px / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(109, 109, 200) 0px, rgb(86, 86, 141) 22px, transparent 22px) 100% 0px / 24px 24px no-repeat, radial-gradient(circle at 100% 0px, rgb(56, 56, 158) 0px, rgb(107, 107, 197) 22px, transparent 22px) 0px 100% / 24px 24px no-repeat, radial-gradient(circle at 0px 0px, rgb(68, 68, 171) 0px, rgb(71, 71, 133) 22px, transparent 22px) 100% 100% / 24px 24px no-repeat, linear-gradient(rgb(85, 85, 155), rgb(57, 57, 131)) 50% 50% / calc(100% - 4px) calc(100% - 48px) no-repeat, linear-gradient(rgb(86, 86, 169), rgb(50, 50, 164)) 50% 50% / calc(100% - 48px) calc(100% - 4px) no-repeat, repeating-linear-gradient(241deg, rgb(106, 86, 217) 0px, rgba(50, 50, 83, 0.37) 25%, rgb(124, 108, 229) 52%, rgb(149, 144, 219) 85%, rgb(105, 90, 202) 100%); border-radius: 24px; z-index: -2; content: "" !important; }
body.body-style-glow main .btn.btn-grey::after { content: ""; position: absolute; width: calc(100% - 4px); height: calc(100% - 4px); left: 2px; top: 2px; border-radius: 22px; z-index: -1; background: linear-gradient(90deg, rgb(69, 73, 114) 0%, rgb(22, 30, 83) 100%) !important; }
body.body-style-glow .site-footer.site-footer-inline-dark { padding-top: 0px; background: linear-gradient(90deg, rgb(13, 9, 76) 0%, rgb(14, 11, 87) 50%, rgb(4, 3, 55) 100%) !important; }
body.body-style-glow .site-footer.site-footer-inline-dark::after { content: none; }
body.body-style-glow .site-footer.site-footer-inline-dark .ellipse { padding-top: 50px; background-attachment: unset !important; background-origin: unset !important; background-clip: unset !important; background-color: unset !important; background-image: url("https://www.qodo.ai/themes/codium/assets/images/bg-footer-glow-dark-mobile.png") !important; background-repeat: no-repeat !important; background-size: 100% !important; background-position: 50% 0% !important; }
@media (max-width: 460px) {
  body.body-style-glow .site-footer.site-footer-inline-dark .ellipse { background-size: 150% !important; }
}
@media (min-width: 768px) {
  body.body-style-glow .site-footer.site-footer-inline-dark .ellipse { padding-top: 100px; background-image: url("https://www.qodo.ai/themes/codium/assets/images/bg-footer-glow-dark.png") !important; background-size: cover !important; }
}
body.body-style-glow .site-footer.site-footer-inline-dark .footer-menu-title { color: var(--purple-500) !important; }
body.body-style-glow .site-footer.site-footer-light { background-color: rgb(255, 255, 255) !important; }
body.body-style-glow .site-footer.site-footer-light::after { content: none; }
@media (min-width: 768px) {
  body.body-style-glow .site-footer.site-footer-light .ellipse { padding-top: 112px; background-image: url("https://www.qodo.ai/themes/codium/assets/images/bg-footer-glow-light.png") !important; background-size: cover !important; }
}
body.body-style-glow.-footer-flat-bg .site-footer.site-footer-inline-dark { background: unset !important; }
body.body-style-glow.is-light .cms-page-header, body.body-style-glow.is-light .cms-page-header.themebg { background: url("https://www.qodo.ai/themes/codium/assets/images/hero-bg-light.png") center bottom no-repeat rgb(250, 249, 255) !important; }
@media (min-width: 992px) {
  body.body-style-glow.is-light .cms-page-header, body.body-style-glow.is-light .cms-page-header.themebg { padding-top: 240px !important; padding-bottom: 140px !important; background-size: 100% !important; }
}
body.body-style-glow.is-light .cms-page-header .section-title, body.body-style-glow.is-light .cms-page-header.themebg .section-title { max-width: 1022px; padding: 0px; border: unset; }
body.body-style-glow.is-light .cms-page-header .section-title h1, body.body-style-glow.is-light .cms-page-header.themebg .section-title h1 { margin-bottom: 24px; color: var(--purple-dark) !important; }
body.body-style-glow.is-light .cms-page-header .section-title .sort-info, body.body-style-glow.is-light .cms-page-header.themebg .section-title .sort-info { font-size: 22px; line-height: 30px; color: var(--purple-dark); }
body.body-style-glow.page-template-page-webinar .site-footer.site-footer-inline-dark { padding-top: 120px; }
@media (min-width: 992px) {
  body.body-style-glow.page-template-page-webinar .site-footer.site-footer-inline-dark { padding-top: 80px; }
}
body.body-style-glow.author { background-color: var(--white); }
body.body-style-glow.git-plugin-v2 .grid-swiper-slider { padding-bottom: 55px; }
@media (min-width: 992px) {
  body.body-style-glow.git-plugin-v2 .grid-swiper-slider { padding-bottom: 40px; }
}
body.body-style-glow.git-plugin-v2 .grid-swiper-slider h3 { margin-bottom: 24px !important; }
@media (min-width: 992px) {
  body.body-style-glow.git-plugin-v2 .grid-swiper-slider h3 { margin-bottom: 22px !important; }
}
body.body-style-glow.git-plugin-v2 .grid-swiper-slider p { margin-bottom: 0px !important; }
body.body-style-glow.git-plugin-v2 .grid-swiper-slider p br { display: none; }
@media (min-width: 992px) {
  body.body-style-glow.git-plugin-v2 .grid-swiper-slider p br { display: block; }
}
body.body-style-glow.git-plugin-v2 .grid-swiper-slider .two-content-block { gap: 40px !important; }
@media (min-width: 992px) {
  body.body-style-glow.git-plugin-v2 .grid-swiper-slider .two-content-block { gap: 48px !important; }
}
body.body-style-glow.git-plugin-v2 .grid-swiper-slider .slide-content { padding: 8px; background: rgba(44, 44, 82, 0.75); backdrop-filter: unset; border: 1px solid var(--purple-dark); border-radius: 8px; }
@media (min-width: 992px) {
  body.body-style-glow.git-plugin-v2 .grid-swiper-slider .slide-content { padding: 28px; border: 2px solid var(--purple-dark); border-radius: 24px; }
}
body.body-style-glow.git-plugin-v2 .grid-swiper-slider .slide-content::before { content: none; }
body.body-style-glow.git-plugin-v2 .grid-swiper-slider .slide-content .inner-content { border-radius: 8px; }
@media (min-width: 992px) {
  body.body-style-glow.git-plugin-v2 .grid-swiper-slider .slide-content .inner-content { border-radius: 24px; }
}
body.body-style-glow.git-plugin-v2 .grid-swiper-slider .swiper-pagination-bullet { width: 15px; height: 15px; margin: 0px 5px !important; }
body.body-style-glow.-pricing .cms-page-header { background: unset !important; }
@media (min-width: 992px) {
  body.body-style-glow.-pricing .cms-page-header { padding-top: 220px !important; }
}
body.body-style-glow.-pricing .cms-page-header .container { padding: 0px; }
@media only screen and (min-width: 1141px) and (max-width: 1440px) {
  body.body-style-glow.-pricing .cms-page-header .container { width: 1230px; max-width: 100%; }
}
body.body-style-glow.-pricing .cms-page-header .section-title { max-width: unset; }
body.body-style-glow.-pricing .cms-page-header .section-title .text-center { max-width: unset !important; }
@media (min-width: 992px) {
  body.body-style-glow.-pricing .cms-page-header .section-title h1 { margin-bottom: 24px; }
}
body.body-style-glow.-pricing .cms-page-header .section-title h4 { margin: 48px 0px; font-size: 16px; }
@media (min-width: 992px) {
  body.body-style-glow.-pricing .cms-page-header .section-title h4 { margin-top: 24px; margin-bottom: 56px; }
}
body.body-style-glow.-pricing .cms-page-header .section-title .containers .switch-wrapper { margin-top: 0px; }
body.body-style-glow.-pricing .cms-page-header .section-title .containers .switch-wrapper .highlighter { background: linear-gradient(90deg, rgb(104, 75, 254) 0%, rgb(225, 120, 231) 100%); }
body.body-style-glow.-pricing .cms-page-header .section-title .containers .switch-wrapper [type="radio"]:checked#monthly ~ label[for="monthly"], body.body-style-glow.-pricing .cms-page-header .section-title .containers .switch-wrapper [type="radio"]:checked#yearly ~ label[for="yearly"] { background: linear-gradient(90deg, rgb(104, 75, 254) 0%, rgb(225, 120, 231) 100%); box-shadow: rgba(255, 255, 255, 0.27) 2px 2px 0px 0px inset; }
body.body-style-glow.-pricing .cms-page-header .section-title .containers .switch-wrapper label { font-weight: 700; }
body.body-style-glow.-pricing .cms-page-header .section-title .containers .badge { top: -5px; }
body.body-style-glow.-about .about-hero { padding-top: 225px !important; padding-bottom: 120px !important; background: url("https://www.qodo.ai/themes/codium/assets/images/img-code-snipets-hero-bg.png") center bottom / 100% no-repeat !important; }
@media (max-width: 768px) {
  body.body-style-glow.-about .about-hero { padding-top: 212px !important; padding-bottom: 114px !important; background-size: 768px !important; }
}
@media (min-width: 992px) {
  body.body-style-glow.-about .about-hero { padding-top: 249px !important; padding-bottom: 140px !important; }
}
body.body-style-glow.-about .about-hero--title { margin: 0px auto; width: 680px; font-size: 40px !important; line-height: 48px !important; color: rgb(255, 255, 255) !important; }
@media (min-width: 992px) {
  body.body-style-glow.-about .about-hero--title { font-size: 48px !important; line-height: 52px !important; }
}
@media (max-width: 768px) {
  body.body-style-glow.-about .about-hero--title { width: 335px; }
}
body.body-style-glow.-about .about-hero--subtitle { display: none; }
body.body-style-glow.-about .our-mission { position: relative; padding: 64px 20px; overflow: visible; z-index: 0; background: unset !important; }
body.body-style-glow.-about .our-mission::before { background: none !important; }
@media (min-width: 768px) {
  body.body-style-glow.-about .our-mission::before { content: ""; position: absolute; left: 50%; top: 70%; width: 100vw; height: 1200px; transform: translateX(-50%) translateY(-50%); z-index: -2; background: radial-gradient(rgba(99, 72, 254, 0.243) 30%, rgba(99, 72, 254, 0) 70%) !important; }
}
body.body-style-glow.-about .our-mission::after { background: none !important; }
@media only screen and (min-width: 1300px) and (max-width: 1440px) {
  body.body-style-glow.-about .our-mission .container { width: 123rem !important; }
}
body.body-style-glow.-about .our-mission .section-title { margin-bottom: 64px !important; }
body.body-style-glow.-about .our-mission .section-title h2, body.body-style-glow.-about .our-mission .section-title .h2 { line-height: 48px !important; font-weight: 400 !important; }
@media (max-width: 991px) {
  body.body-style-glow.-about .our-mission .section-title h2, body.body-style-glow.-about .our-mission .section-title .h2 { font-size: 34px; margin-bottom: 20px; line-height: 40px !important; }
}
body.body-style-glow.-about .our-mission .section-title .gradient-text { color: rgb(255, 255, 255) !important; background: unset !important; -webkit-text-fill-color: unset !important; }
body.body-style-glow.-about .our-mission .section-title .sort-info { max-width: 740px; margin: 0px auto; }
body.body-style-glow.-about .our-mission .section-title .sort-info p { color: rgb(238, 238, 242); line-height: 26px; }
@media (max-width: 768px) {
  body.body-style-glow.-about .our-mission .section-title .sort-info p { font-size: 16px; line-height: 20.8px; }
}
@media (max-width: 768px) {
  body.body-style-glow.-about .our-mission .section-title .sort-info { max-width: 450px; }
}
body.body-style-glow.-about .our-mission h3 { line-height: 48px !important; font-weight: 400 !important; }
@media (max-width: 1023px) {
  body.body-style-glow.-about .our-mission h3 { font-size: 40px; }
}
@media (max-width: 1023px) {
  body.body-style-glow.-about .our-mission h3 { font-size: 40px; }
}
@media (max-width: 991px) {
  body.body-style-glow.-about .our-mission h3 { font-size: 34px; line-height: 34px; }
}
body.body-style-glow.-about .our-mission .mb-5 { margin-bottom: 48px !important; }
body.body-style-glow.-about .our-mission .gradient-border-box-block { gap: 24px; }
body.body-style-glow.-about .our-mission .gradient-border-box-block .gradient-border-box { position: relative; -webkit-box-flex: 1; flex: 1 1 auto; padding: 48px 55.5px; background: unset; }
@media (max-width: 1024px) {
  body.body-style-glow.-about .our-mission .gradient-border-box-block .gradient-border-box { padding: 40px 20px; }
}
@media (max-width: 767px) {
  body.body-style-glow.-about .our-mission .gradient-border-box-block .gradient-border-box { width: 100%; max-width: 400px; margin: 0px auto; padding: 40px 20px; }
}
body.body-style-glow.-about .our-mission .gradient-border-box-block .gradient-border-box::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: radial-gradient(circle at 100% 100%, rgb(160, 160, 255) 0px, rgb(113, 113, 214) 22px, transparent 22px) 0px 0px / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(109, 109, 200) 0px, rgb(79, 79, 153) 22px, transparent 22px) 100% 0px / 24px 24px no-repeat, radial-gradient(circle at 100% 0px, rgb(56, 56, 158) 0px, rgb(107, 107, 197) 22px, transparent 22px) 0px 100% / 24px 24px no-repeat, radial-gradient(circle at 0px 0px, rgb(68, 68, 171) 0px, rgb(71, 71, 133) 22px, transparent 22px) 100% 100% / 24px 24px no-repeat, linear-gradient(rgb(85, 85, 155), rgb(63, 63, 134)) 50% 50% / calc(100% - 4px) calc(100% - 48px) no-repeat, linear-gradient(rgb(86, 86, 169), rgb(21, 21, 71)) 50% 50% / calc(100% - 48px) calc(100% - 4px) no-repeat, repeating-linear-gradient(125deg, rgb(191, 185, 255) 0px, rgba(50, 50, 83, 0.37) 25%, rgb(72, 57, 139) 52%, rgb(87, 96, 249) 85%, rgb(31, 25, 45) 100%); border-radius: 24px; }
body.body-style-glow.-about .our-mission .gradient-border-box-block .gradient-border-box::after { content: ""; position: absolute; width: calc(100% - 4px); height: calc(100% - 4px); left: 2px; top: 2px; border-radius: 22px; opacity: 1; background: linear-gradient(90deg, rgb(69, 65, 113) 0%, rgb(31, 26, 92) 100%) !important; }
body.body-style-glow.-about .our-mission .gradient-border-box-block .gradient-border-box .box-icon, body.body-style-glow.-about .our-mission .gradient-border-box-block .gradient-border-box .box-content { position: relative; z-index: 2; }
body.body-style-glow.-about .our-mission .gradient-border-box-block .gradient-border-box .box-icon { width: 64px; height: 64px; }
body.body-style-glow.-about .our-mission .gradient-border-box-block .gradient-border-box .box-icon img { width: 64px; height: 64px; -webkit-box-flex: 0; flex: 0 0 auto; }
body.body-style-glow.-about .our-mission .gradient-border-box-block .gradient-border-box .box-icon.pink::before { box-shadow: none; }
body.body-style-glow.-about .our-mission .gradient-border-box-block .gradient-border-box .box-icon.green::before { box-shadow: none; }
body.body-style-glow.-about .our-mission .gradient-border-box-block .gradient-border-box .box-content { margin-top: 24px; }
body.body-style-glow.-about .our-mission .gradient-border-box-block .gradient-border-box .box-content h3 { font-size: 22px; color: rgb(255, 255, 255); line-height: 27.5px !important; font-weight: 700 !important; }
body.body-style-glow.-about .about-info { padding: 60px 20px 158px; }
@media (max-width: 991px) {
  body.body-style-glow.-about .about-info { padding: 0px 20px 158px; }
}
@media only screen and (min-width: 1300px) and (max-width: 1440px) {
  body.body-style-glow.-about .about-info .container { width: 123rem !important; }
}
body.body-style-glow.-about .about-info .text-bigger, body.body-style-glow.-about .about-info h3, body.body-style-glow.-about .about-info .h3 { font-size: 22px !important; line-height: 30px !important; font-weight: 400 !important; }
@media (max-width: 991px) {
  body.body-style-glow.-about .about-info .text-bigger, body.body-style-glow.-about .about-info h3, body.body-style-glow.-about .about-info .h3 { font-size: 18px !important; line-height: 26px !important; }
}
body.body-style-glow.-about .about-info .text-bigger { max-width: 901px; margin: 0px auto 124px; }
body.body-style-glow.-about .about-info--content { padding: 40px 0px 0px; gap: 24px !important; }
body.body-style-glow.-about .about-info--content .content-box-icon { gap: 40px; }
@media (max-width: 768px) {
  body.body-style-glow.-about .about-info--content .content-box-icon { max-width: 335px; margin: 0px auto; }
}
body.body-style-glow.-about .about-info--content .image-wrapper { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; height: 132px; padding: 18px !important; }
@media (min-width: 992px) {
  body.body-style-glow.-about .about-info--content .image-wrapper { height: 180px; }
}
body.body-style-glow.-about .about-info--content .image-wrapper img { position: static; height: 100%; width: auto; }
body.body-style-glow.-about .about-info--content p { font-size: 18px !important; line-height: 26px !important; }
@media (max-width: 768px) {
  body.body-style-glow.-about .about-info--content { grid-template-columns: repeat(1, 1fr); }
}
body.body-style-glow.-about .about-team { padding: 128px 2rem; background: linear-gradient(176deg, rgb(193, 182, 255) 3.11%, rgba(255, 255, 255, 0) 68.95%), rgb(255, 255, 255); }
@media (max-width: 768px) {
  body.body-style-glow.-about .about-team { padding: 64px 2rem; }
}
body.body-style-glow.-about .about-team::before { display: none !important; }
body.body-style-glow.-about .about-team .image-vector { display: none !important; }
body.body-style-glow.-about .about-team--wrapper { gap: 64px; }
body.body-style-glow.-about .about-team--wrapper .team-title { font-weight: 400; }
@media (max-width: 768px) {
  body.body-style-glow.-about .about-team--wrapper .team-title { font-size: 34px !important; }
}
@media (max-width: 768px) {
  body.body-style-glow.-about .about-team--wrapper { gap: 40px; }
}
@media (min-width: 768px) {
  body.body-style-glow.-about .about-team--content { padding-top: 40px; padding-bottom: 40px; }
}
@media (max-width: 768px) {
  body.body-style-glow.-about .about-team--content { padding-top: 16px; }
}
body.body-style-glow.-about .about-team--content .member-name, body.body-style-glow.-about .about-team--content .role { font-weight: 400 !important; }
@media (max-width: 768px) {
  body.body-style-glow.-about .about-team--content .member-name { font-size: 16px; }
}
@media (max-width: 768px) {
  body.body-style-glow.-about .about-team--content .role { margin-bottom: 3px; }
}
body.body-style-glow.-about .about-team--content .content-wrapper { gap: 0.4rem; }
body.body-style-glow.-about .about-backed { position: relative; padding: 64px 2rem; }
@media (min-width: 992px) {
  body.body-style-glow.-about .about-backed { padding: 128px 2rem; }
}
body.body-style-glow.-about .about-backed::before { display: none; }
body.body-style-glow.-about .about-backed::after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url("https://www.qodo.ai/themes/codium/assets/images/backed-by-bg.png") 50% 12% no-repeat; z-index: 0; opacity: 0.5; filter: blur(10px); }
body.body-style-glow.-about .about-backed .container { position: relative; z-index: 1; }
body.body-style-glow.-about .about-backed--wrapper { gap: 0px; }
body.body-style-glow.-about .about-backed--wrapper > .text-center { font-size: 26px; line-height: 1.2; }
body.body-style-glow.-about .about-backed--wrapper > .text-center h2 { margin-bottom: 48px; background: linear-gradient(90.73deg, rgb(104, 75, 254) 0%, rgb(225, 120, 231) 100%) text; -webkit-text-fill-color: transparent; }
body.body-style-glow.-about .about-backed--wrapper > .text-center p { margin: 0px !important; padding: 0px !important; }
body.body-style-glow.-about .about-backed--wrapper .vcs-container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 48px; margin-top: 24px; margin-bottom: 64px; }
@media (min-width: 768px) {
  body.body-style-glow.-about .about-backed--wrapper .vcs-container { display: grid; gap: 66px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; grid-template-columns: repeat(4, auto); max-width: 1024px; margin-left: auto; margin-right: auto; margin-top: 32px; }
}
body.body-style-glow.-about .about-backed--wrapper .vcs-container .vcs-logo { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; max-height: 100px; }
@media (min-width: 768px) {
  body.body-style-glow.-about .about-backed--wrapper .vcs-container .vcs-logo { max-height: unset; }
}
body.body-style-glow.-about .about-backed--wrapper .vcs-container .vcs-logo img { width: auto; height: auto; max-height: 100px; }
@media (min-width: 768px) {
  body.body-style-glow.-about .about-backed--wrapper .vcs-container .vcs-logo img { width: auto; height: auto; max-height: 100%; }
}
body.body-style-glow.-about .about-backed--wrapper > p.m-0 { font-size: 26px; line-height: 1.2; margin-bottom: 60px !important; }
body.body-style-glow.-about .about-backed--wrapper .angels--content { margin-bottom: 0px; gap: 60px; }
body.body-style-glow.-about .about-backed--wrapper .angels--content-grid { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 80px; }
@media (min-width: 768px) {
  body.body-style-glow.-about .about-backed--wrapper .angels--content-grid { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 8px; }
}
@media (min-width: 992px) {
  body.body-style-glow.-about .about-backed--wrapper .angels--content-grid { grid-template-columns: repeat(4, 1fr); }
}
body.body-style-glow.-about .about-backed--wrapper .angels--content-grid .angelcard .angel-card--wrapper { gap: 18px; }
body.body-style-glow.-about .about-backed--wrapper .angels--content-grid .angelcard .content-wrapper { gap: 8px; }
body.body-style-glow.-about .about-backed--wrapper .angels--content-grid .angelcard .angel-name { margin-bottom: 18px; font-size: 22px; }
body.body-style-glow.-about .about-backed--wrapper .angels--content-grid .angelcard .angel-logo { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-bottom: 8px; }
body.body-style-glow.-about .about-backed--wrapper .angels--content-grid .angelcard .angel-companies { text-transform: unset; }
body.body-style-glow.-about .about-backed--wrapper .angels--content-grid .angelcard .linkedin-url { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
body.body-style-glow.-about .about-backed--wrapper .angels--content-grid .angelcard .linkedin-url svg path { fill: var(--purple-500); }
body.body-style-glow.-about .about-backed--wrapper .more-angels-btn { margin-top: 0px; }
body.body-style-glow.-about .about-backed--wrapper .more-angels-btn a { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; max-width: max-content; height: 48px; padding: 8px 24px; color: var(--purple-dark); font-size: 14px; font-weight: 700; text-align: center; border: 1px solid rgb(5, 229, 173); background-color: rgb(5, 229, 173); border-radius: 24px; line-height: 1; transition: 0.3s; cursor: pointer; }
body.body-style-glow.-about .about-backed--wrapper .more-angels-btn a:hover, body.body-style-glow.-about .about-backed--wrapper .more-angels-btn a:focus { background-color: rgb(0, 189, 133); }
body.body-style-glow.-about .about-backed--wrapper .more-angels-btn a svg { display: none; }
body.body-style-glow.-about .about-working { padding-top: 80px; padding-bottom: 164px; }
@media (min-width: 992px) {
  body.body-style-glow.-about .about-working { padding-top: 0px; padding-bottom: 148px; }
}
body.body-style-glow.-about .about-working .overlay, body.body-style-glow.-about .about-working #background-video-footer { display: none; }
body.body-style-glow.-about .about-working .working--wrapper { position: relative; max-width: 812px; padding: 48px 24px; background: unset; border-radius: 40px; }
@media (min-width: 992px) {
  body.body-style-glow.-about .about-working .working--wrapper { padding: 80px 76px; }
}
body.body-style-glow.-about .about-working .working--wrapper::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: radial-gradient(circle at 100% 100%, rgb(160, 160, 255) 0px, rgb(113, 113, 214) 40px, transparent 40px) 0px 0px / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(109, 109, 200) 0px, rgb(79, 79, 153) 40px, transparent 40px) 100% 0px / 12px 10px no-repeat, radial-gradient(circle at 100% 0px, rgb(56, 56, 158) 0px, rgb(107, 107, 197) 40px, transparent 40px) 0px 100% / 7px 4px no-repeat, radial-gradient(circle at 0px 0px, rgb(68, 68, 171) 0px, rgb(71, 71, 133) 40px, transparent 22px) 100% 100% / 8px 6px no-repeat, linear-gradient(rgb(85, 85, 155), rgb(63, 63, 134)) 50% 50% / calc(100% - 28px) calc(100% - 48px) no-repeat, linear-gradient(rgb(86, 86, 169), rgb(21, 21, 71)) 50% 50% / calc(100% - 13px) calc(100% - 24px) no-repeat, repeating-linear-gradient(125deg, rgb(191, 185, 255) 0px, rgba(50, 50, 83, 0.37) 25%, rgb(72, 57, 139) 52%, rgb(87, 96, 249) 85%, rgb(31, 25, 45) 100%); border-radius: 40px; opacity: 1; filter: blur(1px); }
body.body-style-glow.-about .about-working .working--wrapper::after { content: ""; position: absolute; width: calc(100% - 8px); height: calc(100% - 8px); left: 4px; top: 4px; border-radius: 36px; opacity: 1; box-shadow: rgba(174, 169, 236, 0.31) 3px 3px 4px 0px inset; background: linear-gradient(90deg, rgb(69, 65, 113) 0%, rgb(31, 26, 92) 100%) !important; }
body.body-style-glow.-about .about-working .working--wrapper .gradient-text { margin: 0px auto 24px; font-size: 34px; font-weight: 400; line-height: 1; color: rgb(217, 217, 217); background: unset; -webkit-text-fill-color: unset; }
@media (min-width: 992px) {
  body.body-style-glow.-about .about-working .working--wrapper .gradient-text { font-size: 48px; line-height: 52px; }
}
body.body-style-glow.-about .about-working .working--wrapper .text-bigger { margin: 0px 0px 48px; font-size: 16px; line-height: 26px; }
@media (min-width: 992px) {
  body.body-style-glow.-about .about-working .working--wrapper .text-bigger { font-size: 26px; line-height: 1.2; }
}
body.body-style-glow.-about .about-working .working--wrapper a { display: flex; -webkit-box-align: center; align-items: center; gap: 12px; margin-top: 0px; font-size: 14px; line-height: 16px; font-weight: 700; text-transform: uppercase; }
body.body-style-glow.-about .about-working .working--wrapper a img { width: auto; height: 10px; transform: unset; }
body.body-style-glow.-about .about-backed, body.body-style-glow.-about .about-working { background: linear-gradient(90deg, rgb(13, 9, 76) 0%, rgb(14, 11, 87) 50%, rgb(4, 3, 55) 100%) !important; }
body.body-style-glow.-pr-agent-github.is-light { background-color: rgb(12, 8, 72) !important; }
body.body-style-glow.-pr-agent-github .main-menu li a, body.body-style-glow.-pr-agent-github .site-header--menu-cta-right .btn-link { color: rgb(255, 255, 255); }
body.body-style-glow.-pr-agent-github .header-active ul.main-menu li a, body.body-style-glow.-pr-agent-github .header-active .site-header--menu-cta-right .btn-link { color: rgb(0, 0, 0); }
body.body-style-glow.-pr-agent-github .sub-menu li a { color: rgb(0, 0, 0); }
body.body-style-glow.-pr-agent-github .arrow::after { background: url("https://www.qodo.ai/themes/codium/assets/icons/chev-down-white.svg") right center no-repeat; }
body.body-style-glow.-pr-agent-github .header-active .arrow::after { background: url("https://www.qodo.ai/themes/codium/assets/icons/chev-down.svg") right center no-repeat; }
body.body-style-glow.-pr-agent-github .bg-pr-agent { position: relative; background-image: none !important; background-color: var(--purple-dark) !important; padding-top: 237px !important; padding-bottom: 184px !important; }
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .bg-pr-agent { padding-top: 188px !important; padding-bottom: 100px !important; }
}
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .bg-pr-agent .container { padding: 0px; max-width: 620px; margin: 0px auto; }
}
body.body-style-glow.-pr-agent-github .bg-pr-agent .section-title { max-width: 880px; }
body.body-style-glow.-pr-agent-github .bg-pr-agent .section-title h1 { font-size: 64px; line-height: 68px; margin-bottom: 16px; color: rgb(255, 255, 255) !important; }
@media (max-width: 992px) {
  body.body-style-glow.-pr-agent-github .bg-pr-agent .section-title h1 { font-size: 48px; line-height: 52px; }
}
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .bg-pr-agent .section-title h1 { font-size: 32px; line-height: 40px; margin-bottom: 22px; }
}
body.body-style-glow.-pr-agent-github .bg-pr-agent .section-title .pr-agent-subtext { font-size: 18px; line-height: 26px; color: rgb(190, 190, 224); }
body.body-style-glow.-pr-agent-github .pr-agent-first-main { position: relative; padding-top: 0px; padding-bottom: 140px; }
body.body-style-glow.-pr-agent-github .pr-agent-first-main::before { content: ""; position: absolute; top: 70%; left: 50%; width: 100vw; height: 1700px; transform: translateX(-50%) translateY(-50%); z-index: -2; pointer-events: none; background: linear-gradient(to top, rgba(99, 72, 254, 0.243), rgba(99, 72, 254, 0)) !important; }
@media (max-width: 992px) {
  body.body-style-glow.-pr-agent-github .pr-agent-first-main { padding-bottom: 80px; }
}
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-first-main { padding-bottom: 50px; }
}
@media (min-width: 1280px) and (max-width: 1440px) {
  body.body-style-glow.-pr-agent-github .pr-agent-first-main .container { width: 1232px; padding: 0px; }
}
body.body-style-glow.-pr-agent-github .pr-agent-first-main .two-content-block { grid-template-columns: 58fr 42fr; gap: 80px; }
@media (max-width: 992px) {
  body.body-style-glow.-pr-agent-github .pr-agent-first-main .two-content-block { grid-template-columns: repeat(1, 1fr) !important; }
  body.body-style-glow.-pr-agent-github .pr-agent-first-main .two-content-block .left-content-block { margin: 0px auto; }
  body.body-style-glow.-pr-agent-github .pr-agent-first-main .two-content-block .right-content-block { margin: 0px auto; }
}
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-first-main .two-content-block { gap: 34px; }
}
@media (max-width: 992px) {
  body.body-style-glow.-pr-agent-github .pr-agent-first-main .pr-agent-first-rb { max-width: 700px !important; }
}
body.body-style-glow.-pr-agent-github .pr-agent-first-main .pr-agent-first-rb h2 { font-size: 48px; line-height: 52px; font-weight: 700; }
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-first-main .pr-agent-first-rb h2 { font-size: 26px; line-height: 31.2px; }
}
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-first-main .pr-agent-first-rb h2 { margin-bottom: 15px; }
}
body.body-style-glow.-pr-agent-github .pr-agent-first-main .pr-agent-first-rb p { font-size: 22px; color: rgb(142, 142, 167) !important; }
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-first-main .pr-agent-first-rb p { font-size: 16px; line-height: 24px; }
}
body.body-style-glow.-pr-agent-github .pr-agent-collapse { padding-top: 148px; padding-bottom: 148px; overflow: hidden; background-image: none !important; }
@media (max-width: 992px) {
  body.body-style-glow.-pr-agent-github .pr-agent-collapse { padding-bottom: 80px; padding-top: 80px; }
}
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-collapse { padding-top: 50px; padding-bottom: 80px; }
}
body.body-style-glow.-pr-agent-github .pr-agent-collapse .left-content-block { margin-left: 1px; }
@media (min-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-collapse .section-title { margin-bottom: 88px !important; }
}
@media (min-width: 1280px) and (max-width: 1440px) {
  body.body-style-glow.-pr-agent-github .pr-agent-collapse .container { width: 1232px; padding: 0px; }
}
body.body-style-glow.-pr-agent-github .pr-agent-collapse .section-title h2 { font-size: 48px; line-height: 52px; color: rgb(255, 255, 255) !important; }
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-collapse .section-title h2 { font-size: 26px; line-height: 31.2px; }
}
body.body-style-glow.-pr-agent-github .pr-agent-collapse .ai-powered-subtext { line-height: 26px; font-size: 18px !important; color: rgb(142, 142, 167) !important; }
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-collapse .ai-powered-subtext { font-size: 16px; line-height: 24px; }
}
body.body-style-glow.-pr-agent-github .pr-agent-collapse .title-icon img { width: 16px; }
body.body-style-glow.-pr-agent-github .pr-agent-collapse .two-content-block { gap: 26px !important; }
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-collapse .two-content-block { gap: 0px !important; }
}
@media (min-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-collapse .two-content-block::before { content: ""; position: absolute; left: 50%; top: 70%; width: 150vw; height: 1440px; transform: translateX(-50%) translateY(-50%); z-index: -2; gap: 26px !important; background: radial-gradient(rgba(99, 72, 254, 0.243) 30%, rgba(99, 72, 254, 0) 70%) !important; }
}
@media (min-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-collapse li { position: relative; background: unset; }
  body.body-style-glow.-pr-agent-github .pr-agent-collapse li::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: radial-gradient(circle at 100% 100%, rgb(160, 160, 255) 0px, transparent 14px, transparent 14px) 0px 0px / 16px 16px no-repeat, radial-gradient(circle at 0px 100%, rgb(109, 109, 200) 0px, rgb(79, 79, 153) 14px, transparent 14px) 100% 0px / 16px 16px no-repeat, radial-gradient(circle at 100% 0px, rgb(56, 56, 158) 0px, rgb(107, 107, 197) 14px, transparent 14px) 0px 100% / 16px 16px no-repeat, radial-gradient(circle at 0px 0px, rgb(160, 160, 255), rgb(160, 160, 255) 14px, transparent 14px) 100% 100% / 16px 16px no-repeat, linear-gradient(rgb(85, 85, 155), rgb(160, 160, 255)) 50% 50% / calc(100% - 4px) calc(100% - 32px) no-repeat, linear-gradient(rgb(56, 56, 158), rgb(160, 160, 255)) 50% 50% / calc(100% - 32px) calc(100% - 4px) no-repeat, repeating-linear-gradient(40deg, rgb(191, 185, 255) 0px, rgb(56, 56, 158), rgb(79, 79, 153) 52%, rgb(87, 96, 249) 85%, rgb(160, 160, 255) 100%); border-radius: 16px; }
  body.body-style-glow.-pr-agent-github .pr-agent-collapse li::after { content: ""; position: absolute; width: calc(100% - 4px); height: calc(100% - 4px); left: 0px; top: 0px; border-radius: 14px; opacity: 1; background: linear-gradient(80deg, rgb(69, 65, 113) 0%, rgb(31, 26, 92) 100%) !important; }
  body.body-style-glow.-pr-agent-github .pr-agent-collapse li .question, body.body-style-glow.-pr-agent-github .pr-agent-collapse li .answer { position: relative; z-index: 2; }
}
body.body-style-glow.-pr-agent-github .pr-agent-collapse li .answer p { color: rgba(255, 255, 255, 0.6); font-size: 16px; line-height: 24px; font-weight: 400; }
@media (min-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-collapse li .answer p { margin-bottom: 0px; }
}
body.body-style-glow.-pr-agent-github .pr-agent-collapse li .question h3 { font-weight: 700; font-size: 22px; line-height: 28px; margin-bottom: 0px !important; }
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-collapse li .question h3 { font-weight: 400; font-size: 18px; line-height: 24px; }
}
body.body-style-glow.-pr-agent-github .pr-agent-collapse li .question { padding: 20px 24px; }
@media (min-width: 992px) {
  body.body-style-glow.-pr-agent-github .pr-agent-overview { padding-top: 132px !important; padding-bottom: 132px !important; }
}
@media (max-width: 992px) {
  body.body-style-glow.-pr-agent-github .pr-agent-overview { padding-bottom: 80px; padding-top: 80px; }
}
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-overview { padding-top: 50px; padding-bottom: 50px; }
}
body.body-style-glow.-pr-agent-github .pr-agent-overview .pr-agent-features-title { max-width: 100% !important; margin-bottom: 56px !important; }
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-overview .pr-agent-features-title { margin-bottom: 50.5px !important; }
}
body.body-style-glow.-pr-agent-github .pr-agent-overview .pr-agent-features-title h2 { line-height: 48px; font-weight: 700; margin-bottom: 20px; max-width: 100% !important; }
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-overview .pr-agent-features-title h2 { line-height: 31.2px; font-size: 26px; font-weight: 400; margin-bottom: 15px; }
}
body.body-style-glow.-pr-agent-github .pr-agent-overview .pr-agent-features-title p { color: rgb(1, 1, 42); font-size: 22px; }
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-overview .pr-agent-features-title p { line-height: 24px; font-size: 16px; }
}
@media (min-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-overview .col-inner-grid { grid-template-columns: repeat(3, 176px) !important; }
}
body.body-style-glow.-pr-agent-github .pr-agent-overview .info { height: 24px; }
body.body-style-glow.-pr-agent-github .pr-agent-overview .campare-table-section .table-block .icon-check { background: url("https://www.qodo.ai/themes/codium/assets/images/icon-table-check.svg") center center / contain no-repeat; }
body.body-style-glow.-pr-agent-github .pr-agent-overview .campare-table-section .table-block .icon-close { background: url("https://www.qodo.ai/themes/codium/assets/images/icon-table-error.svg") center center / contain no-repeat; }
@media (max-width: 575px) {
  body.body-style-glow.-pr-agent-github .pr-agent-overview .col-github, body.body-style-glow.-pr-agent-github .pr-agent-overview .col-bitbucket, body.body-style-glow.-pr-agent-github .pr-agent-overview .col-gitlab { padding: 7px 10px 17px !important; }
}
body.body-style-glow.-pr-agent-github .pr-agent-overview .mb-0 { font-size: 16px; line-height: 24px; margin-bottom: 24px; }
body.body-style-glow.-pr-agent-github .pr-agent-overview .mb-4 { margin-bottom: 24px !important; }
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-overview .mb-4 { margin-bottom: 15px !important; }
}
body.body-style-glow.-pr-agent-github .pr-agent-enhancing { background-color: rgb(255, 255, 255); padding-top: 124px; padding-bottom: 124px; }
body.body-style-glow.-pr-agent-github .pr-agent-enhancing::before { background: none; }
@media (max-width: 992px) {
  body.body-style-glow.-pr-agent-github .pr-agent-enhancing { padding-bottom: 50px; padding-top: 80px; }
}
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-enhancing { padding-top: 50px; padding-bottom: 20px; }
}
@media (min-width: 1280px) and (max-width: 1440px) {
  body.body-style-glow.-pr-agent-github .pr-agent-enhancing .container { width: 1232px; padding: 0px; }
}
body.body-style-glow.-pr-agent-github .pr-agent-enhancing .section-title { max-width: 100% !important; }
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-enhancing .section-title { margin-bottom: 30px !important; }
}
@media (max-width: 992px) {
  body.body-style-glow.-pr-agent-github .pr-agent-enhancing .mb-0 { max-width: 700px !important; }
}
body.body-style-glow.-pr-agent-github .pr-agent-enhancing h2 { font-size: 48px; line-height: 52px; font-weight: 700; margin-bottom: 80px !important; }
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-enhancing h2 { font-size: 26px; line-height: 31.2px; }
}
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-enhancing h2 { font-weight: 400; max-width: 300px; margin-top: 0px; margin-right: auto; margin-left: auto; margin-bottom: 30px !important; }
}
body.body-style-glow.-pr-agent-github .pr-agent-enhancing .two-content-block { grid-template-columns: 58fr 42fr; gap: 94px; }
@media (max-width: 992px) {
  body.body-style-glow.-pr-agent-github .pr-agent-enhancing .two-content-block { grid-template-columns: repeat(1, 1fr) !important; }
  body.body-style-glow.-pr-agent-github .pr-agent-enhancing .two-content-block .left-content-block { margin: 0px auto; }
  body.body-style-glow.-pr-agent-github .pr-agent-enhancing .two-content-block .right-content-block { margin: 0px auto; }
}
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-enhancing .two-content-block { gap: 30px; }
}
body.body-style-glow.-pr-agent-github .pr-agent-enhancing h3 { margin-bottom: 24px !important; font-size: 28px; }
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-enhancing h3 { font-size: 22px; line-height: 26px; font-weight: 400; margin-bottom: 30px !important; }
}
body.body-style-glow.-pr-agent-github .pr-agent-enhancing p { font-size: 18px; line-height: 26px; }
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-enhancing p { font-size: 16px; line-height: 24px; margin-bottom: 30px; }
}
body.body-style-glow.-pr-agent-github .tab-section { padding-top: 144px; padding-bottom: 144px; overflow: hidden; }
body.body-style-glow.-pr-agent-github .tab-section .section-title { margin-bottom: 50px !important; }
body.body-style-glow.-pr-agent-github .tab-section::before { background: none; }
@media (max-width: 992px) {
  body.body-style-glow.-pr-agent-github .tab-section { padding-bottom: 80px; padding-top: 80px; }
}
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .tab-section { padding-top: 50px; padding-bottom: 50px; }
}
body.body-style-glow.-pr-agent-github .tab-section .title-icon img { width: 16px; }
@media (min-width: 768px) {
  body.body-style-glow.-pr-agent-github .tab-section .two-content-block::before { content: ""; position: absolute; left: 50%; top: 70%; width: 100vw; height: 1200px; transform: translateX(-50%) translateY(-50%); z-index: -2; background: radial-gradient(rgba(99, 72, 254, 0.243) 30%, rgba(99, 72, 254, 0) 70%) !important; }
}
@media (min-width: 768px) {
  body.body-style-glow.-pr-agent-github .tab-section .tab-content-box { position: relative; padding: 64px; background: unset; }
  body.body-style-glow.-pr-agent-github .tab-section .tab-content-box::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: radial-gradient(circle at 100% 100%, rgb(160, 160, 255) 0px, rgb(113, 113, 214) 22px, transparent 22px) 0px 0px / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(109, 109, 200) 0px, rgb(79, 79, 153) 22px, transparent 22px) 100% 0px / 24px 24px no-repeat, radial-gradient(circle at 100% 0px, rgb(56, 56, 158) 0px, rgb(107, 107, 197) 22px, transparent 22px) 0px 100% / 24px 24px no-repeat, radial-gradient(circle at 0px 0px, rgb(68, 68, 171) 0px, rgb(71, 71, 133) 22px, transparent 22px) 100% 100% / 24px 24px no-repeat, linear-gradient(rgb(85, 85, 155), rgb(63, 63, 134)) 50% 50% / calc(100% - 4px) calc(100% - 32px) no-repeat, linear-gradient(rgb(86, 86, 169), rgb(21, 21, 71)) 50% 50% / calc(100% - 32px) calc(100% - 4px) no-repeat, repeating-linear-gradient(40deg, rgb(191, 185, 255) 0px, rgba(50, 50, 83, 0.37) 25%, rgb(72, 57, 139) 52%, rgb(87, 96, 249) 85%, rgb(31, 25, 45) 100%); border-radius: 24px; }
  body.body-style-glow.-pr-agent-github .tab-section .tab-content-box::after { content: ""; position: absolute; width: calc(100% - 5px); height: calc(100% - 5px); left: 0px; top: 1px; border-radius: 22px; opacity: 1; background: linear-gradient(80deg, rgb(69, 65, 113) 0%, rgb(31, 26, 92) 100%) !important; }
  body.body-style-glow.-pr-agent-github .tab-section .tab-content-box .content { position: relative; z-index: 2; }
}
body.body-style-glow.-pr-agent-github .tab-section h2 { font-size: 48px; line-height: 52px; color: rgb(255, 255, 255) !important; }
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .tab-section h2 { font-size: 26px; line-height: 31.2px; }
}
body.body-style-glow.-pr-agent-github .tab-section .tab-nav ul { margin-right: 0px; }
body.body-style-glow.-pr-agent-github .tab-section .tab-nav li { padding: 40px 0px; }
body.body-style-glow.-pr-agent-github .tab-section .two-content-block { gap: 62px; }
body.body-style-glow.-pr-agent-github .tab-section h3 { font-size: 22px; line-height: 28px; margin-bottom: 0px !important; }
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .tab-section h3 { font-size: 18px; line-height: 24px; }
}
@media (min-width: 768px) {
  body.body-style-glow.-pr-agent-github .tab-section .title { font-size: 34px; margin-bottom: 32px; }
}
body.body-style-glow.-pr-agent-github .tab-section .sort-info p { font-size: 22px; line-height: 30px; }
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .tab-section .sort-info p { font-size: 16px; line-height: 24px; }
}
@media (min-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-features { padding-top: 140px !important; padding-bottom: 48px !important; }
  body.body-style-glow.-pr-agent-github .pr-agent-features .mb-50 { margin-bottom: 72px !important; }
  body.body-style-glow.-pr-agent-github .pr-agent-features .table-detail-codium, body.body-style-glow.-pr-agent-github .pr-agent-features .table-detail-github { text-align: center; justify-items: center; align-content: center; }
  body.body-style-glow.-pr-agent-github .pr-agent-features .table-detail-codium img, body.body-style-glow.-pr-agent-github .pr-agent-features .table-detail-github img { margin: 0px auto; }
}
@media (min-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-features-v2 { padding-top: 0px !important; padding-bottom: 48px !important; }
  body.body-style-glow.-pr-agent-github .pr-agent-features-v2 .mb-50 { margin-bottom: 48px !important; }
}
body.body-style-glow.-pr-agent-github .pr-agent-features-v2 .table-detail-codium, body.body-style-glow.-pr-agent-github .pr-agent-features-v2 .table-detail-github { text-align: left; justify-items: left; }
@media (min-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-features .features-content, body.body-style-glow.-pr-agent-github .pr-agent-features .features-header-block, body.body-style-glow.-pr-agent-github .pr-agent-features-v2 .features-content, body.body-style-glow.-pr-agent-github .pr-agent-features-v2 .features-header-block { grid-template-columns: 302px 1fr 1fr !important; }
  body.body-style-glow.-pr-agent-github .pr-agent-features .table-list p, body.body-style-glow.-pr-agent-github .pr-agent-features-v2 .table-list p { line-height: 21px !important; }
  body.body-style-glow.-pr-agent-github .pr-agent-features h2, body.body-style-glow.-pr-agent-github .pr-agent-features-v2 h2 { line-height: 48px; margin-bottom: 20px !important; }
  body.body-style-glow.-pr-agent-github .pr-agent-features h3, body.body-style-glow.-pr-agent-github .pr-agent-features-v2 h3 { line-height: 34px; font-size: 34px; font-weight: 400; margin-bottom: 0px !important; }
  body.body-style-glow.-pr-agent-github .pr-agent-features p, body.body-style-glow.-pr-agent-github .pr-agent-features-v2 p { font-size: 22px; }
  body.body-style-glow.-pr-agent-github .pr-agent-features .table-list, body.body-style-glow.-pr-agent-github .pr-agent-features-v2 .table-list { padding: 24px 8px; text-align: left; align-content: center; }
  body.body-style-glow.-pr-agent-github .pr-agent-features .table-list p, body.body-style-glow.-pr-agent-github .pr-agent-features-v2 .table-list p { font-size: 16px; line-height: 24px; }
  body.body-style-glow.-pr-agent-github .pr-agent-features .table-detail-codium p, body.body-style-glow.-pr-agent-github .pr-agent-features .table-detail-github p, body.body-style-glow.-pr-agent-github .pr-agent-features-v2 .table-detail-codium p, body.body-style-glow.-pr-agent-github .pr-agent-features-v2 .table-detail-github p { font-size: 14px; line-height: 16.8px; color: rgb(1, 1, 42); }
}
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-features, body.body-style-glow.-pr-agent-github .pr-agent-features-v2 { padding-bottom: 2px !important; }
  body.body-style-glow.-pr-agent-github .pr-agent-features .section-title, body.body-style-glow.-pr-agent-github .pr-agent-features-v2 .section-title { padding-left: 15px; padding-right: 15px; }
  body.body-style-glow.-pr-agent-github .pr-agent-features h2, body.body-style-glow.-pr-agent-github .pr-agent-features-v2 h2 { font-size: 26px; line-height: 31.2px; }
  body.body-style-glow.-pr-agent-github .pr-agent-features h3, body.body-style-glow.-pr-agent-github .pr-agent-features-v2 h3 { line-height: 28px; font-size: 23.4px; font-weight: 400; margin-bottom: 0px !important; }
  body.body-style-glow.-pr-agent-github .pr-agent-features p, body.body-style-glow.-pr-agent-github .pr-agent-features-v2 p { font-size: 16px; line-height: 24px; }
  body.body-style-glow.-pr-agent-github .pr-agent-features .table-list p, body.body-style-glow.-pr-agent-github .pr-agent-features-v2 .table-list p { font-size: 20px; line-height: 30px; }
  body.body-style-glow.-pr-agent-github .pr-agent-features .table-detail-codium div p:has(img), body.body-style-glow.-pr-agent-github .pr-agent-features-v2 .table-detail-codium div p:has(img) { -webkit-box-pack: center; justify-content: center; }
  body.body-style-glow.-pr-agent-github .pr-agent-features .table-detail-codium div p, body.body-style-glow.-pr-agent-github .pr-agent-features-v2 .table-detail-codium div p { justify-content: left; }
  body.body-style-glow.-pr-agent-github .pr-agent-features .table-detail-codium p, body.body-style-glow.-pr-agent-github .pr-agent-features .table-detail-github p, body.body-style-glow.-pr-agent-github .pr-agent-features-v2 .table-detail-codium p, body.body-style-glow.-pr-agent-github .pr-agent-features-v2 .table-detail-github p { font-size: 14px; line-height: 21px; }
}
body.body-style-glow.-pr-agent-github .pr-agent-conclusion p { font-size: 22px; }
body.body-style-glow.-pr-agent-github .pr-agent-conclusion h2 { margin-bottom: 20px !important; }
body.body-style-glow.-pr-agent-github .pr-agent-conclusion .section-title { margin-bottom: 0px; }
@media (min-width: 992px) and (max-width: 1440px) {
  body.body-style-glow.-pr-agent-github .pr-agent-conclusion .container { max-width: 990px; }
}
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-conclusion h2 { font-size: 26px; line-height: 31.2px; font-weight: 400; margin-bottom: 15px !important; }
  body.body-style-glow.-pr-agent-github .pr-agent-conclusion p { font-size: 16px; line-height: 24px; }
}
body.body-style-glow.-pr-agent-github .pr-agent-last-sct { padding-top: 128px; padding-bottom: 128px; }
@media (max-width: 992px) {
  body.body-style-glow.-pr-agent-github .pr-agent-last-sct { padding-bottom: 80px; padding-top: 80px; }
}
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-last-sct { padding-top: 50px; padding-bottom: 70px; }
}
body.body-style-glow.-pr-agent-github .pr-agent-last-sct h2 { line-height: 48px; }
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-last-sct h2 { max-width: 170px; margin-top: 0px; margin-right: auto; margin-left: auto; font-size: 26px; line-height: 31.2px; font-weight: 700; margin-bottom: 15px !important; }
}
body.body-style-glow.-pr-agent-github .pr-agent-last-sct p { font-size: 22px; line-height: 30px; margin: 0px auto 40px; max-width: 1022px; }
@media (max-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-last-sct p { font-size: 16px; line-height: 24px; margin: 0px auto 30px; }
}
@media (min-width: 768px) {
  body.body-style-glow.-pr-agent-github .pr-agent-last-sct .btn-outline-purple { background-color: rgb(104, 75, 254); border: none; border-radius: 40px !important; color: rgb(255, 255, 255) !important; }
  body.body-style-glow.-pr-agent-github .pr-agent-last-sct .btn-green { border-radius: 40px !important; }
}
body.body-style-glow.-compare-table-glow .main-section.nobg { padding-top: 0px; padding-bottom: 100px; }
@media (min-width: 768px) {
  body.body-style-glow.-compare-table-glow .main-section.nobg { padding-top: 88px; padding-bottom: 88px; }
}
@media only screen and (min-width: 1141px) and (max-width: 1440px) {
  body.body-style-glow.-compare-table-glow .main-section.nobg > .container { max-width: 1050px; }
}
body.body-style-glow.-compare-table-glow .main-section.nobg .campare-table-section .table-block { margin-bottom: 24px; }
@media (min-width: 768px) {
  body.body-style-glow.-compare-table-glow .main-section.nobg .campare-table-section .table-block { margin-bottom: 40px; }
}
@media (min-width: 768px) {
  body.body-style-glow.-compare-table-glow .main-section.nobg .campare-table-section .table-block .table-header .col-notes { padding-left: 24px; }
}
@media (min-width: 1200px) {
  body.body-style-glow.-compare-table-glow .main-section.nobg .campare-table-section .table-block .table-header .col-notes { padding-left: 8px; }
}
@media (min-width: 992px) {
  body.body-style-glow.-compare-table-glow .main-section.nobg .campare-table-section .table-block .table-header .col-codium, body.body-style-glow.-compare-table-glow .main-section.nobg .campare-table-section .table-block .table-header .col-chatgpt { padding-bottom: 36px; }
}
body.body-style-glow.-compare-table-glow .main-section.nobg .campare-table-section .table-block .table-header, body.body-style-glow.-compare-table-glow .main-section.nobg .campare-table-section .table-block .table-row { border-color: var(--grey-200); }
@media (min-width: 1200px) {
  body.body-style-glow.-compare-table-glow .main-section.nobg .campare-table-section .table-block .table-header, body.body-style-glow.-compare-table-glow .main-section.nobg .campare-table-section .table-block .table-row { grid-template-columns: 260px 1fr; }
}
@media (min-width: 1200px) {
  body.body-style-glow.-compare-table-glow .main-section.nobg .campare-table-section .table-block .table-header .col-inner-grid, body.body-style-glow.-compare-table-glow .main-section.nobg .campare-table-section .table-block .table-row .col-inner-grid { grid-template-columns: 176px 176px 1fr; gap: 16px; }
}
body.body-style-glow.-compare-table-glow .main-section.nobg .campare-table-section .table-block .table-row .col-notes { padding-left: 0px; padding-right: 0px; color: var(--grey-500); font-size: 16px; line-height: 1.3; }
@media (min-width: 768px) {
  body.body-style-glow.-compare-table-glow .main-section.nobg .campare-table-section .table-block .table-row .col-notes { padding-left: 24px; padding-right: 8px; }
}
@media (min-width: 1200px) {
  body.body-style-glow.-compare-table-glow .main-section.nobg .campare-table-section .table-block .table-row .col-notes { padding-left: 8px; }
}
body.body-style-glow.-compare-table-glow .main-section.nobg .campare-table-section .table-block .table-row .text-green { color: var(--green-500); }
body.body-style-glow.-compare-table-glow .main-section.nobg .campare-table-section .table-block .table-row .text-danger { color: var(--red-500); }
body.body-style-glow.-compare-table-glow .main-section.nobg .campare-table-section .table-block .icon-check { background: url("https://www.qodo.ai/themes/codium/assets/images/icon-table-check.svg") center center / contain no-repeat; }
body.body-style-glow.-compare-table-glow .main-section.nobg .campare-table-section .table-block .icon-close { background: url("https://www.qodo.ai/themes/codium/assets/images/icon-table-error.svg") center center / contain no-repeat; }
@media (max-width: 767px) {
  body.body-style-glow.-compare-table-glow .main-section.nobg .campare-table-section .table-block .table-body .table-row .col-parameter > span { padding-right: 30px; }
}
body.body-style-glow.-compare-table-glow .main-section.nobg .campare-table-section > br { display: none; }
body.body-style-glow.-compare-table-glow .main-section.nobg .campare-table-section > p { font-size: 16px; line-height: 24px; }
@media (min-width: 992px) {
  body.body-style-glow.-compare-table-glow .main-section.nobg .campare-table-section > p { line-height: 1.3; }
}
body.body-style-glow.-qodo-api .cms-page-header.themebg { padding-top: 180px !important; padding-bottom: 73px !important; background: url("https://www.qodo.ai/themes/codium/assets/images/img-code-snipets-hero-bg.png") center bottom / 768px no-repeat !important; }
@media (min-width: 768px) {
  body.body-style-glow.-qodo-api .cms-page-header.themebg { background-size: 100% !important; }
}
@media (min-width: 992px) {
  body.body-style-glow.-qodo-api .cms-page-header.themebg { padding-top: 220px !important; padding-bottom: 106px !important; }
}
body.body-style-glow.-qodo-api .cms-page-header.themebg .section-title { max-width: 910px; padding-bottom: 0px; border: unset; }
body.body-style-glow.-qodo-api .cms-page-header.themebg .section-title h1 { font-size: 40px; line-height: 48px; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-api .cms-page-header.themebg .section-title h1 { font-size: 64px; line-height: 68px; }
}
body.body-style-glow.-qodo-api .cms-page-header.themebg .section-title .sort-info p { color: rgb(190, 190, 224); font-size: 18px; line-height: 26px; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-api .cms-page-header.themebg .section-title .sort-info p { font-size: 22px; line-height: 30px; }
}
body.body-style-glow.-qodo-api .cms-page-header.themebg .section-title .sort-info p:not(:last-child) { margin-bottom: 1.2em !important; }
body.body-style-glow.-qodo-api .main-section.form-event-section { position: relative; padding-top: 50px; padding-bottom: 80px; background: rgb(12, 8, 72); overflow-x: hidden; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-api .main-section.form-event-section { padding-top: 128px; padding-bottom: 108px; }
}
body.body-style-glow.-qodo-api .main-section.form-event-section::before { content: ""; position: absolute; left: 50%; top: 40%; width: 1000px; height: 550px; background: radial-gradient(rgba(99, 72, 254, 0.243) 30%, rgba(99, 72, 254, 0) 70%); transform: translateX(-50%) translateY(-50%); z-index: -2; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-api .main-section.form-event-section::before { left: 50%; top: 50%; width: 100vw; height: 700px; }
}
@media (max-width: 767px) {
  body.body-style-glow.-qodo-api .main-section.form-event-section > .container { padding-left: 20px; padding-right: 20px; }
}
body.body-style-glow.-qodo-api .main-section.form-event-section .section-title { margin-bottom: 50px; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-api .main-section.form-event-section .section-title { margin-bottom: 40px; }
}
body.body-style-glow.-qodo-api .main-section.form-event-section .section-title.pt-5 { margin-bottom: 0px; margin-top: 50px !important; padding-top: 0px !important; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-api .main-section.form-event-section .section-title.pt-5 { margin-top: 40px !important; }
}
body.body-style-glow.-qodo-api .main-section.form-event-section .section-title.pt-5 .sort-info { margin-bottom: 0px; }
body.body-style-glow.-qodo-api .main-section.form-event-section .section-title.pt-5 .sort-info p { margin-bottom: 20px; color: rgb(255, 255, 255); font-size: 18px; line-height: 26px; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-api .main-section.form-event-section .section-title.pt-5 .sort-info p { font-size: 22px; line-height: 30px; }
}
body.body-style-glow.-qodo-api .main-section.form-event-section .section-title.pt-5 .sort-info a { margin: 0px auto; }
body.body-style-glow.-qodo-api .main-section.form-event-section .section-title h2 { margin-bottom: 0px; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-api .main-section.form-event-section .section-title h2 { line-height: 48px; }
}
body.body-style-glow.-qodo-api .main-section.form-event-section .section-title .gradient-text br { display: none; }
@media (min-width: 768px) {
  body.body-style-glow.-qodo-api .main-section.form-event-section .section-title .gradient-text br { display: block; }
}
body.body-style-glow.-qodo-api .main-section.form-event-section .icw-hubspot-form-wrapper { position: relative; max-width: 814px; min-height: unset; border-radius: 24px; padding: 32px 24px !important; background: unset !important; }
@media (min-width: 768px) {
  body.body-style-glow.-qodo-api .main-section.form-event-section .icw-hubspot-form-wrapper { padding: 40px 40px 48px !important; }
}
body.body-style-glow.-qodo-api .main-section.form-event-section .icw-hubspot-form-wrapper::before, body.body-style-glow.-qodo-api .main-section.form-event-section .icw-hubspot-form-wrapper::after { content: ""; position: absolute; }
body.body-style-glow.-qodo-api .main-section.form-event-section .icw-hubspot-form-wrapper::before { left: 0px; top: 0px; width: 100%; height: 100%; background: radial-gradient(circle at 100% 100%, rgb(160, 160, 255) 0px, rgb(113, 113, 214) 22px, transparent 22px) 0px 0px / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(109, 109, 200) 0px, rgb(79, 79, 153) 22px, transparent 22px) 100% 0px / 24px 24px no-repeat, radial-gradient(circle at 100% 0px, rgb(56, 56, 158) 0px, rgb(107, 107, 197) 22px, transparent 22px) 0px 100% / 24px 24px no-repeat, radial-gradient(circle at 0px 0px, rgb(68, 68, 171) 0px, rgb(71, 71, 133) 22px, transparent 22px) 100% 100% / 24px 24px no-repeat, linear-gradient(rgb(85, 85, 155), rgb(63, 63, 134)) 50% 50% / calc(100% - 4px) calc(100% - 48px) no-repeat, linear-gradient(rgb(86, 86, 169), rgb(21, 21, 71)) 50% 50% / calc(100% - 48px) calc(100% - 4px) no-repeat, repeating-linear-gradient(162deg, rgb(191, 185, 255) 0px, rgba(50, 50, 83, 0.37) 25%, rgb(72, 57, 139) 52%, rgb(87, 96, 249) 85%, rgb(31, 25, 45) 100%); border-radius: 24px; }
body.body-style-glow.-qodo-api .main-section.form-event-section .icw-hubspot-form-wrapper::after { width: calc(100% - 4px); height: calc(100% - 4px); left: 2px; top: 2px; background: url("https://www.qodo.ai/themes/codium/assets/images/bg-webinar-form.png") 50% 50% / calc(100% + 4px) calc(100% + 4px) no-repeat rgb(49, 46, 113); border-radius: 24px; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-api .main-section.form-event-section .icw-hubspot-form-wrapper::after { background-size: calc(100% + 8px) calc(100% + 8px); }
}
body.body-style-glow.-qodo-api .main-section.form-event-section .icw-hubspot-form-wrapper .hubspot-form { position: relative; z-index: 2; }
body.body-style-glow.-qodo-api .main-section.form-event-section .icw-hubspot-form-wrapper .hubspot-form .hs-form-field { margin-bottom: 24px; }
@media (min-width: 768px) {
  body.body-style-glow.-qodo-api .main-section.form-event-section .icw-hubspot-form-wrapper .hubspot-form .hs-form-field { margin: 0px; width: 100%; max-width: unset; }
}
body.body-style-glow.-qodo-api .main-section.form-event-section .icw-hubspot-form-wrapper .hubspot-form .hs-form-field input { height: 48px; border-width: 1px; }
body.body-style-glow.-qodo-api .main-section.form-event-section .icw-hubspot-form-wrapper .hubspot-form label { display: block; margin-bottom: 8px; }
body.body-style-glow.-qodo-api .main-section.form-event-section .icw-hubspot-form-wrapper .hubspot-form label span { color: var(--grey-300); font-size: 14px; line-height: 1.2; }
body.body-style-glow.-qodo-api .main-section.form-event-section .icw-hubspot-form-wrapper .hubspot-form .hs-submit { margin-top: 0px; padding-top: 0px; }
body.body-style-glow.-qodo-api .main-section.form-event-section .icw-hubspot-form-wrapper .hubspot-form .hs-submit .actions { margin: 0px; }
body.body-style-glow.-qodo-api .main-section.form-event-section .icw-hubspot-form-wrapper .hubspot-form .hs-submit .actions .hs-button { height: 48px; font-weight: 700; border-radius: 24px; padding-left: 24px !important; padding-right: 24px !important; font-size: 14px !important; line-height: 16px !important; }
body.body-style-glow.-qodo-api .main-section.form-event-section .icw-hubspot-form-wrapper .hbspt-form { padding: 0px; background: unset; box-shadow: unset; backdrop-filter: unset; }
@media (min-width: 768px) {
  body.body-style-glow.-qodo-api .main-section.form-event-section .icw-hubspot-form-wrapper .hbspt-form form { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 24px; }
}
body.body-style-glow.-qodo-api .site-footer.site-footer-inline-dark { background: rgb(12, 9, 72) !important; }
body.body-style-glow.-qodo-gen .product-hero { padding-top: 170px !important; padding-bottom: 84px !important; background: url("https://www.qodo.ai/themes/codium/assets/images/qodo-gen-hero-bg.png") center bottom / 768px no-repeat !important; }
@media (min-width: 768px) {
  body.body-style-glow.-qodo-gen .product-hero { padding-top: 220px !important; padding-bottom: 120px !important; background-size: 100% !important; }
}
@media (min-width: 992px) {
  body.body-style-glow.-qodo-gen .product-hero { padding-top: 260px !important; padding-bottom: 180px !important; }
}
body.body-style-glow.-qodo-gen .product-hero--wrapper { max-width: 680px; margin: 0px auto; }
body.body-style-glow.-qodo-gen .product-hero--wrapper h1 { margin-bottom: 32px; font-size: 40px; font-weight: 400; line-height: 48px; color: rgb(255, 255, 255) !important; background: unset !important; -webkit-text-fill-color: unset !important; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-gen .product-hero--wrapper h1 { font-size: 48px; line-height: 52px; }
}
body.body-style-glow.-qodo-gen .product-hero--wrapper h1 br { display: none; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-gen .product-hero--wrapper h1 br { display: block; }
}
body.body-style-glow.-qodo-gen .product-hero--wrapper p { font-size: 18px; line-height: 26px; margin: 0px !important; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-gen .product-hero--wrapper p { font-size: 22px; line-height: 30px; }
}
body.body-style-glow.-qodo-gen .product-hero--wrapper p br { display: none; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-gen .product-hero--wrapper p br { display: block; }
}
body.body-style-glow.-qodo-gen .product-hero--wrapper .btn { width: 100%; max-width: unset; margin-top: 48px; }
@media (min-width: 768px) {
  body.body-style-glow.-qodo-gen .product-hero--wrapper .btn { margin: 32px auto 0px; width: unset; max-width: max-content; }
}
body.body-style-glow.-qodo-gen .product-about.product-feautre-code { background: linear-gradient(90deg, rgb(13, 9, 76) 0%, rgb(14, 11, 87) 50%, rgb(4, 3, 55) 100%); }
body.body-style-glow.-qodo-gen .product-about.product-feautre-code .swiper-slide-title-info h2 { margin: 0px auto 24px 0px; font-size: 34px; line-height: 40px; font-weight: 400; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-gen .product-about.product-feautre-code .swiper-slide-title-info h2 { margin-bottom: 20px; font-size: 40px; line-height: 48px; }
}
body.body-style-glow.-qodo-gen .product-about.product-feautre-code .swiper-slide .slide-title-info p { margin-top: 0px; margin-bottom: 0px; font-size: 18px; line-height: 26px; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-gen .product-about.product-feautre-code .swiper-slide .slide-title-info p { font-size: 22px; line-height: 30px; }
}
body.body-style-glow.-qodo-gen .product-about.product-feautre-code .swiper-slide .slide-code-box { background: var(--purple-dark); }
body.body-style-glow.-qodo-gen .product-about { background: linear-gradient(90deg, rgb(13, 9, 76) 0%, rgb(14, 11, 87) 50%, rgb(4, 3, 55) 100%); }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-gen .product-about { position: relative; padding-bottom: 34px; overflow: visible; z-index: 2; }
}
body.body-style-glow.-qodo-gen .product-about .slider-title-info h2 { margin: 0px auto 24px 0px; font-size: 34px; line-height: 40px; font-weight: 400; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-gen .product-about .slider-title-info h2 { margin-bottom: 20px; font-size: 40px; line-height: 48px; }
}
body.body-style-glow.-qodo-gen .product-about .slider-title-info p { max-width: 906px; margin: 0px auto; font-size: 18px; line-height: 26px; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-gen .product-about .slider-title-info p { font-size: 22px; line-height: 30px; }
}
body.body-style-glow.-qodo-gen .product-about .product-about--overlay { display: none; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-gen .product-about .product-about--overlay { display: block; position: absolute; left: 90%; top: 70%; width: 100vw; height: 1200px; background: radial-gradient(rgba(99, 72, 254, 0.243) 30%, rgba(99, 72, 254, 0) 70%); transform: translateX(-50%) translateY(-50%); }
}
body.body-style-glow.-qodo-gen .product-features { background: linear-gradient(90deg, rgb(13, 9, 76) 0%, rgb(14, 11, 87) 50%, rgb(4, 3, 55) 100%); }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-gen .product-features { padding-top: 0px; }
}
body.body-style-glow.-qodo-gen .product-features .product-features--header h2 { margin: 0px auto 24px 0px; font-size: 34px; line-height: 40px; font-weight: 400; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-gen .product-features .product-features--header h2 { margin-bottom: 20px; font-size: 40px; line-height: 48px; }
}
body.body-style-glow.-qodo-gen .product-features .product-features--header p { max-width: 774px; margin: 0px auto; color: var(--grey-500); font-size: 16px; line-height: 24px; opacity: 1; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-gen .product-features .product-features--header p { font-size: 18px; line-height: 26px; }
}
body.body-style-glow.-qodo-gen .product-features .row-grid-features-title { margin-bottom: 40px; font-size: 26px; line-height: 1.2; }
body.body-style-glow.-qodo-gen .product-features .icwtabs { position: relative; height: 46px; padding: 4px 2px; box-sizing: border-box; border: unset; }
body.body-style-glow.-qodo-gen .product-features .icwtabs::before { content: ""; position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: calc(100% + 2px); background: radial-gradient(circle at 100% 100%, rgb(160, 160, 255) 0px, rgb(113, 113, 214) 22px, transparent 22px) 0px 0px / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(109, 109, 200) 0px, rgb(86, 86, 141) 22px, transparent 22px) 100% 0px / 24px 24px no-repeat, radial-gradient(circle at 100% 0px, rgb(56, 56, 158) 0px, rgb(107, 107, 197) 22px, transparent 22px) 0px 100% / 24px 24px no-repeat, radial-gradient(circle at 0px 0px, rgb(68, 68, 171) 0px, rgb(71, 71, 133) 22px, transparent 22px) 100% 100% / 24px 24px no-repeat, linear-gradient(rgb(85, 85, 155), rgb(57, 57, 131)) 50% 50% / calc(100% - 4px) calc(100% - 48px) no-repeat, linear-gradient(rgb(86, 86, 169), rgb(50, 50, 164)) 50% 50% / calc(100% - 48px) calc(100% - 4px) no-repeat, repeating-linear-gradient(241deg, rgb(106, 86, 217) 0px, rgba(50, 50, 83, 0.37) 25%, rgb(124, 108, 229) 52%, rgb(149, 144, 219) 85%, rgb(105, 90, 202) 100%); z-index: -2; border-radius: 22px; }
body.body-style-glow.-qodo-gen .product-features .icwtabs::after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(90deg, rgb(69, 73, 114) 0%, rgb(22, 30, 83) 100%); border-radius: 20px; }
body.body-style-glow.-qodo-gen .product-features .icwtabs a { display: flex; -webkit-box-align: center; align-items: center; height: 38px; padding: 6px 20px; font-size: 18px; line-height: 26px; text-transform: unset; }
body.body-style-glow.-qodo-gen .product-features .icwtabs .selector { top: 4px; height: calc(100% - 8px); margin: 0px; background: linear-gradient(90deg, rgb(104, 75, 254) 0%, rgb(225, 120, 231) 100%); box-shadow: rgba(255, 255, 255, 0.27) 2px 2px 0px 0px inset; transform: translateX(6px); }
body.body-style-glow.-qodo-gen .product-features .info-card { background-image: url("https://www.qodo.ai/themes/codium/assets/images/features-card-bg.png"); }
body.body-style-glow.-qodo-gen .product-features .info-card .card-icon.pink { box-shadow: rgb(208, 203, 255) 13.854px 13.854px 20.781px -6.927px inset, rgba(180, 171, 254, 0.5) 2.598px -6.061px 6.927px 0px inset; filter: drop-shadow(rgba(92, 64, 249, 0.7) -2.598px 4.329px 32.02px) drop-shadow(rgba(104, 75, 254, 0.3) -13.854px -10.39px 70.136px); }
body.body-style-glow.-qodo-gen .product-features .info-card .card-icon.green, body.body-style-glow.-qodo-gen .product-features .info-card .card-icon.blue { box-shadow: rgba(121, 104, 250, 0.8) -20.781px 13.854px 20.781px -6.927px inset; filter: drop-shadow(rgb(104, 75, 254) 0px 0px 6px) drop-shadow(rgba(121, 104, 250, 0.7) 8px 5px 34px); }
body.body-style-glow.-qodo-gen .product-features .info-card .card-icon.purple { box-shadow: rgba(255, 107, 156, 0.5) 2.598px -6.061px 6.927px 0px inset; filter: drop-shadow(rgb(104, 75, 254) 0px 0px 11.129px) drop-shadow(rgb(126, 93, 252) -2.598px 4.329px 36px); }
body.body-style-glow.-qodo-gen .product-features .info-card .card-icon img { width: auto; height: 100%; }
body.body-style-glow.-qodo-gen .product-features .tab-lists li { font-size: 18px; line-height: 26px; }
body.body-style-glow.-qodo-gen .product-features .tab-lists li .tab-list { padding-top: 20px; padding-bottom: 20px; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-gen .product-features .tab-lists li .tab-list { grid-template-columns: 160px 1fr; }
}
body.body-style-glow.-qodo-gen .product-features .tab-lists li strong, body.body-style-glow.-qodo-gen .product-features .tab-lists li span { font-size: 18px; line-height: 26px; }
body.body-style-glow.-qodo-gen .product-vision { padding-top: 48px; padding-bottom: 253px; background-color: rgb(0, 1, 42); background-image: url("https://www.qodo.ai/themes/codium/assets/images/our-vision-bg-mobile.png"); background-position: 100% 100%; background-repeat: no-repeat; background-size: auto 750px; }
@media (min-width: 768px) {
  body.body-style-glow.-qodo-gen .product-vision { padding-top: 180px; padding-bottom: 160px; background-size: auto 100%; background-image: url("https://www.qodo.ai/themes/codium/assets/images/our-vision-bg.png"); }
}
body.body-style-glow.-qodo-gen .product-vision .vision-wrapper--content { display: block; }
body.body-style-glow.-qodo-gen .product-vision h2 { margin-bottom: 24px; font-size: 34px; line-height: 40px; font-weight: 400; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-gen .product-vision h2 { margin-bottom: 54px; font-size: 40px; line-height: 48px; }
}
body.body-style-glow.-qodo-gen .product-vision p { font-size: 18px; line-height: 23.76px; margin: 0px 0px 24px !important; }
@media (min-width: 768px) {
  body.body-style-glow.-qodo-gen .product-vision p { max-width: 561px; }
}
body.body-style-glow.-qodo-gen .product-vision p:last-child { margin-bottom: 0px !important; }
body.body-style-glow.-qodo-gen .product-security { background: linear-gradient(104deg, rgb(0, 1, 42) 0%, rgb(3, 2, 60) 48.75%, rgb(0, 1, 42) 100%), rgb(0, 1, 42); }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-gen .product-security { padding-top: 96px; padding-bottom: 100px; }
}
body.body-style-glow.-qodo-gen .product-security--title { font-weight: 400; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-gen .product-security--title { font-size: 32px; line-height: 48px; }
}
body.body-style-glow.-qodo-gen .product-security .text-center a { margin: 0px auto; }
body.body-style-glow.-qodo-gen .product-bug { background: rgb(0, 1, 42); }
body.body-style-glow.-qodo-gen .product-bug .product-title { font-weight: 400; }
@media (min-width: 992px) {
  body.body-style-glow.-qodo-gen .product-bug .product-title { font-size: 48px; line-height: 52.8px; }
}
body.body-style-glow.-qodo-gen .product-qa { background: linear-gradient(104deg, rgb(0, 1, 42) 0%, rgb(3, 2, 60) 48.75%, rgb(0, 1, 42) 100%), rgb(0, 1, 42); }
body.body-style-glow.-qodo-gen .product-qa--bck { display: none; }
body.body-style-glow.-qodo-gen .site-footer.site-footer-inline-dark { background: rgb(5, 5, 44) !important; }
body section.sc-content-form { padding-top: 64px; padding-bottom: 48px; position: relative; background: linear-gradient(90deg, rgb(12, 9, 72) 0%, rgb(14, 11, 84) 30%, rgb(5, 5, 44) 80%); }
@media (min-width: 768px) {
  body section.sc-content-form { padding-top: 120px; padding-bottom: 196px; }
}
@media (min-width: 992px) {
  body section.sc-content-form::before { content: ""; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: url("https://www.qodo.ai/themes/codium/assets/images/content-form-bg.png") 50% 50% / cover no-repeat; }
}
body section.sc-content-form .sc-content-form__container { position: relative; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 48px; z-index: 2; }
@media (min-width: 768px) {
  body section.sc-content-form .sc-content-form__container { display: grid; grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1200px) {
  body section.sc-content-form .sc-content-form__container { grid-template-columns: 1fr 496px; gap: 130px; max-width: 1232px; width: 100%; }
}
body section.sc-content-form .sc-content-form__column.-left p { margin: 0px 0px 0.9em; color: rgb(255, 255, 255); font-size: 26px; line-height: 32px; }
@media (min-width: 992px) {
  body section.sc-content-form .sc-content-form__column.-left p { margin-bottom: 48px; max-width: 605px; font-size: 40px; line-height: 48px; }
}
body section.sc-content-form .sc-content-form__column.-left ul { margin: 0px; padding: 0px; list-style-type: none; }
body section.sc-content-form .sc-content-form__column.-left ul li { position: relative; padding-left: 24px; color: var(--grey-200); margin-bottom: 16px; font-size: 16px; line-height: 30px; }
@media (min-width: 992px) {
  body section.sc-content-form .sc-content-form__column.-left ul li { font-size: 20px; }
}
body section.sc-content-form .sc-content-form__column.-left ul li:last-child { margin-bottom: 0px; }
body section.sc-content-form .sc-content-form__column.-left ul li::before { content: ""; position: absolute; left: 0px; top: 50%; width: 8px; height: 8px; background-color: var(--purple-400); border-radius: 50%; transform: translateY(-50%); }
body section.sc-content-form .sc-content-form__column.-right { position: relative; padding: 24px; background: url("https://www.qodo.ai/themes/codium/assets/images/bg-webinar-form.png") 50% 50% / calc(100% + 4px) calc(100% + 4px) no-repeat; border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.5); }
@media (min-width: 1200px) {
  body section.sc-content-form .sc-content-form__column.-right { border: unset; background-size: 100%; }
}
body section.sc-content-form .sc-content-form__column.-right h2, body section.sc-content-form .sc-content-form__column.-right h3 { margin: 0px 0px 24px; color: rgb(255, 255, 255); font-size: 22px; font-weight: 400; line-height: 26px; text-align: center; }
body section.sc-content-form .sc-content-form__column.-right h2 strong, body section.sc-content-form .sc-content-form__column.-right h3 strong { font-weight: 700; }
body section.sc-content-form .sc-content-form__form form .input { margin-right: 0px !important; }
body section.sc-content-form .sc-content-form__form form fieldset { display: block; width: 100%; max-width: unset; }
body section.sc-content-form .sc-content-form__form form fieldset.form-columns-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (min-width: 1200px) {
  body section.sc-content-form .sc-content-form__form form fieldset.form-columns-2 { gap: 24px; }
}
body section.sc-content-form .sc-content-form__form form .hs-form-field { width: 100%; margin-bottom: 23px; }
body section.sc-content-form .sc-content-form__form form .hs-form-field > label { margin-bottom: 8px; color: rgb(217, 217, 224); font-size: 14px; }
body section.sc-content-form .sc-content-form__form form .hs-form-field input, body section.sc-content-form .sc-content-form__form form .hs-form-field textarea { height: 48px; border-color: var(--purple-500); border-width: 1px; width: 100% !important; }
body section.sc-content-form .sc-content-form__form form .hs-submit { width: 100%; }
body section.sc-content-form .sc-content-form__form form .hs-submit .hs-button { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 48px; font-size: 14px; font-weight: 700; border-radius: 24px; }
body section.sc-info-box { position: relative; padding-bottom: 24px; background: linear-gradient(90deg, rgb(12, 9, 72) 0%, rgb(14, 11, 84) 30%, rgb(5, 5, 44) 80%); }
body section.sc-info-box .sc-info-box__container { position: relative; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 24px; padding: 48px 24px; border-radius: 24px; z-index: 2; }
@media (min-width: 768px) {
  body section.sc-info-box .sc-info-box__container { display: grid; grid-template-columns: 1fr 1fr; }
}
@media (min-width: 992px) {
  body section.sc-info-box .sc-info-box__container { gap: 64px; padding: 48px; }
}
@media (min-width: 1200px) {
  body section.sc-info-box .sc-info-box__container { max-width: 1232px; width: 100%; padding: 56px 64px; }
}
body section.sc-info-box .sc-info-box__container::before, body section.sc-info-box .sc-info-box__container::after { content: ""; position: absolute; z-index: -1; }
body section.sc-info-box .sc-info-box__container::before { left: 0px; top: 0px; width: 100%; height: 100%; background: radial-gradient(circle at 100% 100%, rgb(160, 160, 255) 0px, rgb(113, 113, 214) 22px, transparent 22px) 0px 0px / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(109, 109, 200) 0px, rgb(79, 79, 153) 22px, transparent 22px) 100% 0px / 24px 24px no-repeat, radial-gradient(circle at 100% 0px, rgb(56, 56, 158) 0px, rgb(107, 107, 197) 22px, transparent 22px) 0px 100% / 24px 24px no-repeat, radial-gradient(circle at 0px 0px, rgb(68, 68, 171) 0px, rgb(71, 71, 133) 22px, transparent 22px) 100% 100% / 24px 24px no-repeat, linear-gradient(rgb(85, 85, 155), rgb(63, 63, 134)) 50% 50% / calc(100% - 4px) calc(100% - 48px) no-repeat, linear-gradient(rgb(86, 86, 169), rgb(21, 21, 71)) 50% 50% / calc(100% - 48px) calc(100% - 4px) no-repeat, repeating-linear-gradient(125deg, rgb(191, 185, 255) 0px, rgba(50, 50, 83, 0.37) 25%, rgb(72, 57, 139) 52%, rgb(87, 96, 249) 85%, rgb(31, 25, 45) 100%); border-radius: 24px; }
body section.sc-info-box .sc-info-box__container::after { width: calc(100% - 2px); height: calc(100% - 2px); left: 1px; top: 1px; background: linear-gradient(90deg, rgb(67, 65, 105) 0%, rgb(3, 3, 44) 100%); border-radius: 22px; }
body section.sc-info-box .sc-info-box__container.-type-webinar { overflow: hidden; }
body section.sc-info-box .sc-info-box__container.-type-webinar::after { background: linear-gradient(90deg, rgb(107, 93, 192) 0%, rgb(49, 37, 134) 100%); }
@media (min-width: 992px) {
  body section.sc-info-box .sc-info-box__container.-type-webinar .sc-info-box__column.-left h2 { font-size: 32px; line-height: 1; }
}
body section.sc-info-box .sc-info-box__container.-type-webinar .sc-info-box__column.-left .btn { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }
body section.sc-info-box .sc-info-box__label { display: block; margin-bottom: 24px; color: rgb(255, 255, 255); font-size: 13px; font-weight: 700; line-height: 16px; text-transform: uppercase; }
@media (min-width: 992px) {
  body section.sc-info-box .sc-info-box__label { margin-bottom: 32px; }
}
body section.sc-info-box .sc-info-box__column.-left h2 { margin-bottom: 24px; color: rgb(255, 255, 255); font-size: 32px; font-weight: 400; line-height: 36px; }
@media (min-width: 992px) {
  body section.sc-info-box .sc-info-box__column.-left h2 { margin-bottom: 32px; font-size: 40px; line-height: 1; }
}
body section.sc-info-box .sc-info-box__column.-left p { margin-bottom: 24px; color: rgb(238, 238, 242); font-size: 18px; line-height: 26px; }
@media (min-width: 992px) {
  body section.sc-info-box .sc-info-box__column.-left p { margin-bottom: 32px; font-size: 22px; line-height: 30px; }
}
body section.sc-info-box .sc-info-box__column.-left p:last-child { margin-bottom: 0px; }
@media (min-width: 768px) {
  body section.sc-info-box .sc-info-box__column.-right { align-self: flex-end; }
}
body section.sc-info-box .sc-info-box__button { width: 100%; max-width: unset; text-transform: uppercase; }
@media (min-width: 768px) {
  body section.sc-info-box .sc-info-box__button { max-width: max-content; }
}
body section.sc-info-box .sc-info-box__event-details { margin-bottom: 24px; }
@media (min-width: 992px) {
  body section.sc-info-box .sc-info-box__event-details { margin-bottom: 32px; }
}
body section.sc-info-box .sc-info-box__event-details span { display: flex; color: var(--purple-300); font-size: 16px; line-height: 1.3; }
@media (min-width: 992px) {
  body section.sc-info-box .sc-info-box__event-details span { font-size: 18px; }
}
body section.sc-info-box .sc-info-box__event-location { -webkit-box-align: center; align-items: center; gap: 4px; height: 24px; margin-bottom: 4px; font-weight: 700; }
body section.sc-info-box .sc-info-box__event-location::before { content: ""; position: relative; display: block; width: 24px; height: 24px; background: url("https://www.qodo.ai/themes/codium/assets/images/icon-location.svg") center center / contain no-repeat; }
body section.sc-info-box .sc-info-box__event-thumbnail { display: flex; -webkit-box-align: center; align-items: center; margin: 0px; padding: 7px; background-color: rgba(255, 255, 255, 0.16); border-radius: 24px; }
@media (min-width: 992px) {
  body section.sc-info-box .sc-info-box__event-thumbnail { padding: 12px; }
}
body section.sc-info-box .sc-info-box__event-thumbnail img { width: 100%; height: auto; border-radius: 16px; }
@media (min-width: 992px) {
  body section.sc-info-box .sc-info-box__event-thumbnail img { max-height: 248px; object-fit: cover; }
}
body section.sc-info-box .sc-info-box__logotypes-heading { margin-top: 24px; margin-bottom: 16px; color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; line-height: 1.3; }
@media (min-width: 992px) {
  body section.sc-info-box .sc-info-box__logotypes-heading { margin-top: 32px; font-size: 18px; }
}
body section.sc-info-box .sc-info-box__logotypes { display: flex; flex-wrap: wrap; gap: 16px 24px; }
@media (min-width: 992px) {
  body section.sc-info-box .sc-info-box__logotypes { gap: 36px; }
}
body section.sc-info-box .sc-info-box__logotypes-item { display: flex; -webkit-box-align: center; align-items: center; margin: 0px; padding: 0px; }
body section.sc-info-box .sc-info-box__logotypes-item img { width: auto; height: auto; min-height: 24px; max-height: 36px; }
body section.sc-info-box .sc-info-box__webinar-preview { position: relative; height: 186px; padding: 54px 0px 20px 62px; margin-bottom: -48px; z-index: 2; }
@media (min-width: 992px) {
  body section.sc-info-box .sc-info-box__webinar-preview { height: 208px; }
}
@media (min-width: 1200px) {
  body section.sc-info-box .sc-info-box__webinar-preview { padding: 72px 0px 20px 52px; }
}
body section.sc-info-box .sc-info-box__webinar-preview.-live { padding-top: 60px; }
body section.sc-info-box .sc-info-box__webinar-preview::before { content: ""; position: absolute; width: 100%; height: 100%; left: 24px; top: 15px; background: url("https://www.qodo.ai/themes/codium/assets/images/bg-webinar-preview.png") 0px 0px / cover no-repeat; z-index: -1; }
@media (min-width: 992px) {
  body section.sc-info-box .sc-info-box__webinar-preview::before { width: calc(100% + 64px); }
}
@media (min-width: 1200px) {
  body section.sc-info-box .sc-info-box__webinar-preview::before { left: 0px; top: 12px; }
}
body section.sc-info-box .sc-info-box__webinar-preview-title { margin: 0px 0px 24px; color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; line-height: 1.2; }
@media (min-width: 992px) {
  body section.sc-info-box .sc-info-box__webinar-preview-title { max-width: 390px; margin-bottom: 16px; font-size: 21px; }
}
body section.sc-info-box .sc-info-box__webinar-preview-title.-big { font-size: 20px; }
@media (min-width: 992px) {
  body section.sc-info-box .sc-info-box__webinar-preview-title.-big { font-size: 32px; }
}
body section.sc-info-box .sc-info-box__webinar-preview-details { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; }
body section.sc-info-box .sc-info-box__webinar-preview-live, body section.sc-info-box .sc-info-box__webinar-preview-date, body section.sc-info-box .sc-info-box__webinar-preview-time { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; height: 28px; max-width: max-content; padding: 5px 12px; color: rgb(255, 255, 255); font-size: 10px; font-weight: 700; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 15px; }
@media (min-width: 992px) {
  body section.sc-info-box .sc-info-box__webinar-preview-live, body section.sc-info-box .sc-info-box__webinar-preview-date, body section.sc-info-box .sc-info-box__webinar-preview-time { height: 30px; padding: 6px 16px; font-size: 12px; }
}
body section.sc-info-box .sc-info-box__webinar-preview-live::before, body section.sc-info-box .sc-info-box__webinar-preview-date::before, body section.sc-info-box .sc-info-box__webinar-preview-time::before { content: ""; display: block; width: 15px; height: 15px; background-position: 50% center; background-repeat: no-repeat; background-size: contain; }
@media (min-width: 992px) {
  body section.sc-info-box .sc-info-box__webinar-preview-live::before, body section.sc-info-box .sc-info-box__webinar-preview-date::before, body section.sc-info-box .sc-info-box__webinar-preview-time::before { width: 16px; height: 16px; }
}
body section.sc-info-box .sc-info-box__webinar-preview-live { gap: 4px; margin-bottom: 16px; }
body section.sc-info-box .sc-info-box__webinar-preview-live::before { background-image: url("https://www.qodo.ai/themes/codium/assets/images/icon-live.svg"); }
body section.sc-info-box .sc-info-box__webinar-preview-date::before { background-image: url("https://www.qodo.ai/themes/codium/assets/images/icon-calendar.svg"); }
body section.sc-info-box .sc-info-box__webinar-preview-time::before { background-image: url("https://www.qodo.ai/themes/codium/assets/images/icon-time.svg"); }
body section.sc-hero { padding-top: 180px; padding-bottom: 92px; background: url("https://www.qodo.ai/themes/codium/assets/images/img-code-snipets-hero-bg.png") center bottom / 768px no-repeat !important; }
@media (min-width: 768px) {
  body section.sc-hero { background-size: 100% !important; }
}
@media (min-width: 992px) {
  body section.sc-hero { padding-top: 220px; padding-bottom: 115px; }
}
body section.sc-hero .sc-hero__container { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 48px; text-align: center; }
@media (min-width: 992px) {
  body section.sc-hero .sc-hero__container { gap: 32px; }
}
body section.sc-hero .sc-hero__container h1 { margin: 0px 0px 48px; font-size: 36px; line-height: 42px; }
@media (min-width: 992px) {
  body section.sc-hero .sc-hero__container h1 { margin-bottom: 32px; font-size: 48px; line-height: 52px; }
}
body section.sc-hero .sc-hero__container p { max-width: 681px; margin: 0px auto 40px; color: var(--grey-200); font-size: 18px; line-height: 26px; }
@media (min-width: 992px) {
  body section.sc-hero .sc-hero__container p { margin-bottom: 28px; font-size: 22px; line-height: 30px; }
}
body section.sc-hero .sc-hero__container p:last-of-type { margin-bottom: 0px; }
body section.sc-hero .sc-hero__container p strong { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 24px; }
@media (min-width: 992px) {
  body section.sc-hero .sc-hero__container p strong { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
body section.sc-hero .sc-hero__container p strong img { margin: 0px auto; width: auto; height: 24px; }
@media (min-width: 992px) {
  body section.sc-hero .sc-hero__container p strong img { margin: 0px; height: 26px; }
}
body section.sc-hero .sc-hero__container p strong .line { display: none; }
@media (min-width: 992px) {
  body section.sc-hero .sc-hero__container p strong .line { display: block; width: 1px; height: 46px; background-color: rgb(63, 60, 134); }
}
body section.sc-hero .sc-hero__date { display: flex; -webkit-box-align: center; align-items: center; height: 37px; max-width: max-content; padding: 8px 12px; color: var(--purple-500); font-size: 16px; font-weight: 700; line-height: 1; background-color: rgb(255, 255, 255); border-radius: 8px; }
body section.sc-hero .sc-hero__logotypes { display: flex; -webkit-box-align: center; align-items: center; gap: 40px; }
body section.sc-hero .sc-hero__logotypes-item { position: relative; display: flex; -webkit-box-align: center; align-items: center; height: 39px; margin: 0px; padding: 0px; }
@media (min-width: 992px) {
  body section.sc-hero .sc-hero__logotypes-item { height: 46px; }
}
body section.sc-hero .sc-hero__logotypes-item img { width: auto; height: 100%; }
body section.sc-hero .sc-hero__logotypes-item:not(:last-child)::before { content: ""; position: absolute; right: -20px; top: 0px; width: 1px; height: 100%; background-color: rgb(63, 60, 134); }
body section.sc-hero .sc-hero__button { width: 100%; max-width: unset; text-transform: uppercase; letter-spacing: 0px; }
@media (min-width: 768px) {
  body section.sc-hero .sc-hero__button { width: auto; max-width: max-content; }
}
@media (min-width: 992px) {
  body section.sc-hero .sc-hero__button { margin-top: 8px; }
}
body section.sc-media-hero { padding-top: 140px; background-color: var(--purple-dark); background-image: url("https://www.qodo.ai/themes/codium/assets/images/hero-media-bg.png"); background-position: 50% center; background-repeat: no-repeat; background-size: auto 100%; }
@media (min-width: 992px) {
  body section.sc-media-hero { padding-top: 160px; }
}
@media (min-width: 1440px) {
  body section.sc-media-hero { background-size: 100%; }
}
body section.sc-media-hero .sc-media-hero__content { margin-bottom: 42px; text-align: center; }
@media (min-width: 992px) {
  body section.sc-media-hero .sc-media-hero__content { margin-bottom: 56px; }
}
body section.sc-media-hero .sc-media-hero__content h1 { margin: 0px 0px 16px; color: var(--white); font-size: 36px; line-height: 42px; }
@media (min-width: 992px) {
  body section.sc-media-hero .sc-media-hero__content h1 { margin-bottom: 20px; font-size: 48px; line-height: 52px; }
}
@media (min-width: 1200px) {
  body section.sc-media-hero .sc-media-hero__content h1 { font-size: 64px; line-height: 52px; }
}
body section.sc-media-hero .sc-media-hero__content p { max-width: 910px; margin: 0px auto; color: var(--dark-blue-100); font-size: 18px; line-height: 26px; }
@media (min-width: 992px) {
  body section.sc-media-hero .sc-media-hero__content p { font-size: 22px; line-height: 30px; }
}
@media (min-width: 1200px) {
  body section.sc-media-hero .sc-media-hero__content p { font-size: 24px; }
}
body section.sc-media-hero .sc-media-hero__label { display: block; margin-bottom: 16px; color: var(--white); font-size: 16px; line-height: 22px; }
@media (min-width: 768px) {
  body section.sc-media-hero .sc-media-hero__label { margin-bottom: 20px; font-size: 18px; line-height: 26px; }
}
body section.sc-media-hero .sc-media-hero__button { width: 100%; max-width: unset; margin: 24px auto 0px; text-transform: uppercase; letter-spacing: 0px; }
@media (min-width: 768px) {
  body section.sc-media-hero .sc-media-hero__button { width: auto; max-width: max-content; }
}
@media (min-width: 992px) {
  body section.sc-media-hero .sc-media-hero__button { margin-top: 40px; }
}
body section.sc-media-hero .sc-media-hero__media { display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: center; justify-content: center; max-width: 962px; max-height: 534px; margin: 0px auto; padding: 8px 12px 0px; background: url("https://www.qodo.ai/themes/codium/assets/images/hero-media-frame.png") 50% 0% / contain no-repeat; overflow: hidden; }
@media (min-width: 768px) {
  body section.sc-media-hero .sc-media-hero__media { padding: 14px 17px 0px; }
}
@media (min-width: 992px) {
  body section.sc-media-hero .sc-media-hero__media { padding: 16px 20px 0px; }
}
body section.sc-media-hero .sc-media-hero__media img { width: 100%; height: auto; border-top-left-radius: 1vw; border-top-right-radius: 1vw; }
@media (min-width: 768px) {
  body section.sc-media-hero .sc-media-hero__media img { border-top-left-radius: 10px; border-top-right-radius: 10px; }
}
body section.sc-flexible-hero { padding-top: 160px; padding-bottom: 78px; background: url("https://www.qodo.ai/themes/codium/assets/images/img-code-snipets-hero-bg.png") center bottom / 768px no-repeat !important; }
@media (min-width: 768px) {
  body section.sc-flexible-hero { background-size: 100% !important; }
}
@media (min-width: 992px) {
  body section.sc-flexible-hero { padding-top: 220px; padding-bottom: 110px; }
}
body section.sc-flexible-hero .sc-flexible-hero__container { max-width: 970px; margin: 0px auto; text-align: center; }
body section.sc-flexible-hero .sc-flexible-hero__content h1 { margin: 0px 0px 24px; font-size: 40px; line-height: 48px; }
@media (min-width: 992px) {
  body section.sc-flexible-hero .sc-flexible-hero__content h1 { font-size: 48px; line-height: 52px; }
}
body section.sc-flexible-hero .sc-flexible-hero__content p { max-width: 910px; margin: 0px auto; color: var(--dark-blue-100); font-size: 22px; line-height: 30px; }
body section.sc-compare-table { padding: 48px 12px; background-color: rgb(255, 255, 255); }
@media (min-width: 992px) {
  body section.sc-compare-table { padding-top: 64px; padding-bottom: 40px; }
}
@media only screen and (min-width: 1141px) {
  body section.sc-compare-table .sc-compare-table__container { width: 100%; max-width: 1021px; }
}
body section.sc-compare-table .sc-compare-table__heading { margin-bottom: 32px; font-size: 28px; line-height: 34px; font-weight: 400; text-align: center; }
@media (min-width: 992px) {
  body section.sc-compare-table .sc-compare-table__heading { margin-bottom: 48px; font-size: 34px; line-height: 1; }
}
body section.sc-compare-table .sc-compare-table__table-row { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 12px; }
@media (min-width: 768px) {
  body section.sc-compare-table .sc-compare-table__table-row { display: grid; -webkit-box-align: center; align-items: center; grid-template-columns: 1fr 37.5% 37.5%; gap: 12px; border-bottom: 1px solid var(--grey-200); }
}
@media (min-width: 992px) {
  body section.sc-compare-table .sc-compare-table__table-row { grid-template-columns: 1fr 370px 370px; gap: 16px; }
}
body section.sc-compare-table .sc-compare-table__table-row.-header { display: none; }
@media (min-width: 768px) {
  body section.sc-compare-table .sc-compare-table__table-row.-header { display: grid; }
}
body section.sc-compare-table .sc-compare-table__table-row.-type-default:not(:first-child) { margin-top: 40px; }
@media (min-width: 768px) {
  body section.sc-compare-table .sc-compare-table__table-row.-type-default:not(:first-child) { margin-top: 0px; }
}
body section.sc-compare-table .sc-compare-table__table-row.-type-subitem { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgb(238, 238, 242); }
@media (min-width: 768px) {
  body section.sc-compare-table .sc-compare-table__table-row.-type-subitem { margin-top: 0px; padding-top: 0px; border-top: none; }
}
body section.sc-compare-table .sc-compare-table__table-row.-type-heading { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-top: 32px; margin-bottom: 32px; padding: 16px; background-color: rgb(13, 9, 76); border-bottom: 1px solid rgba(238, 238, 242, 0.2); }
@media (min-width: 768px) {
  body section.sc-compare-table .sc-compare-table__table-row.-type-heading { margin-top: 0px; margin-bottom: 0px; padding: 24px; border: unset; }
}
body section.sc-compare-table .sc-compare-table__table-row.-type-heading .sc-compare-table__table-col.-title { font-size: 18px; line-height: 26px; font-weight: 700; }
body section.sc-compare-table .sc-compare-table__table-col { padding: 24px; border-radius: 12px; }
@media (min-width: 768px) {
  body section.sc-compare-table .sc-compare-table__table-col { height: 100%; display: flex; -webkit-box-align: center; align-items: center; border-radius: 0px; }
}
body section.sc-compare-table .sc-compare-table__table-col.-title { padding: 0px; color: var(--purple-dark); font-size: 20px; line-height: 30px; }
@media (min-width: 768px) {
  body section.sc-compare-table .sc-compare-table__table-col.-title { padding-left: 8px; font-size: 16px; line-height: 1.3; }
}
body section.sc-compare-table .sc-compare-table__table-col.-empty { display: none; }
@media (min-width: 768px) {
  body section.sc-compare-table .sc-compare-table__table-col.-empty { display: block; }
}
body section.sc-compare-table .sc-compare-table__table-col.-main { background-color: rgb(248, 246, 255); }
body section.sc-compare-table .sc-compare-table__table-col.-compared { background-color: rgb(250, 250, 250); }
body section.sc-compare-table .sc-compare-table__table-col-header-logotype { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; height: 32px; margin: 0px 0px 16px; padding: 0px; }
@media (min-width: 768px) {
  body section.sc-compare-table .sc-compare-table__table-col-header-logotype { display: none; }
}
body section.sc-compare-table .sc-compare-table__table-col-header-logotype.-type-vertical { height: 56px; }
body section.sc-compare-table .sc-compare-table__table-col-header-logotype img { width: auto; height: auto; max-width: 100%; max-height: 100%; }
body section.sc-compare-table .sc-compare-table__table-col.-logotype { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 128px; margin: 0px; padding: 0px; border-radius: 16px 16px 0px 0px; }
body section.sc-compare-table .sc-compare-table__table-col.-logotype img { width: auto; height: 36px; }
body section.sc-compare-table .sc-compare-table__table-col.-logotype.-type-vertical img { height: 56px; }
@media (min-width: 768px) {
  body section.sc-compare-table .sc-compare-table__table-col.-logotype.-type-vertical img { height: 80px; }
}
body section.sc-compare-table .sc-compare-table__table-col-inner.-type-logotypes, body section.sc-compare-table .sc-compare-table__table-col-inner.-type-mixed { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
body section.sc-compare-table .sc-compare-table__table-col-inner.-type-logotypes { gap: 24px; }
body section.sc-compare-table .sc-compare-table__table-col-inner.-type-mixed { display: grid; grid-template-columns: 24px 1fr; gap: 16px; }
body section.sc-compare-table .sc-compare-table__table-col-inner.-type-mixed_logotypes { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 20px; }
@media (min-width: 768px) {
  body section.sc-compare-table .sc-compare-table__table-col-inner.-type-mixed_logotypes { gap: 16px; }
}
body section.sc-compare-table .sc-compare-table__table-col-inner.-type-true, body section.sc-compare-table .sc-compare-table__table-col-inner.-type-false { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; }
body section.sc-compare-table .sc-compare-table__table-col-inner.-type-true::after, body section.sc-compare-table .sc-compare-table__table-col-inner.-type-false::after { content: ""; display: block; width: 24px; height: 24px; background-position: 50% center; background-repeat: no-repeat; background-size: contain; }
body section.sc-compare-table .sc-compare-table__table-col-inner.-type-true::after { background-image: url("https://www.qodo.ai/themes/codium/assets/images/icon-table-check.svg"); }
body section.sc-compare-table .sc-compare-table__table-col-inner.-type-false::after { background-image: url("https://www.qodo.ai/themes/codium/assets/images/icon-table-error.svg"); }
body section.sc-compare-table .sc-compare-table__table-col-logotypes { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 24px; }
@media (min-width: 768px) {
  body section.sc-compare-table .sc-compare-table__table-col-logotypes { -webkit-box-pack: start; justify-content: flex-start; }
}
body section.sc-compare-table .sc-compare-table__table-col-logotype { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin: 0px; padding: 0px; width: auto; height: 24px; }
body section.sc-compare-table .sc-compare-table__table-col-logotype img { width: auto; height: 24px; }
body section.sc-compare-table .sc-compare-table__table-col-text { margin: 0px; color: var(--purple-dark); font-size: 14px; line-height: 1.2; opacity: 0.6; }
body section.sc-compare-table.-type-dark { background: linear-gradient(270deg, rgb(11, 6, 72) 0%, rgb(6, 4, 61) 100%); }
@media (min-width: 768px) {
  body section.sc-compare-table.-type-dark { position: relative; overflow: visible !important; }
}
@media (min-width: 992px) {
  body section.sc-compare-table.-type-dark { padding-top: 78px; padding-bottom: 120px; background: linear-gradient(90deg, rgb(13, 9, 76) 0%, rgb(14, 11, 87) 50%, rgb(4, 3, 55) 100%); }
}
@media (min-width: 768px) {
  body section.sc-compare-table.-type-dark::before { content: ""; position: absolute; left: 50%; top: 20%; width: 100vw; height: 1200px; background: radial-gradient(rgba(99, 72, 254, 0.243) 30%, rgba(99, 72, 254, 0) 70%); transform: translateX(-50%) translateY(-50%); }
}
@media (min-width: 768px) {
  body section.sc-compare-table.-type-dark > * { position: relative; z-index: 2; }
}
body section.sc-compare-table.-type-dark .sc-compare-table__heading { color: rgb(255, 255, 255); font-size: 26px; line-height: 31.2px; }
@media (min-width: 768px) {
  body section.sc-compare-table.-type-dark .sc-compare-table__heading { margin-bottom: 64px; font-size: 34px; line-height: 1; }
}
@media (min-width: 768px) {
  body section.sc-compare-table.-type-dark .sc-compare-table__table-row { border: unset; }
}
@media (min-width: 768px) {
  body section.sc-compare-table.-type-dark .sc-compare-table__table-row:last-child .sc-compare-table__table-col.-title::after, body section.sc-compare-table.-type-dark .sc-compare-table__table-row:last-child .sc-compare-table__table-col.-empty::after, body section.sc-compare-table.-type-dark .sc-compare-table__table-row:last-child .sc-compare-table__table-col.-main::after, body section.sc-compare-table.-type-dark .sc-compare-table__table-row:last-child .sc-compare-table__table-col.-compared::after { content: none; }
}
@media (min-width: 768px) {
  body section.sc-compare-table.-type-dark .sc-compare-table__table-row:last-child .sc-compare-table__table-col.-title, body section.sc-compare-table.-type-dark .sc-compare-table__table-row:last-child .sc-compare-table__table-col.-empty { border-bottom-left-radius: 12px; }
}
@media (min-width: 768px) {
  body section.sc-compare-table.-type-dark .sc-compare-table__table-row:last-child .sc-compare-table__table-col.-compared { border-bottom-right-radius: 12px; }
}
@media (min-width: 768px) {
  body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-default:first-of-type .sc-compare-table__table-col.-title { border-top-left-radius: 12px; }
}
@media (min-width: 768px) {
  body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-default:nth-child(2n) .sc-compare-table__table-col.-title, body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-default:nth-child(2n) .sc-compare-table__table-col.-empty, body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-subitem:nth-child(2n) .sc-compare-table__table-col.-title, body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-subitem:nth-child(2n) .sc-compare-table__table-col.-empty { background-color: rgb(63, 60, 127); }
}
@media (min-width: 768px) {
  body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-default:nth-child(2n) .sc-compare-table__table-col.-main, body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-subitem:nth-child(2n) .sc-compare-table__table-col.-main { background-color: rgb(104, 91, 193); }
}
@media (min-width: 768px) {
  body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-default:nth-child(2n) .sc-compare-table__table-col.-compared, body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-subitem:nth-child(2n) .sc-compare-table__table-col.-compared { background-color: rgb(62, 60, 127); }
}
@media (min-width: 768px) {
  body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-default:nth-child(2n+1) .sc-compare-table__table-col.-title, body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-default:nth-child(2n+1) .sc-compare-table__table-col.-empty, body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-subitem:nth-child(2n+1) .sc-compare-table__table-col.-title, body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-subitem:nth-child(2n+1) .sc-compare-table__table-col.-empty { background-color: rgb(45, 43, 118); }
}
@media (min-width: 768px) {
  body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-default:nth-child(2n+1) .sc-compare-table__table-col.-title::before, body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-default:nth-child(2n+1) .sc-compare-table__table-col.-empty::before, body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-subitem:nth-child(2n+1) .sc-compare-table__table-col.-title::before, body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-subitem:nth-child(2n+1) .sc-compare-table__table-col.-empty::before { background-color: rgb(45, 43, 118); }
}
@media (min-width: 768px) {
  body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-default:nth-child(2n+1) .sc-compare-table__table-col.-main, body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-subitem:nth-child(2n+1) .sc-compare-table__table-col.-main { background-color: rgb(91, 76, 190); }
}
@media (min-width: 768px) {
  body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-default:nth-child(2n+1) .sc-compare-table__table-col.-compared, body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-subitem:nth-child(2n+1) .sc-compare-table__table-col.-compared { background-color: rgb(45, 43, 118); }
}
@media (min-width: 768px) {
  body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-default .sc-compare-table__table-col::after, body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-subitem .sc-compare-table__table-col::after { content: ""; position: absolute; top: unset; left: 0px; bottom: 0px; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.2); }
}
@media (min-width: 768px) {
  body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-default .sc-compare-table__table-col.-title, body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-default .sc-compare-table__table-col.-empty, body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-subitem .sc-compare-table__table-col.-title, body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-subitem .sc-compare-table__table-col.-empty { padding-left: 24px; }
}
@media (min-width: 768px) {
  body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-default .sc-compare-table__table-col.-title::before, body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-default .sc-compare-table__table-col.-empty::before, body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-subitem .sc-compare-table__table-col.-title::before, body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-subitem .sc-compare-table__table-col.-empty::before { content: ""; position: absolute; top: 0px; right: -16px; width: 16px; height: 100%; background-color: rgb(63, 60, 127); }
}
@media (min-width: 768px) {
  body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-default .sc-compare-table__table-col.-title::after, body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-default .sc-compare-table__table-col.-empty::after, body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-subitem .sc-compare-table__table-col.-title::after, body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-subitem .sc-compare-table__table-col.-empty::after { width: calc(100% + 16px); }
}
body section.sc-compare-table.-type-dark .sc-compare-table__table-row.-type-subitem { border-color: rgb(54, 54, 99); }
body section.sc-compare-table.-type-dark .sc-compare-table__table-col { position: relative; }
body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-title { color: rgb(255, 255, 255); }
body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-main, body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-compared { position: relative; background-color: unset; }
body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-main *, body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-compared * { position: relative; z-index: 2; }
body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-main::before, body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-main::after, body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-compared::before, body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-compared::after { content: ""; position: absolute; }
@media (min-width: 768px) {
  body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-main::before, body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-main::after, body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-compared::before, body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-compared::after { content: none; }
}
body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-main::before, body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-compared::before { left: 0px; top: 0px; width: 100%; height: 100%; background: radial-gradient(circle at 100% 100%, rgb(160, 160, 255) 0px, rgb(113, 113, 214) 22px, transparent 22px) 0px 0px / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(109, 109, 200) 0px, rgb(79, 79, 153) 22px, transparent 22px) 100% 0px / 24px 24px no-repeat, radial-gradient(circle at 100% 0px, rgb(56, 56, 158) 0px, rgb(107, 107, 197) 22px, transparent 22px) 0px 100% / 24px 24px no-repeat, radial-gradient(circle at 0px 0px, rgb(68, 68, 171) 0px, rgb(71, 71, 133) 22px, transparent 22px) 100% 100% / 24px 24px no-repeat, linear-gradient(rgb(85, 85, 155), rgb(63, 63, 134)) 50% 50% / calc(100% - 4px) calc(100% - 48px) no-repeat, linear-gradient(rgb(86, 86, 169), rgb(21, 21, 71)) 50% 50% / calc(100% - 48px) calc(100% - 4px) no-repeat, repeating-linear-gradient(137deg, rgb(191, 185, 255) 0px, rgba(50, 50, 83, 0.37) 25%, rgb(72, 57, 139) 52%, rgb(87, 96, 249) 85%, rgb(31, 25, 45) 100%); border-radius: 12px; }
body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-main::after, body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-compared::after { width: calc(100% - 4px); height: calc(100% - 4px); left: 2px; top: 2px; background: linear-gradient(90deg, rgb(62, 61, 119) 0%, rgb(20, 16, 89) 100%); border-radius: 10px; }
body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-main::after { background: linear-gradient(90deg, rgb(89, 70, 209), rgb(73, 54, 196) 100%); }
body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-logotype { position: relative; background-color: unset; }
body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-logotype * { position: relative; z-index: 2; }
body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-logotype::before, body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-logotype::after { content: ""; position: absolute; }
body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-logotype::before { left: 0px; top: 0px; width: 100%; height: 100%; background: radial-gradient(circle at 100% 100%, rgb(160, 160, 255) 0px, rgb(113, 113, 214) 22px, transparent 22px) 0px 0px / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(109, 109, 200) 0px, rgb(79, 79, 153) 22px, transparent 22px) 100% 0px / 24px 24px no-repeat, radial-gradient(circle at 100% 0px, rgb(56, 56, 158) 0px, rgb(107, 107, 197) 22px, rgb(62, 60, 127) 22px) 0px 100% / 24px 24px no-repeat, radial-gradient(circle at 0px 0px, rgb(68, 68, 171) 0px, rgb(71, 71, 133) 22px, transparent 22px) 100% 100% / 24px 24px no-repeat, linear-gradient(rgb(85, 85, 155), rgb(63, 63, 134)) 50% 50% / calc(100% - 4px) calc(100% - 48px) no-repeat, linear-gradient(rgb(86, 86, 169), rgb(62, 60, 127)) 50% 50% / calc(100% - 48px) calc(100% - 4px) no-repeat, repeating-linear-gradient(137deg, rgb(191, 185, 255) 0px, rgba(50, 50, 83, 0.37) 25%, rgb(72, 57, 139) 52%, rgb(87, 96, 249) 85%, rgb(62, 60, 127) 100%); border-radius: 16px 16px 0px 0px; }
body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-logotype::after { width: calc(100% - 2px); height: calc(100% - 1px); left: 1px; top: 1px; background: linear-gradient(90deg, rgb(62, 61, 119) 0%, rgb(20, 16, 89) 100%); border-radius: 15px 15px 0px 0px; }
body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-logotype.-main::before { background: radial-gradient(circle at 100% 100%, rgb(160, 160, 255) 0px, rgb(113, 113, 214) 22px, transparent 22px) 0px 0px / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(109, 109, 200) 0px, rgb(79, 79, 153) 22px, transparent 22px) 100% 0px / 24px 24px no-repeat, radial-gradient(circle at 100% 0px, rgb(56, 56, 158) 0px, rgb(107, 107, 197) 22px, transparent 22px) 0px 100% / 24px 24px no-repeat, radial-gradient(circle at 0px 0px, rgb(68, 68, 171) 0px, rgb(71, 71, 133) 22px, transparent 22px) 100% 100% / 24px 24px no-repeat, linear-gradient(rgb(85, 85, 155), rgb(63, 63, 134)) 50% 50% / calc(100% - 4px) calc(100% - 48px) no-repeat, linear-gradient(rgb(86, 86, 169), rgb(21, 21, 71)) 50% 50% / calc(100% - 48px) calc(100% - 4px) no-repeat, repeating-linear-gradient(137deg, rgb(191, 185, 255) 0px, rgb(104, 91, 193) 25%, rgb(104, 91, 193) 52%, rgb(87, 96, 249) 85%, rgb(104, 91, 193) 100%); }
body section.sc-compare-table.-type-dark .sc-compare-table__table-col.-logotype.-main::after { background: linear-gradient(90deg, rgb(89, 70, 209), rgb(73, 54, 196) 100%); }
body section.sc-compare-table.-type-dark .sc-compare-table__table-col-text { color: rgb(255, 255, 255); opacity: 0.6; }
@media (min-width: 768px) {
  body section.sc-compare-table.-type-dark .sc-compare-table__table-col-text { opacity: 1; }
}
body section.sc-profits-tiles { padding: 48px 12px 100px; background-color: rgb(255, 255, 255); }
@media (min-width: 992px) {
  body section.sc-profits-tiles { padding-top: 40px; padding-bottom: 72px; }
}
@media only screen and (min-width: 1141px) {
  body section.sc-profits-tiles .sc-profits-tiles__container { width: 100%; max-width: 1021px; }
}
body section.sc-profits-tiles .sc-profits-tiles__intro { margin-bottom: 24px; text-align: center; }
@media (min-width: 768px) {
  body section.sc-profits-tiles .sc-profits-tiles__intro { margin-bottom: 40px; text-align: left; }
}
body section.sc-profits-tiles .sc-profits-tiles__intro h2, body section.sc-profits-tiles .sc-profits-tiles__intro h3 { margin: 0px 0px 24px; color: var(--purple-dark); font-size: 26px; font-weight: 400; line-height: 31.2px; }
@media (min-width: 768px) {
  body section.sc-profits-tiles .sc-profits-tiles__intro h2, body section.sc-profits-tiles .sc-profits-tiles__intro h3 { font-size: 32px; line-height: 36px; }
}
body section.sc-profits-tiles .sc-profits-tiles__intro p { margin: 0px; color: var(--purple-dark); font-size: 16px; line-height: 24px; opacity: 0.6; }
@media (min-width: 768px) {
  body section.sc-profits-tiles .sc-profits-tiles__intro p { line-height: 1.3; opacity: 1; }
}
body section.sc-profits-tiles .sc-profits-tiles__tiles { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 12px; }
@media (min-width: 768px) {
  body section.sc-profits-tiles .sc-profits-tiles__tiles { display: grid; grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 992px) {
  body section.sc-profits-tiles .sc-profits-tiles__tiles { gap: 26px; }
}
body section.sc-profits-tiles .sc-profits-tiles__tile { padding: 24px; background-color: rgb(250, 244, 255); border-radius: 12px; }
body section.sc-profits-tiles .sc-profits-tiles__tile-heading { position: relative; display: flex; -webkit-box-align: center; align-items: center; height: 32px; margin: 0px 0px 10px; padding-left: 40px; color: var(--purple-dark); font-size: 16px; font-weight: 400; line-height: 24px; }
@media (min-width: 992px) {
  body section.sc-profits-tiles .sc-profits-tiles__tile-heading { font-size: 22px; line-height: 30px; }
}
body section.sc-profits-tiles .sc-profits-tiles__tile-heading::before { content: ""; position: absolute; left: 0px; top: 50%; width: 32px; height: 32px; background: url("https://www.qodo.ai/themes/codium/assets/images/icon-table-check.svg") center center / 24px no-repeat; transform: translateY(-50%); }
body section.sc-profits-tiles .sc-profits-tiles__tile-content { margin: 0px; color: var(--grey-500); font-size: 16px; line-height: 24px; }
@media (min-width: 992px) {
  body section.sc-profits-tiles .sc-profits-tiles__tile-content { line-height: 1.3; }
}
body section.sc-profits-tiles.-type-dark { padding-top: 36px; padding-bottom: 52px; background: linear-gradient(270deg, rgb(11, 6, 72) 0%, rgb(6, 4, 61) 100%); }
@media (min-width: 992px) {
  body section.sc-profits-tiles.-type-dark { padding-top: 104px; padding-bottom: 42px; background: linear-gradient(90deg, rgb(13, 9, 76) 0%, rgb(14, 11, 87) 50%, rgb(4, 3, 55) 100%); }
}
body section.sc-profits-tiles.-type-dark .sc-profits-tiles__intro { text-align: center; }
body section.sc-profits-tiles.-type-dark .sc-profits-tiles__intro h2 { color: rgb(255, 255, 255); }
@media (min-width: 768px) {
  body section.sc-profits-tiles.-type-dark .sc-profits-tiles__intro h2 { font-size: 34px; line-height: 1; }
}
body section.sc-profits-tiles.-type-dark .sc-profits-tiles__intro p { max-width: 732px; margin-left: auto; margin-right: auto; color: var(--dark-blue-100); opacity: 1; }
body section.sc-profits-tiles.-type-dark .sc-profits-tiles__tile { position: relative; background: unset; }
body section.sc-profits-tiles.-type-dark .sc-profits-tiles__tile * { position: relative; z-index: 2; }
body section.sc-profits-tiles.-type-dark .sc-profits-tiles__tile::before, body section.sc-profits-tiles.-type-dark .sc-profits-tiles__tile::after { content: ""; position: absolute; }
body section.sc-profits-tiles.-type-dark .sc-profits-tiles__tile::before { left: 0px; top: 0px; width: 100%; height: 100%; background: radial-gradient(circle at 100% 100%, rgb(160, 160, 255) 0px, rgb(113, 113, 214) 22px, transparent 22px) 0px 0px / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(109, 109, 200) 0px, rgb(79, 79, 153) 22px, transparent 22px) 100% 0px / 24px 24px no-repeat, radial-gradient(circle at 100% 0px, rgb(56, 56, 158) 0px, rgb(107, 107, 197) 22px, transparent 22px) 0px 100% / 24px 24px no-repeat, radial-gradient(circle at 0px 0px, rgb(68, 68, 171) 0px, rgb(71, 71, 133) 22px, transparent 22px) 100% 100% / 24px 24px no-repeat, linear-gradient(rgb(85, 85, 155), rgb(63, 63, 134)) 50% 50% / calc(100% - 4px) calc(100% - 48px) no-repeat, linear-gradient(rgb(86, 86, 169), rgb(21, 21, 71)) 50% 50% / calc(100% - 48px) calc(100% - 4px) no-repeat, repeating-linear-gradient(137deg, rgb(191, 185, 255) 0px, rgba(50, 50, 83, 0.37) 25%, rgb(72, 57, 139) 52%, rgb(87, 96, 249) 85%, rgb(31, 25, 45) 100%); border-radius: 12px; }
body section.sc-profits-tiles.-type-dark .sc-profits-tiles__tile::after { width: calc(100% - 4px); height: calc(100% - 4px); left: 2px; top: 2px; background: linear-gradient(90deg, rgb(62, 61, 119) 0%, rgb(20, 16, 89) 100%); border-radius: 10px; }
body section.sc-profits-tiles.-type-dark .sc-profits-tiles__tile-heading { color: rgb(255, 255, 255); }
body section.sc-profits-tiles.-type-dark .sc-profits-tiles__tile-conent { color: rgb(142, 142, 167); }
body section.sc-form-cta { padding-top: 52px; padding-bottom: 52px; background: linear-gradient(83deg, rgba(99, 72, 254, 0.7) 27.21%, rgba(147, 89, 255, 0.7) 105.93%), linear-gradient(0deg, rgba(1, 1, 42, 0.4) 0%, rgba(1, 1, 42, 0.4) 100%), linear-gradient(106deg, rgba(255, 255, 255, 0.4) 3.04%, rgba(255, 255, 255, 0) 99.23%); }
@media (min-width: 768px) {
  body section.sc-form-cta { padding-top: 72px; padding-bottom: 72px; }
}
@media (min-width: 992px) {
  body section.sc-form-cta { padding-top: 136px; padding-bottom: 136px; }
}
body section.sc-form-cta .sc-form-cta__container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 30px; max-width: 1142px; }
@media (min-width: 768px) {
  body section.sc-form-cta .sc-form-cta__container { display: grid; -webkit-box-align: end; align-items: flex-end; grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1200px) {
  body section.sc-form-cta .sc-form-cta__container { display: grid; grid-template-columns: 1fr 475px; }
}
body section.sc-form-cta .sc-form-cta__col { text-align: center; }
@media (min-width: 768px) {
  body section.sc-form-cta .sc-form-cta__col { text-align: left; }
}
body section.sc-form-cta .sc-form-cta__col h2 { margin: 0px 0px 12px; color: var(--white); font-size: 36px; line-height: 42px; font-weight: 400; }
@media (min-width: 992px) {
  body section.sc-form-cta .sc-form-cta__col h2 { font-size: 40px; line-height: 52px; }
}
@media (min-width: 768px) {
  body section.sc-form-cta .sc-form-cta__col h2 br { display: none; }
}
body section.sc-form-cta .sc-form-cta__col h3 { margin: 0px 0px 12px; color: var(--white); font-size: 18px; font-weight: 400; line-height: 26px; }
@media (min-width: 992px) {
  body section.sc-form-cta .sc-form-cta__col h3 { font-size: 22px; line-height: 30px; }
}
body section.sc-form-cta .sc-form-cta__col p { max-width: 464px; margin: 0px auto; color: var(--dark-blue-100); font-size: 18px; line-height: 26px; }
@media (min-width: 768px) {
  body section.sc-form-cta .sc-form-cta__col p { margin: 0px; }
}
@media (min-width: 992px) {
  body section.sc-form-cta .sc-form-cta__col p { font-size: 22px; line-height: 30px; }
}
body section.sc-form-cta .sc-form-cta__form-label { display: block; margin-bottom: 8px; color: var(--grey-300); font-size: 14px; line-height: 1.2; }
body section.sc-form-cta .sc-form-cta__form .hs-form { display: grid; grid-template-rows: auto auto; gap: 16px; }
@media (min-width: 768px) {
  body section.sc-form-cta .sc-form-cta__form .hs-form { grid-template-columns: 1fr auto; grid-template-rows: unset; }
}
body section.sc-form-cta .sc-form-cta__form .hs-form .hs-form-field { position: relative; }
body section.sc-form-cta .sc-form-cta__form .hs-form .hs-form-field > label { display: none; }
body section.sc-form-cta .sc-form-cta__form .hs-form .hs-form-field .input { display: flex; -webkit-box-align: center; align-items: center; }
body section.sc-form-cta .sc-form-cta__form .hs-form .hs-form-field .input input { width: 100%; height: 48px; padding: 12px 16px; color: var(--grey-500); font-size: 16px; font-family: CentraNo1, sans-serif; border-radius: 8px; border: 1px solid var(--grey-200); box-shadow: unset; outline: none; }
body section.sc-form-cta .sc-form-cta__form .hs-form .hs-form-field .no-list { margin: 0px; padding: 0px; }
@media (min-width: 768px) {
  body section.sc-form-cta .sc-form-cta__form .hs-form .hs-form-field .no-list { position: absolute; left: 0px; bottom: -34px; }
}
body section.sc-form-cta .sc-form-cta__form .hs-form .hs-form-field .no-list li label { color: var(--dark-blue-100); font-size: 12px; }
body section.sc-form-cta .sc-form-cta__form .hs-form .hs-submit input { appearance: none; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; height: 48px; padding: 12px 24px; color: var(--dark-blue-500); font-family: CentraNo1, sans-serif; font-size: 14px; font-weight: 700; line-height: 1; text-align: center; background-color: var(--green-500); border: 1px solid var(--green-500); border-radius: 24px; text-transform: uppercase; cursor: pointer; transition: background-color 0.25s ease-in-out; }
@media (min-width: 768px) {
  body section.sc-form-cta .sc-form-cta__form .hs-form .hs-submit input { width: auto; }
}
body section.sc-form-cta .sc-form-cta__form .hs-form .hs-submit input:hover { background-color: var(--green-600); }
body section.sc-form-cta .sc-form-cta__form .hs-form .hs_error_rollup { display: none !important; }
body section.sc-form-cta .sc-form-cta__form .submitted-message div { text-align: left !important; }
body section.sc-benefits-photo { padding-top: 60px; padding-bottom: 60px; background: linear-gradient(rgb(12, 8, 72) 0%, rgb(48, 34, 117) 59%, rgb(12, 8, 72) 100%); }
@media (min-width: 768px) {
  body section.sc-benefits-photo { padding-top: 80px; padding-bottom: 80px; }
}
@media (min-width: 1200px) {
  body section.sc-benefits-photo { padding-top: 174px; padding-bottom: 160px; }
}
body section.sc-benefits-photo .sc-benefits-photo__container { max-width: 1232px; }
body section.sc-benefits-photo .sc-benefits-photo__header { max-width: 811px; margin: 0px auto 40px; text-align: center; }
@media (min-width: 768px) {
  body section.sc-benefits-photo .sc-benefits-photo__header { margin-bottom: 62px; }
}
@media (min-width: 1200px) {
  body section.sc-benefits-photo .sc-benefits-photo__header { margin-bottom: 96px; }
}
body section.sc-benefits-photo .sc-benefits-photo__header h2 { margin-bottom: 22px; color: var(--white); font-size: 36px; font-weight: 400; line-height: 42px; }
@media (min-width: 992px) {
  body section.sc-benefits-photo .sc-benefits-photo__header h2 { margin-bottom: 32px; font-size: 48px; line-height: 52px; }
}
body section.sc-benefits-photo .sc-benefits-photo__header p { margin: 0px; color: var(--dark-blue-100); font-size: 18px; line-height: 26px; }
@media (min-width: 992px) {
  body section.sc-benefits-photo .sc-benefits-photo__header p { font-size: 22px; line-height: 30px; }
}
body section.sc-benefits-photo .sc-benefits-photo__cols { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 40px; }
@media (min-width: 768px) {
  body section.sc-benefits-photo .sc-benefits-photo__cols { display: grid; grid-template-columns: repeat(2, 1fr); -webkit-box-align: center; align-items: center; }
}
@media (min-width: 1200px) {
  body section.sc-benefits-photo .sc-benefits-photo__cols { grid-template-columns: 419px 1fr; gap: 19px; }
}
body section.sc-benefits-photo .sc-benefits-photo__cols:not(:last-child) { margin-bottom: 60px; }
@media (min-width: 768px) {
  body section.sc-benefits-photo .sc-benefits-photo__cols:not(:last-child) { margin-bottom: 80px; }
}
@media (min-width: 1200px) {
  body section.sc-benefits-photo .sc-benefits-photo__cols:not(:last-child) { margin-bottom: 130px; }
}
@media (min-width: 1200px) {
  body section.sc-benefits-photo .sc-benefits-photo__cols:nth-child(2n+1) { grid-template-columns: 1fr 500px; gap: 72px; }
}
body section.sc-benefits-photo .sc-benefits-photo__cols:nth-child(2n+1) .sc-benefits-photo__col.-items { grid-area: 1 / 2 / 2 / 3; }
@media (min-width: 1200px) {
  body section.sc-benefits-photo .sc-benefits-photo__cols:nth-child(2n+1) .sc-benefits-photo__col.-items { padding-right: 80px; }
}
body section.sc-benefits-photo .sc-benefits-photo__col.-items { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 40px; -webkit-box-ordinal-group: 3; order: 2; }
@media (min-width: 768px) {
  body section.sc-benefits-photo .sc-benefits-photo__col.-items { -webkit-box-ordinal-group: unset; order: unset; }
}
@media (min-width: 1200px) {
  body section.sc-benefits-photo .sc-benefits-photo__col.-items { gap: 64px; }
}
body section.sc-benefits-photo .sc-benefits-photo__col.-media { -webkit-box-ordinal-group: 2; order: 1; margin: 0px; }
@media (min-width: 768px) {
  body section.sc-benefits-photo .sc-benefits-photo__col.-media { -webkit-box-ordinal-group: unset; order: unset; }
}
body section.sc-benefits-photo .sc-benefits-photo__benefit-heading br, body section.sc-benefits-photo .sc-benefits-photo__benefit-description br { display: none; }
@media (min-width: 1200px) {
  body section.sc-benefits-photo .sc-benefits-photo__benefit-heading br, body section.sc-benefits-photo .sc-benefits-photo__benefit-description br { display: block; }
}
body section.sc-benefits-photo .sc-benefits-photo__benefit-heading { position: relative; margin: 0px 0px 12px; padding-left: 32px; color: var(--white); font-size: 22px; font-weight: 400; line-height: 28px; }
@media (min-width: 1200px) {
  body section.sc-benefits-photo .sc-benefits-photo__benefit-heading { padding-left: 44px; font-size: 28px; line-height: 34px; }
}
body section.sc-benefits-photo .sc-benefits-photo__benefit-heading::before { content: ""; position: absolute; left: 0px; top: 50%; width: 22px; height: 22px; background: url("https://www.qodo.ai/themes/codium/assets/images/icon-check.svg") center center / contain no-repeat; transform: translateY(-50%); }
@media (min-width: 1200px) {
  body section.sc-benefits-photo .sc-benefits-photo__benefit-heading::before { width: 32px; height: 32px; }
}
body section.sc-benefits-photo .sc-benefits-photo__benefit-description { margin: 0px; color: var(--dark-blue-100); font-size: 16px; line-height: 1.3; }
@media (min-width: 1200px) {
  body section.sc-benefits-photo .sc-benefits-photo__benefit-description { font-size: 18px; line-height: 26px; }
}
body section.sc-get-started { padding-top: 160px; padding-bottom: 60px; background: linear-gradient(90deg, rgb(13, 9, 76) 0%, rgb(14, 11, 87) 50%, rgb(4, 3, 55) 100%); }
@media (min-width: 768px) {
  body section.sc-get-started { padding-bottom: 80px; }
}
@media (min-width: 1200px) {
  body section.sc-get-started { padding-top: 204px; padding-bottom: 100px; }
}
body section.sc-get-started .sc-get-started__container { max-width: 1101px; }
body section.sc-get-started .sc-get-started__header { margin: 0px auto 40px; text-align: center; }
@media (min-width: 768px) {
  body section.sc-get-started .sc-get-started__header { margin-bottom: 64px; }
}
body section.sc-get-started .sc-get-started__header h1 { margin: 0px; color: var(--white); font-size: 28px; font-weight: 400; line-height: 1; }
@media (min-width: 992px) {
  body section.sc-get-started .sc-get-started__header h1 { font-size: 34px; }
}
body section.sc-get-started .sc-get-started__header h1 strong { position: relative; font-weight: 400; white-space: nowrap; z-index: 2; }
body section.sc-get-started .sc-get-started__header h1 strong::after { content: ""; position: absolute; left: 0px; bottom: -5px; width: calc(100% + 10px); height: 9px; background: url("https://www.qodo.ai/themes/codium/assets/images/heading-stroke.svg") 50% 0% / contain no-repeat; z-index: -1; }
body section.sc-get-started .sc-get-started__tiles { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 24px; }
@media (min-width: 768px) {
  body section.sc-get-started .sc-get-started__tiles { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); }
}
@media (min-width: 992px) {
  body section.sc-get-started .sc-get-started__tiles { grid-template-columns: repeat(3, 1fr); grid-template-rows: unset; }
}
body section.sc-get-started .sc-get-started__tile { position: relative; padding: 40px 22px; }
@media (min-width: 992px) {
  body section.sc-get-started .sc-get-started__tile { padding: 40px; }
}
@media (min-width: 768px) {
  body section.sc-get-started .sc-get-started__tile:first-child { grid-area: 1 / 1 / 2 / 3; }
}
@media (min-width: 992px) {
  body section.sc-get-started .sc-get-started__tile:first-child { grid-area: unset; }
}
body section.sc-get-started .sc-get-started__tile::before, body section.sc-get-started .sc-get-started__tile::after { content: ""; position: absolute; }
body section.sc-get-started .sc-get-started__tile::before { left: 0px; top: 0px; width: 100%; height: 100%; background: radial-gradient(circle at 100% 100%, rgb(160, 160, 255) 0px, rgb(113, 113, 214) 22px, transparent 22px) 0px 0px / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(109, 109, 200) 0px, rgb(79, 79, 153) 22px, transparent 22px) 100% 0px / 24px 24px no-repeat, radial-gradient(circle at 100% 0px, rgb(56, 56, 158) 0px, rgb(107, 107, 197) 22px, transparent 22px) 0px 100% / 24px 24px no-repeat, radial-gradient(circle at 0px 0px, rgb(68, 68, 171) 0px, rgb(71, 71, 133) 22px, transparent 22px) 100% 100% / 24px 24px no-repeat, linear-gradient(rgb(85, 85, 155), rgb(63, 63, 134)) 50% 50% / calc(100% - 4px) calc(100% - 48px) no-repeat, linear-gradient(rgb(86, 86, 169), rgb(21, 21, 71)) 50% 50% / calc(100% - 48px) calc(100% - 4px) no-repeat, repeating-linear-gradient(137deg, rgb(191, 185, 255) 0px, rgba(50, 50, 83, 0.37) 25%, rgb(72, 57, 139) 52%, rgb(87, 96, 249) 85%, rgb(31, 25, 45) 100%); border-radius: 24px; }
body section.sc-get-started .sc-get-started__tile::after { width: calc(100% - 4px); height: calc(100% - 4px); left: 2px; top: 2px; background: linear-gradient(90deg, rgb(62, 61, 119) 0%, rgb(20, 16, 89) 100%); border-radius: 22px; }
body section.sc-get-started .sc-get-started__tile * { position: relative; z-index: 2; }
body section.sc-get-started .sc-get-started__tile-label { position: absolute; top: 12px; right: 12px; display: flex; -webkit-box-align: center; align-items: center; height: 30px; padding: 2px 8px; color: var(--white); font-size: 16px; line-height: 1.3; font-weight: 700; background-color: var(--purple-500); border-radius: 15px; opacity: 0.5; }
body section.sc-get-started .sc-get-started__tile-name { margin: 0px 0px 4px; color: var(--white); font-size: 18px; line-height: 24px; text-align: center; }
body section.sc-get-started .sc-get-started__tile-heading { margin: 0px; color: var(--white); font-size: 24px; line-height: 32px; font-weight: 400; text-align: center; }
body section.sc-get-started .sc-get-started__tile-tools { margin-top: 32px; }
body section.sc-get-started .sc-get-started__tile-tools.-count-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
body section.sc-get-started .sc-get-started__tile-tool { text-align: center; }
body section.sc-get-started .sc-get-started__tile-tool-logotypes { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 16px; margin: 0px auto 12px; padding: 0px; }
body section.sc-get-started .sc-get-started__tile-tool-logotypes img { width: auto; height: 48px; }
body section.sc-get-started .sc-get-started__tile-tool-rating { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 24px; margin-bottom: 20px; color: var(--white); font-size: 16px; line-height: 1.3; font-weight: 700; }
body section.sc-get-started .sc-get-started__tile-tool-rating.-empty::before { content: none; }
body section.sc-get-started .sc-get-started__tile-tool-rating::before { content: ""; width: 24px; height: 24px; background: url("https://www.qodo.ai/themes/codium/assets/images/icon-star.svg") 50% 0% / contain no-repeat; }
body section.sc-get-started .sc-get-started__tile-tool-button { width: 100%; height: 44px; max-width: unset; }
body section.sc-get-started + .homepage-about--strip-logos { background: linear-gradient(90deg, rgb(13, 9, 76) 0%, rgb(14, 11, 87) 50%, rgb(4, 3, 55) 100%); }
body section.sc-in-action { padding-top: 52px; padding-bottom: 52px; background: linear-gradient(83deg, rgba(99, 72, 254, 0.7) 27.21%, rgba(147, 89, 255, 0.7) 105.93%), linear-gradient(0deg, rgba(1, 1, 42, 0.4) 0%, rgba(1, 1, 42, 0.4) 100%), linear-gradient(106deg, rgba(255, 255, 255, 0.4) 3.04%, rgba(255, 255, 255, 0) 99.23%); }
@media (min-width: 768px) {
  body section.sc-in-action { padding-top: 72px; padding-bottom: 72px; }
}
@media (min-width: 992px) {
  body section.sc-in-action { padding-top: 136px; padding-bottom: 136px; }
}
body section.sc-in-action .sc-in-action__container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 40px; max-width: 1232px; }
@media (min-width: 1200px) {
  body section.sc-in-action .sc-in-action__container { display: grid; grid-template-columns: 422px 1fr; }
}
@media (min-width: 1440px) {
  body section.sc-in-action .sc-in-action__container { grid-template-columns: 466px 1fr; }
}
body section.sc-in-action .sc-in-action__col { text-align: center; }
@media (min-width: 1200px) {
  body section.sc-in-action .sc-in-action__col { text-align: left; }
}
body section.sc-in-action .sc-in-action__col.-items { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 40px; }
@media (min-width: 768px) {
  body section.sc-in-action .sc-in-action__col.-items { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: unset; align-items: unset; }
}
@media (min-width: 1200px) {
  body section.sc-in-action .sc-in-action__col.-items { -webkit-box-pack: end; justify-content: flex-end; }
}
body section.sc-in-action .sc-in-action__col h2 { margin: 0px 0px 12px; color: var(--white); font-size: 36px; line-height: 42px; font-weight: 400; }
@media (min-width: 1200px) {
  body section.sc-in-action .sc-in-action__col h2 { max-width: 380px; margin-bottom: 16px; font-size: 48px; line-height: 52px; }
}
body section.sc-in-action .sc-in-action__col p { max-width: 464px; margin: 0px auto; color: var(--dark-blue-100); font-size: 18px; line-height: 26px; }
@media (min-width: 1200px) {
  body section.sc-in-action .sc-in-action__col p { margin: 0px; max-width: 359px; font-size: 24px; line-height: 30px; }
}
body section.sc-in-action .sc-in-action__item { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; gap: 14px; width: 170px; max-width: 199px; color: var(--white); font-size: 16px; line-height: 125%; text-align: center; font-weight: 500; }
@media (min-width: 1200px) {
  body section.sc-in-action .sc-in-action__item { width: unset; font-size: 20px; }
}
body section.sc-in-action .sc-in-action__item:hover::before { opacity: 0.8; transform: scale(0.9); }
body section.sc-in-action .sc-in-action__item::before { content: ""; display: block; width: 86px; height: 86px; margin: 0px auto; background: url("https://www.qodo.ai/themes/codium/assets/images/icon-action-check.svg") 50% center / contain no-repeat; transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; }
body section.sc-content-cta { padding-top: 52px; padding-bottom: 52px; background: linear-gradient(rgb(14, 8, 74) 0%, rgb(37, 26, 103) 100%); }
@media (min-width: 768px) {
  body section.sc-content-cta { padding-top: 72px; padding-bottom: 72px; }
}
@media (min-width: 992px) {
  body section.sc-content-cta { padding-top: 136px; padding-bottom: 136px; }
}
body section.sc-content-cta .sc-content-cta__container { max-width: 1232px; text-align: center; }
body section.sc-content-cta .sc-content-cta__container h2 { margin: 0px 0px 20px; color: var(--white); font-size: 40px; font-weight: 400; line-height: 48px; }
@media (min-width: 992px) {
  body section.sc-content-cta .sc-content-cta__container h2 { font-size: 56px; line-height: 52px; }
}
body section.sc-content-cta .sc-content-cta__container p { margin: 0px auto; color: var(--dark-blue-100); font-size: 18px; line-height: 26px; }
@media (min-width: 1200px) {
  body section.sc-content-cta .sc-content-cta__container p { font-size: 24px; line-height: 30px; }
}
body section.sc-content-cta .sc-content-cta__button { margin: 30px auto 0px; }
@media (min-width: 992px) {
  body section.sc-content-cta .sc-content-cta__button { margin-top: 40px; }
}
body:has(.sc-content-cta) footer.site-footer.site-footer-inline-dark { background: rgb(37, 26, 103) !important; }
body section.sc-events-hero { padding-top: 160px; padding-bottom: 60px; background-color: var(--purple-dark); background-image: url("https://www.qodo.ai/themes/codium/assets/images/hero-media-bg.png"); background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; }
@media (min-width: 768px) {
  body section.sc-events-hero { background-size: 100%; }
}
@media (min-width: 992px) {
  body section.sc-events-hero { padding-top: 200px; padding-bottom: 110px; }
}
body section.sc-events-hero .sc-events-hero__container { position: relative; max-width: 1232px; }
@media (min-width: 992px) {
  body section.sc-events-hero .sc-events-hero__container::after { content: ""; position: absolute; top: 50%; right: 60px; width: 252px; height: 253px; background: url("https://www.qodo.ai/themes/codium/assets/images/icon-hero-events.svg") 50% center / contain no-repeat; transform: translateY(-50%); }
}
@media (min-width: 1200px) {
  body section.sc-events-hero .sc-events-hero__container::after { right: 142px; }
}
body section.sc-events-hero .sc-events-hero__content { text-align: center; }
@media (min-width: 992px) {
  body section.sc-events-hero .sc-events-hero__content { max-width: 538px; text-align: left; }
}
body section.sc-events-hero .sc-events-hero__label { display: block; margin-bottom: 14px; color: rgb(143, 128, 255); font-size: 16px; line-height: 24px; }
@media (min-width: 992px) {
  body section.sc-events-hero .sc-events-hero__label { margin-bottom: 20px; font-size: 18px; line-height: 26px; }
}
body section.sc-events-hero .sc-events-hero__heading { margin: 0px 0px 20px; color: var(--white); font-size: 36px; font-weight: 400; line-height: 42px; }
@media (min-width: 992px) {
  body section.sc-events-hero .sc-events-hero__heading { font-size: 48px; line-height: 52px; }
}
body section.sc-events-hero .sc-events-hero__text { margin: 0px auto; max-width: 538px; color: var(--dark-blue-100); font-size: 18px; line-height: 26px; }
@media (min-width: 992px) {
  body section.sc-events-hero .sc-events-hero__text { font-size: 20px; line-height: 30px; }
}
body section.sc-events-listing { padding-top: 60px; padding-bottom: 60px; background-color: var(--white); }
@media (min-width: 768px) {
  body section.sc-events-listing { padding-top: 80px; padding-bottom: 80px; }
}
@media (min-width: 1200px) {
  body section.sc-events-listing { padding-top: 106px; padding-bottom: 168px; }
}
body section.sc-events-listing .sc-events-listing__container { max-width: 1232px; }
@media (min-width: 992px) {
  body section.sc-events-listing .sc-events-listing__container { display: grid; grid-template-columns: 260px 1fr; gap: 30px; }
}
@media (min-width: 1200px) {
  body section.sc-events-listing .sc-events-listing__container { grid-template-columns: 1fr 817px; }
}
body section.sc-events-listing .sc-events-listing__container * { color: var(--purple-dark); }
body section.sc-events-listing .sc-events-listing__aside { margin-bottom: 40px; }
@media (min-width: 992px) {
  body section.sc-events-listing .sc-events-listing__aside { max-width: 260px; margin-bottom: 0px; }
}
body section.sc-events-listing .sc-events-listing__aside-heading { position: relative; margin: 0px; padding-bottom: 16px; font-size: 22px; line-height: 124%; font-weight: 400; border-bottom: 1px solid var(--grey-200); }
@media (min-width: 992px) {
  body section.sc-events-listing .sc-events-listing__aside-heading { font-size: 28px; }
}
body section.sc-events-listing .sc-events-listing__aside-heading.-active::after { transform: rotate(180deg); }
body section.sc-events-listing .sc-events-listing__aside-heading::after { content: ""; position: absolute; right: 0px; top: 6px; width: 20px; height: 20px; background: url("https://www.qodo.ai/themes/codium/assets/icons/chev-down-black.svg") center center / 14px no-repeat; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; }
@media (min-width: 992px) {
  body section.sc-events-listing .sc-events-listing__aside-heading::after { content: none; }
}
body section.sc-events-listing .sc-events-listing__filters { display: none; padding-top: 32px; }
@media (min-width: 992px) {
  body section.sc-events-listing .sc-events-listing__filters { display: block !important; }
}
body section.sc-events-listing .sc-events-listing__filters-group:not(:last-of-type) { margin-bottom: 32px; }
@media (min-width: 992px) {
  body section.sc-events-listing .sc-events-listing__filters-group:not(:last-of-type) { margin-bottom: 46px; }
}
body section.sc-events-listing .sc-events-listing__filters-group-heading { margin: 0px 0px 12px; font-size: 16px; font-weight: 700; line-height: 26px; }
@media (min-width: 992px) {
  body section.sc-events-listing .sc-events-listing__filters-group-heading { margin-bottom: 16px; font-size: 18px; }
}
body section.sc-events-listing .sc-events-listing__filters-item { display: flex; -webkit-box-align: center; align-items: center; gap: 12px; cursor: pointer; }
body section.sc-events-listing .sc-events-listing__filters-item:not(:last-child) { margin-bottom: 12px; }
body section.sc-events-listing .sc-events-listing__filters-item input { appearance: none; display: inline-block; width: 20px; height: 20px; margin: 0px; padding: 0px; background: unset; border: 1px solid rgb(203, 203, 210); border-radius: 4px; transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out; }
body section.sc-events-listing .sc-events-listing__filters-item input:checked { background-image: url("https://www.qodo.ai/themes/codium/assets/images/icon-filter-check.svg"); background-position: 3px 3px; background-size: 13px; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--purple-500); border-color: var(--purple-500); }
body section.sc-events-listing .sc-events-listing__filters-item input:checked + span { font-weight: 700; }
body section.sc-events-listing .sc-events-listing__filters-item span { color: var(--dark-blue-400); font-size: 16px; font-weight: 400; line-height: 26px; }
@media (min-width: 992px) {
  body section.sc-events-listing .sc-events-listing__filters-item span { font-size: 18px; }
}
body section.sc-events-listing .sc-events-listing__filters-actions { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 21px; margin-top: 32px; padding-top: 32px; border-top: 1px solid var(--grey-200); }
body section.sc-events-listing .sc-events-listing__filters-button { appearance: none; display: flex; -webkit-box-align: center; align-items: center; max-width: max-content; padding-left: 24px; padding-right: 24px; font-family: CentraNo1, sans-serif; font-size: 14px; line-height: 16px; font-weight: 700; text-transform: uppercase; background: unset; border: 0px; box-shadow: unset; outline: unset; cursor: pointer; }
body section.sc-events-listing .sc-events-listing__filters-button.-main { padding-top: 16px; padding-bottom: 16px; color: var(--white); background-color: var(--purple-500); transition: opacity 0.25s ease-in-out; border-radius: 24px; }
body section.sc-events-listing .sc-events-listing__filters-button.-main:hover { opacity: 0.85; }
body section.sc-events-listing .sc-events-listing__filters-button.-reset { color: var(--grey-600); transition: color 0.25s ease-in-out; }
body section.sc-events-listing .sc-events-listing__filters-button.-reset:hover { color: var(--purple-500); }
body section.sc-events-listing .sc-events-listing__wrapper { position: relative; min-height: 200px; }
body section.sc-events-listing .sc-events-listing__wrapper::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: var(--white); opacity: 1; visibility: visible; z-index: 4; transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; }
body section.sc-events-listing .sc-events-listing__wrapper::after { content: ""; position: absolute; top: 50px; left: calc(50% - 8px); display: block; width: 16px; height: 16px; border-radius: 50%; background-color: rgb(255, 255, 255); border-width: 3px; border-style: solid; border-image: initial; border-color: rgb(155, 138, 252) transparent rgb(74, 44, 245); animation: 1.2s linear 0s infinite normal none running lds-dual-ring; z-index: 5; transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; }
body section.sc-events-listing .sc-events-listing__wrapper.-loaded::before, body section.sc-events-listing .sc-events-listing__wrapper.-loaded::after { opacity: 0; visibility: hidden; }
body section.sc-events-listing .sc-events-listing__main-heading { margin: 0px 0px 24px; font-size: 26px; line-height: 32px; }
@media (min-width: 992px) {
  body section.sc-events-listing .sc-events-listing__main-heading { margin-bottom: 40px; max-width: 605px; font-size: 40px; line-height: 48px; }
}
body section.sc-events-listing .sc-events-listing__items { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 17px; }
@media (min-width: 768px) {
  body section.sc-events-listing .sc-events-listing__items { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
}
body section.sc-events-listing .sc-events-listing__item { display: block; padding: 24px 20px; background-color: var(--purple-100); }
@media (min-width: 1200px) {
  body section.sc-events-listing .sc-events-listing__item { padding: 48px 40px; }
}
body section.sc-events-listing .sc-events-listing__item:hover .sc-events-listing__item-heading { color: var(--purple-500); }
body section.sc-events-listing .sc-events-listing__item-type { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-bottom: 16px; max-width: max-content; padding: 8px 12px; color: var(--purple-500); font-size: 12px; line-height: 1; font-weight: 700; text-align: center; letter-spacing: 0.5px; text-transform: uppercase; background-color: var(--purple-200); border-radius: 8px; }
body section.sc-events-listing .sc-events-listing__item-heading { margin: 0px 0px 10px; font-size: 22px; line-height: 120%; transition: color 0.25s ease-in-out; }
@media (min-width: 1200px) {
  body section.sc-events-listing .sc-events-listing__item-heading { font-size: 26px; }
}
body section.sc-events-listing .sc-events-listing__item-date { display: block; margin-bottom: 16px; font-size: 18px; line-height: 26px; }
body section.sc-events-listing .sc-events-listing__item-terms { display: flex; -webkit-box-align: center; align-items: center; gap: 24px; margin: 0px 0px 20px; padding: 0px; list-style-type: none; }
body section.sc-events-listing .sc-events-listing__item-term { display: flex; -webkit-box-align: center; align-items: center; gap: 6px; height: 20px; color: var(--dark-blue-300); font-size: 16px; line-height: 130%; }
body section.sc-events-listing .sc-events-listing__item-term.-format::before { background-image: url("https://www.qodo.ai/themes/codium/assets/images/icon-format.svg"); }
body section.sc-events-listing .sc-events-listing__item-term.-region::before { background-image: url("https://www.qodo.ai/themes/codium/assets/images/icon-region.svg"); }
body section.sc-events-listing .sc-events-listing__item-term::before { content: ""; display: block; width: 20px; height: 20px; background-position: 50% center; background-repeat: no-repeat; background-size: contain; }
body section.sc-events-listing .sc-events-listing__item-more { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; height: 24px; color: var(--purple-500); font-size: 16px; line-height: 1; font-weight: 700; }
body section.sc-events-listing .sc-events-listing__item-more::after { content: ""; display: inline-block; width: 24px; height: 24px; background: url("https://www.qodo.ai/themes/codium/assets/images/icon-arrow-right.svg") 50% center / contain no-repeat; }
body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 6px; margin: 40px 0px 0px; padding: 0px; list-style-type: none; }
@media (min-width: 992px) {
  body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers { margin-top: 64px; }
}
body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li span, body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li a { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 42px; height: 42px; color: rgba(1, 1, 42, 0.6); font-size: 16px; font-style: normal; font-weight: 400; border: 1px solid var(--grey-200); border-radius: 22px; transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out; }
body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li span:hover, body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li a:hover { border-color: rgba(1, 1, 42, 0.6); }
body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li span.current, body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li a.current { color: var(--purple-dark); border-color: var(--purple-500); }
body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li span.prev, body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li span.next, body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li a.prev, body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li a.next { position: relative; font-size: 0px; background-color: var(--purple-200); border-color: var(--purple-200); transition: background-color 0.25s ease-in-out; }
body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li span.prev:hover, body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li span.next:hover, body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li a.prev:hover, body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li a.next:hover { background-color: var(--purple-100); }
body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li span.prev::before, body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li span.next::before, body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li a.prev::before, body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li a.next::before { content: ""; position: absolute; left: 8px; top: 8px; width: 24px; height: 24px; background: url("https://www.qodo.ai/themes/codium/assets/images/icon-pagination-arrow.svg") 50% center / contain no-repeat; }
body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li span.prev, body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li a.prev { margin-right: 26px; }
body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li span.prev::before, body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li a.prev::before { transform: rotate(180deg); }
body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li span.next, body section.sc-events-listing .sc-events-listing__pagination ul.page-numbers li a.next { margin-left: 26px; }
body section.sc-author-hero { position: relative; margin-bottom: 170px; padding-top: 160px; padding-bottom: 246px; background-color: var(--purple-dark); background-image: url("https://www.qodo.ai/themes/codium/assets/images/hero-media-bg.png"); background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; z-index: 2; }
@media (min-width: 768px) {
  body section.sc-author-hero { margin-bottom: 0px; padding-bottom: 52px; background-size: 100%; }
}
@media (min-width: 992px) {
  body section.sc-author-hero { min-height: 545px; padding-top: 212px; }
}
body section.sc-author-hero .sc-author-hero__container { position: relative; max-width: 1232px; }
@media (min-width: 768px) {
  body section.sc-author-hero .sc-author-hero__container { display: grid; grid-template-columns: 65% 1fr; gap: 5%; -webkit-box-align: center; align-items: center; }
}
@media (min-width: 992px) {
  body section.sc-author-hero .sc-author-hero__container { grid-template-columns: 602px 1fr; gap: 40px; }
}
@media (min-width: 1200px) {
  body section.sc-author-hero .sc-author-hero__container { gap: 132px; -webkit-box-align: start; align-items: flex-start; }
}
@media (min-width: 768px) {
  body section.sc-author-hero .sc-author-hero__content { margin-bottom: 0px; }
}
body section.sc-author-hero .sc-author-hero__label { display: block; margin-bottom: 20px; color: rgb(143, 128, 255); font-size: 18px; line-height: 26px; }
body section.sc-author-hero .sc-author-hero__heading { margin: 0px 0px 20px; color: var(--white); font-size: 40px; font-weight: 400; line-height: 42px; }
@media (min-width: 992px) {
  body section.sc-author-hero .sc-author-hero__heading { font-size: 64px; line-height: 52px; }
}
body section.sc-author-hero .sc-author-hero__text { margin: 0px auto; color: var(--dark-blue-100); font-size: 18px; line-height: 26px; }
@media (min-width: 992px) {
  body section.sc-author-hero .sc-author-hero__text { font-size: 22px; line-height: 30px; }
}
body section.sc-author-hero .sc-author-hero__linkedin { display: block; margin-top: 40px; width: 32px; height: 32px; background: url("https://www.qodo.ai/themes/codium/assets/images/icon-linkedin.svg") 50% center / contain no-repeat; transition: opacity 0.25s ease-in-out; }
body section.sc-author-hero .sc-author-hero__linkedin:hover { opacity: 0.85; }
body section.sc-author-hero .sc-author-hero__photo { position: absolute; left: 0px; bottom: -420px; display: flex; -webkit-box-align: center; align-items: center; margin: 0px; padding: 0px; }
@media (min-width: 768px) {
  body section.sc-author-hero .sc-author-hero__photo { position: relative; bottom: 0px; }
}
@media (min-width: 1200px) {
  body section.sc-author-hero .sc-author-hero__photo { margin-top: -22px; }
}
body section.sc-author-hero .sc-author-hero__photo img { width: 100%; height: 372px; object-fit: cover; border-radius: 16px; }
@media (min-width: 768px) {
  body section.sc-author-hero .sc-author-hero__photo img { width: 100%; height: auto; }
}
@media (min-width: 992px) {
  body section.sc-author-hero .sc-author-hero__photo img { border-radius: 20px; }
}
@media (min-width: 1200px) {
  body section.sc-author-hero .sc-author-hero__photo img { position: absolute; left: 0px; top: 0px; width: 100%; height: 553px; }
}
body section.sc-author-bio { position: relative; padding-top: 56px; padding-bottom: 70px; background-color: var(--white); }
@media (min-width: 992px) {
  body section.sc-author-bio { padding-top: 96px; padding-bottom: 96px; }
}
@media (min-width: 1200px) {
  body section.sc-author-bio { padding-bottom: 130px; }
}
body section.sc-author-bio .sc-author-bio__container { max-width: 1232px; }
@media (min-width: 992px) {
  body section.sc-author-bio .sc-author-bio__container { display: grid; grid-template-columns: 602px 1fr; gap: 40px; }
}
@media (min-width: 1200px) {
  body section.sc-author-bio .sc-author-bio__container { gap: 132px; }
}
body section.sc-author-bio .sc-author-bio__content { margin-bottom: 70px; }
@media (min-width: 992px) {
  body section.sc-author-bio .sc-author-bio__content { margin-bottom: 0px; }
}
body section.sc-author-bio .sc-author-bio__content h2 { margin: 0px 0px 20px; color: var(--purple-dark); font-size: 28px; line-height: 1.24; }
@media (min-width: 992px) {
  body section.sc-author-bio .sc-author-bio__content h2 { margin-bottom: 32px; font-size: 34px; line-height: 1; }
}
body section.sc-author-bio .sc-author-bio__content p { margin: 0px 0px 1.42em; color: var(--purple-dark); font-size: 18px; line-height: 26px; opacity: 0.6; }
body section.sc-author-bio .sc-author-bio__content p:last-child { margin-bottom: 0px; }
body section.sc-author-bio .sc-author-bio__summary { width: calc(100% + 4rem); margin-left: -2rem; padding: 40px 20px; background-color: var(--purple-100); }
@media (min-width: 768px) {
  body section.sc-author-bio .sc-author-bio__summary { width: 100%; margin: 0px; border-radius: 20px; }
}
@media (min-width: 992px) {
  body section.sc-author-bio .sc-author-bio__summary { padding: 32px 40px; }
}
@media (min-width: 1200px) {
  body section.sc-author-bio .sc-author-bio__summary { margin-top: 165px; padding-bottom: 50px; }
}
body section.sc-author-bio .sc-author-bio__summary-heading { margin: 0px 0px 24px; color: var(--purple-dark); font-size: 24px; line-height: 1.2; }
@media (min-width: 1200px) {
  body section.sc-author-bio .sc-author-bio__summary-heading { display: grid; grid-template-columns: 48px 1fr; gap: 28px; -webkit-box-align: start; align-items: flex-start; margin-bottom: 16px; font-size: 26px; }
}
body section.sc-author-bio .sc-author-bio__summary-heading::before { content: ""; display: block; width: 48px; height: 48px; margin-bottom: 20px; background: url("https://www.qodo.ai/themes/codium/assets/images/icon-author-summary.svg") 50% center / contain no-repeat; }
body section.sc-author-bio .sc-author-bio__summary-items { position: relative; margin: 0px; padding: 30px 0px 0px; list-style-type: none; }
@media (min-width: 1200px) {
  body section.sc-author-bio .sc-author-bio__summary-items { padding-left: 22px; }
}
body section.sc-author-bio .sc-author-bio__summary-items::before { content: ""; position: absolute; left: 5px; top: 0px; width: 1px; height: 100%; background-color: rgb(211, 208, 228); }
@media (min-width: 1200px) {
  body section.sc-author-bio .sc-author-bio__summary-items::before { left: 25px; }
}
body section.sc-author-bio .sc-author-bio__summary-item { position: relative; padding-left: 56px; padding-bottom: 7px; }
body section.sc-author-bio .sc-author-bio__summary-item::before { content: ""; position: absolute; left: 0px; top: 9px; width: 10px; height: 10px; background-color: var(--purple-500); border-radius: 50px; }
@media (min-width: 1200px) {
  body section.sc-author-bio .sc-author-bio__summary-item::before { left: -2px; }
}
body section.sc-author-bio .sc-author-bio__summary-item:not(:last-child) { margin-bottom: 30px; }
body section.sc-author-bio .sc-author-bio__summary-item-heading { margin: 0px 0px 8px; color: var(--dark-blue-400); font-size: 20px; line-height: 27px; font-weight: 600; }
body section.sc-author-bio .sc-author-bio__summary-item-description { margin: 0px; color: var(--dark-blue-400); font-size: 18px; line-height: 26px; }
body section.sc-author-posts { position: relative; padding-bottom: 70px; background-color: var(--white); }
@media (min-width: 1200px) {
  body section.sc-author-posts { padding-bottom: 152px; }
}
body section.sc-author-posts .sc-author-posts__container { max-width: 1232px; }
body section.sc-author-posts .sc-author-posts__label { display: block; margin-bottom: 20px; color: rgb(143, 128, 255); font-size: 18px; line-height: 26px; }
body section.sc-author-posts .sc-author-posts__heading { margin: 0px 0px 32px; color: var(--purple-dark); font-size: 28px; line-height: 1; }
@media (min-width: 992px) {
  body section.sc-author-posts .sc-author-posts__heading { font-size: 34px; }
}
body section.sc-author-posts .sc-author-posts__items { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 24px; margin: 0px; padding: 0px; list-style-type: none; }
@media (min-width: 768px) {
  body section.sc-author-posts .sc-author-posts__items { display: grid; grid-template-columns: repeat(3, 1fr); }
}
body section.sc-book-demo { padding-top: 160px; padding-bottom: 124px; }
@media (min-width: 992px) {
  body section.sc-book-demo { padding-bottom: 40px; background: linear-gradient(90deg, rgb(13, 9, 76) 0%, rgb(14, 11, 87) 50%, rgb(4, 3, 55) 100%); }
}
@media (min-width: 992px) {
  body section.sc-book-demo::after { content: ""; position: absolute; right: 0px; top: -10%; width: 60%; height: 150%; background: url("https://www.qodo.ai/themes/codium/assets/images/book-a-demo-bg.png") 100% 50% / contain no-repeat; opacity: 0.75; }
}
body section.sc-book-demo .sc-book-demo__container { position: relative; max-width: 1232px; z-index: 2; }
@media (min-width: 768px) {
  body section.sc-book-demo .sc-book-demo__container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; }
}
@media (min-width: 1200px) {
  body section.sc-book-demo .sc-book-demo__container { grid-template-columns: 619px 496px; -webkit-box-pack: justify; justify-content: space-between; }
}
body section.sc-book-demo .sc-book-demo__col.-content { margin-bottom: 48px; }
@media (min-width: 768px) {
  body section.sc-book-demo .sc-book-demo__col.-content { margin-bottom: 0px; }
}
@media (min-width: 1200px) {
  body section.sc-book-demo .sc-book-demo__col.-content { padding-top: 40px; }
}
body section.sc-book-demo .sc-book-demo__col.-content h1 { margin: 0px 0px 48px; color: var(--white); font-size: 40px; font-weight: 400; line-height: 42px; }
@media (min-width: 992px) {
  body section.sc-book-demo .sc-book-demo__col.-content h1 { font-size: 64px; line-height: 68px; }
}
body section.sc-book-demo .sc-book-demo__col.-content ul { margin: 0px; padding: 0px; list-style-type: none; }
body section.sc-book-demo .sc-book-demo__col.-content li { position: relative; margin: 0px 0px 18px; padding-left: 36px; color: var(--white); font-size: 18px; font-weight: 400; line-height: 26px; }
@media (min-width: 1200px) {
  body section.sc-book-demo .sc-book-demo__col.-content li { max-width: 602px; margin-bottom: 34px; padding-left: 44px; font-size: 26px; line-height: 1.2; }
}
body section.sc-book-demo .sc-book-demo__col.-content li:last-child { margin-bottom: 0px; }
body section.sc-book-demo .sc-book-demo__col.-content li::before { content: ""; position: absolute; left: 0px; top: 12px; width: 24px; height: 24px; background: url("https://www.qodo.ai/themes/codium/assets/images/icon-check.svg") center center / contain no-repeat; transform: translateY(-50%); }
@media (min-width: 1200px) {
  body section.sc-book-demo .sc-book-demo__col.-content li::before { top: 15px; width: 32px; height: 32px; }
}
body section.sc-book-demo .sc-book-demo__col.-form { position: relative; min-height: 642px; padding: 24px; background: url("https://www.qodo.ai/themes/codium/assets/images/bg-webinar-form.png") 50% 50% / calc(100% + 4px) calc(100% + 4px) no-repeat; border-radius: 24px; }
@media (min-width: 768px) {
  body section.sc-book-demo .sc-book-demo__col.-form { min-height: unset; }
}
@media (min-width: 992px) {
  body section.sc-book-demo .sc-book-demo__col.-form { min-height: 655px; }
}
body section.sc-book-demo .sc-book-demo__col.-form::before, body section.sc-book-demo .sc-book-demo__col.-form::after { content: ""; position: absolute; }
body section.sc-book-demo .sc-book-demo__col.-form::before { left: 0px; top: 0px; width: 100%; height: 100%; background: radial-gradient(circle at 100% 100%, rgb(160, 160, 255) 0px, rgb(113, 113, 214) 22px, transparent 22px) 0px 0px / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(109, 109, 200) 0px, rgb(79, 79, 153) 22px, transparent 22px) 100% 0px / 24px 24px no-repeat, radial-gradient(circle at 100% 0px, rgb(56, 56, 158) 0px, rgb(107, 107, 197) 22px, transparent 22px) 0px 100% / 24px 24px no-repeat, radial-gradient(circle at 0px 0px, rgb(68, 68, 171) 0px, rgb(71, 71, 133) 22px, transparent 22px) 100% 100% / 24px 24px no-repeat, linear-gradient(rgb(85, 85, 155), rgb(63, 63, 134)) 50% 50% / calc(100% - 4px) calc(100% - 48px) no-repeat, linear-gradient(rgb(86, 86, 169), rgb(21, 21, 71)) 50% 50% / calc(100% - 48px) calc(100% - 4px) no-repeat, repeating-linear-gradient(137deg, rgb(191, 185, 255) 0px, rgba(50, 50, 83, 0.37) 25%, rgb(72, 57, 139) 52%, rgb(87, 96, 249) 85%, rgb(31, 25, 45) 100%); border-radius: 24px; }
body section.sc-book-demo .sc-book-demo__col.-form::after { width: calc(100% - 4px); height: calc(100% - 4px); left: 2px; top: 2px; background: linear-gradient(90deg, rgb(62, 61, 119) 0%, rgb(20, 16, 89) 100%); border-radius: 22px; }
body section.sc-book-demo .sc-book-demo__col.-form * { position: relative; z-index: 2; }
body section.sc-book-demo .sc-book-demo__col.-form h2, body section.sc-book-demo .sc-book-demo__col.-form h3 { margin: 0px 0px 24px; color: rgb(255, 255, 255); font-size: 22px; font-weight: 400; line-height: 26px; text-align: center; }
body section.sc-book-demo .sc-book-demo__col.-form h2 strong, body section.sc-book-demo .sc-book-demo__col.-form h3 strong { font-weight: 700; }
@media (min-width: 992px) {
  body section.sc-book-demo .sc-book-demo__col.-form h2, body section.sc-book-demo .sc-book-demo__col.-form h3 { font-size: 32px; line-height: 40px; }
}
body section.sc-book-demo .sc-book-demo__actions { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-wrap: wrap; gap: 24px; margin-top: 48px; }
@media (min-width: 768px) {
  body section.sc-book-demo .sc-book-demo__actions { -webkit-box-pack: start; justify-content: flex-start; }
}
@media (min-width: 1200px) {
  body section.sc-book-demo .sc-book-demo__actions { margin-top: 64px; }
}
body section.sc-book-demo .sc-book-demo__action { position: relative; display: flex; -webkit-box-align: center; align-items: center; height: 40px; border-radius: 20px; }
body section.sc-book-demo .sc-book-demo__action::before, body section.sc-book-demo .sc-book-demo__action::after { content: ""; position: absolute; }
body section.sc-book-demo .sc-book-demo__action::before { left: 0px; top: 0px; width: 100%; height: 100%; background: radial-gradient(circle at 100% 100%, rgb(160, 160, 255) 0px, rgb(113, 113, 214) 22px, transparent 22px) 0px 0px / 24px 24px no-repeat, radial-gradient(circle at 0px 100%, rgb(109, 109, 200) 0px, rgb(79, 79, 153) 22px, transparent 22px) 100% 0px / 24px 24px no-repeat, radial-gradient(circle at 100% 0px, rgb(56, 56, 158) 0px, rgb(107, 107, 197) 22px, transparent 22px) 0px 100% / 24px 24px no-repeat, radial-gradient(circle at 0px 0px, rgb(68, 68, 171) 0px, rgb(71, 71, 133) 22px, transparent 22px) 100% 100% / 24px 24px no-repeat, linear-gradient(rgb(85, 85, 155), rgb(63, 63, 134)) 50% 50% / calc(100% - 4px) calc(100% - 48px) no-repeat, linear-gradient(rgb(86, 86, 169), rgb(21, 21, 71)) 50% 50% / calc(100% - 48px) calc(100% - 4px) no-repeat, repeating-linear-gradient(137deg, rgb(191, 185, 255) 0px, rgba(50, 50, 83, 0.37) 25%, rgb(72, 57, 139) 52%, rgb(87, 96, 249) 85%, rgb(31, 25, 45) 100%); border-radius: 20px; }
body section.sc-book-demo .sc-book-demo__action::after { width: calc(100% - 2px); height: calc(100% - 2px); left: 1px; top: 1px; background: linear-gradient(90deg, rgb(62, 61, 119) 0%, rgb(20, 16, 89) 100%); border-radius: 18px; }
body section.sc-book-demo .sc-book-demo__action * { position: relative; z-index: 2; }
body section.sc-book-demo .sc-book-demo__action-label { position: absolute; left: 16px; top: -8px; display: flex; -webkit-box-align: center; align-items: center; height: 14px; padding: 2px 8px 0px; color: var(--white); font-size: 9px; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; background-color: var(--purple-500); border-radius: 7px; z-index: 3; }
body section.sc-book-demo .sc-book-demo__action-item { display: flex; -webkit-box-align: center; align-items: center; height: 42px; padding: 0px 16px; color: var(--white); font-size: 16px; font-weight: 700; line-height: 1; transition: color 0.25s ease-in-out; }
body section.sc-book-demo .sc-book-demo__action-item:hover { color: var(--purple-500); }
body section.sc-book-demo .sc-book-demo__action-item + .sc-book-demo__action-item { position: relative; }
body section.sc-book-demo .sc-book-demo__action-item + .sc-book-demo__action-item::before { content: ""; position: absolute; left: 0px; top: 50%; width: 1px; height: 24px; background: rgba(238, 238, 242, 0.2); transform: translateY(-50%); }
body section.sc-book-demo .sc-book-demo__action-item.-vscode .sc-book-demo__action-item-icon { background-image: url("https://www.qodo.ai/themes/codium/assets/images/icon-vscode.svg"); }
body section.sc-book-demo .sc-book-demo__action-item.-jetbrains .sc-book-demo__action-item-icon { background-image: url("https://www.qodo.ai/themes/codium/assets/images/icon-jetbrains.svg"); }
body section.sc-book-demo .sc-book-demo__action-item.-github .sc-book-demo__action-item-icon { background-image: url("https://www.qodo.ai/themes/codium/assets/images/icon-github.svg"); }
body section.sc-book-demo .sc-book-demo__action-item-icon, body section.sc-book-demo .sc-book-demo__action-item-star { display: inline-block; width: 24px; height: 24px; background-position: 50% center; background-repeat: no-repeat; background-size: contain; }
body section.sc-book-demo .sc-book-demo__action-item-icon { position: relative; margin-right: 16px; }
body section.sc-book-demo .sc-book-demo__action-item-icon::after { content: ""; position: absolute; right: -9px; top: 0px; width: 1px; height: 24px; background: rgba(238, 238, 242, 0.2); }
body section.sc-book-demo .sc-book-demo__action-item-star { background-image: url("https://www.qodo.ai/themes/codium/assets/images/icon-rating-star.svg"); }
body section.sc-book-demo .sc-book-demo__form .hbspt-form .input { margin-right: 0px !important; }
body section.sc-book-demo .sc-book-demo__form .hbspt-form fieldset { display: block; width: 100%; max-width: unset; }
body section.sc-book-demo .sc-book-demo__form .hbspt-form fieldset.form-columns-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (min-width: 1200px) {
  body section.sc-book-demo .sc-book-demo__form .hbspt-form fieldset.form-columns-2 { gap: 24px; }
}
body section.sc-book-demo .sc-book-demo__form .hbspt-form .hs-form-field { width: 100%; margin-bottom: 24px; }
body section.sc-book-demo .sc-book-demo__form .hbspt-form .hs-form-field > label { display: block; margin-bottom: 8px; color: rgb(217, 217, 224); font-size: 14px; font-weight: 700; }
body section.sc-book-demo .sc-book-demo__form .hbspt-form .hs-form-field input, body section.sc-book-demo .sc-book-demo__form .hbspt-form .hs-form-field textarea { height: 48px; padding: 12px 16px; color: var(--grey-500); font-family: CentraNo1, sans-serif; font-size: 16px; font-weight: 400; background-color: var(--purple-dark); border: 1px solid var(--purple-500); border-radius: 8px; box-shadow: unset; outline: unset; width: 100% !important; }
body section.sc-book-demo .sc-book-demo__form .hbspt-form .hs-submit { width: 100%; }
body section.sc-book-demo .sc-book-demo__form .hbspt-form .hs-submit .hs-button { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; appearance: none; width: 100%; height: 48px; color: var(--purple-dark); font-family: CentraNo1, sans-serif; font-size: 14px; font-weight: 700; background-color: var(--green-500); border: 1px solid var(--green-500); border-radius: 24px; outline: unset; box-shadow: unset; transition: background-color 0.25s ease-in-out; cursor: pointer; }
body section.sc-book-demo .sc-book-demo__form .hbspt-form .hs-submit .hs-button:hover { background-color: var(--green-600); }
body section.sc-book-demo .sc-book-demo__form .hbspt-form .no-list { margin: 0px; padding: 0px; }
@media (min-width: 768px) {
  body section.sc-book-demo .sc-book-demo__form .hbspt-form .no-list { position: absolute; left: 0px; bottom: -18px; line-height: 1; }
}
body section.sc-book-demo .sc-book-demo__form .hbspt-form .no-list li label { color: var(--dark-blue-100); font-size: 12px; }
body section.sc-book-demo .sc-book-demo__form .hbspt-form .hs_error_rollup { display: none !important; }
@media (min-width: 992px) {
  body section.sc-book-demo + .homepage-about--strip-logos { background: linear-gradient(90deg, rgb(13, 9, 76) 0%, rgb(14, 11, 87) 50%, rgb(4, 3, 55) 100%); }
}
body section.sc-book-demo + .homepage-about--strip-logos h2 { margin: 0px 0px 60px; padding: 0px 40px; color: var(--white); font-size: 26px; line-height: 1.2; font-weight: 400; text-align: center; }
@media (min-width: 992px) {
  body section.sc-book-demo + .homepage-about--strip-logos h2 { font-size: 34px; line-height: 1; }
}
@media (max-width: 991px) {
  body:has(.sc-book-demo) footer.site-footer.site-footer-inline-dark { background: rgb(12, 9, 72) !important; }
}
body section.sc-events-cta { padding-bottom: 48px; background-color: rgb(255, 255, 255); -webkit-font-smoothing: antialiased; }
@media (min-width: 768px) {
  body section.sc-events-cta { background-size: 100%; }
}
@media (min-width: 992px) {
  body section.sc-events-cta { padding-bottom: 100px; }
}
body section.sc-events-cta .sc-events-cta__container { position: relative; max-width: 1232px; padding: 32px 32px 228px; background-color: rgb(1, 1, 42); background-image: url("https://www.qodo.ai/themes/codium/assets/images/hero-media-bg.png"); background-position: 50% 140%; background-repeat: no-repeat; background-size: 130%; border-radius: 24px; }
@media (min-width: 680px) {
  body section.sc-events-cta .sc-events-cta__container { background-position: 50% 0%; background-size: cover; }
}
@media (min-width: 768px) {
  body section.sc-events-cta .sc-events-cta__container { padding: 60px 64px 69px; }
}
body section.sc-events-cta .sc-events-cta__container::after { content: ""; position: absolute; left: 32px; bottom: 32px; width: 148px; height: 148px; background: url("https://www.qodo.ai/themes/codium/assets/images/icon-hero-events.svg") 50% center / contain no-repeat; }
@media (min-width: 768px) {
  body section.sc-events-cta .sc-events-cta__container::after { left: unset; right: 60px; top: 50%; bottom: unset; width: 240px; height: 240px; background: url("https://www.qodo.ai/themes/codium/assets/images/icon-hero-events.svg") 50% center / contain no-repeat; transform: translateY(-50%); }
}
@media (min-width: 1200px) {
  body section.sc-events-cta .sc-events-cta__container::after { right: 104px; }
}
body section.sc-events-cta .sc-events-cta__content { text-align: left; }
@media (min-width: 768px) {
  body section.sc-events-cta .sc-events-cta__content { max-width: calc(100% - 280px); }
}
@media (min-width: 992px) {
  body section.sc-events-cta .sc-events-cta__content { max-width: 576px; }
}
body section.sc-events-cta .sc-events-cta__label { display: block; margin-bottom: 20px; color: rgb(143, 128, 255); font-size: 18px; line-height: 26px; }
body section.sc-events-cta .sc-events-cta__heading { margin: 0px 0px 16px; color: rgb(255, 255, 255); font-size: 32px; font-weight: 400; line-height: 40px; letter-spacing: 0.32px; }
@media (min-width: 992px) {
  body section.sc-events-cta .sc-events-cta__heading { font-size: 40px; line-height: 48px; letter-spacing: 0.4px; }
}
body section.sc-events-cta .sc-events-cta__text { margin: 0px; color: rgb(190, 190, 224); font-size: 16px; line-height: 1.3; }
@media (min-width: 992px) {
  body section.sc-events-cta .sc-events-cta__text { font-size: 18px; line-height: 26px; }
}
body section.sc-events-cta .sc-events-cta__button { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; max-width: max-content; margin-top: 20px; height: 48px; padding: 8px 24px; font-size: 14px; font-weight: 700; text-align: center; text-transform: unset; line-height: 1; letter-spacing: 0px; background-color: rgb(104, 75, 254); border-color: rgb(104, 75, 254); }
body section.sc-events-cta .sc-events-cta__button:hover { color: rgb(104, 75, 254); background-color: rgb(255, 255, 255); }
input[type="file"]::file-selector-button { opacity: 0; visibility: hidden; display: none; }
@font-face { font-display: swap; font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; }
:root { --swiper-theme-color: #007aff; }
.swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; }
.swiper-vertical > .swiper-wrapper { flex-direction: column; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }
.swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); }
.swiper-pointer-events { touch-action: pan-y; }
.swiper-pointer-events.swiper-vertical { touch-action: pan-x; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; }
.swiper-slide-invisible-blank { visibility: hidden; }
.swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; }
.swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; }
.swiper-backface-hidden .swiper-slide { transform: translateZ(0px); backface-visibility: hidden; }
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; }
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { transform-style: preserve-3d; }
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); }
.swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }
.swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; }
.swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; }
.swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; }
.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; }
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); }
.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); }
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); }
.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); }
.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center; scroll-snap-stop: always; }
.swiper-virtual .swiper-slide { backface-visibility: hidden; transform: translateZ(0px); }
.swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0px; top: 0px; pointer-events: none; }
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); }
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); }
:root { --swiper-navigation-size: 44px; }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }
.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; }
.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; }
.swiper-button-next::after, .swiper-button-prev::after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); letter-spacing: 0px; font-variant: initial; line-height: 1; text-transform: none !important; }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right: auto; }
.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after { content: "prev"; }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto; }
.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after { content: "next"; }
.swiper-button-lock { display: none; }
.swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s; transform: translate3d(0px, 0px, 0px); z-index: 10; }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; }
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0px; width: 100%; }
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0px; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); }
.swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity,.2); }
button.swiper-pagination-bullet { border: none; margin: 0px; padding: 0px; box-shadow: none; appearance: none; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-pagination-bullet:only-child { display: none !important; }
.swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity,1); background: var(--swiper-pagination-color,var(--swiper-theme-color)); }
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0px); }
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; display: block; }
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; }
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s, top 0.2s; }
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); }
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; }
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, left 0.2s; }
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, right 0.2s; }
.swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; }
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; }
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0px; top: 0px; }
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0px; top: 0px; }
.swiper-pagination-lock { display: none; }
.swiper-scrollbar { border-radius: 10px; position: relative; background: rgba(0, 0, 0, 0.1); }
.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; }
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }
.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0px; top: 0px; }
.swiper-scrollbar-cursor-drag { cursor: move; }
.swiper-scrollbar-lock { display: none; }
.swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; }
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; }
.swiper-slide-zoomed { cursor: move; }
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50% center; box-sizing: border-box; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: 50%; border-top-color: transparent; }
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: 1s linear 0s infinite normal none running swiper-preloader-spin; }
.swiper-lazy-preloader-white { --swiper-preloader-color: #fff; }
.swiper-lazy-preloader-black { --swiper-preloader-color: #000; }
@keyframes swiper-preloader-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.swiper .swiper-notification { position: absolute; left: 0px; top: 0px; pointer-events: none; opacity: 0; z-index: -1000; }
.swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0px auto; }
.swiper-grid > .swiper-wrapper { flex-wrap: wrap; }
.swiper-grid-column > .swiper-wrapper { flex-flow: column wrap; }
.swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; }
.swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; }
.swiper-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-cube { overflow: visible; }
.swiper-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0px 0px; width: 100%; height: 100%; }
.swiper-cube .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0px; }
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }
.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; }
.swiper-cube .swiper-cube-shadow { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; }
.swiper-cube .swiper-cube-shadow::before { content: ""; background: rgb(0, 0, 0); position: absolute; inset: 0px; filter: blur(50px); }
.swiper-flip { overflow: visible; }
.swiper-flip .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; }
.swiper-flip .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; }
.swiper-creative .swiper-slide { backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; }
.swiper-cards { overflow: visible; }
.swiper-cards .swiper-slide { transform-origin: center bottom; backface-visibility: hidden; overflow: hidden; }
.glightbox-container { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; overflow: hidden; touch-action: none; text-size-adjust: 100%; backface-visibility: hidden; outline: 0px; z-index: 999999 !important; }
.glightbox-container.inactive { display: none; }
.glightbox-container .gcontainer { position: relative; width: 100%; height: 100%; z-index: 9999; overflow: hidden; }
.glightbox-container .gslider { transition: transform 0.4s, -webkit-transform 0.4s; height: 100%; left: 0px; top: 0px; width: 100%; position: relative; overflow: hidden; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; transform: translate3d(0px, 0px, 0px); display: flex !important; }
.glightbox-container .gslide { width: 100%; position: absolute; user-select: none; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; opacity: 0; }
.glightbox-container .gslide.current { opacity: 1; z-index: 99999; position: relative; }
.glightbox-container .gslide.prev { opacity: 1; z-index: 9999; }
.glightbox-container .gslide-inner-content { width: 100%; }
.glightbox-container .ginner-container { position: relative; width: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; max-width: 100%; margin: auto; height: 100vh; }
.glightbox-container .ginner-container.gvideo-container { width: 100%; }
.glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right { max-width: 100% !important; }
.gslide iframe, .gslide video { border: none; min-height: 165px; touch-action: auto; outline: 0px !important; }
.gslide:not(.current) { pointer-events: none; }
.gslide-image { -webkit-box-align: center; align-items: center; }
.gslide-image img { max-height: 100vh; display: block; padding: 0px; float: none; outline: 0px; border: none; user-select: none; max-width: 100vw; width: auto; height: auto; object-fit: cover; touch-action: none; margin: auto; min-width: 200px; }
.desc-bottom .gslide-image img, .desc-top .gslide-image img { width: auto; }
.desc-left .gslide-image img, .desc-right .gslide-image img { width: auto; max-width: 100%; }
.gslide-image img.zoomable { position: relative; }
.gslide-image img.dragging { transition: none; cursor: grabbing !important; }
.gslide-video { position: relative; max-width: 100vh; width: 100% !important; }
.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster { display: none; }
.gslide-video .gvideo-wrapper { width: 100%; margin: auto; }
.gslide-video::before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(255, 0, 0, 0.34); display: none; }
.gslide-video.playing::before { display: none; }
.gslide-video.fullscreen { min-width: 100%; height: 75vh; max-width: 100% !important; }
.gslide-video.fullscreen video { max-width: 100% !important; width: 100% !important; }
.gslide-inline { background: rgb(255, 255, 255); text-align: left; max-height: calc(-40px + 100vh); overflow: auto; max-width: 100%; margin: auto; }
.gslide-inline .ginlined-content { padding: 20px; width: 100%; }
.gslide-inline .dragging { transition: none; cursor: grabbing !important; }
.ginlined-content { overflow: auto; opacity: 1; display: block !important; }
.gslide-external { display: flex; width: 100%; min-width: 100%; background: rgb(255, 255, 255); padding: 0px; overflow: auto; max-height: 75vh; height: 100%; }
.gslide-media { display: flex; width: auto; }
.zoomed .gslide-media { box-shadow: none !important; }
.desc-bottom .gslide-media, .desc-top .gslide-media { margin: 0px auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.gslide-description { position: relative; -webkit-box-flex: 1; flex: 1 0 100%; }
.gslide-description.description-left, .gslide-description.description-right { max-width: 100%; }
.gslide-description.description-bottom, .gslide-description.description-top { margin: 0px auto; width: 100%; }
.gslide-description p { margin-bottom: 12px; }
.gslide-description p:last-child { margin-bottom: 0px; }
.zoomed .gslide-description { display: none; }
.glightbox-button-hidden { display: none; }
.glightbox-mobile .glightbox-container .gslide-description { width: 100%; position: absolute; bottom: 0px; padding: 19px 11px 50px; max-height: 78vh; background: linear-gradient(rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.75) 100%); transition: opacity 0.3s linear; height: auto !important; max-width: 100vw !important; -webkit-box-ordinal-group: 3 !important; order: 2 !important; overflow: auto !important; }
.glightbox-mobile .glightbox-container .gslide-title { color: rgb(255, 255, 255); font-size: 1em; }
.glightbox-mobile .glightbox-container .gslide-desc { color: rgb(161, 161, 161); }
.glightbox-mobile .glightbox-container .gslide-desc a { color: rgb(255, 255, 255); font-weight: 700; }
.glightbox-mobile .glightbox-container .gslide-desc * { color: inherit; }
.glightbox-mobile .glightbox-container .gslide-desc .desc-more { color: rgb(255, 255, 255); opacity: 0.4; }
.gdesc-open .gslide-media { transition: opacity 0.5s; opacity: 0.4; }
.gdesc-open .gdesc-inner { padding-bottom: 30px; }
.gdesc-closed .gslide-media { transition: opacity 0.5s; opacity: 1; }
.greset { transition: 0.3s; }
.gabsolute { position: absolute; }
.grelative { position: relative; }
.glightbox-desc { display: none !important; }
.glightbox-open { overflow: hidden; }
.gloader { height: 25px; width: 25px; animation: 0.8s linear 0s infinite normal none running lightboxLoader; border-width: 2px; border-style: solid; border-color: rgb(255, 255, 255) transparent rgb(255, 255, 255) rgb(255, 255, 255); border-image: initial; border-radius: 50%; position: absolute; display: block; z-index: 9999; left: 0px; right: 0px; margin: 0px auto; top: 47%; }
.goverlay { width: 100%; height: calc(1px + 100vh); position: fixed; top: -1px; left: 0px; background: rgb(0, 0, 0); will-change: opacity; }
.glightbox-mobile .goverlay { background: rgb(0, 0, 0); }
.gclose, .gnext, .gprev { z-index: 99999; cursor: pointer; width: 26px; height: 44px; border: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.gclose svg, .gnext svg, .gprev svg { display: block; width: 25px; height: auto; margin: 0px; padding: 0px; }
.gclose.disabled, .gnext.disabled, .gprev.disabled { opacity: 0.1; }
.gclose .garrow, .gnext .garrow, .gprev .garrow { stroke: rgb(255, 255, 255); }
.gbtn.focused { outline: rgb(15, 61, 129) solid 2px; }
iframe.wait-autoplay { opacity: 0; }
.glightbox-closing .gclose, .glightbox-closing .gnext, .glightbox-closing .gprev { opacity: 0 !important; }
.glightbox-clean .gslide-description { background: rgb(255, 255, 255); }
.glightbox-clean .gdesc-inner { padding: 22px 20px; }
.glightbox-clean .gslide-title { font-size: 1em; font-weight: 400; font-family: arial; color: rgb(0, 0, 0); margin-bottom: 19px; line-height: 1.4em; }
.glightbox-clean .gslide-desc { font-size: 0.86em; margin-bottom: 0px; font-family: arial; line-height: 1.4em; }
.glightbox-clean .gslide-video { background: rgb(0, 0, 0); }
.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev { background-color: rgba(0, 0, 0, 0.75); border-radius: 4px; }
.glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path { fill: rgb(255, 255, 255); }
.glightbox-clean .gprev { position: absolute; top: -100%; left: 30px; width: 40px; height: 50px; }
.glightbox-clean .gnext { position: absolute; top: -100%; right: 30px; width: 40px; height: 50px; }
.glightbox-clean .gclose { width: 35px; height: 35px; top: 15px; right: 10px; position: absolute; }
.glightbox-clean .gclose svg { width: 18px; height: auto; }
.glightbox-clean .gclose:hover { opacity: 1; }
.gfadeIn { animation: 0.5s ease 0s 1 normal none running gfadeIn; }
.gfadeOut { animation: 0.5s ease 0s 1 normal none running gfadeOut; }
.gslideOutLeft { animation: 0.3s ease 0s 1 normal none running gslideOutLeft; }
.gslideInLeft { animation: 0.3s ease 0s 1 normal none running gslideInLeft; }
.gslideOutRight { animation: 0.3s ease 0s 1 normal none running gslideOutRight; }
.gslideInRight { animation: 0.3s ease 0s 1 normal none running gslideInRight; }
.gzoomIn { animation: 0.5s ease 0s 1 normal none running gzoomIn; }
.gzoomOut { animation: 0.5s ease 0s 1 normal none running gzoomOut; }
@-webkit-keyframes lightboxLoader { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes lightboxLoader { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes gfadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes gfadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes gfadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes gfadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@-webkit-keyframes gslideInLeft { 
  0% { opacity: 0; transform: translate3d(-60%, 0px, 0px); }
  100% { visibility: visible; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes gslideInLeft { 
  0% { opacity: 0; transform: translate3d(-60%, 0px, 0px); }
  100% { visibility: visible; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@-webkit-keyframes gslideOutLeft { 
  0% { opacity: 1; visibility: visible; transform: translate3d(0px, 0px, 0px); }
  100% { transform: translate3d(-60%, 0px, 0px); opacity: 0; visibility: hidden; }
}
@keyframes gslideOutLeft { 
  0% { opacity: 1; visibility: visible; transform: translate3d(0px, 0px, 0px); }
  100% { transform: translate3d(-60%, 0px, 0px); opacity: 0; visibility: hidden; }
}
@-webkit-keyframes gslideInRight { 
  0% { opacity: 0; visibility: visible; transform: translate3d(60%, 0px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes gslideInRight { 
  0% { opacity: 0; visibility: visible; transform: translate3d(60%, 0px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@-webkit-keyframes gslideOutRight { 
  0% { opacity: 1; visibility: visible; transform: translate3d(0px, 0px, 0px); }
  100% { transform: translate3d(60%, 0px, 0px); opacity: 0; }
}
@keyframes gslideOutRight { 
  0% { opacity: 1; visibility: visible; transform: translate3d(0px, 0px, 0px); }
  100% { transform: translate3d(60%, 0px, 0px); opacity: 0; }
}
@-webkit-keyframes gzoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 1; }
}
@keyframes gzoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 1; }
}
@-webkit-keyframes gzoomOut { 
  0% { opacity: 1; }
  50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; }
}
@keyframes gzoomOut { 
  0% { opacity: 1; }
  50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; }
}
@media (min-width: 769px) {
  .glightbox-container .ginner-container { width: auto; height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }
  .glightbox-container .ginner-container.desc-top .gslide-description { -webkit-box-ordinal-group: 1; order: 0; }
  .glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img { -webkit-box-ordinal-group: 2; order: 1; }
  .glightbox-container .ginner-container.desc-left .gslide-description { -webkit-box-ordinal-group: 1; order: 0; }
  .glightbox-container .ginner-container.desc-left .gslide-image { -webkit-box-ordinal-group: 2; order: 1; }
  .gslide-image img { max-height: 97vh; max-width: 100%; }
  .gslide-image img.zoomable { cursor: zoom-in; }
  .zoomed .gslide-image img.zoomable { cursor: grab; }
  .gslide-inline { max-height: 95vh; }
  .gslide-external { max-height: 100vh; }
  .gslide-description.description-left, .gslide-description.description-right { max-width: 275px; }
  .glightbox-open { height: auto; }
  .goverlay { background: rgba(0, 0, 0, 0.92); }
  .glightbox-clean .gslide-media { box-shadow: rgba(0, 0, 0, 0.65) 1px 2px 9px 0px; }
  .glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner { position: absolute; height: 100%; overflow-y: auto; }
  .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev { background-color: rgba(0, 0, 0, 0.32); }
  .glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover { background-color: rgba(0, 0, 0, 0.7); }
  .glightbox-clean .gprev { top: 45%; }
  .glightbox-clean .gnext { top: 45%; }
}
@media (min-width: 992px) {
  .glightbox-clean .gclose { opacity: 0.7; right: 20px; }
}
@media screen and (max-height: 420px) {
  .goverlay { background: rgb(0, 0, 0); }
}
.enlighter-tooltip { visibility: hidden; width: 140px; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); text-align: center; padding: 8px 0px; border-radius: 5px; position: absolute; z-index: 10; bottom: 30px; transform: translateX(-42%); }
.enlighter-tooltip::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: rgb(0, 0, 0) transparent transparent; }
.enlighter-default { font-family: "Source Code Pro", "Liberation Mono", "Courier New", Courier, monospace; font-size: 12px; line-height: 1.35em; white-space: pre-wrap; overflow-wrap: break-word; margin: 0px 0px 20px; padding: 0px; position: relative; text-align: left; direction: ltr; }
.enlighter-default .enlighter-special:hover { background-color: rgb(244, 248, 252); }
.enlighter-default .enlighter-raw { display: none; min-width: 100%; line-height: inherit; font-size: 1em; font-family: inherit; margin: 0px; padding: 0px; white-space: pre-wrap; overflow-wrap: break-word; border: none; box-shadow: none; }
.enlighter-default:hover .enlighter-toolbar { display: block; }
.enlighter-default .enlighter-btn { display: inline-block; margin: 0px 5px; padding: 3px 5px; border: 1px solid rgb(51, 51, 51); background-color: rgb(240, 240, 240); cursor: pointer; font-family: inherit; }
.enlighter-default .enlighter-btn:hover .enlighter-tooltip { visibility: visible; }
.enlighter-default .enlighter-toolbar .enlighter-btn-raw { background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2246px%22%20height%3D%2246px%22%20viewBox%3D%220%200%2046%2046%22%20enable-background%3D%22new%200%200%2046%2046%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20d%3D%22M19.436%2C36.875L6.568%2C25.002v-3.863L19.436%2C9.267v5.041l-9.583%2C8.668v0.188l9.583%2C8.669V36.875z%22%2F%3E%0D%0A%09%3Cpath%20d%3D%22M26.343%2C36.875v-5.041l9.583-8.669v-0.188l-9.583-8.668V9.267l12.868%2C11.872v3.863L26.343%2C36.875z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A"); }
.enlighter-default .enlighter-toolbar .enlighter-btn-copy { background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2246px%22%20height%3D%2246px%22%20viewBox%3D%220%200%2046%2046%22%20enable-background%3D%22new%200%200%2046%2046%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%224%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2253.75%22%20y1%3D%2239.353%22%20x2%3D%2286.375%22%20y2%3D%2239.353%22%2F%3E%0D%0A%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%224%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2251.711%22%20y1%3D%2230.534%22%20x2%3D%2284.336%22%20y2%3D%2230.534%22%2F%3E%0D%0A%3Crect%20x%3D%228.932%22%20y%3D%227.334%22%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23000000%22%20stroke-width%3D%223%22%20stroke-miterlimit%3D%2210%22%20width%3D%2221.097%22%20height%3D%2224.952%22%2F%3E%0D%0A%3Crect%20x%3D%2218.942%22%20y%3D%2215.424%22%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23000000%22%20stroke-width%3D%223%22%20stroke-miterlimit%3D%2210%22%20width%3D%2221.096%22%20height%3D%2224.953%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A"); }
.enlighter-default .enlighter-toolbar .enlighter-btn-window { background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2246px%22%20height%3D%2246px%22%20viewBox%3D%220%200%2046%2046%22%20enable-background%3D%22new%200%200%2046%2046%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%224%22%20stroke-miterlimit%3D%2210%22%20x1%3D%227.125%22%20y1%3D%229.25%22%20x2%3D%2239.75%22%20y2%3D%229.25%22%2F%3E%0D%0A%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%224%22%20stroke-miterlimit%3D%2210%22%20x1%3D%227.125%22%20y1%3D%2218.167%22%20x2%3D%2239.75%22%20y2%3D%2218.167%22%2F%3E%0D%0A%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%224%22%20stroke-miterlimit%3D%2210%22%20x1%3D%227.125%22%20y1%3D%2227.083%22%20x2%3D%2239.75%22%20y2%3D%2227.083%22%2F%3E%0D%0A%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%224%22%20stroke-miterlimit%3D%2210%22%20x1%3D%227.125%22%20y1%3D%2236%22%20x2%3D%2229.809%22%20y2%3D%2236%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A"); }
.enlighter-default .enlighter-toolbar .enlighter-btn-website { background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22E%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2246px%22%20height%3D%2246px%22%20viewBox%3D%220%200%2046%2046%22%20enable-background%3D%22new%200%200%2046%2046%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20fill%3D%22%23202F65%22%20d%3D%22M32.48%2C25.614H19.64l-4.933%2C9.826l17.746%2C0.037l-6.173%2C5.358L8.167%2C40.912L16.29%2C6.055h22.974l-5.734%2C5.354%0D%0A%09%09l-13.306-0.027l0.672%2C8.797h12.841L32.48%2C25.614z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A"); }
.enlighter-code { overflow: hidden; }
.enlighter-origin { display: none !important; }
.enlighter-clipboard { position: absolute; left: 0px; bottom: 0px; width: 1px; height: 1px; overflow: hidden; }
.enlighter-v-inline { display: inline-block; overflow: inherit; margin: 0px; }
.enlighter-v-standard { display: block; }
.enlighter-v-codegroup { display: block; }
.enlighter-v-codegroup .enlighter-codegroup-wrapper { position: relative; }
.enlighter-v-codegroup .enlighter-code { display: none; }
.enlighter-v-codegroup .enlighter-toolbar { top: 44px; }
div.enlighter { display: table; width: 100%; border-collapse: collapse; border-spacing: 0px; empty-cells: show; min-width: 100%; font-size: 1em; margin: 0px; padding: 0px; text-indent: 0px; counter-reset: enlighter 0; }
div.enlighter > div { display: table-row; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.15em; min-height: 14px; }
div.enlighter > div > div { display: table-cell; padding-left: 10px; }
div.enlighter > div > div::before { content: " "; }
span.enlighter { display: inline-block; padding: 3px 5px 1px; margin: 0px 2px; }
.enlighter span { margin: 0px; padding: 0px; line-height: inherit; font-size: 1em; font-family: inherit; }
.enlighter-linenumbers div.enlighter > div::before { white-space: nowrap; display: table-cell; width: 45px; min-width: 45px; counter-increment: enlighter 1; content: counter(enlighter) "."; text-align: right; padding-right: 8px; }
.enlighter-toolbar { display: none; position: absolute; right: 10px; top: 10px; z-index: 10; }
.enlighter-toolbar-bottom { top: unset; bottom: 0px; }
.enlighter-overflow-scroll.enlighter-v-codegroup .enlighter-code, .enlighter-overflow-scroll.enlighter-v-standard .enlighter-code { overflow-x: auto; overflow-wrap: normal !important; }
.enlighter-overflow-scroll.enlighter-v-codegroup .enlighter > div > div, .enlighter-overflow-scroll.enlighter-v-standard .enlighter > div > div { white-space: pre !important; }
.enlighter-overflow-scroll.enlighter-v-codegroup .enlighter-raw, .enlighter-overflow-scroll.enlighter-v-standard .enlighter-raw { white-space: pre !important; }
.enlighter-collapse.enlighter-v-codegroup .enlighter-code, .enlighter-collapse.enlighter-v-standard .enlighter-code { overflow-y: auto; max-height: 500px; }
.enlighter-collapse.enlighter-collapse-full.enlighter-v-standard .enlighter-code { max-height: none; }
.enlighter-collapse.enlighter-collapse-full.enlighter-v-codegroup .enlighter-codegroup-wrapper { max-height: none; }
.enlighter-show-rawcode .enlighter-raw { display: block; }
.enlighter-show-rawcode .enlighter { display: none !important; }
.enlighter-t-enlighter { color: rgb(147, 147, 147); border-radius: 8px; border: 1px solid rgb(224, 224, 224); }
.enlighter-t-enlighter .enlighter-btn { border-radius: 3px; background-color: rgb(255, 255, 255); color: rgb(113, 113, 113); font-size: 1em; padding: 0px; border: 1px solid rgb(224, 224, 224); margin: 0px 0px 0px 8px; text-decoration: none; width: 23px; height: 23px; background-position: 0px 0px; background-size: contain; }
.enlighter-t-enlighter .enlighter-btn:hover { border-color: rgb(201, 201, 201); }
.enlighter-t-enlighter .enlighter-btn::after { content: ""; }
.enlighter-t-enlighter.enlighter-hover.enlighter-linenumbers div.enlighter > div:hover { color: rgb(68, 68, 68); background-color: rgb(255, 252, 211); }
.enlighter-t-enlighter.enlighter-hover div.enlighter > div:hover { color: rgb(68, 68, 68); background-color: rgb(255, 252, 211); }
.enlighter-t-enlighter .enlighter-raw { font-size: 1em; color: rgb(0, 0, 0); background-color: rgb(249, 249, 249); border-radius: 8px; line-height: 1.4em; padding: 0px 5px 0px 60px; }
.enlighter-t-enlighter div.enlighter > div { border: 0px solid rgb(255, 255, 255); line-height: 1.35em; color: rgb(170, 170, 170); }
.enlighter-t-enlighter div.enlighter > div:first-child { border-radius: 8px 8px 0px 0px; }
.enlighter-t-enlighter div.enlighter > div:last-child { border-radius: 0px 0px 8px 8px; }
.enlighter-t-enlighter div.enlighter > div.enlighter-special { background-color: rgb(253, 245, 240); }
.enlighter-t-enlighter.enlighter-linenumbers div.enlighter > div::before { border-right: 1px solid rgb(224, 224, 224); background-color: rgb(249, 249, 249); }
.enlighter-t-enlighter.enlighter-linenumbers div.enlighter > div:first-child::before { border-radius: 8px 0px 0px; }
.enlighter-t-enlighter.enlighter-linenumbers div.enlighter > div:last-child::before { border-radius: 0px 0px 0px 8px; }
.enlighter-t-enlighter .enlighter-text { color: rgb(0, 0, 0); }
.enlighter-t-enlighter .enlighter-c0 { color: rgb(153, 153, 170); }
.enlighter-t-enlighter .enlighter-c1 { color: rgb(153, 153, 170); }
.enlighter-t-enlighter .enlighter-c2 { color: rgb(153, 153, 170); }
.enlighter-t-enlighter .enlighter-c9 { color: rgb(155, 170, 143); }
.enlighter-t-enlighter .enlighter-k0 { color: rgb(40, 100, 145); font-weight: 700; }
.enlighter-t-enlighter .enlighter-k1 { color: rgb(40, 100, 145); font-weight: 700; }
.enlighter-t-enlighter .enlighter-k2 { color: rgb(68, 85, 136); font-weight: 700; }
.enlighter-t-enlighter .enlighter-k3 { color: rgb(77, 160, 210); background-color: rgb(240, 240, 240); }
.enlighter-t-enlighter .enlighter-k4 { color: rgb(74, 145, 65); font-weight: 700; }
.enlighter-t-enlighter .enlighter-k5 { color: rgb(40, 100, 145); font-weight: 700; }
.enlighter-t-enlighter .enlighter-k6 { color: rgb(40, 100, 145); font-style: italic; }
.enlighter-t-enlighter .enlighter-k7 { color: rgb(40, 100, 145); font-weight: 700; }
.enlighter-t-enlighter .enlighter-k8 { color: rgb(77, 160, 210); }
.enlighter-t-enlighter .enlighter-k9 { color: rgb(153, 0, 115); font-weight: 700; }
.enlighter-t-enlighter .enlighter-k10 { color: rgb(74, 145, 65); font-style: italic; }
.enlighter-t-enlighter .enlighter-k11 { color: rgb(153, 153, 170); }
.enlighter-t-enlighter .enlighter-e0 { color: rgb(52, 6, 138); font-weight: 700; }
.enlighter-t-enlighter .enlighter-e1 { color: rgb(52, 6, 138); font-weight: 700; }
.enlighter-t-enlighter .enlighter-e2 { color: rgb(0, 153, 38); }
.enlighter-t-enlighter .enlighter-e3 { color: rgb(40, 100, 145); }
.enlighter-t-enlighter .enlighter-e4 { color: rgb(255, 140, 0); font-style: italic; }
.enlighter-t-enlighter .enlighter-s0 { color: rgb(221, 17, 68); }
.enlighter-t-enlighter .enlighter-s1 { color: rgb(221, 17, 68); }
.enlighter-t-enlighter .enlighter-s2 { color: rgb(221, 17, 68); }
.enlighter-t-enlighter .enlighter-s3 { color: rgb(115, 115, 131); }
.enlighter-t-enlighter .enlighter-s4 { color: rgb(255, 140, 0); font-weight: 700; }
.enlighter-t-enlighter .enlighter-s5 { color: rgb(221, 17, 68); font-style: italic; }
.enlighter-t-enlighter .enlighter-n0 { color: rgb(0, 153, 153); }
.enlighter-t-enlighter .enlighter-n1 { color: rgb(0, 153, 153); }
.enlighter-t-enlighter .enlighter-n2 { color: rgb(0, 153, 153); font-style: italic; }
.enlighter-t-enlighter .enlighter-n3 { color: rgb(0, 153, 153); font-style: italic; }
.enlighter-t-enlighter .enlighter-n4 { color: rgb(0, 153, 153); font-style: italic; }
.enlighter-t-enlighter .enlighter-n5 { color: rgb(0, 153, 153); text-decoration: underline; }
.enlighter-t-enlighter .enlighter-m0 { color: rgb(0, 134, 179); }
.enlighter-t-enlighter .enlighter-m1 { color: rgb(0, 134, 179); }
.enlighter-t-enlighter .enlighter-m2 { color: rgb(0, 134, 179); }
.enlighter-t-enlighter .enlighter-m3 { color: rgb(0, 134, 179); }
.enlighter-t-enlighter .enlighter-g0 { color: rgb(119, 119, 119); }
.enlighter-t-enlighter .enlighter-g1 { color: rgb(119, 119, 119); }
.enlighter-t-enlighter .enlighter-t0 { color: rgb(119, 119, 119); }
.enlighter-t-enlighter .enlighter-t1 { color: rgb(221, 17, 68); font-weight: 700; }
.enlighter-t-enlighter .enlighter-t2 { color: rgb(153, 0, 115); font-weight: 700; }
.enlighter-t-enlighter .enlighter-t3 { color: rgb(0, 134, 179); }
.enlighter-t-enlighter .enlighter-t4 { color: rgb(0, 153, 38); }
.enlighter-t-enlighter .enlighter-t5 { color: rgb(0, 153, 38); }
.enlighter-t-enlighter .enlighter-t6 { color: rgb(221, 17, 68); }
.enlighter-t-enlighter .enlighter-t7 { color: rgb(83, 83, 83); font-weight: 700; }
.enlighter-t-enlighter .enlighter-t8 { color: rgb(119, 119, 119); background-color: rgb(240, 240, 240); font-style: italic; }
.enlighter-t-enlighter .enlighter-x1 { color: rgb(40, 100, 145); font-weight: 700; }
.enlighter-t-enlighter .enlighter-x2 { color: rgb(77, 160, 210); }
.enlighter-t-enlighter .enlighter-x10 { color: rgb(0, 0, 0); font-weight: 700; }
.enlighter-t-enlighter .enlighter-x11 { color: rgb(40, 100, 145); font-weight: 700; }
.enlighter-t-enlighter .enlighter-x12 { color: rgb(40, 100, 145); text-decoration: underline; }
.enlighter-t-enlighter .enlighter-x13 { color: rgb(0, 134, 179); }
.enlighter-t-enlighter .enlighter-x14 { color: rgb(0, 153, 153); font-style: italic; }
.enlighter-t-enlighter .enlighter-x15 { color: rgb(153, 0, 115); font-style: italic; }
.enlighter-t-enlighter.enlighter-v-inline { border-radius: 3px; background-color: rgb(250, 250, 250); }
.enlighter-t-enlighter.enlighter-v-codegroup .enlighter, .enlighter-t-enlighter.enlighter-v-codegroup .enlighter-raw { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.enlighter-t-enlighter.enlighter-v-codegroup .enlighter div:first-child { border-radius: 0px; }
.enlighter-t-enlighter.enlighter-v-codegroup .enlighter-codegroup-wrapper { position: relative; }
.enlighter-t-enlighter.enlighter-v-codegroup .enlighter-codegroup-switch { border-radius: 8px 8px 0px 0px; background-color: rgb(249, 249, 249); border-bottom: 1px solid rgb(224, 224, 224); padding: 5px 5px 5px 45px; }
.enlighter-t-enlighter.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn { padding: 3px 10px; border-radius: 4px; border: 1px solid rgb(224, 224, 224); font-size: 1em; color: rgb(0, 0, 0); background-color: transparent; width: auto; }
.enlighter-t-enlighter.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active { background-color: rgb(229, 229, 229); color: rgb(0, 0, 0); border-color: rgb(201, 201, 201); }
.enlighter-t-beyond { color: rgb(51, 51, 51); background-color: rgb(247, 247, 250); border-radius: 5px; border: 2px solid rgb(226, 226, 232); padding: 10px 10px 10px 5px; }
.enlighter-t-beyond .enlighter-btn { border-radius: 3px; background-color: rgb(255, 255, 255); color: rgb(113, 113, 113); padding: 0px; border: 1px solid rgb(224, 224, 224); margin: 0px 0px 0px 8px; width: 23px; height: 23px; background-position: 0px 0px; background-size: contain; font-family: "Open Sans", Arial, Verdana, sans-serif; }
.enlighter-t-beyond .enlighter-btn:hover { border-color: rgb(201, 201, 201); }
.enlighter-t-beyond .enlighter-btn::after { content: ""; }
.enlighter-t-beyond.enlighter-hover div.enlighter > div:hover { color: rgb(68, 68, 68); background-color: rgb(255, 255, 255); }
.enlighter-t-beyond.enlighter-hover div.enlighter > div:hover.enlighter-special { background-color: rgb(255, 252, 211); border: 0px solid rgb(255, 255, 255); color: rgb(68, 68, 68); }
.enlighter-t-beyond .enlighter-raw { background-color: rgb(247, 247, 250); font-size: 1.1em; color: rgb(51, 51, 51); padding: 10px 15px 10px 59px; line-height: 1.7em; }
.enlighter-t-beyond div.enlighter > div { border: 0px solid rgb(255, 255, 255); padding: 1px 5px 1px 10px; line-height: 1.5em; color: rgb(170, 170, 170); background-color: rgb(247, 247, 250); }
.enlighter-t-beyond div.enlighter > div:first-child { border-radius: 8px 8px 0px 0px; }
.enlighter-t-beyond div.enlighter > div:last-child { border-radius: 0px 0px 8px 8px; }
.enlighter-t-beyond div.enlighter > div::after { content: " "; }
.enlighter-t-beyond div.enlighter > div.enlighter-special { background-color: rgb(255, 255, 255); }
.enlighter-t-beyond.enlighter-linenumbers div.enlighter > div::before { padding: 1px 5px 1px 14px; font-size: 0.9em; }
.enlighter-t-beyond.enlighter-linenumbers div.enlighter > div:first-child::before { border-radius: 0px 8px 0px 0px; }
.enlighter-t-beyond.enlighter-linenumbers div.enlighter > div:last-child::before { border-radius: 0px 0px 8px; }
.enlighter-t-beyond .enlighter span { font-size: 1.1em; }
.enlighter-t-beyond .enlighter-text { color: rgb(47, 50, 53); }
.enlighter-t-beyond .enlighter-c0 { color: rgb(129, 129, 161); }
.enlighter-t-beyond .enlighter-c1 { color: rgb(129, 129, 161); }
.enlighter-t-beyond .enlighter-c2 { color: rgb(129, 129, 161); }
.enlighter-t-beyond .enlighter-c9 { color: rgb(129, 129, 161); }
.enlighter-t-beyond .enlighter-k0 { color: rgb(40, 100, 145); font-weight: 700; }
.enlighter-t-beyond .enlighter-k1 { color: rgb(40, 100, 145); font-weight: 700; }
.enlighter-t-beyond .enlighter-k2 { color: rgb(68, 85, 136); font-weight: 700; }
.enlighter-t-beyond .enlighter-k3 { color: rgb(77, 160, 210); background-color: rgb(240, 240, 240); }
.enlighter-t-beyond .enlighter-k4 { color: rgb(74, 145, 65); font-weight: 700; }
.enlighter-t-beyond .enlighter-k5 { color: rgb(40, 100, 145); font-weight: 700; }
.enlighter-t-beyond .enlighter-k6 { color: rgb(40, 100, 145); font-style: italic; }
.enlighter-t-beyond .enlighter-k7 { color: rgb(40, 100, 145); font-weight: 700; }
.enlighter-t-beyond .enlighter-k8 { color: rgb(77, 160, 210); }
.enlighter-t-beyond .enlighter-k9 { color: rgb(153, 0, 115); font-weight: 700; }
.enlighter-t-beyond .enlighter-k10 { color: rgb(74, 145, 65); font-style: italic; }
.enlighter-t-beyond .enlighter-k11 { color: rgb(129, 129, 161); }
.enlighter-t-beyond .enlighter-e0 { color: rgb(52, 6, 138); font-weight: 700; }
.enlighter-t-beyond .enlighter-e1 { color: rgb(52, 6, 138); font-weight: 700; }
.enlighter-t-beyond .enlighter-e2 { color: rgb(0, 153, 38); }
.enlighter-t-beyond .enlighter-e3 { color: rgb(40, 100, 145); }
.enlighter-t-beyond .enlighter-e4 { color: rgb(4, 149, 149); font-style: italic; }
.enlighter-t-beyond .enlighter-s0 { color: rgb(221, 17, 68); }
.enlighter-t-beyond .enlighter-s1 { color: rgb(221, 17, 68); }
.enlighter-t-beyond .enlighter-s2 { color: rgb(221, 17, 68); }
.enlighter-t-beyond .enlighter-s3 { color: rgb(115, 115, 131); }
.enlighter-t-beyond .enlighter-s4 { color: rgb(4, 149, 149); font-weight: 700; }
.enlighter-t-beyond .enlighter-s5 { color: rgb(221, 17, 68); font-style: italic; }
.enlighter-t-beyond .enlighter-n0 { color: rgb(0, 153, 153); }
.enlighter-t-beyond .enlighter-n1 { color: rgb(0, 153, 153); }
.enlighter-t-beyond .enlighter-n2 { color: rgb(0, 153, 153); font-style: italic; }
.enlighter-t-beyond .enlighter-n3 { color: rgb(0, 153, 153); font-style: italic; }
.enlighter-t-beyond .enlighter-n4 { color: rgb(0, 153, 153); font-style: italic; }
.enlighter-t-beyond .enlighter-n5 { color: rgb(0, 153, 153); text-decoration: underline; }
.enlighter-t-beyond .enlighter-m0 { color: rgb(0, 134, 179); }
.enlighter-t-beyond .enlighter-m1 { color: rgb(0, 134, 179); }
.enlighter-t-beyond .enlighter-m2 { color: rgb(0, 134, 179); }
.enlighter-t-beyond .enlighter-m3 { color: rgb(0, 134, 179); }
.enlighter-t-beyond .enlighter-g0 { color: rgb(119, 119, 119); }
.enlighter-t-beyond .enlighter-g1 { color: rgb(119, 119, 119); }
.enlighter-t-beyond .enlighter-t0 { color: rgb(119, 119, 119); }
.enlighter-t-beyond .enlighter-t1 { color: rgb(221, 17, 68); font-weight: 700; }
.enlighter-t-beyond .enlighter-t2 { color: rgb(153, 0, 115); font-weight: 700; }
.enlighter-t-beyond .enlighter-t3 { color: rgb(0, 134, 179); }
.enlighter-t-beyond .enlighter-t4 { color: rgb(0, 153, 38); }
.enlighter-t-beyond .enlighter-t5 { color: rgb(0, 153, 38); }
.enlighter-t-beyond .enlighter-t6 { color: rgb(221, 17, 68); }
.enlighter-t-beyond .enlighter-t7 { color: rgb(83, 83, 83); font-weight: 700; }
.enlighter-t-beyond .enlighter-t8 { color: rgb(119, 119, 119); background-color: rgb(240, 240, 240); font-style: italic; }
.enlighter-t-beyond .enlighter-x1 { color: rgb(40, 100, 145); font-weight: 700; }
.enlighter-t-beyond .enlighter-x2 { color: rgb(77, 160, 210); }
.enlighter-t-beyond .enlighter-x10 { color: rgb(0, 0, 0); font-weight: 700; }
.enlighter-t-beyond .enlighter-x11 { color: rgb(40, 100, 145); font-weight: 700; }
.enlighter-t-beyond .enlighter-x12 { color: rgb(40, 100, 145); text-decoration: underline; }
.enlighter-t-beyond .enlighter-x13 { color: rgb(0, 134, 179); }
.enlighter-t-beyond .enlighter-x14 { color: rgb(0, 153, 153); font-style: italic; }
.enlighter-t-beyond .enlighter-x15 { color: rgb(153, 0, 115); font-style: italic; }
.enlighter-t-beyond.enlighter-v-inline { border-radius: 3px; background-color: rgb(247, 247, 250); border: 1px dotted rgb(226, 226, 232); padding: 0px; }
.enlighter-t-beyond.enlighter-v-codegroup { padding: 0px; border: none; }
.enlighter-t-beyond.enlighter-v-codegroup .enlighter-codegroup-wrapper { background-color: rgb(247, 247, 250); border-radius: 5px; border: 2px solid rgb(226, 226, 232); padding: 10px 10px 10px 5px; }
.enlighter-t-beyond.enlighter-v-codegroup .enlighter-codegroup-switch { background-color: rgb(255, 255, 255); padding: 0px 0px 0px 45px; }
.enlighter-t-beyond.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn { border-top: 2px solid rgb(226, 226, 232); border-right: 2px solid rgb(226, 226, 232); border-left: 2px solid rgb(226, 226, 232); border-image: initial; border-radius: 5px 5px 0px 0px; font-size: 1em; color: rgb(40, 100, 145); font-weight: 700; background-color: rgb(255, 255, 255); border-bottom: none; padding: 3px 10px; width: auto; }
.enlighter-t-beyond.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active { background-color: rgb(226, 226, 232); border-color: rgb(216, 216, 221); color: rgb(80, 80, 80); font-weight: 700; }
.enlighter-t-classic { background-color: rgb(255, 255, 255); border: 1px solid rgb(232, 232, 226); }
.enlighter-t-classic .enlighter-btn { background-color: rgb(255, 255, 255); color: rgb(113, 113, 113); font-size: 1em; padding: 0px; border: 1px solid rgb(224, 224, 224); margin: 0px 0px 0px 8px; text-decoration: none; width: 23px; height: 23px; background-position: 0px 0px; background-size: contain; font-family: "Open Sans", Arial, Verdana, sans-serif; }
.enlighter-t-classic .enlighter-btn:hover { border-color: rgb(201, 201, 201); }
.enlighter-t-classic .enlighter-btn::after { content: ""; }
.enlighter-t-classic.enlighter-hover div.enlighter > div:hover { background-color: rgb(221, 240, 221); }
.enlighter-t-classic .enlighter-raw { font-size: 1.25em; color: rgb(0, 0, 0); line-height: 1.85em; padding: 4px 5px 4px 58px; }
.enlighter-t-classic div.enlighter { line-height: 1.7em; }
.enlighter-t-classic div.enlighter > div { padding: 1px 5px 1px 14px; line-height: 1.7em; color: rgb(170, 170, 170); }
.enlighter-t-classic div.enlighter > div > div { border-left: 4px solid rgb(82, 206, 82); }
.enlighter-t-classic div.enlighter > div:first-child { padding-top: 5px; }
.enlighter-t-classic div.enlighter > div:last-child { padding-bottom: 5px; }
.enlighter-t-classic div.enlighter > div::after { content: " "; }
.enlighter-t-classic div.enlighter > div:nth-child(2n) { background-color: rgb(248, 248, 248); }
.enlighter-t-classic div.enlighter > div.enlighter-special { background-color: rgb(237, 249, 236); border-left-color: rgb(63, 160, 63); }
.enlighter-t-classic.enlighter-linenumbers div.enlighter > div::before { padding: 1px 5px 1px 14px; color: rgb(0, 0, 0); background-color: rgb(248, 248, 248); font-size: 1.15em; width: 55px; min-width: 55px; }
.enlighter-t-classic .enlighter span { font-size: 1.25em; }
.enlighter-t-classic .enlighter-text { color: rgb(0, 0, 0); }
.enlighter-t-classic .enlighter-c0 { color: rgb(136, 136, 136); }
.enlighter-t-classic .enlighter-c1 { color: rgb(136, 136, 136); }
.enlighter-t-classic .enlighter-c2 { color: rgb(136, 136, 136); }
.enlighter-t-classic .enlighter-c9 { color: rgb(136, 136, 136); }
.enlighter-t-classic .enlighter-k0 { color: rgb(6, 109, 161); font-weight: 700; }
.enlighter-t-classic .enlighter-k1 { color: rgb(6, 109, 161); font-weight: 700; }
.enlighter-t-classic .enlighter-k2 { color: rgb(64, 66, 71); font-weight: 700; }
.enlighter-t-classic .enlighter-k3 { color: rgb(64, 66, 71); background-color: rgb(240, 240, 240); }
.enlighter-t-classic .enlighter-k4 { color: rgb(64, 66, 71); font-weight: 700; }
.enlighter-t-classic .enlighter-k5 { color: rgb(64, 66, 71); font-weight: 700; }
.enlighter-t-classic .enlighter-k6 { color: rgb(6, 109, 161); font-style: italic; }
.enlighter-t-classic .enlighter-k7 { color: rgb(6, 109, 161); font-weight: 700; }
.enlighter-t-classic .enlighter-k8 { color: rgb(64, 66, 71); }
.enlighter-t-classic .enlighter-k9 { color: rgb(213, 58, 169); font-weight: 700; }
.enlighter-t-classic .enlighter-k10 { color: rgb(64, 66, 71); font-style: italic; }
.enlighter-t-classic .enlighter-k11 { color: rgb(136, 136, 136); }
.enlighter-t-classic .enlighter-e0 { color: rgb(213, 58, 169); font-weight: 700; }
.enlighter-t-classic .enlighter-e1 { color: rgb(213, 58, 169); font-weight: 700; }
.enlighter-t-classic .enlighter-e2 { color: rgb(0, 153, 38); }
.enlighter-t-classic .enlighter-e3 { color: rgb(213, 58, 169); }
.enlighter-t-classic .enlighter-e4 { color: rgb(213, 58, 169); font-style: italic; }
.enlighter-t-classic .enlighter-s0 { color: rgb(45, 71, 230); }
.enlighter-t-classic .enlighter-s1 { color: rgb(45, 71, 230); }
.enlighter-t-classic .enlighter-s2 { color: rgb(45, 71, 230); }
.enlighter-t-classic .enlighter-s3 { color: rgb(45, 71, 230); }
.enlighter-t-classic .enlighter-s4 { color: rgb(45, 71, 230); font-weight: 700; }
.enlighter-t-classic .enlighter-s5 { color: rgb(213, 58, 169); font-weight: 700; }
.enlighter-t-classic .enlighter-n0 { color: rgb(213, 58, 169); }
.enlighter-t-classic .enlighter-n1 { color: rgb(213, 58, 169); }
.enlighter-t-classic .enlighter-n2 { color: rgb(213, 58, 169); }
.enlighter-t-classic .enlighter-n3 { color: rgb(213, 58, 169); }
.enlighter-t-classic .enlighter-n4 { color: rgb(213, 58, 169); }
.enlighter-t-classic .enlighter-n5 { color: rgb(213, 58, 169); }
.enlighter-t-classic .enlighter-m0 { color: rgb(64, 66, 71); }
.enlighter-t-classic .enlighter-m1 { color: rgb(64, 66, 71); }
.enlighter-t-classic .enlighter-m2 { color: rgb(64, 66, 71); }
.enlighter-t-classic .enlighter-m3 { color: rgb(64, 66, 71); }
.enlighter-t-classic .enlighter-g0 { color: rgb(68, 68, 68); }
.enlighter-t-classic .enlighter-g1 { color: rgb(68, 68, 68); }
.enlighter-t-classic .enlighter-t0 { color: rgb(68, 68, 68); }
.enlighter-t-classic .enlighter-t1 { color: rgb(213, 58, 169); font-weight: 700; }
.enlighter-t-classic .enlighter-t2 { color: rgb(213, 58, 169); font-weight: 700; }
.enlighter-t-classic .enlighter-t3 { color: rgb(6, 109, 161); }
.enlighter-t-classic .enlighter-t4 { color: rgb(0, 153, 38); }
.enlighter-t-classic .enlighter-t5 { color: rgb(0, 153, 38); }
.enlighter-t-classic .enlighter-t6 { color: rgb(213, 58, 169); }
.enlighter-t-classic .enlighter-t7 { color: rgb(68, 68, 68); font-weight: 700; }
.enlighter-t-classic .enlighter-t8 { color: rgb(68, 68, 68); background-color: rgb(240, 240, 240); font-style: italic; }
.enlighter-t-classic .enlighter-x1 { color: rgb(6, 109, 161); font-weight: 700; }
.enlighter-t-classic .enlighter-x2 { color: rgb(64, 66, 71); font-weight: 700; }
.enlighter-t-classic .enlighter-x10 { color: rgb(0, 0, 0); font-weight: 700; }
.enlighter-t-classic .enlighter-x11 { color: rgb(40, 100, 145); font-weight: 700; }
.enlighter-t-classic .enlighter-x12 { color: rgb(40, 100, 145); text-decoration: underline; }
.enlighter-t-classic .enlighter-x13 { color: rgb(0, 134, 179); }
.enlighter-t-classic .enlighter-x14 { color: rgb(0, 153, 153); font-style: italic; }
.enlighter-t-classic .enlighter-x15 { color: rgb(153, 0, 115); font-style: italic; }
.enlighter-t-classic.enlighter-v-inline { background-color: transparent; border: none; }
.enlighter-t-classic.enlighter-v-codegroup { display: block; }
.enlighter-t-classic.enlighter-v-codegroup .enlighter-codegroup-wrapper { position: relative; }
.enlighter-t-classic.enlighter-v-codegroup .enlighter-codegroup-switch { background-color: rgb(248, 248, 248); padding-left: 45px; }
.enlighter-t-classic.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn { border: none; font-size: 1.25em; line-height: 2.1em; width: auto; height: auto; background-color: transparent; padding: 5px 10px; }
.enlighter-t-classic.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active { background-color: rgb(82, 206, 82); color: rgb(249, 249, 249); font-weight: 700; }
.enlighter-t-godzilla { border-left: 6px solid rgb(74, 128, 179); background-image: url("data:image/gif;base64,R0lGODlhHgAeAJEAAPLz9ezt7vf39wAAACwAAAAAHgAeAAACYYyPqXvi/wCccr5gY3Y1491Z4fRlI3Rem5ByaymurQBT8nuDuM57wA8MCodEQA2V8yRjm6OmZ3G6oKSlrWlFYqlaJffpNWUvxbL5J2WNHenZrL2mxd/znfjLrm/v/Kg+UwAAOw=="); background-repeat: repeat; background-position: 0px 0px; }
.enlighter-t-godzilla .enlighter-btn { border-radius: 3px; background-color: rgb(255, 255, 255); color: rgb(113, 113, 113); font-size: 1em; padding: 0px; border: 1px solid rgb(224, 224, 224); margin: 0px 0px 0px 8px; text-decoration: none; width: 23px; height: 23px; background-position: 0px 0px; background-size: contain; }
.enlighter-t-godzilla .enlighter-btn:hover { border-color: rgb(201, 201, 201); }
.enlighter-t-godzilla .enlighter-btn::after { content: ""; }
.enlighter-t-godzilla.enlighter-hover div.enlighter > div:hover { background-color: rgb(240, 240, 241); }
.enlighter-t-godzilla .enlighter-raw { font-size: 1.15em; line-height: 1.6em; color: rgb(43, 51, 58); padding: 4px 5px 4px 54px; }
.enlighter-t-godzilla div.enlighter > div { padding: 1px 5px 1px 14px; line-height: 1.35em; color: rgb(156, 158, 160); }
.enlighter-t-godzilla div.enlighter > div:first-child { padding-top: 5px; }
.enlighter-t-godzilla div.enlighter > div:last-child { padding-bottom: 5px; }
.enlighter-t-godzilla div.enlighter > div::after { content: " "; }
.enlighter-t-godzilla div.enlighter > div.enlighter-special { background-color: rgb(255, 252, 211); }
.enlighter-t-godzilla.enlighter-linenumbers div.enlighter > div::before { padding: 1px 5px 1px 14px; background-color: transparent; font-size: 0.9em; }
.enlighter-t-godzilla .enlighter span { font-size: 1.15em; }
.enlighter-t-godzilla .enlighter-text { color: rgb(43, 51, 58); }
.enlighter-t-godzilla .enlighter-c0 { color: rgb(107, 124, 139); }
.enlighter-t-godzilla .enlighter-c1 { color: rgb(107, 124, 139); }
.enlighter-t-godzilla .enlighter-c2 { color: rgb(107, 124, 139); }
.enlighter-t-godzilla .enlighter-c9 { color: rgb(91, 124, 156); }
.enlighter-t-godzilla .enlighter-k0 { color: rgb(8, 87, 137); font-weight: 700; }
.enlighter-t-godzilla .enlighter-k1 { color: rgb(8, 87, 137); font-weight: 700; }
.enlighter-t-godzilla .enlighter-k2 { color: rgb(66, 132, 174); font-weight: 700; }
.enlighter-t-godzilla .enlighter-k3 { color: rgb(66, 132, 174); background-color: rgb(240, 240, 240); }
.enlighter-t-godzilla .enlighter-k4 { color: rgb(66, 132, 174); font-weight: 700; }
.enlighter-t-godzilla .enlighter-k5 { color: rgb(8, 87, 137); font-weight: 700; }
.enlighter-t-godzilla .enlighter-k6 { color: rgb(8, 87, 137); font-style: italic; }
.enlighter-t-godzilla .enlighter-k7 { color: rgb(8, 87, 137); font-weight: 700; }
.enlighter-t-godzilla .enlighter-k8 { color: rgb(66, 132, 174); }
.enlighter-t-godzilla .enlighter-k9 { color: rgb(174, 66, 160); font-weight: 700; }
.enlighter-t-godzilla .enlighter-k10 { color: rgb(174, 66, 160); font-style: italic; }
.enlighter-t-godzilla .enlighter-k11 { color: rgb(107, 124, 139); }
.enlighter-t-godzilla .enlighter-e0 { color: rgb(8, 87, 137); font-weight: 700; }
.enlighter-t-godzilla .enlighter-e1 { color: rgb(8, 87, 137); font-weight: 700; }
.enlighter-t-godzilla .enlighter-e2 { color: rgb(8, 87, 137); }
.enlighter-t-godzilla .enlighter-e3 { color: rgb(8, 87, 137); }
.enlighter-t-godzilla .enlighter-e4 { color: rgb(210, 144, 29); }
.enlighter-t-godzilla .enlighter-s0 { color: rgb(94, 134, 15); }
.enlighter-t-godzilla .enlighter-s1 { color: rgb(94, 134, 15); }
.enlighter-t-godzilla .enlighter-s2 { color: rgb(94, 134, 15); }
.enlighter-t-godzilla .enlighter-s3 { color: rgb(94, 134, 15); }
.enlighter-t-godzilla .enlighter-s4 { color: rgb(94, 134, 15); }
.enlighter-t-godzilla .enlighter-s5 { color: rgb(94, 134, 15); }
.enlighter-t-godzilla .enlighter-n0 { color: rgb(155, 13, 92); }
.enlighter-t-godzilla .enlighter-n1 { color: rgb(155, 13, 92); }
.enlighter-t-godzilla .enlighter-n2 { color: rgb(155, 13, 92); font-style: italic; }
.enlighter-t-godzilla .enlighter-n3 { color: rgb(155, 13, 92); font-style: italic; }
.enlighter-t-godzilla .enlighter-n4 { color: rgb(155, 13, 92); font-style: italic; }
.enlighter-t-godzilla .enlighter-n5 { color: rgb(155, 13, 92); text-decoration: underline; }
.enlighter-t-godzilla .enlighter-m0 { color: rgb(208, 40, 74); }
.enlighter-t-godzilla .enlighter-m1 { color: rgb(208, 40, 74); }
.enlighter-t-godzilla .enlighter-m2 { color: rgb(208, 40, 74); }
.enlighter-t-godzilla .enlighter-m3 { color: rgb(208, 40, 74); }
.enlighter-t-godzilla .enlighter-g0 { color: rgb(53, 67, 76); }
.enlighter-t-godzilla .enlighter-g1 { color: rgb(53, 67, 76); }
.enlighter-t-godzilla .enlighter-t0 { color: rgb(53, 67, 76); }
.enlighter-t-godzilla .enlighter-t1 { color: rgb(208, 40, 74); font-weight: 700; }
.enlighter-t-godzilla .enlighter-t2 { color: rgb(155, 13, 92); font-weight: 700; }
.enlighter-t-godzilla .enlighter-t3 { color: rgb(8, 87, 137); }
.enlighter-t-godzilla .enlighter-t4 { color: rgb(8, 87, 137); }
.enlighter-t-godzilla .enlighter-t5 { color: rgb(8, 87, 137); }
.enlighter-t-godzilla .enlighter-t6 { color: rgb(208, 40, 74); }
.enlighter-t-godzilla .enlighter-t7 { color: rgb(53, 67, 76); font-weight: 700; }
.enlighter-t-godzilla .enlighter-t8 { color: rgb(53, 67, 76); background-color: rgb(240, 240, 240); font-style: italic; }
.enlighter-t-godzilla .enlighter-x1 { color: rgb(8, 87, 137); font-weight: 700; }
.enlighter-t-godzilla .enlighter-x2 { color: rgb(66, 132, 174); }
.enlighter-t-godzilla .enlighter-x10 { color: rgb(53, 67, 76); font-weight: 700; }
.enlighter-t-godzilla .enlighter-x11 { color: rgb(8, 87, 137); font-weight: 700; }
.enlighter-t-godzilla .enlighter-x12 { color: rgb(8, 87, 137); text-decoration: underline; }
.enlighter-t-godzilla .enlighter-x13 { color: rgb(66, 132, 174); }
.enlighter-t-godzilla .enlighter-x14 { color: rgb(66, 132, 174); font-style: italic; }
.enlighter-t-godzilla .enlighter-x15 { color: rgb(155, 13, 92); font-style: italic; }
.enlighter-t-godzilla.enlighter-v-inline { background-color: rgb(247, 247, 247); border-width: 1px 1px 1px 2px; border-style: dotted dotted dotted solid; border-color: rgb(224, 224, 225) rgb(224, 224, 225) rgb(224, 224, 225) rgb(74, 128, 179); border-image: initial; }
.enlighter-t-godzilla.enlighter-v-codegroup .enlighter-codegroup-switch { font-family: "Open Sans", Arial, Verdana, sans-serif; background-color: rgb(74, 128, 179); padding: 5px; }
.enlighter-t-godzilla.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn { padding: 3px 10px; border: none; background-color: transparent; line-height: 1.7em; font-size: 1.15em; color: rgb(240, 240, 240); width: auto; }
.enlighter-t-godzilla.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active { background-color: rgb(0, 65, 127); }
.enlighter-t-atomic { font-family: Inconsolata, Consolas, "Source Code Pro", "Liberation Mono", "Courier New", Courier, monospace; background-color: rgb(39, 43, 51); font-size: 12px; color: rgb(147, 147, 147); }
.enlighter-t-atomic .enlighter-toolbar { top: 10px; right: 10px; }
.enlighter-t-atomic .enlighter-btn { font-family: "Open Sans", Arial, Verdana, sans-serif; background-image: none; color: rgb(147, 147, 147); font-size: 1.1em; padding: 2px 8px; margin: 0px 5px; border: 1px solid rgb(56, 62, 73); border-radius: 4px; background-color: rgb(19, 21, 26); }
.enlighter-t-atomic .enlighter-btn:hover { background-color: rgb(18, 21, 24); color: rgb(240, 240, 240); }
.enlighter-t-atomic .enlighter-toolbar .enlighter-btn-raw { background-image: none; }
.enlighter-t-atomic .enlighter-toolbar .enlighter-btn-raw::after { content: "Raw"; }
.enlighter-t-atomic .enlighter-toolbar .enlighter-btn-copy { background-image: none; }
.enlighter-t-atomic .enlighter-toolbar .enlighter-btn-copy::after { content: "Copy"; }
.enlighter-t-atomic .enlighter-toolbar .enlighter-btn-window { background-image: none; }
.enlighter-t-atomic .enlighter-toolbar .enlighter-btn-window::after { content: "Extern"; }
.enlighter-t-atomic .enlighter-toolbar .enlighter-btn-website { background-image: none; }
.enlighter-t-atomic .enlighter-toolbar .enlighter-btn-website::after { content: "EnlighterJS"; }
.enlighter-t-atomic .enlighter-raw { font-size: 1.4em; color: rgb(207, 213, 224); background-color: rgb(39, 43, 51); line-height: 1.85em; padding: 4px 5px 4px 54px; }
.enlighter-t-atomic div.enlighter > div { padding: 1px 5px 1px 14px; line-height: 1.6em; color: rgb(89, 97, 116); background-color: rgb(39, 43, 51); }
.enlighter-t-atomic div.enlighter > div:first-child { padding-top: 5px; }
.enlighter-t-atomic div.enlighter > div:last-child { padding-bottom: 5px; }
.enlighter-t-atomic div.enlighter > div::after { content: " "; }
.enlighter-t-atomic div.enlighter > div.enlighter-special { background-color: rgb(57, 45, 59); }
.enlighter-t-atomic.enlighter-linenumbers div.enlighter > div::before { padding: 1px 5px 1px 14px; font-size: 1.3em; }
.enlighter-t-atomic.enlighter-hover div.enlighter > div:hover { background-color: rgb(46, 53, 62); }
.enlighter-t-atomic .enlighter span { font-size: 1.4em; }
.enlighter-t-atomic .enlighter-text { color: rgb(207, 213, 224); }
.enlighter-t-atomic .enlighter-c0 { color: rgb(107, 124, 139); }
.enlighter-t-atomic .enlighter-c1 { color: rgb(107, 124, 139); }
.enlighter-t-atomic .enlighter-c2 { color: rgb(107, 124, 139); }
.enlighter-t-atomic .enlighter-c9 { color: rgb(91, 124, 156); }
.enlighter-t-atomic .enlighter-k0 { color: rgb(209, 113, 221); font-weight: 700; }
.enlighter-t-atomic .enlighter-k1 { color: rgb(209, 113, 221); font-weight: 700; }
.enlighter-t-atomic .enlighter-k2 { color: rgb(209, 146, 82); border-bottom: 1px dotted rgb(209, 146, 82); }
.enlighter-t-atomic .enlighter-k3 { color: rgb(66, 132, 174); }
.enlighter-t-atomic .enlighter-k4 { color: rgb(66, 132, 174); font-weight: 700; }
.enlighter-t-atomic .enlighter-k5 { color: rgb(209, 113, 221); font-weight: 700; }
.enlighter-t-atomic .enlighter-k6 { color: rgb(209, 113, 221); font-style: italic; }
.enlighter-t-atomic .enlighter-k7 { color: rgb(209, 113, 221); font-weight: 700; }
.enlighter-t-atomic .enlighter-k8 { color: rgb(66, 132, 174); }
.enlighter-t-atomic .enlighter-k9 { color: rgb(255, 255, 255); }
.enlighter-t-atomic .enlighter-k10 { color: rgb(66, 132, 174); font-style: italic; }
.enlighter-t-atomic .enlighter-k11 { color: rgb(107, 124, 139); }
.enlighter-t-atomic .enlighter-e0 { color: rgb(209, 113, 221); font-weight: 700; }
.enlighter-t-atomic .enlighter-e1 { color: rgb(209, 113, 221); font-weight: 700; }
.enlighter-t-atomic .enlighter-e2 { color: rgb(209, 146, 82); }
.enlighter-t-atomic .enlighter-e3 { color: rgb(174, 66, 160); }
.enlighter-t-atomic .enlighter-e4 { color: rgb(210, 144, 29); font-style: italic; }
.enlighter-t-atomic .enlighter-s0 { color: rgb(124, 195, 121); }
.enlighter-t-atomic .enlighter-s1 { color: rgb(124, 195, 121); }
.enlighter-t-atomic .enlighter-s2 { color: rgb(124, 195, 121); }
.enlighter-t-atomic .enlighter-s3 { color: rgb(124, 195, 121); }
.enlighter-t-atomic .enlighter-s4 { color: rgb(124, 195, 121); font-weight: 700; }
.enlighter-t-atomic .enlighter-s5 { color: rgb(94, 134, 15); font-style: italic; }
.enlighter-t-atomic .enlighter-n0 { color: rgb(209, 154, 102); }
.enlighter-t-atomic .enlighter-n1 { color: rgb(209, 154, 102); }
.enlighter-t-atomic .enlighter-n2 { color: rgb(209, 154, 102); }
.enlighter-t-atomic .enlighter-n3 { color: rgb(209, 154, 102); }
.enlighter-t-atomic .enlighter-n4 { color: rgb(209, 154, 102); }
.enlighter-t-atomic .enlighter-n5 { color: rgb(209, 154, 102); }
.enlighter-t-atomic .enlighter-m0 { color: rgb(66, 132, 174); }
.enlighter-t-atomic .enlighter-m1 { color: rgb(66, 132, 174); }
.enlighter-t-atomic .enlighter-m2 { color: rgb(66, 132, 174); }
.enlighter-t-atomic .enlighter-m3 { color: rgb(66, 132, 174); }
.enlighter-t-atomic .enlighter-g0 { color: rgb(107, 124, 139); font-weight: 700; }
.enlighter-t-atomic .enlighter-g1 { color: rgb(107, 124, 139); font-weight: 700; }
.enlighter-t-atomic .enlighter-t0 { color: rgb(107, 124, 139); }
.enlighter-t-atomic .enlighter-t1 { color: rgb(155, 13, 92); font-weight: 700; }
.enlighter-t-atomic .enlighter-t2 { color: rgb(153, 0, 115); font-weight: 700; }
.enlighter-t-atomic .enlighter-t3 { color: rgb(209, 113, 221); }
.enlighter-t-atomic .enlighter-t4 { color: rgb(66, 132, 174); }
.enlighter-t-atomic .enlighter-t5 { color: rgb(66, 132, 174); }
.enlighter-t-atomic .enlighter-t6 { color: rgb(155, 13, 92); }
.enlighter-t-atomic .enlighter-t7 { color: rgb(107, 124, 139); font-weight: 700; }
.enlighter-t-atomic .enlighter-t8 { color: rgb(107, 124, 139); }
.enlighter-t-atomic .enlighter-x1 { color: rgb(209, 113, 221); font-weight: 700; }
.enlighter-t-atomic .enlighter-x2 { color: rgb(209, 146, 82); border-bottom: 1px dotted rgb(209, 146, 82); }
.enlighter-t-atomic .enlighter-x10 { color: rgb(209, 113, 221); font-weight: 700; }
.enlighter-t-atomic .enlighter-x11 { color: rgb(209, 113, 221); font-weight: 700; }
.enlighter-t-atomic .enlighter-x12 { color: rgb(209, 113, 221); text-decoration: underline; }
.enlighter-t-atomic .enlighter-x13 { color: rgb(209, 146, 82); border-bottom: 1px dotted rgb(209, 146, 82); }
.enlighter-t-atomic .enlighter-x14 { color: rgb(209, 154, 102); font-style: italic; }
.enlighter-t-atomic .enlighter-x15 { color: rgb(155, 13, 92); font-style: italic; }
.enlighter-t-atomic.enlighter-v-codegroup .enlighter-codegroup-wrapper { position: relative; }
.enlighter-t-atomic.enlighter-v-codegroup .enlighter-codegroup-switch { padding: 5px 5px 0px 45px; background-color: rgb(18, 21, 24); }
.enlighter-t-atomic.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn { padding: 2px 8px 0px; border: none; background-color: transparent; line-height: 2.1em; font-weight: 700; color: rgb(240, 240, 240); border-radius: 5px 5px 0px 0px; text-transform: lowercase; }
.enlighter-t-atomic.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active { background-color: rgb(39, 43, 51); }
.enlighter-t-droide { background-color: rgb(247, 247, 249); border: 1px solid rgb(224, 224, 224); }
.enlighter-t-droide .enlighter-btn { background-color: rgb(255, 255, 255); color: rgb(113, 113, 113); font-size: 1em; padding: 0px; border: 1px solid rgb(224, 224, 224); margin: 0px 0px 0px 8px; text-decoration: none; width: 23px; height: 23px; background-position: 0px 0px; background-size: contain; }
.enlighter-t-droide .enlighter-btn:hover { background-color: rgb(255, 255, 255); }
.enlighter-t-droide .enlighter-btn::after { content: ""; }
.enlighter-t-droide.enlighter-hover div.enlighter > div:hover { background-color: rgb(250, 233, 217); }
.enlighter-t-droide .enlighter-raw { font-size: 1.1em; color: rgb(64, 65, 65); line-height: 1.5em; padding: 4px 5px 4px 55px; }
.enlighter-t-droide div.enlighter > div { border: 0px solid rgb(255, 255, 255); padding: 1px 5px 1px 14px; line-height: 1.35em; color: rgb(170, 170, 170); }
.enlighter-t-droide div.enlighter > div:first-child { padding-top: 5px; }
.enlighter-t-droide div.enlighter > div:last-child { padding-bottom: 5px; }
.enlighter-t-droide div.enlighter > div::after { content: " "; }
.enlighter-t-droide div.enlighter > div.enlighter-special { background-color: rgb(250, 233, 217); border-left: 5px solid rgb(224, 124, 25); }
.enlighter-t-droide.enlighter-linenumbers div.enlighter > div::before { padding: 1px 5px 1px 0px; border-right: 1px dashed rgb(224, 224, 224); font-size: 0.9em; color: rgb(112, 112, 112); background-color: rgb(247, 247, 249); }
.enlighter-t-droide .enlighter span { font-size: 1.1em; }
.enlighter-t-droide .enlighter-text { color: rgb(0, 0, 0); }
.enlighter-t-droide .enlighter-c0 { color: rgb(8, 107, 8); }
.enlighter-t-droide .enlighter-c1 { color: rgb(8, 107, 8); }
.enlighter-t-droide .enlighter-c2 { color: rgb(8, 107, 8); }
.enlighter-t-droide .enlighter-c9 { color: rgb(8, 107, 8); }
.enlighter-t-droide .enlighter-k0 { color: rgb(18, 33, 124); font-weight: 700; }
.enlighter-t-droide .enlighter-k1 { color: rgb(18, 33, 124); font-weight: 700; }
.enlighter-t-droide .enlighter-k2 { color: rgb(68, 85, 136); font-weight: 700; }
.enlighter-t-droide .enlighter-k3 { color: rgb(110, 13, 110); }
.enlighter-t-droide .enlighter-k4 { color: rgb(110, 13, 110); font-weight: 700; }
.enlighter-t-droide .enlighter-k5 { color: rgb(18, 33, 124); font-weight: 700; }
.enlighter-t-droide .enlighter-k6 { color: rgb(18, 33, 124); font-style: italic; }
.enlighter-t-droide .enlighter-k7 { color: rgb(18, 33, 124); font-weight: 700; }
.enlighter-t-droide .enlighter-k8 { color: rgb(68, 85, 136); }
.enlighter-t-droide .enlighter-k9 { color: rgb(153, 0, 115); font-weight: 700; }
.enlighter-t-droide .enlighter-k10 { color: rgb(110, 13, 110); font-style: italic; }
.enlighter-t-droide .enlighter-k11 { color: rgb(8, 107, 8); }
.enlighter-t-droide .enlighter-e0 { color: rgb(52, 6, 138); font-weight: 700; }
.enlighter-t-droide .enlighter-e1 { color: rgb(52, 6, 138); font-weight: 700; }
.enlighter-t-droide .enlighter-e2 { color: rgb(0, 153, 38); }
.enlighter-t-droide .enlighter-e3 { color: rgb(40, 100, 145); }
.enlighter-t-droide .enlighter-e4 { color: rgb(255, 140, 0); font-style: italic; }
.enlighter-t-droide .enlighter-s0 { color: rgb(150, 20, 20); }
.enlighter-t-droide .enlighter-s1 { color: rgb(150, 20, 20); }
.enlighter-t-droide .enlighter-s2 { color: rgb(150, 20, 20); }
.enlighter-t-droide .enlighter-s3 { color: rgb(150, 20, 20); }
.enlighter-t-droide .enlighter-s4 { color: rgb(150, 63, 20); font-weight: 700; }
.enlighter-t-droide .enlighter-s5 { color: rgb(150, 20, 20); font-style: italic; }
.enlighter-t-droide .enlighter-n0 { color: rgb(0, 127, 127); }
.enlighter-t-droide .enlighter-n1 { color: rgb(0, 127, 127); }
.enlighter-t-droide .enlighter-n2 { color: rgb(0, 127, 127); font-style: italic; }
.enlighter-t-droide .enlighter-n3 { color: rgb(0, 127, 127); font-style: italic; }
.enlighter-t-droide .enlighter-n4 { color: rgb(0, 127, 127); font-style: italic; }
.enlighter-t-droide .enlighter-n5 { color: rgb(0, 127, 127); text-decoration: underline; }
.enlighter-t-droide .enlighter-m0 { color: rgb(0, 0, 0); }
.enlighter-t-droide .enlighter-m1 { color: rgb(0, 0, 0); }
.enlighter-t-droide .enlighter-m2 { color: rgb(0, 0, 0); }
.enlighter-t-droide .enlighter-m3 { color: rgb(0, 0, 0); }
.enlighter-t-droide .enlighter-g0 { color: rgb(18, 33, 124); }
.enlighter-t-droide .enlighter-g1 { color: rgb(18, 33, 124); }
.enlighter-t-droide .enlighter-t0 { color: rgb(119, 119, 119); }
.enlighter-t-droide .enlighter-t1 { color: rgb(150, 20, 20); font-weight: 700; }
.enlighter-t-droide .enlighter-t2 { color: rgb(153, 0, 115); font-weight: 700; }
.enlighter-t-droide .enlighter-t3 { color: rgb(68, 85, 136); }
.enlighter-t-droide .enlighter-t4 { color: rgb(110, 13, 110); }
.enlighter-t-droide .enlighter-t5 { color: rgb(110, 13, 110); }
.enlighter-t-droide .enlighter-t6 { color: rgb(150, 20, 20); }
.enlighter-t-droide .enlighter-t7 { color: rgb(83, 83, 83); font-weight: 700; }
.enlighter-t-droide .enlighter-t8 { color: rgb(119, 119, 119); font-style: italic; }
.enlighter-t-droide .enlighter-x1 { color: rgb(18, 33, 124); font-weight: 700; }
.enlighter-t-droide .enlighter-x2 { color: rgb(110, 13, 110); }
.enlighter-t-droide .enlighter-x10 { color: rgb(18, 33, 124); font-weight: 700; }
.enlighter-t-droide .enlighter-x11 { color: rgb(18, 33, 124); font-weight: 700; }
.enlighter-t-droide .enlighter-x12 { color: rgb(68, 85, 136); }
.enlighter-t-droide .enlighter-x13 { color: rgb(0, 127, 127); }
.enlighter-t-droide .enlighter-x14 { color: rgb(0, 127, 127); }
.enlighter-t-droide .enlighter-x15 { color: rgb(153, 0, 115); font-style: italic; }
.enlighter-t-droide.enlighter-v-codegroup { background-color: transparent; border: none; }
.enlighter-t-droide.enlighter-v-codegroup .enlighter-codegroup-wrapper { background-color: rgb(247, 247, 249); border: 1px solid rgb(224, 224, 224); }
.enlighter-t-droide.enlighter-v-codegroup .enlighter-codegroup-switch { padding-left: 15px; }
.enlighter-t-droide.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn { border-width: 1px 1px 0px; border-style: solid; border-color: rgb(224, 224, 224); border-image: initial; font-size: 1em; color: rgb(0, 0, 0); background-color: transparent; border-radius: 0px; padding: 5px 10px; font-weight: 700; width: auto; height: auto; }
.enlighter-t-droide.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active { background-color: rgb(247, 247, 249); color: rgb(0, 0, 0); border-color: rgb(201, 201, 201); }
.enlighter-t-minimal { border-top: 3px solid rgb(224, 224, 224); border-bottom: 3px solid rgb(224, 224, 224); background-color: transparent; padding: 10px 0px; }
.enlighter-t-minimal .enlighter-btn { background-color: rgb(255, 255, 255); color: rgb(113, 113, 113); font-size: 1em; padding: 0px; border: 1px solid rgb(224, 224, 224); margin: 0px 0px 0px 8px; text-decoration: none; width: 23px; height: 23px; background-position: 0px 0px; background-size: contain; }
.enlighter-t-minimal .enlighter-btn::after { content: ""; }
.enlighter-t-minimal.enlighter-hover div.enlighter > div:hover { background-color: rgb(240, 240, 240); }
.enlighter-t-minimal .enlighter-raw { font-size: 1.1em; line-height: 1.75em; padding: 13px 5px 15px 50px; color: rgb(64, 65, 65); }
.enlighter-t-minimal div.enlighter > div { border: 0px solid rgb(255, 255, 255); background-color: transparent; padding: 1px 5px 1px 0px; line-height: 1.5em; color: rgb(160, 160, 160); }
.enlighter-t-minimal div.enlighter > div:first-child { padding-top: 5px; }
.enlighter-t-minimal div.enlighter > div:last-child { padding-bottom: 5px; }
.enlighter-t-minimal div.enlighter > div::after { content: " "; }
.enlighter-t-minimal div.enlighter > div.enlighter-special { background-color: rgb(249, 249, 249); }
.enlighter-t-minimal.enlighter-linenumbers div.enlighter > div::before { padding: 1px 10px; font-size: 0.8em; color: rgb(64, 65, 65); }
.enlighter-t-minimal .enlighter span { font-size: 1.1em; }
.enlighter-t-minimal .enlighter-text { color: rgb(42, 42, 42); }
.enlighter-t-minimal .enlighter-c0 { color: rgb(160, 160, 160); }
.enlighter-t-minimal .enlighter-c1 { color: rgb(160, 160, 160); }
.enlighter-t-minimal .enlighter-c2 { color: rgb(160, 160, 160); }
.enlighter-t-minimal .enlighter-c9 { color: rgb(160, 160, 160); }
.enlighter-t-minimal .enlighter-k0 { color: rgb(18, 33, 124); font-weight: 700; }
.enlighter-t-minimal .enlighter-k1 { color: rgb(18, 33, 124); font-weight: 700; }
.enlighter-t-minimal .enlighter-k2 { color: rgb(68, 85, 136); border-bottom: 1px dotted rgb(68, 85, 136); }
.enlighter-t-minimal .enlighter-k3 { color: rgb(68, 85, 136); border-bottom: 1px dotted rgb(68, 85, 136); }
.enlighter-t-minimal .enlighter-k4 { color: rgb(68, 85, 136); border-bottom: 1px dotted rgb(68, 85, 136); }
.enlighter-t-minimal .enlighter-k5 { color: rgb(18, 33, 124); font-weight: 700; }
.enlighter-t-minimal .enlighter-k6 { color: rgb(18, 33, 124); font-style: italic; }
.enlighter-t-minimal .enlighter-k7 { color: rgb(18, 33, 124); font-weight: 700; }
.enlighter-t-minimal .enlighter-k8 { color: rgb(68, 85, 136); }
.enlighter-t-minimal .enlighter-k9 { color: rgb(153, 0, 115); }
.enlighter-t-minimal .enlighter-k10 { color: rgb(153, 0, 115); }
.enlighter-t-minimal .enlighter-k11 { color: rgb(160, 160, 160); }
.enlighter-t-minimal .enlighter-e0 { color: rgb(68, 85, 136); border-bottom: 1px dotted rgb(68, 85, 136); }
.enlighter-t-minimal .enlighter-e1 { color: rgb(68, 85, 136); border-bottom: 1px dotted rgb(68, 85, 136); }
.enlighter-t-minimal .enlighter-e2 { color: rgb(153, 103, 0); border-bottom: 1px solid rgb(153, 103, 0); }
.enlighter-t-minimal .enlighter-e3 { color: rgb(68, 85, 136); border-bottom: 1px dotted rgb(68, 85, 136); }
.enlighter-t-minimal .enlighter-e4 { color: rgb(68, 85, 136); border-bottom: 1px dotted rgb(68, 85, 136); }
.enlighter-t-minimal .enlighter-s0 { color: rgb(33, 121, 8); border-bottom: 1px dotted rgb(56, 121, 5); }
.enlighter-t-minimal .enlighter-s1 { color: rgb(33, 121, 8); border-bottom: 1px dotted rgb(56, 121, 5); }
.enlighter-t-minimal .enlighter-s2 { color: rgb(207, 106, 76); }
.enlighter-t-minimal .enlighter-s3 { color: rgb(33, 121, 8); border-bottom: 1px dotted rgb(56, 121, 5); }
.enlighter-t-minimal .enlighter-s4 { color: rgb(33, 121, 8); border-bottom: 1px dotted rgb(56, 121, 5); }
.enlighter-t-minimal .enlighter-s5 { color: rgb(33, 121, 8); border-bottom: 1px dotted rgb(56, 121, 5); }
.enlighter-t-minimal .enlighter-n0 { color: rgb(166, 29, 27); font-weight: 700; }
.enlighter-t-minimal .enlighter-n1 { color: rgb(166, 29, 27); font-weight: 700; }
.enlighter-t-minimal .enlighter-n2 { color: rgb(166, 29, 27); font-weight: 700; }
.enlighter-t-minimal .enlighter-n3 { color: rgb(166, 29, 27); font-weight: 700; }
.enlighter-t-minimal .enlighter-n4 { color: rgb(166, 29, 27); font-weight: 700; }
.enlighter-t-minimal .enlighter-n5 { color: rgb(166, 29, 27); font-weight: 700; }
.enlighter-t-minimal .enlighter-m0 { color: rgb(18, 33, 124); background-color: rgb(224, 224, 224); }
.enlighter-t-minimal .enlighter-m1 { color: rgb(18, 33, 124); background-color: rgb(224, 224, 224); }
.enlighter-t-minimal .enlighter-m2 { color: rgb(18, 33, 124); background-color: rgb(224, 224, 224); }
.enlighter-t-minimal .enlighter-m3 { color: rgb(18, 33, 124); background-color: rgb(224, 224, 224); }
.enlighter-t-minimal .enlighter-g0 { color: rgb(18, 33, 124); }
.enlighter-t-minimal .enlighter-g1 { color: rgb(42, 42, 42); }
.enlighter-t-minimal .enlighter-t0 { color: rgb(160, 160, 160); }
.enlighter-t-minimal .enlighter-t1 { color: rgb(56, 121, 5); font-weight: 700; }
.enlighter-t-minimal .enlighter-t2 { color: rgb(153, 0, 115); font-weight: 700; }
.enlighter-t-minimal .enlighter-t3 { color: rgb(68, 85, 136); }
.enlighter-t-minimal .enlighter-t4 { color: rgb(68, 85, 136); }
.enlighter-t-minimal .enlighter-t5 { color: rgb(68, 85, 136); }
.enlighter-t-minimal .enlighter-t6 { color: rgb(56, 121, 5); }
.enlighter-t-minimal .enlighter-t7 { color: rgb(160, 160, 160); font-weight: 700; }
.enlighter-t-minimal .enlighter-t8 { color: rgb(160, 160, 160); font-style: italic; }
.enlighter-t-minimal .enlighter-x1 { color: rgb(18, 33, 124); font-weight: 700; }
.enlighter-t-minimal .enlighter-x2 { color: rgb(68, 85, 136); border-bottom: 1px dotted rgb(68, 85, 136); }
.enlighter-t-minimal .enlighter-x10 { color: rgb(18, 33, 124); font-weight: 700; }
.enlighter-t-minimal .enlighter-x11 { color: rgb(18, 33, 124); font-weight: 700; }
.enlighter-t-minimal .enlighter-x12 { color: rgb(68, 85, 136); }
.enlighter-t-minimal .enlighter-x13 { color: rgb(166, 29, 27); font-weight: 700; }
.enlighter-t-minimal .enlighter-x14 { color: rgb(166, 29, 27); font-weight: 700; }
.enlighter-t-minimal .enlighter-x15 { color: rgb(153, 0, 115); }
.enlighter-t-minimal.enlighter-v-inline { background-color: transparent; border: none; padding: 0px; }
.enlighter-t-minimal.enlighter-v-codegroup { border-top: none; padding-top: 0px; }
.enlighter-t-minimal.enlighter-v-codegroup .enlighter-codegroup-wrapper { border-top: 3px solid rgb(224, 224, 224); padding-top: 10px; }
.enlighter-t-minimal.enlighter-v-codegroup .enlighter-codegroup-switch { padding-left: 5px; padding-bottom: 5px; }
.enlighter-t-minimal.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn { font-size: 1em; color: rgb(0, 0, 0); background-color: transparent; font-weight: 700; text-transform: uppercase; padding: 1px 6px; border: none; width: auto; height: auto; }
.enlighter-t-minimal.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active { background-color: rgb(224, 224, 224); color: rgb(42, 42, 42); }
.enlighter-t-eclipse { color: rgb(120, 120, 120); border-radius: 5px; border: 8px solid rgb(243, 243, 243); background-color: rgb(255, 255, 255); }
.enlighter-t-eclipse .enlighter-toolbar { top: 15px; right: 15px; }
.enlighter-t-eclipse .enlighter-btn { background-color: rgb(255, 255, 255); color: rgb(113, 113, 113); font-size: 1em; padding: 0px; border: 1px solid rgb(224, 224, 224); margin: 0px 0px 0px 8px; text-decoration: none; width: 23px; height: 23px; background-position: 0px 0px; background-size: contain; border-radius: 8px; }
.enlighter-t-eclipse .enlighter-btn:hover { background-color: rgb(224, 224, 224); }
.enlighter-t-eclipse .enlighter-btn::after { content: ""; }
.enlighter-t-eclipse.enlighter-hover.enlighter-linenumbers div.enlighter > div:hover { background-color: rgb(232, 242, 254); color: rgb(68, 68, 68); }
.enlighter-t-eclipse.enlighter-hover div.enlighter > div:hover { background-color: rgb(232, 242, 254); color: rgb(68, 68, 68); border-left-color: rgb(224, 224, 224); }
.enlighter-t-eclipse .enlighter-raw { font-size: 1.1em; line-height: 1.5em; padding: 4px 5px 4px 56px; color: rgb(113, 113, 113); }
.enlighter-t-eclipse div.enlighter { background-color: rgb(255, 255, 255); }
.enlighter-t-eclipse div.enlighter > div { border: 0px solid rgb(255, 255, 255); background-color: transparent; padding: 1px 5px 1px 0px; line-height: 1.35em; color: rgb(120, 120, 120); }
.enlighter-t-eclipse div.enlighter > div:first-child { padding-top: 5px; }
.enlighter-t-eclipse div.enlighter > div:last-child { padding-bottom: 5px; }
.enlighter-t-eclipse div.enlighter > div::after { content: " "; }
.enlighter-t-eclipse div.enlighter > div.enlighter-special { background-color: rgb(249, 249, 249); }
.enlighter-t-eclipse.enlighter-linenumbers div.enlighter > div::before { border-right: 2px solid rgb(248, 248, 248); padding: 1px 5px 1px 14px; }
.enlighter-t-eclipse .enlighter span { font-size: 1.1em; }
.enlighter-t-eclipse .enlighter-text { color: rgb(0, 0, 0); }
.enlighter-t-eclipse .enlighter-c0 { color: rgb(63, 127, 95); }
.enlighter-t-eclipse .enlighter-c1 { color: rgb(63, 95, 191); }
.enlighter-t-eclipse .enlighter-c2 { color: rgb(63, 95, 191); }
.enlighter-t-eclipse .enlighter-c9 { color: rgb(63, 95, 191); }
.enlighter-t-eclipse .enlighter-k0 { color: rgb(63, 127, 149); font-weight: 700; }
.enlighter-t-eclipse .enlighter-k1 { color: rgb(63, 127, 149); font-weight: 700; }
.enlighter-t-eclipse .enlighter-k2 { color: rgb(127, 0, 127); font-weight: 700; }
.enlighter-t-eclipse .enlighter-k3 { color: rgb(127, 0, 127); font-weight: 700; }
.enlighter-t-eclipse .enlighter-k4 { color: rgb(68, 85, 136); }
.enlighter-t-eclipse .enlighter-k5 { color: rgb(127, 0, 127); font-weight: 700; }
.enlighter-t-eclipse .enlighter-k6 { color: rgb(127, 0, 127); font-weight: 700; }
.enlighter-t-eclipse .enlighter-k7 { color: rgb(127, 0, 127); font-weight: 700; }
.enlighter-t-eclipse .enlighter-k8 { color: rgb(68, 85, 136); }
.enlighter-t-eclipse .enlighter-k9 { color: rgb(153, 0, 115); }
.enlighter-t-eclipse .enlighter-k10 { color: rgb(153, 0, 115); }
.enlighter-t-eclipse .enlighter-k11 { color: rgb(63, 95, 191); }
.enlighter-t-eclipse .enlighter-e0 { color: rgb(127, 0, 127); font-weight: 700; }
.enlighter-t-eclipse .enlighter-e1 { color: rgb(127, 0, 127); font-weight: 700; }
.enlighter-t-eclipse .enlighter-e2 { color: rgb(0, 153, 38); }
.enlighter-t-eclipse .enlighter-e3 { color: rgb(127, 0, 127); font-weight: 700; }
.enlighter-t-eclipse .enlighter-e4 { color: rgb(127, 0, 127); font-weight: 700; }
.enlighter-t-eclipse .enlighter-s0 { color: rgb(50, 15, 227); }
.enlighter-t-eclipse .enlighter-s1 { color: rgb(50, 15, 227); }
.enlighter-t-eclipse .enlighter-s2 { color: rgb(50, 15, 227); }
.enlighter-t-eclipse .enlighter-s3 { color: rgb(50, 15, 227); }
.enlighter-t-eclipse .enlighter-s4 { color: rgb(50, 15, 227); }
.enlighter-t-eclipse .enlighter-s5 { color: rgb(153, 0, 115); }
.enlighter-t-eclipse .enlighter-n0 { color: rgb(0, 0, 0); }
.enlighter-t-eclipse .enlighter-n1 { color: rgb(0, 0, 0); }
.enlighter-t-eclipse .enlighter-n2 { color: rgb(0, 0, 0); }
.enlighter-t-eclipse .enlighter-n3 { color: rgb(0, 0, 0); }
.enlighter-t-eclipse .enlighter-n4 { color: rgb(0, 0, 0); }
.enlighter-t-eclipse .enlighter-n5 { color: rgb(0, 0, 0); }
.enlighter-t-eclipse .enlighter-m0 { color: rgb(0, 0, 0); }
.enlighter-t-eclipse .enlighter-m1 { color: rgb(0, 0, 0); }
.enlighter-t-eclipse .enlighter-m2 { color: rgb(0, 0, 0); }
.enlighter-t-eclipse .enlighter-m3 { color: rgb(0, 0, 0); }
.enlighter-t-eclipse .enlighter-g0 { color: rgb(119, 119, 119); }
.enlighter-t-eclipse .enlighter-g1 { color: rgb(119, 119, 119); }
.enlighter-t-eclipse .enlighter-t0 { color: rgb(119, 119, 119); }
.enlighter-t-eclipse .enlighter-t1 { color: rgb(63, 127, 95); font-weight: 700; }
.enlighter-t-eclipse .enlighter-t2 { color: rgb(153, 0, 115); font-weight: 700; }
.enlighter-t-eclipse .enlighter-t3 { color: rgb(68, 85, 136); }
.enlighter-t-eclipse .enlighter-t4 { color: rgb(68, 85, 136); }
.enlighter-t-eclipse .enlighter-t5 { color: rgb(68, 85, 136); }
.enlighter-t-eclipse .enlighter-t6 { color: rgb(63, 127, 95); }
.enlighter-t-eclipse .enlighter-t7 { color: rgb(160, 160, 160); font-weight: 700; }
.enlighter-t-eclipse .enlighter-t8 { color: rgb(160, 160, 160); font-style: italic; }
.enlighter-t-eclipse .enlighter-x1 { color: rgb(63, 127, 149); font-weight: 700; }
.enlighter-t-eclipse .enlighter-x2 { color: rgb(127, 0, 127); font-weight: 700; }
.enlighter-t-eclipse .enlighter-x10 { color: rgb(63, 127, 149); font-weight: 700; }
.enlighter-t-eclipse .enlighter-x11 { color: rgb(63, 127, 149); font-weight: 700; }
.enlighter-t-eclipse .enlighter-x12 { color: rgb(68, 85, 136); }
.enlighter-t-eclipse .enlighter-x13 { color: rgb(63, 127, 149); }
.enlighter-t-eclipse .enlighter-x14 { color: rgb(0, 0, 0); }
.enlighter-t-eclipse .enlighter-x15 { color: rgb(0, 0, 0); }
.enlighter-t-eclipse.enlighter-v-inline { border-radius: 3px; background-color: rgb(248, 248, 248); border: 0px solid rgb(255, 255, 255); }
.enlighter-t-eclipse.enlighter-v-codegroup { display: block; }
.enlighter-t-eclipse.enlighter-v-codegroup .enlighter, .enlighter-t-eclipse.enlighter-v-codegroup .enlighter-raw { border-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; }
.enlighter-t-eclipse.enlighter-v-codegroup .enlighter-codegroup-wrapper { position: relative; }
.enlighter-t-eclipse.enlighter-v-codegroup .enlighter-codegroup-switch { background-color: rgb(243, 243, 243); padding: 8px 5px 0px 60px; border-radius: 5px 5px 0px 0px; }
.enlighter-t-eclipse.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn { font-size: 1em; color: rgb(0, 0, 0); background-color: transparent; padding: 5px 10px; border-radius: 5px 5px 0px 0px; border: none; width: auto; }
.enlighter-t-eclipse.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); border-color: rgb(201, 201, 201); }
.enlighter-t-mowtwo { background-color: rgb(240, 240, 241); border: 1px solid rgb(240, 240, 241); border-radius: 7px; }
.enlighter-t-mowtwo .enlighter-btn { background-color: rgb(255, 255, 255); color: rgb(113, 113, 113); font-size: 1em; padding: 0px; border: 1px solid rgb(224, 224, 224); margin: 0px 0px 0px 8px; text-decoration: none; width: 23px; height: 23px; background-position: 0px 0px; background-size: contain; }
.enlighter-t-mowtwo .enlighter-btn::after { content: ""; }
.enlighter-t-mowtwo.enlighter-hover div.enlighter > div:hover { background-color: rgb(233, 233, 233); }
.enlighter-t-mowtwo .enlighter-raw { font-size: 1.15em; line-height: 1.75em; color: rgb(49, 52, 55); padding: 5px 5px 5px 51px; background-color: transparent; }
.enlighter-t-mowtwo div.enlighter > div { line-height: 1.5em; padding: 1px 5px 1px 14px; color: rgb(156, 158, 160); }
.enlighter-t-mowtwo div.enlighter > div:first-child { padding-top: 5px; }
.enlighter-t-mowtwo div.enlighter > div:last-child { padding-bottom: 5px; }
.enlighter-t-mowtwo div.enlighter > div::after { content: " "; }
.enlighter-t-mowtwo div.enlighter > div.enlighter-special { background-color: rgb(233, 233, 233); }
.enlighter-t-mowtwo.enlighter-linenumbers div.enlighter > div::before { padding: 1px 10px; font-size: 0.9em; }
.enlighter-t-mowtwo.enlighter-linenumbers div.enlighter > div:first-child::before { border-radius: 0px 8px 0px 0px; }
.enlighter-t-mowtwo.enlighter-linenumbers div.enlighter > div:last-child::before { border-radius: 0px 0px 8px; }
.enlighter-t-mowtwo .enlighter span { font-size: 1.15em; }
.enlighter-t-mowtwo .enlighter-text { color: rgb(49, 52, 55); }
.enlighter-t-mowtwo .enlighter-c0 { color: rgb(156, 158, 160); }
.enlighter-t-mowtwo .enlighter-c1 { color: rgb(156, 158, 160); }
.enlighter-t-mowtwo .enlighter-c2 { color: rgb(156, 158, 160); }
.enlighter-t-mowtwo .enlighter-c9 { color: rgb(156, 158, 160); }
.enlighter-t-mowtwo .enlighter-k0 { color: rgb(176, 80, 152); font-weight: 700; }
.enlighter-t-mowtwo .enlighter-k1 { color: rgb(176, 80, 152); font-weight: 700; }
.enlighter-t-mowtwo .enlighter-k2 { color: rgb(176, 80, 152); }
.enlighter-t-mowtwo .enlighter-k3 { color: rgb(176, 80, 152); }
.enlighter-t-mowtwo .enlighter-k4 { color: rgb(176, 80, 152); }
.enlighter-t-mowtwo .enlighter-k5 { color: rgb(176, 80, 152); }
.enlighter-t-mowtwo .enlighter-k6 { color: rgb(176, 80, 152); }
.enlighter-t-mowtwo .enlighter-k7 { color: rgb(176, 80, 152); }
.enlighter-t-mowtwo .enlighter-k8 { color: rgb(49, 52, 55); }
.enlighter-t-mowtwo .enlighter-k9 { color: rgb(49, 52, 55); }
.enlighter-t-mowtwo .enlighter-k10 { color: rgb(49, 52, 55); }
.enlighter-t-mowtwo .enlighter-k11 { color: rgb(156, 158, 160); }
.enlighter-t-mowtwo .enlighter-e0 { color: rgb(176, 80, 152); }
.enlighter-t-mowtwo .enlighter-e1 { color: rgb(176, 80, 152); }
.enlighter-t-mowtwo .enlighter-e2 { color: rgb(134, 76, 8); }
.enlighter-t-mowtwo .enlighter-e3 { color: rgb(176, 80, 152); }
.enlighter-t-mowtwo .enlighter-e4 { color: rgb(176, 80, 152); }
.enlighter-t-mowtwo .enlighter-s0 { color: rgb(131, 164, 64); }
.enlighter-t-mowtwo .enlighter-s1 { color: rgb(131, 164, 64); }
.enlighter-t-mowtwo .enlighter-s2 { color: rgb(131, 164, 64); }
.enlighter-t-mowtwo .enlighter-s3 { color: rgb(131, 164, 64); }
.enlighter-t-mowtwo .enlighter-s4 { color: rgb(131, 164, 64); }
.enlighter-t-mowtwo .enlighter-s5 { color: rgb(131, 164, 64); }
.enlighter-t-mowtwo .enlighter-n0 { color: rgb(66, 155, 193); }
.enlighter-t-mowtwo .enlighter-n1 { color: rgb(66, 155, 193); }
.enlighter-t-mowtwo .enlighter-n2 { color: rgb(66, 155, 193); }
.enlighter-t-mowtwo .enlighter-n3 { color: rgb(66, 155, 193); }
.enlighter-t-mowtwo .enlighter-n4 { color: rgb(66, 155, 193); }
.enlighter-t-mowtwo .enlighter-n5 { color: rgb(66, 155, 193); }
.enlighter-t-mowtwo .enlighter-m0 { color: rgb(102, 102, 102); }
.enlighter-t-mowtwo .enlighter-m1 { color: rgb(102, 102, 102); }
.enlighter-t-mowtwo .enlighter-m2 { color: rgb(102, 102, 102); }
.enlighter-t-mowtwo .enlighter-m3 { color: rgb(102, 102, 102); }
.enlighter-t-mowtwo .enlighter-g0 { color: rgb(134, 76, 8); }
.enlighter-t-mowtwo .enlighter-g1 { color: rgb(144, 144, 144); }
.enlighter-t-mowtwo .enlighter-t0 { color: rgb(144, 144, 144); }
.enlighter-t-mowtwo .enlighter-t1 { color: rgb(176, 80, 152); font-weight: 700; }
.enlighter-t-mowtwo .enlighter-t2 { color: rgb(176, 80, 152); font-weight: 700; }
.enlighter-t-mowtwo .enlighter-t3 { color: rgb(176, 80, 152); }
.enlighter-t-mowtwo .enlighter-t4 { color: rgb(176, 80, 152); }
.enlighter-t-mowtwo .enlighter-t5 { color: rgb(131, 164, 64); }
.enlighter-t-mowtwo .enlighter-t6 { color: rgb(176, 80, 152); }
.enlighter-t-mowtwo .enlighter-t7 { color: rgb(144, 144, 144); font-weight: 700; }
.enlighter-t-mowtwo .enlighter-t8 { color: rgb(144, 144, 144); font-style: italic; }
.enlighter-t-mowtwo .enlighter-x1 { color: rgb(176, 80, 152); font-weight: 700; }
.enlighter-t-mowtwo .enlighter-x2 { color: rgb(176, 80, 152); }
.enlighter-t-mowtwo .enlighter-x10 { color: rgb(176, 80, 152); font-weight: 700; }
.enlighter-t-mowtwo .enlighter-x11 { color: rgb(176, 80, 152); font-weight: 700; }
.enlighter-t-mowtwo .enlighter-x12 { color: rgb(49, 52, 55); }
.enlighter-t-mowtwo .enlighter-x13 { color: rgb(66, 155, 193); }
.enlighter-t-mowtwo .enlighter-x14 { color: rgb(66, 155, 193); }
.enlighter-t-mowtwo .enlighter-x15 { color: rgb(49, 52, 55); }
.enlighter-t-mowtwo.enlighter-v-inline { border-radius: 4px; }
.enlighter-t-mowtwo.enlighter-v-codegroup .enlighter-codegroup-switch { background-color: rgb(88, 91, 94); padding: 10px 0px 10px 20px; border-radius: 8px; margin-bottom: 5px; }
.enlighter-t-mowtwo.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn { border-radius: 0px; background-color: transparent; line-height: 1.7em; font-size: 1.25em; color: rgb(240, 240, 240); border: none; padding: 0px 10px; width: auto; height: auto; font-family: "Open Sans", Arial, Verdana, sans-serif; }
.enlighter-t-mowtwo.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active { text-decoration: underline; }
.enlighter-t-rowhammer { background-color: transparent; border: none; }
.enlighter-t-rowhammer .enlighter-toolbar { top: 20px; }
.enlighter-t-rowhammer .enlighter-btn { background-color: rgb(255, 255, 255); color: rgb(113, 113, 113); font-size: 1em; padding: 0px; border: 1px solid rgb(224, 224, 224); margin: 0px 0px 0px 8px; text-decoration: none; width: 23px; height: 23px; background-position: 0px 0px; background-size: contain; }
.enlighter-t-rowhammer .enlighter-btn:hover { background-color: rgb(255, 255, 255); }
.enlighter-t-rowhammer .enlighter-btn::after { content: ""; }
.enlighter-t-rowhammer.enlighter-hover div.enlighter > div:hover { background-color: rgb(240, 240, 240); }
.enlighter-t-rowhammer .enlighter-raw { font-size: 1.1em; color: rgb(64, 65, 65); background-color: transparent; padding: 14px 0px 15px 38px; line-height: 2em; }
.enlighter-t-rowhammer div.enlighter > div { border-width: 0px 0px 1px; border-style: solid solid dotted; border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(233, 233, 240); border-image: initial; padding: 1px 5px 1px 0px; line-height: 1.67em; color: rgb(148, 169, 191); background-color: transparent; }
.enlighter-t-rowhammer div.enlighter > div:nth-of-type(1) { border-top: 1px dotted rgb(233, 233, 240); }
.enlighter-t-rowhammer div.enlighter > div:first-child { padding-top: 5px; }
.enlighter-t-rowhammer div.enlighter > div:last-child { padding-bottom: 5px; }
.enlighter-t-rowhammer div.enlighter > div::after { content: " "; }
.enlighter-t-rowhammer div.enlighter > div.enlighter-special { background-color: rgb(249, 249, 249); }
.enlighter-t-rowhammer.enlighter-linenumbers div.enlighter > div::before { padding: 1px 5px 1px 14px; font-size: 0.8em; color: rgb(148, 169, 191); }
.enlighter-t-rowhammer .enlighter span { font-size: 1.1em; }
.enlighter-t-rowhammer .enlighter-text { color: rgb(0, 0, 0); }
.enlighter-t-rowhammer .enlighter-c0 { color: rgb(117, 134, 151); }
.enlighter-t-rowhammer .enlighter-c1 { color: rgb(117, 134, 151); }
.enlighter-t-rowhammer .enlighter-c2 { color: rgb(117, 134, 151); }
.enlighter-t-rowhammer .enlighter-c9 { color: rgb(117, 134, 151); }
.enlighter-t-rowhammer .enlighter-k0 { color: rgb(0, 119, 170); font-weight: 700; border-bottom: 1px dotted rgb(0, 119, 170); }
.enlighter-t-rowhammer .enlighter-k1 { color: rgb(0, 119, 170); font-weight: 700; border-bottom: 1px dotted rgb(0, 119, 170); }
.enlighter-t-rowhammer .enlighter-k2 { color: rgb(0, 119, 170); font-weight: 700; }
.enlighter-t-rowhammer .enlighter-k3 { color: rgb(0, 119, 170); }
.enlighter-t-rowhammer .enlighter-k4 { color: rgb(0, 119, 170); font-weight: 700; }
.enlighter-t-rowhammer .enlighter-k5 { color: rgb(0, 119, 170); font-weight: 700; border-bottom: 1px dotted rgb(0, 119, 170); }
.enlighter-t-rowhammer .enlighter-k6 { color: rgb(0, 119, 170); font-weight: 700; border-bottom: 1px dotted rgb(0, 119, 170); }
.enlighter-t-rowhammer .enlighter-k7 { color: rgb(0, 119, 170); font-weight: 700; border-bottom: 1px dotted rgb(0, 119, 170); }
.enlighter-t-rowhammer .enlighter-k8 { color: rgb(0, 119, 170); }
.enlighter-t-rowhammer .enlighter-k9 { color: rgb(0, 0, 0); }
.enlighter-t-rowhammer .enlighter-k10 { color: rgb(0, 119, 170); font-style: italic; }
.enlighter-t-rowhammer .enlighter-k11 { color: rgb(117, 134, 151); }
.enlighter-t-rowhammer .enlighter-e0 { color: rgb(0, 119, 170); font-weight: 700; }
.enlighter-t-rowhammer .enlighter-e1 { color: rgb(0, 119, 170); font-weight: 700; }
.enlighter-t-rowhammer .enlighter-e2 { color: rgb(210, 144, 29); }
.enlighter-t-rowhammer .enlighter-e3 { color: rgb(0, 119, 170); }
.enlighter-t-rowhammer .enlighter-e4 { color: rgb(255, 140, 0); font-style: italic; }
.enlighter-t-rowhammer .enlighter-s0 { color: rgb(99, 149, 0); border-bottom: 1px dotted rgb(99, 149, 0); }
.enlighter-t-rowhammer .enlighter-s1 { color: rgb(99, 149, 0); }
.enlighter-t-rowhammer .enlighter-s2 { color: rgb(99, 149, 0); }
.enlighter-t-rowhammer .enlighter-s3 { color: rgb(99, 149, 0); }
.enlighter-t-rowhammer .enlighter-s4 { color: rgb(99, 149, 0); }
.enlighter-t-rowhammer .enlighter-s5 { color: rgb(99, 149, 0); font-style: italic; }
.enlighter-t-rowhammer .enlighter-n0 { color: rgb(155, 13, 92); }
.enlighter-t-rowhammer .enlighter-n1 { color: rgb(155, 13, 92); }
.enlighter-t-rowhammer .enlighter-n2 { color: rgb(155, 13, 92); }
.enlighter-t-rowhammer .enlighter-n3 { color: rgb(155, 13, 92); }
.enlighter-t-rowhammer .enlighter-n4 { color: rgb(155, 13, 92); }
.enlighter-t-rowhammer .enlighter-n5 { color: rgb(155, 13, 92); }
.enlighter-t-rowhammer .enlighter-m0 { color: rgb(208, 40, 74); font-weight: 700; }
.enlighter-t-rowhammer .enlighter-m1 { color: rgb(194, 65, 91); font-weight: 700; }
.enlighter-t-rowhammer .enlighter-m2 { color: rgb(194, 65, 91); font-weight: 700; }
.enlighter-t-rowhammer .enlighter-m3 { color: rgb(208, 40, 74); font-weight: 700; }
.enlighter-t-rowhammer .enlighter-g0 { color: rgb(53, 67, 76); font-weight: 700; }
.enlighter-t-rowhammer .enlighter-g1 { color: rgb(107, 124, 139); font-weight: 700; }
.enlighter-t-rowhammer .enlighter-t0 { color: rgb(119, 119, 119); }
.enlighter-t-rowhammer .enlighter-t1 { color: rgb(150, 20, 20); font-weight: 700; }
.enlighter-t-rowhammer .enlighter-t2 { color: rgb(153, 0, 115); font-weight: 700; }
.enlighter-t-rowhammer .enlighter-t3 { color: rgb(68, 85, 136); }
.enlighter-t-rowhammer .enlighter-t4 { color: rgb(110, 13, 110); }
.enlighter-t-rowhammer .enlighter-t5 { color: rgb(110, 13, 110); }
.enlighter-t-rowhammer .enlighter-t6 { color: rgb(150, 20, 20); }
.enlighter-t-rowhammer .enlighter-t7 { color: rgb(83, 83, 83); font-weight: 700; }
.enlighter-t-rowhammer .enlighter-t8 { color: rgb(119, 119, 119); font-style: italic; }
.enlighter-t-rowhammer .enlighter-x1 { color: rgb(0, 119, 170); font-weight: 700; border-bottom: 1px dotted rgb(0, 119, 170); }
.enlighter-t-rowhammer .enlighter-x2 { color: rgb(0, 119, 170); font-weight: 700; }
.enlighter-t-rowhammer .enlighter-x10 { color: rgb(0, 119, 170); font-weight: 700; border-bottom: 1px dotted rgb(0, 119, 170); }
.enlighter-t-rowhammer .enlighter-x11 { color: rgb(0, 119, 170); font-weight: 700; border-bottom: 1px dotted rgb(0, 119, 170); }
.enlighter-t-rowhammer .enlighter-x12 { color: rgb(0, 119, 170); }
.enlighter-t-rowhammer .enlighter-x13 { color: rgb(155, 13, 92); }
.enlighter-t-rowhammer .enlighter-x14 { color: rgb(155, 13, 92); }
.enlighter-t-rowhammer .enlighter-x15 { color: rgb(18, 18, 18); }
.enlighter-t-rowhammer.enlighter-v-codegroup .enlighter-codegroup-switch { padding-left: 15px; padding-bottom: 15px; }
.enlighter-t-rowhammer.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn { font-size: 1em; color: rgb(117, 134, 151); background-color: transparent; border-radius: 0px; font-weight: 700; text-transform: uppercase; padding: 2px 10px; border: none; width: auto; height: auto; }
.enlighter-t-rowhammer.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active { border-bottom: 1px dotted rgb(117, 134, 151); background-color: rgb(240, 240, 240); }
.enlighter-t-bootstrap4 { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); padding: 25px; }
.enlighter-t-bootstrap4 .enlighter-toolbar { top: 10px; right: 10px; }
.enlighter-t-bootstrap4 .enlighter-btn { background-image: none; background-color: transparent; color: rgb(129, 138, 145); font-size: 1em; padding: 2px 8px; margin: 0px 5px; border: none; border-radius: 4px; font-family: "Open Sans", Arial, Verdana, sans-serif; }
.enlighter-t-bootstrap4 .enlighter-btn:hover { background-color: rgb(0, 123, 255); color: rgb(240, 240, 240); }
.enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-raw { background-image: none; }
.enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-raw::after { content: "Raw"; }
.enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-copy { background-image: none; }
.enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-copy::after { content: "Copy"; }
.enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-window { background-image: none; }
.enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-window::after { content: "Extern"; }
.enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-website { background-image: none; }
.enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-website::after { content: "EnlighterJS"; }
.enlighter-t-bootstrap4.enlighter-hover div.enlighter > div:hover { background-color: rgb(236, 238, 240); }
.enlighter-t-bootstrap4 .enlighter-raw { font-size: 1.15em; color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); line-height: 1.7em; padding: 0px 0px 0px 61px; }
.enlighter-t-bootstrap4 div.enlighter > div { padding: 1px 5px 1px 14px; line-height: 1.35em; color: rgb(153, 153, 153); background-color: transparent; }
.enlighter-t-bootstrap4 div.enlighter > div:first-child { padding-top: 5px; }
.enlighter-t-bootstrap4 div.enlighter > div:last-child { padding-bottom: 5px; }
.enlighter-t-bootstrap4 div.enlighter > div::after { content: " "; }
.enlighter-t-bootstrap4 div.enlighter > div.enlighter-special { background-color: rgb(236, 238, 240); }
.enlighter-t-bootstrap4.enlighter-linenumbers div.enlighter > div::before { padding: 1px 5px 1px 0px; font-size: 0.8em; }
.enlighter-t-bootstrap4 .enlighter span { font-size: 1.15em; }
.enlighter-t-bootstrap4 .enlighter-text { color: rgb(33, 37, 41); }
.enlighter-t-bootstrap4 .enlighter-c0 { color: rgb(153, 153, 153); }
.enlighter-t-bootstrap4 .enlighter-c1 { color: rgb(153, 153, 153); }
.enlighter-t-bootstrap4 .enlighter-c2 { color: rgb(153, 153, 153); }
.enlighter-t-bootstrap4 .enlighter-c9 { color: rgb(153, 153, 153); }
.enlighter-t-bootstrap4 .enlighter-k0 { color: rgb(0, 102, 153); }
.enlighter-t-bootstrap4 .enlighter-k1 { color: rgb(0, 102, 153); }
.enlighter-t-bootstrap4 .enlighter-k2 { color: rgb(0, 102, 153); }
.enlighter-t-bootstrap4 .enlighter-k3 { color: rgb(0, 102, 153); }
.enlighter-t-bootstrap4 .enlighter-k4 { color: rgb(0, 102, 153); font-style: italic; }
.enlighter-t-bootstrap4 .enlighter-k5 { color: rgb(33, 37, 41); }
.enlighter-t-bootstrap4 .enlighter-k6 { color: rgb(0, 102, 153); }
.enlighter-t-bootstrap4 .enlighter-k7 { color: rgb(0, 102, 153); border-bottom: 1px dotted rgb(0, 102, 153); }
.enlighter-t-bootstrap4 .enlighter-k8 { color: rgb(33, 37, 41); }
.enlighter-t-bootstrap4 .enlighter-k9 { color: rgb(0, 102, 153); }
.enlighter-t-bootstrap4 .enlighter-k10 { color: rgb(33, 37, 41); }
.enlighter-t-bootstrap4 .enlighter-k11 { color: rgb(153, 153, 153); }
.enlighter-t-bootstrap4 .enlighter-e0 { color: rgb(0, 102, 153); }
.enlighter-t-bootstrap4 .enlighter-e1 { color: rgb(0, 102, 153); }
.enlighter-t-bootstrap4 .enlighter-e2 { color: rgb(0, 153, 38); }
.enlighter-t-bootstrap4 .enlighter-e3 { color: rgb(0, 102, 153); }
.enlighter-t-bootstrap4 .enlighter-e4 { color: rgb(0, 102, 153); }
.enlighter-t-bootstrap4 .enlighter-s0 { color: rgb(212, 73, 80); }
.enlighter-t-bootstrap4 .enlighter-s1 { color: rgb(212, 73, 80); }
.enlighter-t-bootstrap4 .enlighter-s2 { color: rgb(212, 73, 80); }
.enlighter-t-bootstrap4 .enlighter-s3 { color: rgb(212, 73, 80); }
.enlighter-t-bootstrap4 .enlighter-s4 { color: rgb(212, 73, 80); }
.enlighter-t-bootstrap4 .enlighter-s5 { color: rgb(212, 73, 80); }
.enlighter-t-bootstrap4 .enlighter-n0 { color: rgb(255, 102, 0); }
.enlighter-t-bootstrap4 .enlighter-n1 { color: rgb(255, 102, 0); }
.enlighter-t-bootstrap4 .enlighter-n2 { color: rgb(255, 102, 0); }
.enlighter-t-bootstrap4 .enlighter-n3 { color: rgb(255, 102, 0); }
.enlighter-t-bootstrap4 .enlighter-n4 { color: rgb(255, 102, 0); }
.enlighter-t-bootstrap4 .enlighter-n5 { color: rgb(255, 102, 0); }
.enlighter-t-bootstrap4 .enlighter-m0 { color: rgb(153, 153, 255); }
.enlighter-t-bootstrap4 .enlighter-m1 { color: rgb(33, 37, 41); }
.enlighter-t-bootstrap4 .enlighter-m2 { color: rgb(33, 37, 41); }
.enlighter-t-bootstrap4 .enlighter-m3 { color: rgb(33, 37, 41); }
.enlighter-t-bootstrap4 .enlighter-g0 { color: rgb(47, 111, 159); }
.enlighter-t-bootstrap4 .enlighter-g1 { color: rgb(153, 153, 153); font-weight: 700; }
.enlighter-t-bootstrap4 .enlighter-t0 { color: rgb(153, 153, 153); }
.enlighter-t-bootstrap4 .enlighter-t1 { color: rgb(212, 73, 80); font-weight: 700; }
.enlighter-t-bootstrap4 .enlighter-t2 { color: rgb(212, 73, 80); font-weight: 700; }
.enlighter-t-bootstrap4 .enlighter-t3 { color: rgb(0, 134, 179); }
.enlighter-t-bootstrap4 .enlighter-t4 { color: rgb(0, 170, 136); }
.enlighter-t-bootstrap4 .enlighter-t5 { color: rgb(0, 170, 136); }
.enlighter-t-bootstrap4 .enlighter-t6 { color: rgb(255, 102, 0); }
.enlighter-t-bootstrap4 .enlighter-t7 { color: rgb(153, 153, 153); font-weight: 700; }
.enlighter-t-bootstrap4 .enlighter-t8 { color: rgb(153, 153, 153); }
.enlighter-t-bootstrap4 .enlighter-x1 { color: rgb(47, 111, 159); }
.enlighter-t-bootstrap4 .enlighter-x2 { color: rgb(79, 159, 207); }
.enlighter-t-bootstrap4 .enlighter-x10 { color: rgb(0, 170, 136); }
.enlighter-t-bootstrap4 .enlighter-x11 { color: rgb(0, 170, 136); }
.enlighter-t-bootstrap4 .enlighter-x12 { color: rgb(153, 153, 255); }
.enlighter-t-bootstrap4 .enlighter-x13 { color: rgb(255, 102, 0); }
.enlighter-t-bootstrap4 .enlighter-x14 { color: rgb(255, 102, 0); }
.enlighter-t-bootstrap4 .enlighter-x15 { color: rgb(255, 102, 0); }
.enlighter-t-bootstrap4.enlighter-v-inline { background-color: rgb(248, 249, 250); border: none; border-radius: 5px; padding: 3px; }
.enlighter-t-bootstrap4.enlighter-v-codegroup .enlighter-codegroup-switch { border-width: 3px 3px 0px; border-style: solid; border-color: rgb(248, 249, 250); border-image: initial; padding: 15px; }
.enlighter-t-bootstrap4.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn { padding: 3px 10px; border: none; font-size: 0.9em; color: rgb(33, 37, 41); font-weight: 700; background-color: rgb(248, 249, 250); border-radius: 5px; }
.enlighter-t-bootstrap4.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active { background-color: rgb(0, 123, 255); color: rgb(240, 240, 240); }
.enlighter-t-dracula { background-color: rgb(40, 42, 54); }
.enlighter-t-dracula .enlighter-toolbar { top: 10px; right: 10px; }
.enlighter-t-dracula .enlighter-btn { background-image: none; background-color: rgb(68, 71, 90); color: rgb(248, 248, 242); font-size: 1em; padding: 2px 8px; margin: 0px 5px; border: none; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; }
.enlighter-t-dracula .enlighter-btn:hover { background-color: rgb(98, 114, 164); color: rgb(248, 248, 242); }
.enlighter-t-dracula .enlighter-toolbar .enlighter-btn-raw { background-image: none; }
.enlighter-t-dracula .enlighter-toolbar .enlighter-btn-raw::after { content: "Raw"; }
.enlighter-t-dracula .enlighter-toolbar .enlighter-btn-copy { background-image: none; }
.enlighter-t-dracula .enlighter-toolbar .enlighter-btn-copy::after { content: "Copy"; }
.enlighter-t-dracula .enlighter-toolbar .enlighter-btn-window { background-image: none; }
.enlighter-t-dracula .enlighter-toolbar .enlighter-btn-window::after { content: "Extern"; }
.enlighter-t-dracula .enlighter-toolbar .enlighter-btn-website { background-image: none; }
.enlighter-t-dracula .enlighter-toolbar .enlighter-btn-website::after { content: "EnlighterJS"; }
.enlighter-t-dracula.enlighter-hover div.enlighter > div:hover { background-color: rgb(68, 71, 90); }
.enlighter-t-dracula .enlighter-raw { font-size: 1.25em; color: rgb(248, 248, 242); line-height: 1.85em; padding: 4px 5px 4px 55px; }
.enlighter-t-dracula div.enlighter > div { padding: 1px 5px 1px 14px; line-height: 1.6em; color: rgb(98, 114, 164); background-color: rgb(40, 42, 54); }
.enlighter-t-dracula div.enlighter > div:first-child { padding-top: 5px; }
.enlighter-t-dracula div.enlighter > div:last-child { padding-bottom: 5px; }
.enlighter-t-dracula div.enlighter > div::after { content: " "; }
.enlighter-t-dracula div.enlighter > div.enlighter-special { background-color: rgb(68, 71, 90); }
.enlighter-t-dracula.enlighter-linenumbers div.enlighter > div::before { font-size: 1em; color: rgb(98, 114, 164); }
.enlighter-t-dracula .enlighter span { font-size: 1.25em; }
.enlighter-t-dracula .enlighter-text { color: rgb(248, 248, 242); }
.enlighter-t-dracula .enlighter-c0 { color: rgb(98, 114, 164); }
.enlighter-t-dracula .enlighter-c1 { color: rgb(98, 114, 164); }
.enlighter-t-dracula .enlighter-c2 { color: rgb(98, 114, 164); }
.enlighter-t-dracula .enlighter-c9 { color: rgb(98, 114, 164); }
.enlighter-t-dracula .enlighter-k0 { color: rgb(255, 121, 198); font-weight: 700; }
.enlighter-t-dracula .enlighter-k1 { color: rgb(139, 233, 253); font-weight: 700; }
.enlighter-t-dracula .enlighter-k2 { color: rgb(255, 121, 198); font-weight: 700; }
.enlighter-t-dracula .enlighter-k3 { color: rgb(255, 121, 198); }
.enlighter-t-dracula .enlighter-k4 { color: rgb(139, 233, 253); }
.enlighter-t-dracula .enlighter-k5 { color: rgb(139, 233, 253); }
.enlighter-t-dracula .enlighter-k6 { color: rgb(139, 233, 253); }
.enlighter-t-dracula .enlighter-k7 { color: rgb(255, 184, 108); }
.enlighter-t-dracula .enlighter-k8 { color: rgb(139, 233, 253); }
.enlighter-t-dracula .enlighter-k9 { color: rgb(80, 250, 123); }
.enlighter-t-dracula .enlighter-k10 { color: rgb(80, 250, 123); }
.enlighter-t-dracula .enlighter-k11 { color: rgb(98, 114, 164); }
.enlighter-t-dracula .enlighter-e0 { color: rgb(189, 147, 249); font-weight: 700; }
.enlighter-t-dracula .enlighter-e1 { color: rgb(189, 147, 249); font-weight: 700; }
.enlighter-t-dracula .enlighter-e2 { color: rgb(241, 250, 140); }
.enlighter-t-dracula .enlighter-e3 { color: rgb(189, 147, 249); }
.enlighter-t-dracula .enlighter-e4 { color: rgb(189, 147, 249); font-style: italic; }
.enlighter-t-dracula .enlighter-s0 { color: rgb(241, 250, 140); }
.enlighter-t-dracula .enlighter-s1 { color: rgb(241, 250, 140); }
.enlighter-t-dracula .enlighter-s2 { color: rgb(241, 250, 140); }
.enlighter-t-dracula .enlighter-s3 { color: rgb(241, 250, 140); }
.enlighter-t-dracula .enlighter-s4 { color: rgb(241, 250, 140); font-weight: 700; }
.enlighter-t-dracula .enlighter-s5 { color: rgb(241, 250, 140); font-style: italic; }
.enlighter-t-dracula .enlighter-n0 { color: rgb(189, 147, 249); }
.enlighter-t-dracula .enlighter-n1 { color: rgb(189, 147, 249); }
.enlighter-t-dracula .enlighter-n2 { color: rgb(189, 147, 249); }
.enlighter-t-dracula .enlighter-n3 { color: rgb(189, 147, 249); }
.enlighter-t-dracula .enlighter-n4 { color: rgb(189, 147, 249); }
.enlighter-t-dracula .enlighter-n5 { color: rgb(189, 147, 249); }
.enlighter-t-dracula .enlighter-m0 { color: rgb(139, 233, 253); }
.enlighter-t-dracula .enlighter-m1 { color: rgb(139, 233, 253); }
.enlighter-t-dracula .enlighter-m2 { color: rgb(139, 233, 253); }
.enlighter-t-dracula .enlighter-m3 { color: rgb(139, 233, 253); }
.enlighter-t-dracula .enlighter-g0 { color: rgb(248, 248, 242); font-weight: 700; }
.enlighter-t-dracula .enlighter-g1 { color: rgb(248, 248, 242); font-weight: 700; }
.enlighter-t-dracula .enlighter-t0 { color: rgb(98, 114, 164); }
.enlighter-t-dracula .enlighter-t1 { color: rgb(139, 233, 253); font-weight: 700; }
.enlighter-t-dracula .enlighter-t2 { color: rgb(139, 233, 253); font-weight: 700; }
.enlighter-t-dracula .enlighter-t3 { color: rgb(255, 121, 198); }
.enlighter-t-dracula .enlighter-t4 { color: rgb(255, 184, 108); }
.enlighter-t-dracula .enlighter-t5 { color: rgb(80, 250, 123); }
.enlighter-t-dracula .enlighter-t6 { color: rgb(255, 85, 85); }
.enlighter-t-dracula .enlighter-t7 { color: rgb(248, 248, 242); font-weight: 700; }
.enlighter-t-dracula .enlighter-t8 { color: rgb(248, 248, 242); }
.enlighter-t-dracula .enlighter-x1 { color: rgb(255, 121, 198); font-weight: 700; }
.enlighter-t-dracula .enlighter-x2 { color: rgb(80, 250, 123); }
.enlighter-t-dracula .enlighter-x10 { color: rgb(248, 248, 242); font-weight: 700; }
.enlighter-t-dracula .enlighter-x11 { color: rgb(80, 250, 123); font-weight: 700; }
.enlighter-t-dracula .enlighter-x12 { color: rgb(139, 233, 253); font-style: italic; }
.enlighter-t-dracula .enlighter-x13 { color: rgb(189, 147, 249); }
.enlighter-t-dracula .enlighter-x14 { color: rgb(189, 147, 249); font-style: italic; }
.enlighter-t-dracula .enlighter-x15 { color: rgb(255, 184, 108); font-style: italic; }
.enlighter-t-dracula.enlighter-v-codegroup .enlighter-codegroup-switch { background-color: rgb(40, 42, 54); padding: 10px; }
.enlighter-t-dracula.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn { background-image: none; background-color: transparent; color: rgb(248, 248, 242); font-size: 1.15em; padding: 2px 8px; margin: 0px 5px; border: none; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; }
.enlighter-t-dracula.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active { background-color: rgb(68, 71, 90); color: rgb(248, 248, 242); }
.enlighter-t-monokai { background-color: rgb(39, 40, 34); }
.enlighter-t-monokai .enlighter-toolbar { top: 10px; right: 10px; }
.enlighter-t-monokai .enlighter-btn { background-image: none; background-color: rgb(65, 67, 57); color: rgb(248, 248, 242); font-size: 1em; padding: 2px 8px; margin: 0px 5px; border: 1px solid rgb(30, 31, 28); font-family: "Open Sans", Arial, Verdana, sans-serif; }
.enlighter-t-monokai .enlighter-btn:hover { background-color: rgb(78, 81, 69); }
.enlighter-t-monokai .enlighter-toolbar .enlighter-btn-raw { background-image: none; }
.enlighter-t-monokai .enlighter-toolbar .enlighter-btn-raw::after { content: "Raw"; }
.enlighter-t-monokai .enlighter-toolbar .enlighter-btn-copy { background-image: none; }
.enlighter-t-monokai .enlighter-toolbar .enlighter-btn-copy::after { content: "Copy"; }
.enlighter-t-monokai .enlighter-toolbar .enlighter-btn-window { background-image: none; }
.enlighter-t-monokai .enlighter-toolbar .enlighter-btn-window::after { content: "Extern"; }
.enlighter-t-monokai .enlighter-toolbar .enlighter-btn-website { background-image: none; }
.enlighter-t-monokai .enlighter-toolbar .enlighter-btn-website::after { content: "EnlighterJS"; }
.enlighter-t-monokai.enlighter-hover div.enlighter > div:hover { background-color: rgb(117, 113, 94); }
.enlighter-t-monokai .enlighter-raw { font-size: 1.25em; color: rgb(248, 248, 242); line-height: 1.85em; padding: 4px 5px 4px 55px; }
.enlighter-t-monokai div.enlighter > div { padding: 1px 5px 1px 14px; line-height: 1.6em; }
.enlighter-t-monokai div.enlighter > div:first-child { padding-top: 5px; }
.enlighter-t-monokai div.enlighter > div:last-child { padding-bottom: 5px; }
.enlighter-t-monokai div.enlighter > div::after { content: " "; }
.enlighter-t-monokai div.enlighter > div.enlighter-special { background-color: rgb(65, 67, 57); }
.enlighter-t-monokai.enlighter-linenumbers div.enlighter > div::before { font-size: 1em; color: grey; }
.enlighter-t-monokai .enlighter span { font-size: 1.25em; }
.enlighter-t-monokai .enlighter-text { color: rgb(248, 248, 242); }
.enlighter-t-monokai .enlighter-c0 { color: rgb(117, 113, 94); }
.enlighter-t-monokai .enlighter-c1 { color: rgb(117, 113, 94); }
.enlighter-t-monokai .enlighter-c2 { color: rgb(117, 113, 94); }
.enlighter-t-monokai .enlighter-c9 { color: rgb(117, 113, 94); }
.enlighter-t-monokai .enlighter-k0 { color: rgb(249, 38, 114); }
.enlighter-t-monokai .enlighter-k1 { color: rgb(249, 38, 114); }
.enlighter-t-monokai .enlighter-k2 { color: rgb(249, 38, 114); }
.enlighter-t-monokai .enlighter-k3 { color: rgb(249, 38, 114); }
.enlighter-t-monokai .enlighter-k4 { color: rgb(249, 38, 114); }
.enlighter-t-monokai .enlighter-k5 { color: rgb(249, 38, 114); }
.enlighter-t-monokai .enlighter-k6 { color: rgb(249, 38, 114); }
.enlighter-t-monokai .enlighter-k7 { color: rgb(248, 248, 242); }
.enlighter-t-monokai .enlighter-k8 { color: rgb(249, 38, 114); }
.enlighter-t-monokai .enlighter-k9 { color: rgb(253, 151, 31); }
.enlighter-t-monokai .enlighter-k10 { color: rgb(249, 38, 114); }
.enlighter-t-monokai .enlighter-k11 { color: rgb(117, 113, 94); }
.enlighter-t-monokai .enlighter-e0 { color: rgb(174, 129, 255); }
.enlighter-t-monokai .enlighter-e1 { color: rgb(174, 129, 255); }
.enlighter-t-monokai .enlighter-e2 { color: rgb(174, 129, 255); }
.enlighter-t-monokai .enlighter-e3 { color: rgb(174, 129, 255); }
.enlighter-t-monokai .enlighter-e4 { color: rgb(174, 129, 255); }
.enlighter-t-monokai .enlighter-s0 { color: rgb(230, 219, 116); }
.enlighter-t-monokai .enlighter-s1 { color: rgb(230, 219, 116); }
.enlighter-t-monokai .enlighter-s2 { color: rgb(230, 219, 116); }
.enlighter-t-monokai .enlighter-s3 { color: rgb(230, 219, 116); }
.enlighter-t-monokai .enlighter-s4 { color: rgb(230, 219, 116); font-weight: 700; }
.enlighter-t-monokai .enlighter-s5 { color: rgb(230, 219, 116); font-style: italic; }
.enlighter-t-monokai .enlighter-n0 { color: rgb(174, 129, 255); }
.enlighter-t-monokai .enlighter-n1 { color: rgb(174, 129, 255); }
.enlighter-t-monokai .enlighter-n2 { color: rgb(174, 129, 255); }
.enlighter-t-monokai .enlighter-n3 { color: rgb(174, 129, 255); }
.enlighter-t-monokai .enlighter-n4 { color: rgb(174, 129, 255); }
.enlighter-t-monokai .enlighter-n5 { color: rgb(174, 129, 255); }
.enlighter-t-monokai .enlighter-m0 { color: rgb(102, 217, 239); }
.enlighter-t-monokai .enlighter-m1 { color: rgb(102, 217, 239); }
.enlighter-t-monokai .enlighter-m2 { color: rgb(102, 217, 239); }
.enlighter-t-monokai .enlighter-m3 { color: rgb(102, 217, 239); }
.enlighter-t-monokai .enlighter-g0 { color: rgb(248, 248, 242); font-weight: 700; }
.enlighter-t-monokai .enlighter-g1 { color: rgb(248, 248, 242); font-weight: 700; }
.enlighter-t-monokai .enlighter-t0 { color: rgb(248, 248, 242); }
.enlighter-t-monokai .enlighter-t1 { color: rgb(166, 226, 46); }
.enlighter-t-monokai .enlighter-t2 { color: rgb(166, 226, 46); }
.enlighter-t-monokai .enlighter-t3 { color: rgb(230, 219, 116); }
.enlighter-t-monokai .enlighter-t4 { color: rgb(230, 219, 116); }
.enlighter-t-monokai .enlighter-t5 { color: rgb(166, 226, 46); }
.enlighter-t-monokai .enlighter-t6 { color: rgb(249, 38, 114); }
.enlighter-t-monokai .enlighter-t7 { color: rgb(249, 38, 114); }
.enlighter-t-monokai .enlighter-t8 { color: rgb(117, 113, 94); }
.enlighter-t-monokai .enlighter-x1 { color: rgb(249, 38, 114); }
.enlighter-t-monokai .enlighter-x2 { color: rgb(166, 226, 46); }
.enlighter-t-monokai .enlighter-x10 { color: rgb(166, 226, 46); }
.enlighter-t-monokai .enlighter-x11 { color: rgb(166, 226, 46); }
.enlighter-t-monokai .enlighter-x12 { color: rgb(102, 217, 239); font-style: italic; }
.enlighter-t-monokai .enlighter-x13 { color: rgb(249, 38, 114); }
.enlighter-t-monokai .enlighter-x14 { color: rgb(174, 129, 255); }
.enlighter-t-monokai .enlighter-x15 { color: rgb(166, 226, 46); }
.enlighter-t-monokai.enlighter-v-codegroup .enlighter-codegroup-switch { background-color: rgb(65, 67, 57); padding: 10px 10px 0px 30px; }
.enlighter-t-monokai.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn { background-image: none; background-color: rgb(65, 67, 57); color: rgb(248, 248, 242); font-size: 1.15em; padding: 2px 8px; margin: 0px 10px; border: none; line-height: 2.1em; border-radius: 0px; font-style: italic; }
.enlighter-t-monokai.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active { background-color: rgb(39, 40, 34); color: rgb(248, 248, 242); font-weight: 700; font-style: normal; }
.enlighter-t-wpcustom { border-radius: 8px; border: 1px solid rgb(224, 224, 224); }
.enlighter-t-wpcustom .enlighter-btn { border-radius: 3px; padding: 0px; border: 1px solid rgb(224, 224, 224); margin: 0px 0px 0px 8px; text-decoration: none; width: 23px; height: 23px; background-position: 0px 0px; background-size: contain; }
.enlighter-t-wpcustom .enlighter-btn:hover { border-color: rgb(201, 201, 201); }
.enlighter-t-wpcustom .enlighter-btn::after { content: ""; }
.enlighter-t-wpcustom.enlighter-hover.enlighter-linenumbers div.enlighter > div:hover { color: rgb(68, 68, 68); background-color: rgb(255, 252, 211); }
.enlighter-t-wpcustom.enlighter-hover div.enlighter > div:hover { color: rgb(68, 68, 68); }
.enlighter-t-wpcustom .enlighter-raw { border-radius: 8px; padding: 0px 5px 0px 60px; }
.enlighter-t-wpcustom div.enlighter > div { border: 0px solid rgb(255, 255, 255); line-height: 1.35em; color: rgb(170, 170, 170); }
.enlighter-t-wpcustom div.enlighter > div:first-child { border-radius: 8px 8px 0px 0px; }
.enlighter-t-wpcustom div.enlighter > div:last-child { border-radius: 0px 0px 8px 8px; }
.enlighter-t-wpcustom div.enlighter > div.enlighter-special { }
.enlighter-t-wpcustom.enlighter-linenumbers div.enlighter > div::before { border-right: 1px solid rgb(224, 224, 224); }
.enlighter-t-wpcustom.enlighter-linenumbers div.enlighter > div:first-child::before { border-radius: 8px 0px 0px; }
.enlighter-t-wpcustom.enlighter-linenumbers div.enlighter > div:last-child::before { border-radius: 0px 0px 0px 8px; }
.enlighter-t-wpcustom .enlighter-text { color: rgb(0, 0, 0); }
.enlighter-t-wpcustom .enlighter-c0 { }
.enlighter-t-wpcustom .enlighter-c1 { }
.enlighter-t-wpcustom .enlighter-c2 { }
.enlighter-t-wpcustom .enlighter-c9 { }
.enlighter-t-wpcustom .enlighter-k0 { }
.enlighter-t-wpcustom .enlighter-k1 { }
.enlighter-t-wpcustom .enlighter-k2 { }
.enlighter-t-wpcustom .enlighter-k3 { }
.enlighter-t-wpcustom .enlighter-k4 { }
.enlighter-t-wpcustom .enlighter-k5 { }
.enlighter-t-wpcustom .enlighter-k6 { }
.enlighter-t-wpcustom .enlighter-k7 { }
.enlighter-t-wpcustom .enlighter-k8 { }
.enlighter-t-wpcustom .enlighter-k9 { }
.enlighter-t-wpcustom .enlighter-k10 { }
.enlighter-t-wpcustom .enlighter-k11 { }
.enlighter-t-wpcustom .enlighter-e0 { }
.enlighter-t-wpcustom .enlighter-e1 { }
.enlighter-t-wpcustom .enlighter-e2 { }
.enlighter-t-wpcustom .enlighter-e3 { }
.enlighter-t-wpcustom .enlighter-e4 { }
.enlighter-t-wpcustom .enlighter-s0 { }
.enlighter-t-wpcustom .enlighter-s1 { }
.enlighter-t-wpcustom .enlighter-s2 { }
.enlighter-t-wpcustom .enlighter-s3 { }
.enlighter-t-wpcustom .enlighter-s4 { }
.enlighter-t-wpcustom .enlighter-s5 { }
.enlighter-t-wpcustom .enlighter-n0 { }
.enlighter-t-wpcustom .enlighter-n1 { }
.enlighter-t-wpcustom .enlighter-n2 { }
.enlighter-t-wpcustom .enlighter-n3 { }
.enlighter-t-wpcustom .enlighter-n4 { }
.enlighter-t-wpcustom .enlighter-n5 { text-decoration: underline; }
.enlighter-t-wpcustom .enlighter-m0 { }
.enlighter-t-wpcustom .enlighter-m1 { }
.enlighter-t-wpcustom .enlighter-m2 { }
.enlighter-t-wpcustom .enlighter-m3 { }
.enlighter-t-wpcustom .enlighter-g0 { }
.enlighter-t-wpcustom .enlighter-g1 { }
.enlighter-t-wpcustom .enlighter-t0 { }
.enlighter-t-wpcustom .enlighter-t1 { }
.enlighter-t-wpcustom .enlighter-t2 { }
.enlighter-t-wpcustom .enlighter-t3 { }
.enlighter-t-wpcustom .enlighter-t4 { }
.enlighter-t-wpcustom .enlighter-t5 { }
.enlighter-t-wpcustom .enlighter-t6 { }
.enlighter-t-wpcustom .enlighter-t7 { }
.enlighter-t-wpcustom .enlighter-t8 { }
.enlighter-t-wpcustom .enlighter-x1 { }
.enlighter-t-wpcustom .enlighter-x2 { }
.enlighter-t-wpcustom .enlighter-x10 { }
.enlighter-t-wpcustom .enlighter-x11 { }
.enlighter-t-wpcustom .enlighter-x12 { text-decoration: underline; }
.enlighter-t-wpcustom .enlighter-x13 { }
.enlighter-t-wpcustom .enlighter-x14 { }
.enlighter-t-wpcustom .enlighter-x15 { }
.enlighter-t-wpcustom.enlighter-v-inline { border-radius: 3px; background-color: rgb(250, 250, 250); }
.enlighter-t-wpcustom.enlighter-v-codegroup .enlighter, .enlighter-t-enlighter.enlighter-v-codegroup .enlighter-raw { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.enlighter-t-wpcustom.enlighter-v-codegroup .enlighter div:first-child { border-radius: 0px; }
.enlighter-t-wpcustom.enlighter-v-codegroup .enlighter-codegroup-wrapper { position: relative; }
.enlighter-t-wpcustom.enlighter-v-codegroup .enlighter-codegroup-switch { border-radius: 8px 8px 0px 0px; background-color: rgb(249, 249, 249); border-bottom: 1px solid rgb(224, 224, 224); padding: 5px 5px 5px 45px; }
.enlighter-t-wpcustom.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn { padding: 3px 10px; border-radius: 4px; border: 1px solid rgb(224, 224, 224); width: auto; }
.enlighter-t-wpcustom.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active { background-color: rgb(229, 229, 229); color: rgb(0, 0, 0); border-color: rgb(201, 201, 201); }
.enlighter-t-wpcustom .enlighter span { }
.enlighter-t-wpcustom div.enlighter > div.enlighter-special:hover { }
.enlighter-t-wpcustom .enlighter-x16 { }
.enlighter-default .enlighter-btn-website { display: none; }
.rll-youtube-player { position: relative; padding-bottom: 56.23%; height: 0px; overflow: hidden; max-width: 100%; }
.rll-youtube-player:focus-within { outline: currentcolor solid 2px; outline-offset: 5px; }
.rll-youtube-player iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; background: 0px 0px; }
.rll-youtube-player img { inset: 0px; display: block; margin: auto; max-width: 100%; width: 100%; position: absolute; border: none; height: auto; transition: 0.4s; }
.rll-youtube-player img:hover { filter: brightness(75%); }
.rll-youtube-player .play { height: 100%; width: 100%; left: 0px; top: 0px; position: absolute; background-image: url("https://www.qodo.ai/wp-content/plugins/wp-rocket/assets/img/youtube.png"); background-position: center center; background-size: initial; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; cursor: pointer; border: none; background-color: transparent !important; }
@font-face { font-family: CentraNo1; font-weight: 400; font-display: swap; src: url("https://www.qodo.ai/wp-content/themes/codium/assets/css/fonts/CentraNo1-Book.woff2") format("woff2"), url("https://www.qodo.ai/wp-content/themes/codium/assets/css/fonts/CentraNo1-Book.woff") format("woff"); }
@font-face { font-family: CentraNo1; font-weight: 700; font-display: swap; src: url("https://www.qodo.ai/wp-content/themes/codium/assets/css/fonts/CentraNo1-Bold.woff2") format("woff2"), url("https://www.qodo.ai/wp-content/themes/codium/assets/css/fonts/CentraNo1-Bold.woff") format("woff"); }
html:not(.is-active-page) .homepage-join, html:not(.is-active-page) .homepage-join .join-slider--wrapper .slider--item .slider--item-bg, html:not(.is-active-page) .article-card--wrapper .image-wrapper .thumb-overlay, html:not(.is-active-page) .site-footer .ellipse, html:not(.is-active-page) .demo-wrapper .demo-background, html:not(.is-active-page) .customer-review-section, html:not(.is-active-page) .code-integrity-section { background-image: none !important; }
@media (max-width: 767px) {
  .site-footer .footer-software-block .footer-software { gap: 10px; }
  .site-footer .footer-software-block .footer-software img { width: 26px; height: 26px; }
}
[data-wpr-lazyrender] { content-visibility: auto; }
@media (max-width: 767px) {
  body .header-note { padding: 8px 0px; }
  body .header-note .note-info { font-size: 14px; }
}
@media (max-width: 370px) {
  body .header-note { padding: 8px 0px; }
  body .header-note .note-info { font-size: 12px !important; letter-spacing: -0.04rem; }
}
.header-note { background: rgb(99, 71, 255) !important; }
@media (max-width: 992px) {
  .icw-sticky .event-sticky-info { grid-template-columns: auto; }
  .icw-sticky .event-info { margin-bottom: 20px; gap: 15px; align-items: flex-start; }
  .icw-sticky .event-info .user-img { display: inline-flex; }
  .icw-sticky .event-info .user-img img { max-width: 44px; }
}
@media (max-width: 600px) {
  .icw-sticky .event-info { flex-direction: column; }
}
@media (max-width: 375px) {
  .icw-sticky .event-info .user-img { display: none; }
}
@media (max-width: 1199px) {
  .marketplace-value.-value-desktop { display: none; }
}
@media (min-width: 1200px) {
  .marketplace-value.-value-mobile { display: none; }
  .marketplace-value.-value-desktop { display: inline-flex; }
}