.elementor-76427 .elementor-element.elementor-element-d85d182{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#9F9F9F4D;--border-color:#9F9F9F4D;--border-radius:8px 8px 8px 8px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;overflow:visible;}.elementor-76427 .elementor-element.elementor-element-d85d182:hover{border-style:solid;}.elementor-76427 .elementor-element.elementor-element-d85d182, .elementor-76427 .elementor-element.elementor-element-d85d182::before{--border-transition:0.3s;}.elementor-76427 .elementor-element.elementor-element-6fd09d7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;--border-radius:var(--global-border-radius);}.elementor-76427 .elementor-element.elementor-element-6fd09d7:not(.elementor-motion-effects-element-type-background), .elementor-76427 .elementor-element.elementor-element-6fd09d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-light );}.elementor-76427 .elementor-element.elementor-element-65c0846{--display:flex;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#9F9F9F4D;--border-color:#9F9F9F4D;--padding-top:0px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-76427 .elementor-element.elementor-element-65c0846:not(.elementor-motion-effects-element-type-background), .elementor-76427 .elementor-element.elementor-element-65c0846 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-76427 .elementor-element.elementor-element-65c0846:hover{border-style:solid;}.elementor-76427 .elementor-element.elementor-element-65c0846, .elementor-76427 .elementor-element.elementor-element-65c0846::before{--border-transition:0.3s;}.elementor-76427 .elementor-element.elementor-element-3a3e647{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;overflow:visible;}.elementor-76427 .elementor-element.elementor-element-a5eaeef .elementskit-section-title-wraper .elementskit-section-title > span{background-color:transparent;padding:0px 0px 0px 0px;background-image:linear-gradient(180deg, #00000000 67%, var( --e-global-color-primary ) 0%);border-radius:0px 0px 0px 0px;}.elementor-76427 .elementor-element.elementor-element-a5eaeef .ekit-heading__description{max-width:800px;}.elementor-76427 .elementor-element.elementor-element-a5eaeef .elementskit-section-title-wraper .elementskit-section-title{color:#181C2C;margin:0px 0px 0px 0px;font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:500;}.elementor-76427 .elementor-element.elementor-element-a5eaeef .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-76427 .elementor-element.elementor-element-a5eaeef .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Inter", Sans-serif;font-weight:500;}.elementor-76427 .elementor-element.elementor-element-a5eaeef .elementskit-section-title-wraper .elementskit-section-subtitle{color:#5B6480;font-family:"Open Sans", Sans-serif;font-size:13px;font-weight:600;margin:0px 0px 0px 0px;}.elementor-76427 .elementor-element.elementor-element-a5eaeef .elementskit-section-title-wraper p{color:#475569;font-family:"Open Sans", Sans-serif;font-size:16px;margin:0px 0px 0px 0px;}.elementor-76427 .elementor-element.elementor-element-84321fd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:12px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-76427 .elementor-element.elementor-element-fa8cc31 .ekit-btn-wraper .elementskit-btn{justify-content:flex-start;}.elementor-76427 .elementor-element.elementor-element-fa8cc31 .elementskit-btn{background-color:#FFFFFF;font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:500;color:#0057FF;fill:#0057FF;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:8px 8px 8px 8px;}.elementor-76427 .elementor-element.elementor-element-fa8cc31{width:auto;max-width:auto;}.elementor-76427 .elementor-element.elementor-element-80a8efd{--display:flex;--justify-content:flex-start;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;overflow:visible;}.elementor-76427 .elementor-element.elementor-element-80a8efd:not(.elementor-motion-effects-element-type-background), .elementor-76427 .elementor-element.elementor-element-80a8efd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-76427 .elementor-element.elementor-element-80a8efd:hover{border-style:none;}.elementor-76427 .elementor-element.elementor-element-80a8efd, .elementor-76427 .elementor-element.elementor-element-80a8efd::before{--border-transition:0.3s;}.elementor-76427 .elementor-element.elementor-element-f84ea1d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-76427 .elementor-element.elementor-element-a84b0c8 .elementskit-section-title-wraper .elementskit-section-title > span{background-color:transparent;padding:0px 0px 0px 0px;background-image:linear-gradient(180deg, #00000000 67%, var( --e-global-color-primary ) 0%);border-radius:0px 0px 0px 0px;}.elementor-76427 .elementor-element.elementor-element-a84b0c8 .ekit-heading__description{max-width:800px;}.elementor-76427 .elementor-element.elementor-element-a84b0c8 .elementskit-section-title-wraper .elementskit-section-title{color:#181C2C;margin:0px 0px 0px 0px;font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:500;}.elementor-76427 .elementor-element.elementor-element-a84b0c8 .elementskit-section-title-wraper .elementskit-section-subtitle{color:#5B6480;font-family:"Open Sans", Sans-serif;font-size:13px;font-weight:600;margin:0px 0px 0px 0px;}.elementor-76427 .elementor-element.elementor-element-807fe25 .elementskit-section-title-wraper .elementskit-section-title > span{background-color:transparent;padding:0px 0px 0px 0px;background-image:linear-gradient(180deg, #00000000 67%, var( --e-global-color-primary ) 0%);border-radius:0px 0px 0px 0px;}.elementor-76427 .elementor-element.elementor-element-807fe25 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-76427 .elementor-element.elementor-element-807fe25 .ekit-heading__description{max-width:500px;}.elementor-76427 .elementor-element.elementor-element-807fe25 .elementskit-section-title-wraper .elementskit-section-title{color:#0F1F2A;}.elementor-76427 .elementor-element.elementor-element-807fe25 .elementskit-section-title-wraper p{color:#475569;font-size:16px;margin:0px 0px 0px 0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-76427 .elementor-element.elementor-element-920545a > .elementor-widget-container{padding:0px 0px 0px 10px;}.elementor-76427 .elementor-element.elementor-element-920545a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-76427 .elementor-element.elementor-element-920545a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-76427 .elementor-element.elementor-element-920545a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-76427 .elementor-element.elementor-element-920545a .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-76427 .elementor-element.elementor-element-920545a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-76427 .elementor-element.elementor-element-920545a .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-76427 .elementor-element.elementor-element-920545a .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-76427 .elementor-element.elementor-element-920545a{--e-icon-list-icon-size:12px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-76427 .elementor-element.elementor-element-920545a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-76427 .elementor-element.elementor-element-920545a .elementor-icon-list-item > a{font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-76427 .elementor-element.elementor-element-920545a .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-76427 .elementor-element.elementor-element-bf28ba2{--display:flex;border-style:solid;--border-style:solid;border-width:01px 0px 0px 0px;--border-top-width:01px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E7E7E7;--border-color:#E7E7E7;overflow:visible;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-76427 .elementor-element.elementor-element-ddc8466 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-76427 .elementor-element.elementor-element-ddc8466{font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:400;}@media(min-width:768px){.elementor-76427 .elementor-element.elementor-element-3a3e647{--width:100%;}.elementor-76427 .elementor-element.elementor-element-f84ea1d{--width:100%;}}@media(max-width:1024px){.elementor-76427 .elementor-element.elementor-element-6fd09d7{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;}.elementor-76427 .elementor-element.elementor-element-65c0846{border-width:0px 1px 1px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:0px;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-76427 .elementor-element.elementor-element-84321fd{--justify-content:center;}.elementor-76427 .elementor-element.elementor-element-80a8efd{--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-76427 .elementor-element.elementor-element-f84ea1d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-76427 .elementor-element.elementor-element-807fe25 .ekit-heading__description{max-width:800px;}.elementor-76427 .elementor-element.elementor-element-807fe25 .elementskit-section-title-wraper p{font-size:16px;}}@media(max-width:767px){.elementor-76427 .elementor-element.elementor-element-6fd09d7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-76427 .elementor-element.elementor-element-65c0846{border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;--border-radius:0px 0px 0px 0px;}.elementor-76427 .elementor-element.elementor-element-84321fd{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-76427 .elementor-element.elementor-element-fa8cc31 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-76427 .elementor-element.elementor-element-80a8efd{--border-radius:0px 0px 0px 0px;}.elementor-76427 .elementor-element.elementor-element-807fe25 .elementskit-section-title-wraper p{font-size:16px;}}@media(max-width:1024px) and (min-width:768px){.elementor-76427 .elementor-element.elementor-element-65c0846{--width:50%;}.elementor-76427 .elementor-element.elementor-element-80a8efd{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-8ddd8ec */.same-container
{
    height:750px !important;
}

body {
    font-family: "Open Sans", sans-serif;
}
 
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.elementor-widget-text-editor {
    font-family: "Open Sans", sans-serif !important;
}

/* ===== CODE BLOCK CONTAINER ===== */
.sf-code-block {
  position: relative;
  background: #040D1E !important;
  border-radius: 12px !important;
  padding: 24px !important;
  overflow: hidden !important;
  font-family: "Open Sans", Sans-serif !important;
}

/* ===== COPY BUTTON ===== */
.sf-copy-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #16223A;
  color: #FFFFFF;
  border: 1px solid #ffffff4d;
  border-radius: 10px !important;
  padding: 6px 10px;
  font-size: 14px !important;
  cursor: pointer;
  position: absolute !important;
    align-items: center;
padding-top: 9.5px !important;
    height: 39px;
}

