.elementor-kit-10{--e-global-color-primary:#000000;--e-global-color-secondary:#030A8C;--e-global-color-text:#000000;--e-global-color-accent:#FF7802;--e-global-color-cd1e84d:#F9E0E299;--e-global-color-a983356:#FDF4ED;--e-global-color-02754a5:#FFFFFF00;--e-global-color-ef9a968:#FFFFFF;--e-global-color-daeb24d:#81818181;--e-global-typography-primary-font-family:"Roboto Slab";--e-global-typography-primary-font-size:58px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:capitalize;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:56px;--e-global-typography-primary-letter-spacing:-0.3px;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-family:"Gentium Book Plus";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:800;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:24px;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-secondary-word-spacing:0px;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-text-word-spacing:0px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:-0.2px;--e-global-typography-accent-word-spacing:0px;--e-global-typography-13b2551-font-family:"Roboto Slab";--e-global-typography-13b2551-font-size:28px;--e-global-typography-13b2551-font-weight:700;--e-global-typography-13b2551-text-transform:capitalize;--e-global-typography-13b2551-font-style:normal;--e-global-typography-13b2551-text-decoration:none;--e-global-typography-13b2551-line-height:1.6em;--e-global-typography-13b2551-letter-spacing:-0.7px;--e-global-typography-02da0e9-font-family:"Inter";--e-global-typography-02da0e9-font-size:16px;--e-global-typography-02da0e9-font-weight:600;--e-global-typography-02da0e9-text-transform:capitalize;--e-global-typography-02da0e9-font-style:normal;--e-global-typography-02da0e9-text-decoration:none;--e-global-typography-02da0e9-line-height:26px;--e-global-typography-628465a-font-family:"Lora";--e-global-typography-628465a-font-size:78px;--e-global-typography-628465a-font-weight:700;--e-global-typography-628465a-text-transform:capitalize;--e-global-typography-628465a-font-style:normal;--e-global-typography-628465a-text-decoration:none;--e-global-typography-628465a-line-height:74px;--e-global-typography-628465a-letter-spacing:-2.3px;--e-global-typography-dfc7301-font-family:"Inter";--e-global-typography-dfc7301-font-size:16px;--e-global-typography-dfc7301-font-weight:700;--e-global-typography-dfc7301-text-transform:uppercase;--e-global-typography-dfc7301-font-style:normal;--e-global-typography-dfc7301-text-decoration:none;--e-global-typography-dfc7301-line-height:24px;--e-global-typography-dfc7301-letter-spacing:7.1px;--e-global-typography-dfc7301-word-spacing:0px;--e-global-typography-0674808-font-family:"Saira Semi Condensed";background-color:var( --e-global-color-ef9a968 );font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:-0.8px;word-spacing:0px;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 label{color:var( --e-global-color-primary );}.elementor-kit-10 input:not([type="button"]):not([type="submit"]),.elementor-kit-10 textarea,.elementor-kit-10 .elementor-field-textual{font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;color:#E23125C2;}.elementor-kit-10 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-10 textarea:focus,.elementor-kit-10 .elementor-field-textual:focus{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1434px;}.e-con{--container-max-width:1434px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}div.title_outer{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-10{--e-global-typography-primary-font-size:38px;--e-global-typography-primary-line-height:1em;--e-global-typography-text-font-size:14px;--e-global-typography-13b2551-font-size:22px;--e-global-typography-02da0e9-font-size:14px;--e-global-typography-628465a-font-size:58px;--e-global-typography-628465a-line-height:1em;--e-global-typography-dfc7301-font-size:14px;--e-global-typography-dfc7301-letter-spacing:6px;font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-10{--e-global-typography-primary-font-size:28px;--e-global-typography-accent-font-size:14px;--e-global-typography-13b2551-font-size:18px;--e-global-typography-628465a-font-size:36px;--e-global-typography-628465a-letter-spacing:-2px;--e-global-typography-dfc7301-font-size:12px;--e-global-typography-dfc7301-letter-spacing:4px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* CORRECTED */
/* Global */
/* THIS IS FOR NEW WEBSITE*/

::selection {
    background: rgba(245, 125, 5, 0.3);
    color: inherit;
}

/* To prevent freezed scroll problems from the Bridge theme smooth scroll default behavior */

html, body {
  scroll-behavior: auto !important;
}

/* end */

/* To prevent gray color for links and green on hover from Bridge theme */

a,
p a {
    color: #FF7802;
}

a:hover,
p a:hover {
    color: #FF7802;
    text-decoration: underline;
}

/* end */

html, body {
  scroll-behavior: auto !important;
}

/* end */

.elementor-widget-container p {
    font-family: inherit;
}

.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-toggle[aria-expanded=true]+.e-n-menu-wrapper {
    background-color: #010326 !important;
}

/*END*/

.gglobe {
    /*background-image: ;*/
    height: 24px !important;
    width: 24px !important;
}

.gsatelites {
    position: relative;
    z-index: 9999999999;
}


/* Price Pricing Page */

.recommended-alert{
    padding-top:3px !important;
    padding-bottom:3px !important;
}

.recommended-alert-disabled{
    padding-top:3px !important;
    padding-bottom:3px !important;
}

.recommended-alert-disabled::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5); /* Capa blanca translúcida para efecto "deshabilitado" */
  z-index: 10;
}