.sf-copy-btn:hover {
  background: #1c2b47;
}

/* ===== PRE ===== */
.sf-code-block pre {
  background: transparent !important;
  color: #d4d4d4;
  margin: 0;
  white-space: pre;
  overflow-x: auto;
  font-size: 15px;
  line-height: 24px;
}

/* ===== JSON SYNTAX COLORS ===== */

/* Keys - GREEN */
.sf-key {
  color: #62AA32 !important;
}

/* String Values - LIGHT BLUE */
.sf-string {
  color: #9cdcfe !important;
}
.sf-comment{
    color: #8B949E !important;
}

/* Braces/Brackets - Light Gray */
.sf-brace {
  color: #d4d4d4 !important;
}
#sfCode{
    border-radius: 0px !important;
    border: 0;
    font-family: "Open Sans", Sans-serif !important;
}
.sf-code-block .green-tick{
    margin-top: -10px;
    margin-right: 5px;
}
.sf-code-block .copy-icon{
    width: 18px;
    height: 15px;
    position: relative;
}
.sf-code-block .copy-text{
    position: relative;
    top: -2px;
}


/* === INLINE CODE SNIPPET CONTAINER === */
.sf-inline-code {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;

  background: #040D1E;

  border-radius: 14px;
  padding: 14px 18px;
  box-shadow: none !important;

  font-family: "Open Sans", Sans-serif;
  font-size: 14px;
  color: #9cdcfe !important;
}