.plan-disabled {
  position: relative;
  background-color: rgba(0, 0, 0, 0.1); /* Capa gris translúcida */
  opacity: 0.5; /* Todo el contenedor se ve más claro */
  pointer-events: none; /* Deshabilita todos los eventos dentro del contenedor */
}

.plan-disabledd .plan-button {
  background-color: #007bff; /* Puedes cambiar el color si lo prefieres más claro */
  opacity: 0.5; /* Botón más claro */
  cursor: not-allowed; /* Cursor indica que no se puede interactuar */
}

.plan-disabled::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5); /* Capa blanca translúcida para efecto "deshabilitado" */
  z-index: 10;
}


.xygeni-pricing .elementor-widget-container .e-n-tabs .e-n-tabs-heading .e-n-tab-title{
    padding-left: 1.0% !important;
    padding-right: 1.0% !important;
    padding-top: 1.0% !important;
    padding-bottom: 1.0% !important;
}

.compare-plan-line{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.compare-plan-line .e-con-inner{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.compare-line-container{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.compare-line-container-block{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.product-line-plan{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.compare-plan-icon{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.line-func .e-con-inner{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}


/*End Pricing Page*/






ul li {
    list-style: none;    
}

/* Desactivar el ::marker */
.elementor-widget-table-of-contents li::marker {
    content: '';
}


.code-element-py {
    width: 38vw !important;
 
}

.token {
      font-size: 16px !important;

}


.h1-product h1{

    font-size: 38px !important;
    line-height: 50px !important;

}

.blog-content h2{
    font-family: "Saira Semi Condensed", Sans-serif !important;
    font-size: 31px !important;
    font-weight: 700 !important;
    text-transform: normal !important;
    font-style: normal !important;

    /*text-decoration: none !important;*/
    text-transform: capitalize;

    line-height: 30px !important;
    letter-spacing: -0.3px !important;
    word-spacing: 0px !important;
    color: black !important;

    text-align: left !important;
    line-height: 1em !important;
}


/*.blog-content h3{
    margin-top: 0.5rem !important;
    margin-bottom: 1rem !important;
    font-family: inherit !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    color: inherit !important;
}*/

.blog-content h2{
    
    font-family: "Saira", Sans-serif !important;

    font-size: 34px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    font-style: normal !important;
    text-decoration: none !important;

    letter-spacing: -1.5px !important;
    word-spacing: 0px !important;
    color: black !important;
}



.blog-content h3{
    font-family: "Lato", Sans-serif !important;
    font-size: 24px !important;
    text-transform: none !important;
    margin-top: 0.5rem !important;
    margin-bottom: 1rem !important;
    font-weight: 800 !important;
    line-height: 24px !important;
    letter-spacing: -0.2px !important;
    color: #473BF0 !important;
}

.blog-content h3 a{
    font-family: "Lato", Sans-serif !important;
    font-size: 24px !important;
    text-transform: none !important;
    margin-top: 0.5rem !important;
    margin-bottom: 1rem !important;
    font-weight: 800 !important;
    line-height: 24px !important;
    letter-spacing: -0.2px !important;
    color: #ff7802 !important;
}


.blog-content h4{
    font-family: "Lato", Sans-serif !important;
    font-size: 22px !important;
    text-transform: none !important;
    margin-top: 0.5rem !important;
    margin-bottom: 1rem !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    letter-spacing: -0.2px !important;
    color: black !important;
}

.blog-content h4 a{
    font-size: 22px !important;
    color: #ff7802 !important;
}

.blog-content h5{
    font-family: "Lato", Sans-serif !important;
    font-size: 20px !important;
    text-transform: none !important;
    margin-top: 0.5rem !important;
    margin-bottom: 1rem !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    letter-spacing: -0.2px !important;
    color: black !important;
}

.blog-content h5 a{
    font-size: 20px !important;
    color: #ff7802 !important;
}

.blog-content h6{
    font-family: "Lato", Sans-serif !important;
    font-size: 22px !important;
    text-transform: none !important;
    margin-top: 0.5rem !important;
    margin-bottom: 1rem !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    letter-spacing: -0.2px !important;
    color: #473BF0 !important;
}

.blog-content h6 a{
    color: #ff7802 !important;
}

.blog-content p {
     font-family: "Lato", Sans-serif !important;
     font-size: 16px;
    display: block !important;
    margin-block-start: 1em !important;
    margin-block-end: 1em !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
   
}


.blog-content  dd, dl, dt, li, ol, ul{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    font-size: 100% !important;
    vertical-align: baseline!important;
    background: transparent !important;
}

.blog-content li{
  /*  display: list-item !important;*/
    text-align: -webkit-match-parent !important;
    list-style-type: disc !important;

}

.blog-content ul{
  
        margin-left: 5% !important;
}


.blog-content ol li:before {
    content: none !important;
    position: unset !important;
}

.blog-content ol li {
    position: unset !important;
}


.top-banner-alert-section div{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    
}

.coi-blog li {
    display: list-item !important;
    /*text-align: -webkit-match-parent !important;*/
    list-style-type: none !important;
}

.elementskit-navbar-nav > li:hover > a {
    color: #FF7802 !important;
  /*  background-color: blue !important; */
    font-weight: 900 !important;
    text-underline-offset: 8px !important;
    text-decoration: underline !important;
}


.latestpost img{
    height: 250px !important;
}

.latestpost .elementskit-single-meta{
    background-color: black !important; 
}

.menu-button-login a{
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    font-size: 14px !important;
}


.menu-button-book a{
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    font-size: 14px !important;
}


@media screen and (min-width: 1911px) {


}


@media screen and (max-width: 1910px) and (min-width: 1025px){




.use-case-column-right {
    margin-right: 40px !important;
    width: 42% !important;
}

.use-case-column-left{
    margin-left: 20px !important;
     width: 52% !important;
}

.xyn-platform-sqr{
    margin-top: 30px!important;
    padding-top: 10px !important;
    padding-bottom: 1px !important;
}
.xyn-security-platform-section{
    padding-right: 6% !important;
    padding-left: 6% !important;
}

.xyn-title-1 h1{
    font-size: 46px !important;
    line-height: 52px !important;
    
}

.xyn-title-2 h2{
    font-size: 46px !important;
    line-height: 50px !important;
}

.platform_block_area h2 {
    font-size: 25px !important;
    line-height: 30px !important;
}

.xyn-paragraph-h1 p {
     line-height: 24px !important;
}   


/* banner webinar */

.webinar-banner{
    padding-left: 100px !important;
    padding-right:100px !important;
}
.banner-webinar-col-izq div{
    margin-right: 20px !important;
}


/*use cases*/
.xyn-usecase-title div{
    padding-top: 10px !important;
}

.slide-book-demo {
    margin-top: 20px !important;
}


/* Banner CTA */

.banner-div{
    margin-left: 50px !important;    
    margin-right: 50px !important;    
}

.banner-tittle h2{
    font-size: 24px !important;
}

.banner-desc h2{
    font-size: 18px !important;
    margin-top: 20px !important;
    line-height: 24px !important;
}

.xyn-security-platform-section{
    /*max-width:800px !important;*/
}

/* Platform Overivew Section */

.panel{
    padding-left: 50px;
    padding-right: 50px;
}

.xyg-overivew-function-inner-1{
    padding-top:50px !important;
}

.platform-overview-icon-image img{
    max-width:90px;
}

.platform_overview_area h2 {
    font-size: 25px !important;
    line-height: 30px !important;
}

.platform_overview_subtitle-1 h2{
    font-size: 30px !important;
    line-height: 40px !important;    
}

.xyn-paragraph-h1 {
    font-size: 16px !important;
}

.xyn-paragraph-2 {
    font-size: 15px !important;
    line-height: 24px !important;;
    margin-top: 0px !important;
}


.xyg_screen-h1{
    max-width: 790px !important;
}


/*images of screens */
.xyg_screen-overview{
    max-width: 510px !important;

}


.xyg_screen-platform-l{
    max-width: 480px !important;
    margin-left: 60px !important;

}

.xyg_screen-platform-r{
    max-width: 480px !important;

}




.xyg_screen-overview-left{
    max-width: 510px !important;
    margin-left: 260px;
}

.xyg_screen-overview-2{
    max-width: 510px !important;
}

.xyn-buttons-section{
    padding-right:6% !important;
    padding-left:6% !important;
}

.buttons1 a{
    font-size: 15px !important;
}
.buttons2 a{
    font-size: 15px !important;
}
.buttons3 a{
    font-size: 15px !important;
}
.buttons4 a{
    font-size: 15px !important;
}


.xyn-platform-overview-icon {
    max-width: 40px;
    margin-top: 5px;
    margin-right: 15px;
    
}

    
}




@media screen and (max-width: 1439px) {

.xyg_screen-platform-l{
    max-width: 360px !important;
    margin-left: -10px !important;

}

.xyg_screen-platform-r{
  max-width: 360px !important;
  /*  margin-right: 10px !important;
    margin-left: -50px !important;
*/
}

.webinar-banner{
    padding-left: 50px !important;
    padding-right: 50px !important;
}
.banner-webinar-col-izq div{
    margin-right: 20px !important;
}

.banner-webinar-title h2{
    font-size: 24px !important;
    line-height: 28px !important;
}

.banner-webinar-desc h2{
    font-size: 20px !important;
    line-height: 24px !important;
}

.banner-webinar-bullets li{
    font-size: 14px !important;
    line-height: 18px !important;
}

    
}



@media screen and (max-width: 1023px) {

/* Price Pricing Page */



/* End Pricing Page */
.panel{
    padding-left:  20px;
    padding-right: 20px;
}

.buttons4 a {
    font-size: 16px !important;
}


/* Banner CTA*/

.banner-div{
    margin-left: 20px !important;    
    margin-right: 20px !important;    
}

.banner-button a {
    width: 100% !important;
    text-align: center !important;
}



/* Webinar Banner */

.webinar-banner{
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.banner-webinar-col-izq div{
    margin-right: 0px !important;
}

.menu-column-c{
    width: 65% !important;
}

.code-element-py {
    width: 85vw !important;
 
}

.token {
      font-size: 14px !important;

}

}



@media screen and (min-width: 1920px) {


.xyn-title-1{
    font-size: 52px !important;
    line-height: 40px !important;
}

.platform_block_area h2 {
    font-size: 30px !important;
    line-height: 40px !important;
}


.platform_overview_area h2 {
    font-size: 30px !important;
    line-height: 40px !important;
}

.platform_overview_subtitle-1 h2{
    font-size: 30px !important;
    line-height: 40px !important;    
}

.xyn-paragraph-h1 {
    font-size: 18px !important;
}

.xyn-paragraph-2 {
    font-size: 16px !important;
    line-height: 24px !important;;
}


.xyg-overivew-function-inner-1{
    padding-top:80px !important;
}



.xyg_screen-h1{
    max-width: 790px !important;
}

.xyg_screen-overview{
    max-width: 790px !important;
    
}

.xyg_screen-platform-l{
    max-width: 790px !important;
    margin-left: -150px !important;

}

.xyg_screen-platform-r{
    max-width: 790px !important;

}


.xyg_screen-overview-left{
    max-width: 790px !important;

}

.xyg_screen-overview-2{
    max-width: 790px !important;
}


/* Platform Overivew Section */

.xyn-platform-overview-icon {
    max-width: 43px;
    margin-top: 9px;
    margin-right: 16px;
    
}


}





@media screen and (min-width: 1024px) and (max-width: 1550px) {


.elementor-25 .elementor-element.elementor-element-d10ade5 .elementskit-navbar-nav>li>a {
    font-size: 16px!important;
}   

.menu-column-l  {
    width: 10% !important;
}
.menu-column-c{
    width: 72% !important;
    margin-left:-020px;
   
}

.menu-column-c a{
   
    font-size: 14px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.menu-column-r{
    width: 25% !important;
}

.menu-button-login a{
    padding-left: 18px !important;
    padding-right: 18px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 12px !important;
}


.menu-button-book a{
  padding-left: 18px !important;
    padding-right: 18px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 12px !important;
}

banner-alert-column-r {
    margin-right:0px !important;
}
    
}


@media screen and (min-width: 1024px) and (max-width: 1195px) {


.elementor-25 .elementor-element.elementor-element-d10ade5 .elementskit-navbar-nav>li>a {
    font-size: 14px!important;
}   


.menu-column-l  {
    width: 10% !important;
}
.menu-column-c{
    width: 70% !important;
    margin-left:-020px;
   
}

.menu-column-c a{
   
    font-size: 14px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.menu-column-r{
    width: 28% !important;
}

}




CSS Button Primary Solo para Mobile
Code 


/* Clase button_primary solo para dispositivos móviles */
@media (max-width: 768px) {
    .button_primary {
        width: 250px !important;
        padding-top: 10px !important;
        padding-bottom: 13px !important;
    }
}

/* O si prefieres un breakpoint más específico para móviles pequeños: */
@media (max-width: 480px) {
    .button_primary {
        width: 250px !important;
        padding-top: 10px !important;
        padding-bottom: 13px !important;
    }
}

/* O para un rango específico de móviles (recomendado): */
@media (max-width: 767px) {
    .button_primary {
        width: 250px !important;
        padding-top: 10px !important;
        padding-bottom: 13px !important;
    }
}/* End custom CSS */