/* === IMPORTANT: RESET CODE TAG === */
.sf-inline-code code {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;

  white-space: nowrap;
  overflow-x: auto;
  scrollbar-width: thin; /* Firefox */
  color: #FFFFFF;
  font-family: "Open Sans", Sans-serif;
  font-size: 14px;
}

/* Optional: visible scrollbar for Webkit */
.sf-inline-code code::-webkit-scrollbar {
  height: 6px;
}
.sf-inline-code code::-webkit-scrollbar-thumb {
  background: #1f2937;
  border-radius: 4px;
}

/* === COPY BUTTON === */
.sf-inline-copy {
  flex-shrink: 0;
  background: #16223A;
  color: #FFFFFF;
  border: 1px solid #ffffff4d;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 14px !important;
  cursor: pointer;
  border-radius: 10px !important;
    align-items: center;
padding-top: 9.5px !important;
    height: 39px;
}

.sf-inline-copy:hover {
  background: #1c2b47;
}
#sfInlineCode{
    border-radius: 0px !important;
}
.sf-inline-code .check-icon{
    width: 18px;
    height: 18px;
    position: relative;
}
.sf-inline-code .copy-icon{
width: 18px;
    height: 15px;
    position: relative;
}
.sf-inline-code .copy-text{
    position: relative;
    top: -2px;
}
#supported-framework-ide-tab-section .elementor-icon-list-item.elementor-inline-item:first-child
  .elementor-icon-list-icon {
  
  background-image: url(https://www.syncfusion.com/explore/wp-content/uploads/sites/18/2026/04/Vector.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 20px;
  margin-right: 2px;
}
#supported-framework-ide-tab-section .elementor-icon-list-item.elementor-inline-item:first-child
  .elementor-icon-list-icon svg{
      opacity: 0;
  }
@media (max-width: 1024px) and (min-width: 425px){
    .ide-arrow-list {
        width: 460px !important;
    }
}
@media (min-width: 931px) and (max-width: 945px){
    #supported-framework-ide-tab-section h3 {
        font-size: 27px !important;
    }
}
@media (max-width: 930px) {
.my-snippet-class .elementor-icon-list--layout-inline ul li{
margin-bottom: 10px !important;
}
#supported-framework-ide-tab-section .other-support-framework{
    margin-left: 18px !important;
}
#supported-framework-ide-tab-section .elementor-icon-list-item.elementor-inline-item:first-child .elementor-icon-list-icon {
    margin-left: -5px;
}
#supported-framework-ide-tab-section .other-support-framework{
margin-right: 10px !important;
}
}
/*@media (min-width: 865px){
.my-snippet-class .elementor-widget.elementor-widget-html {
    max-width: 85% !important;
}
}*/
@media (min-width: 425px) and (max-width: 930px) {
    #supported-framework-ide-tab-section h3.elementor-heading-title{
        width: 200px !important;
    }
   #supported-framework-ide-tab-section ul.elementor-icon-list-items{
            width: 285px;
    }
    #supported-framework-ide-tab-section .other-support-framework{
           min-width: 200px !important;
    }
}
@media (max-width: 1007px) {
   #supported-framework-ide-tab-section ul.nav-tabs{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
   }
}
@media (max-width: 767px) {
   #supported-framework-ide-tab-section .ekit-wid-con .ekit-tab-title-group {
    min-width: max-content;
}
.ide-arrow-list{
    margin-left: -9px !important;
}
}
@media (max-width: 426px) {
  #supported-framework-ide-tab-section .sf-copy-btn .copy-text,
  #supported-framework-ide-tab-section .sf-inline-copy .copy-text {
    display: none !important;
  }
    #supported-framework-ide-tab-section .sf-copy-btn svg,   #supported-framework-ide-tab-section .sf-inline-copy svg {
    margin-right: 0px;
}
}

#supported-framework-ide-tab-section ul.nav-tabs {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

#supported-framework-ide-tab-section ul.nav-tabs::-webkit-scrollbar {
  display: none;
}
#supported-framework-ide-tab-section .elementor-widget-text-editor p a{
    color: #0057FF !important;
    font-weight: 500 !important;
}
#supported-framework-ide-tab-section .elementor-widget-text-editor p a:hover {
    color: #0450C2 !important;
}
#supported-framework-ide-tab-section .vs-code-div p img{
    width: 28px !important;
    height: 28px !important;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -5px;
}
@media (min-width: 1024px) {
  #supported-framework-ide-tab-section  .ide-arrow-list {
    width: 485px !important;
  }
}
#supported-framework-ide-tab-section{
    background: linear-gradient(180deg, #EAF0FF 0%, #FFFFFF 9.1%, #FFFFFF 95.4%, #EAF0FF 100%);
}
/* #supported-framework-ide-tab-section .ekit-wid-con .elementkit-tab-content .elementkit-tab-pane p{
    color: #475569;
} */
.ide-arrow-list .elementor-icon-list-text{
    padding-left: 0px !important;
}
@media (min-width: 1025px) and (max-width: 1107px) {
  #supported-framework-ide-tab-section h3 {
    font-size: 22px !important;
  }
}

#quick-setup-mcp-server .elementkit-nav-link:hover {
    color: #0057FF !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-heading, class: .elementor-element-807fe25 */.prompt-box {
     border-radius: 12px;
    background-color: #e9e9ee;
    color: #2f3542;
    padding: 16px 12px;
    font-family: Consolas, Monaco, "Courier New", monospace;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 500;
    display: inline-block;
}/* End custom CSS */