.elementor-701 .elementor-element.elementor-element-3433ccd{--display:flex;--min-height:90vh;--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:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-701 .elementor-element.elementor-element-3433ccd:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-701 .elementor-element.elementor-element-3433ccd > .elementor-shape-bottom svg, .elementor-701 .elementor-element.elementor-element-3433ccd > .e-con-inner > .elementor-shape-bottom svg{height:0px;}.elementor-701 .elementor-element.elementor-element-3433ccd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-701 .elementor-element.elementor-element-499b578{--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:100px;--padding-right:0px;}.elementor-701 .elementor-element.elementor-element-499b578.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-701 .elementor-element.elementor-element-1f6b2ec{width:var( --container-widget-width, 64.488% );max-width:64.488%;--container-widget-width:64.488%;--container-widget-flex-grow:0;}.elementor-701 .elementor-element.elementor-element-1f6b2ec.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-701 .elementor-element.elementor-element-1f6b2ec .elementor-heading-title{font-family:"Rajdhani", Sans-serif;font-size:70px;font-weight:900;line-height:1em;color:#000000;}.elementor-701 .elementor-element.elementor-element-bf3015d{--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;}.elementor-701 .elementor-element.elementor-element-bf3015d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-701 .elementor-element.elementor-element-a53ca00 .elementor-button{background-color:#61CE7000;font-family:"Roboto", Sans-serif;font-weight:700;fill:#000000;color:#000000;border-style:none;border-radius:0px 0px 0px 0px;padding:15px 40px 15px 40px;}.elementor-701 .elementor-element.elementor-element-d6a11d9 .elementor-button{background-color:#61CE7000;font-family:"Roboto", Sans-serif;font-weight:700;fill:#000000;color:#000000;border-style:none;border-radius:0px 0px 0px 0px;padding:15px 40px 15px 40px;}.elementor-701 .elementor-element.elementor-element-c73186a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-701 .elementor-element.elementor-element-e917602{--spacer-size:50px;}.elementor-701 .elementor-element.elementor-element-e79feb4{--display:flex;}.elementor-701 .elementor-element.elementor-element-3d756c1{text-align:center;}.elementor-701 .elementor-element.elementor-element-3d756c1 .elementor-heading-title{font-family:"Rajdhani", Sans-serif;font-weight:600;color:#FCEE0A;}.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-701 .elementor-element.elementor-element-919dd30{text-align:center;color:#CCCCCC;}.elementor-701 .elementor-element.elementor-element-1173eb8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-701 .elementor-element.elementor-element-1173eb8:not(.elementor-motion-effects-element-type-background), .elementor-701 .elementor-element.elementor-element-1173eb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-701 .elementor-element.elementor-element-b8aec6d{--spacer-size:151px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-701 .elementor-element.elementor-element-7bedd74{--display:flex;}.elementor-701 .elementor-element.elementor-element-5b12f2b{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-701 .elementor-element.elementor-element-5b12f2b:not(.elementor-motion-effects-element-type-background), .elementor-701 .elementor-element.elementor-element-5b12f2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCEE0A;}.elementor-701 .elementor-element.elementor-element-53363d6{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-701 .elementor-element.elementor-element-c57b75a img{width:100%;}.elementor-701 .elementor-element.elementor-element-c8914d5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-701 .elementor-element.elementor-element-2cf576f{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-701 .elementor-element.elementor-element-0f9ccdf .elementor-heading-title{font-family:"Rajdhani", Sans-serif;font-weight:800;color:#000000;}.elementor-701 .elementor-element.elementor-element-96cc18c{width:var( --container-widget-width, 90.303% );max-width:90.303%;--container-widget-width:90.303%;--container-widget-flex-grow:0;font-family:"Rajdhani", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-701 .elementor-element.elementor-element-96cc18c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-701 .elementor-element.elementor-element-a65a5ba{--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;--justify-content:flex-end;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-701 .elementor-element.elementor-element-a061158 .gallery-item{padding:0 15px 15px 0;}.elementor-701 .elementor-element.elementor-element-a061158 .gallery{margin:0 -15px -15px 0;}.elementor-701 .elementor-element.elementor-element-a061158 .gallery-item .gallery-caption{text-align:center;}.elementor-701 .elementor-element.elementor-element-4cbe647{--display:flex;}.elementor-701 .elementor-element.elementor-element-5c6bffb{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-701 .elementor-element.elementor-element-5c6bffb:not(.elementor-motion-effects-element-type-background), .elementor-701 .elementor-element.elementor-element-5c6bffb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCEE0A;}.elementor-701 .elementor-element.elementor-element-ecc5b3f{--display:flex;}.elementor-701 .elementor-element.elementor-element-d7bab8c img{width:100%;}.elementor-701 .elementor-element.elementor-element-3044e21{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-701 .elementor-element.elementor-element-1c8627f{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-701 .elementor-element.elementor-element-72e5ccb .elementor-heading-title{font-family:"Rajdhani", Sans-serif;font-weight:800;color:#000000;}.elementor-701 .elementor-element.elementor-element-98eaade{width:var( --container-widget-width, 90.303% );max-width:90.303%;--container-widget-width:90.303%;--container-widget-flex-grow:0;font-family:"Rajdhani", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-701 .elementor-element.elementor-element-98eaade.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-701 .elementor-element.elementor-element-491cf34{--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;--justify-content:flex-end;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-701 .elementor-element.elementor-element-d79eee0 .gallery-item{padding:0 15px 15px 0;}.elementor-701 .elementor-element.elementor-element-d79eee0 .gallery{margin:0 -15px -15px 0;}.elementor-701 .elementor-element.elementor-element-d79eee0 .gallery-item .gallery-caption{text-align:center;}.elementor-701 .elementor-element.elementor-element-e0d899c{--display:flex;}.elementor-701 .elementor-element.elementor-element-4129b65{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-701 .elementor-element.elementor-element-4129b65:not(.elementor-motion-effects-element-type-background), .elementor-701 .elementor-element.elementor-element-4129b65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCEE0A;}.elementor-701 .elementor-element.elementor-element-d0c8a2e{--display:flex;}.elementor-701 .elementor-element.elementor-element-599ff19 img{width:100%;}.elementor-701 .elementor-element.elementor-element-a426aa5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-701 .elementor-element.elementor-element-0cddefe{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-701 .elementor-element.elementor-element-c3556ad .elementor-heading-title{font-family:"Rajdhani", Sans-serif;font-weight:800;color:#000000;}.elementor-701 .elementor-element.elementor-element-c20c0e1{width:var( --container-widget-width, 90.303% );max-width:90.303%;--container-widget-width:90.303%;--container-widget-flex-grow:0;font-family:"Rajdhani", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-701 .elementor-element.elementor-element-c20c0e1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-701 .elementor-element.elementor-element-21a3e64{--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;--justify-content:flex-end;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-701 .elementor-element.elementor-element-8bd4aad .gallery-item{padding:0 15px 15px 0;}.elementor-701 .elementor-element.elementor-element-8bd4aad .gallery{margin:0 -15px -15px 0;}.elementor-701 .elementor-element.elementor-element-8bd4aad .gallery-item .gallery-caption{text-align:center;}.elementor-701 .elementor-element.elementor-element-7c8c6bf{--display:flex;}.elementor-701 .elementor-element.elementor-element-b862c05{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-701 .elementor-element.elementor-element-b862c05:not(.elementor-motion-effects-element-type-background), .elementor-701 .elementor-element.elementor-element-b862c05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCEE0A;}.elementor-701 .elementor-element.elementor-element-d598fa2{--display:flex;}.elementor-701 .elementor-element.elementor-element-e0ca1f1 img{width:100%;}.elementor-701 .elementor-element.elementor-element-1713b64{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-701 .elementor-element.elementor-element-13b3d3c{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-701 .elementor-element.elementor-element-8c74a31 .elementor-heading-title{font-family:"Rajdhani", Sans-serif;font-weight:800;color:#000000;}.elementor-701 .elementor-element.elementor-element-c6da68b{width:var( --container-widget-width, 90.303% );max-width:90.303%;--container-widget-width:90.303%;--container-widget-flex-grow:0;font-family:"Rajdhani", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-701 .elementor-element.elementor-element-c6da68b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-701 .elementor-element.elementor-element-b80d01e{--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;--justify-content:flex-end;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-701 .elementor-element.elementor-element-76a6ca1 .gallery-item{padding:0 15px 15px 0;}.elementor-701 .elementor-element.elementor-element-76a6ca1 .gallery{margin:0 -15px -15px 0;}.elementor-701 .elementor-element.elementor-element-76a6ca1 .gallery-item .gallery-caption{text-align:center;}.elementor-701 .elementor-element.elementor-element-ef96949{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:initial;max-width:initial;--n-tabs-title-gap:0px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-color:#FCEE0A;--n-tabs-title-color-active:#FCEE0A;}.elementor-701 .elementor-element.elementor-element-ee6d525{--spacer-size:170px;}.elementor-701 .elementor-element.elementor-element-1d9da0b{--display:flex;--min-height:700px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-701 .elementor-element.elementor-element-1d9da0b:not(.elementor-motion-effects-element-type-background), .elementor-701 .elementor-element.elementor-element-1d9da0b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-701 .elementor-element.elementor-element-8aa876b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-701 .elementor-element.elementor-element-d3e02a8{text-align:center;}.elementor-701 .elementor-element.elementor-element-d3e02a8 .elementor-heading-title{font-family:"Rajdhani", Sans-serif;font-size:32px;font-weight:800;color:#FCEE0A;}.elementor-701 .elementor-element.elementor-element-624eb07{width:var( --container-widget-width, 58% );max-width:58%;--container-widget-width:58%;--container-widget-flex-grow:0;text-align:center;font-family:"Rajdhani", Sans-serif;font-size:18px;font-weight:400;color:#FCEE0A;}.elementor-701 .elementor-element.elementor-element-5726efc{--display:flex;--flex-direction:row-reverse;--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-reverse;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:70px;--padding-right:70px;}.elementor-701 .elementor-element.elementor-element-8f1f737{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FCEE0A;--border-color:#FCEE0A;}.elementor-701 .elementor-element.elementor-element-8f1f737:not(.elementor-motion-effects-element-type-background), .elementor-701 .elementor-element.elementor-element-8f1f737 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-call-to-action .elementor-cta__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-call-to-action .elementor-cta__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-call-to-action .elementor-cta__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-call-to-action .elementor-ribbon-inner{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-701 .elementor-element.elementor-element-bd8ca4c .elementor-cta .elementor-cta__bg, .elementor-701 .elementor-element.elementor-element-bd8ca4c .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-701 .elementor-element.elementor-element-bd8ca4c .elementor-cta__content{min-height:253px;text-align:center;}.elementor-701 .elementor-element.elementor-element-bd8ca4c .elementor-view-stacked .elementor-icon{background-color:#C5C5C5;}.elementor-701 .elementor-element.elementor-element-bd8ca4c .elementor-view-stacked .elementor-icon svg{stroke:#C5C5C5;}.elementor-701 .elementor-element.elementor-element-bd8ca4c .elementor-view-framed .elementor-icon, .elementor-701 .elementor-element.elementor-element-bd8ca4c .elementor-view-default .elementor-icon{color:#C5C5C5;border-color:#C5C5C5;}.elementor-701 .elementor-element.elementor-element-bd8ca4c .elementor-view-framed .elementor-icon, .elementor-701 .elementor-element.elementor-element-bd8ca4c .elementor-view-default .elementor-icon svg{fill:#C5C5C5;}.elementor-701 .elementor-element.elementor-element-236cce2 .elementor-heading-title{font-family:"Rajdhani", Sans-serif;font-size:21px;font-weight:600;color:#FFFFFF;}.elementor-701 .elementor-element.elementor-element-e4f1ccf{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FCEE0A;--border-color:#FCEE0A;}.elementor-701 .elementor-element.elementor-element-e4f1ccf:not(.elementor-motion-effects-element-type-background), .elementor-701 .elementor-element.elementor-element-e4f1ccf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-701 .elementor-element.elementor-element-5d91f93 .elementor-cta .elementor-cta__bg, .elementor-701 .elementor-element.elementor-element-5d91f93 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-701 .elementor-element.elementor-element-5d91f93 .elementor-cta__content{min-height:253px;text-align:center;}.elementor-701 .elementor-element.elementor-element-5d91f93 .elementor-view-stacked .elementor-icon{background-color:#C5C5C5;}.elementor-701 .elementor-element.elementor-element-5d91f93 .elementor-view-stacked .elementor-icon svg{stroke:#C5C5C5;}.elementor-701 .elementor-element.elementor-element-5d91f93 .elementor-view-framed .elementor-icon, .elementor-701 .elementor-element.elementor-element-5d91f93 .elementor-view-default .elementor-icon{color:#C5C5C5;border-color:#C5C5C5;}.elementor-701 .elementor-element.elementor-element-5d91f93 .elementor-view-framed .elementor-icon, .elementor-701 .elementor-element.elementor-element-5d91f93 .elementor-view-default .elementor-icon svg{fill:#C5C5C5;}.elementor-701 .elementor-element.elementor-element-ccca7ee .elementor-heading-title{font-family:"Rajdhani", Sans-serif;font-size:21px;font-weight:600;color:#FFFFFF;}.elementor-701 .elementor-element.elementor-element-201d9f6{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FCEE0A;--border-color:#FCEE0A;}.elementor-701 .elementor-element.elementor-element-201d9f6:not(.elementor-motion-effects-element-type-background), .elementor-701 .elementor-element.elementor-element-201d9f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-701 .elementor-element.elementor-element-7ae3992 .elementor-cta .elementor-cta__bg, .elementor-701 .elementor-element.elementor-element-7ae3992 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-701 .elementor-element.elementor-element-7ae3992 .elementor-cta__content{min-height:253px;text-align:center;}.elementor-701 .elementor-element.elementor-element-7ae3992 .elementor-view-stacked .elementor-icon{background-color:#C5C5C5;}.elementor-701 .elementor-element.elementor-element-7ae3992 .elementor-view-stacked .elementor-icon svg{stroke:#C5C5C5;}.elementor-701 .elementor-element.elementor-element-7ae3992 .elementor-view-framed .elementor-icon, .elementor-701 .elementor-element.elementor-element-7ae3992 .elementor-view-default .elementor-icon{color:#C5C5C5;border-color:#C5C5C5;}.elementor-701 .elementor-element.elementor-element-7ae3992 .elementor-view-framed .elementor-icon, .elementor-701 .elementor-element.elementor-element-7ae3992 .elementor-view-default .elementor-icon svg{fill:#C5C5C5;}.elementor-701 .elementor-element.elementor-element-c4118d3 .elementor-heading-title{font-family:"Rajdhani", Sans-serif;font-size:21px;font-weight:600;color:#FFFFFF;}.elementor-701 .elementor-element.elementor-element-92c9039{--display:flex;--min-height:645px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-701 .elementor-element.elementor-element-92c9039:not(.elementor-motion-effects-element-type-background), .elementor-701 .elementor-element.elementor-element-92c9039 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-701 .elementor-element.elementor-element-6aecb36{--spacer-size:65px;}.elementor-701 .elementor-element.elementor-element-ca661db{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-701 .elementor-element.elementor-element-47ceb03{--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;}.elementor-701 .elementor-element.elementor-element-93faa7a{padding:60px 0px 0px 0px;}.elementor-701 .elementor-element.elementor-element-93faa7a img{width:100%;}.elementor-701 .elementor-element.elementor-element-906da0c{--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;--justify-content:flex-start;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-701 .elementor-element.elementor-element-b80f36b{width:var( --container-widget-width, 94% );max-width:94%;--container-widget-width:94%;--container-widget-flex-grow:0;text-align:start;}.elementor-701 .elementor-element.elementor-element-b80f36b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-701 .elementor-element.elementor-element-b80f36b .elementor-heading-title{font-family:"Rajdhani", Sans-serif;font-size:25px;font-weight:900;color:#FFFFFF;}.elementor-701 .elementor-element.elementor-element-c878a5d{width:var( --container-widget-width, 77.78% );max-width:77.78%;--container-widget-width:77.78%;--container-widget-flex-grow:0;font-family:"Rajdhani", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-701 .elementor-element.elementor-element-c878a5d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-701 .elementor-element.elementor-element-a4f45df{--divider-border-style:solid;--divider-color:#ACACAC8F;--divider-border-width:1px;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-701 .elementor-element.elementor-element-a4f45df .elementor-divider-separator{width:90%;}.elementor-701 .elementor-element.elementor-element-a4f45df .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-701 .elementor-element.elementor-element-3647c93 .elementor-button{background-color:#000000;font-family:"Rajdhani", Sans-serif;font-size:15px;font-weight:500;fill:#FCEE0A;color:#FCEE0A;border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;padding:15px 40px 15px 40px;}.elementor-701 .elementor-element.elementor-element-4c567b0{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-701 .elementor-element.elementor-element-28535bc{--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;}.elementor-701 .elementor-element.elementor-element-b7f8bda{padding:60px 0px 0px 0px;}.elementor-701 .elementor-element.elementor-element-b7f8bda img{width:100%;}.elementor-701 .elementor-element.elementor-element-3295e55{--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;--justify-content:flex-start;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-701 .elementor-element.elementor-element-d37fd4a{width:var( --container-widget-width, 94% );max-width:94%;--container-widget-width:94%;--container-widget-flex-grow:0;text-align:start;}.elementor-701 .elementor-element.elementor-element-d37fd4a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-701 .elementor-element.elementor-element-d37fd4a .elementor-heading-title{font-family:"Rajdhani", Sans-serif;font-size:25px;font-weight:900;color:#FFFFFF;}.elementor-701 .elementor-element.elementor-element-d071f46{width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;font-family:"Rajdhani", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-701 .elementor-element.elementor-element-d071f46.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-701 .elementor-element.elementor-element-a7797b4{--divider-border-style:solid;--divider-color:#ACACAC8F;--divider-border-width:1px;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-701 .elementor-element.elementor-element-a7797b4 .elementor-divider-separator{width:90%;}.elementor-701 .elementor-element.elementor-element-a7797b4 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-701 .elementor-element.elementor-element-fb20151 .elementor-button{background-color:#000000;font-family:"Rajdhani", Sans-serif;font-size:15px;font-weight:500;fill:#FCEE0A;color:#FCEE0A;border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;padding:15px 40px 15px 40px;}.elementor-701 .elementor-element.elementor-element-6a59722{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-701 .elementor-element.elementor-element-9f2f359{--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;}.elementor-701 .elementor-element.elementor-element-2b33b5b{padding:50px 0px 0px 0px;}.elementor-701 .elementor-element.elementor-element-2b33b5b img{width:100%;}.elementor-701 .elementor-element.elementor-element-6a125bb{--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;--justify-content:flex-start;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-701 .elementor-element.elementor-element-6091ee4{width:var( --container-widget-width, 96% );max-width:96%;--container-widget-width:96%;--container-widget-flex-grow:0;text-align:start;}.elementor-701 .elementor-element.elementor-element-6091ee4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-701 .elementor-element.elementor-element-6091ee4 .elementor-heading-title{font-family:"Rajdhani", Sans-serif;font-size:25px;font-weight:900;color:#FFFFFF;}.elementor-701 .elementor-element.elementor-element-c1c8059{width:var( --container-widget-width, 89% );max-width:89%;--container-widget-width:89%;--container-widget-flex-grow:0;font-family:"Rajdhani", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-701 .elementor-element.elementor-element-c1c8059.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-701 .elementor-element.elementor-element-8b4cbc5{--divider-border-style:solid;--divider-color:#ACACAC8F;--divider-border-width:1px;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-701 .elementor-element.elementor-element-8b4cbc5 .elementor-divider-separator{width:90%;}.elementor-701 .elementor-element.elementor-element-8b4cbc5 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-701 .elementor-element.elementor-element-8c67118 .elementor-button{background-color:#000000;font-family:"Rajdhani", Sans-serif;font-size:15px;font-weight:500;fill:#FCEE0A;color:#FCEE0A;border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;padding:15px 40px 15px 40px;}.elementor-701 .elementor-element.elementor-element-8d4e063{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-701 .elementor-element.elementor-element-1a2b27b{--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;}.elementor-701 .elementor-element.elementor-element-fc83c8d{padding:50px 0px 0px 0px;}.elementor-701 .elementor-element.elementor-element-fc83c8d img{width:100%;}.elementor-701 .elementor-element.elementor-element-64182d0{--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;--justify-content:flex-start;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-701 .elementor-element.elementor-element-b6b95e5{width:var( --container-widget-width, 72.743% );max-width:72.743%;--container-widget-width:72.743%;--container-widget-flex-grow:0;text-align:start;}.elementor-701 .elementor-element.elementor-element-b6b95e5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-701 .elementor-element.elementor-element-b6b95e5 .elementor-heading-title{font-family:"Rajdhani", Sans-serif;font-size:25px;font-weight:900;color:#FFFFFF;}.elementor-701 .elementor-element.elementor-element-cdecfe3{width:var( --container-widget-width, 77.78% );max-width:77.78%;--container-widget-width:77.78%;--container-widget-flex-grow:0;font-family:"Rajdhani", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-701 .elementor-element.elementor-element-cdecfe3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-701 .elementor-element.elementor-element-e826ef2{--divider-border-style:solid;--divider-color:#ACACAC8F;--divider-border-width:1px;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-701 .elementor-element.elementor-element-e826ef2 .elementor-divider-separator{width:90%;}.elementor-701 .elementor-element.elementor-element-e826ef2 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-701 .elementor-element.elementor-element-b938f93 .elementor-button{background-color:#000000;font-family:"Rajdhani", Sans-serif;font-size:15px;font-weight:500;fill:#FCEE0A;color:#FCEE0A;border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;padding:15px 40px 15px 40px;}.elementor-701 .elementor-element.elementor-element-ab9aafa{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-701 .elementor-element.elementor-element-f5ed899{--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;}.elementor-701 .elementor-element.elementor-element-4a855c2{padding:40px 0px 0px 0px;}.elementor-701 .elementor-element.elementor-element-4a855c2 img{width:100%;}.elementor-701 .elementor-element.elementor-element-747fe99{--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;--justify-content:flex-start;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-701 .elementor-element.elementor-element-74f5d69{width:var( --container-widget-width, 72.743% );max-width:72.743%;--container-widget-width:72.743%;--container-widget-flex-grow:0;text-align:start;}.elementor-701 .elementor-element.elementor-element-74f5d69.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-701 .elementor-element.elementor-element-74f5d69 .elementor-heading-title{font-family:"Rajdhani", Sans-serif;font-size:25px;font-weight:900;color:#FFFFFF;}.elementor-701 .elementor-element.elementor-element-625accc{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;font-family:"Rajdhani", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-701 .elementor-element.elementor-element-625accc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-701 .elementor-element.elementor-element-6b9740f{--divider-border-style:solid;--divider-color:#ACACAC8F;--divider-border-width:1px;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-701 .elementor-element.elementor-element-6b9740f .elementor-divider-separator{width:90%;}.elementor-701 .elementor-element.elementor-element-6b9740f .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-701 .elementor-element.elementor-element-243d325 .elementor-button{background-color:#000000;font-family:"Rajdhani", Sans-serif;font-size:15px;font-weight:500;fill:#FCEE0A;color:#FCEE0A;border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;padding:15px 40px 15px 40px;}.elementor-701 .elementor-element.elementor-element-cd800b1{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:35%;--n-tabs-title-flex-basis:initial;--n-tabs-title-flex-shrink:initial;--n-tabs-title-justify-content:flex-start;--n-tabs-title-align-items:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-font-size:26px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#FCEE0A;}.elementor-701 .elementor-element.elementor-element-cd800b1 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#00000000;}.elementor-701 .elementor-element.elementor-element-cd800b1.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61CE7000;}.elementor-701 .elementor-element.elementor-element-cd800b1.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-701 .elementor-element.elementor-element-cd800b1.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61CE7000;border-style:solid;border-width:0px 0px 1px 0px;border-color:#AFAFAF;}.elementor-701 .elementor-element.elementor-element-cd800b1.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:0px 0px 1px 0px;border-color:#AFAFAF;}.elementor-701 .elementor-element.elementor-element-cd800b1.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Rajdhani", Sans-serif;font-weight:500;}:where( .elementor-701 .elementor-element.elementor-element-cd800b1.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:2px;--padding-right:2px;--padding-bottom:2px;--padding-left:2px;}.elementor-701 .elementor-element.elementor-element-035087f{--spacer-size:120px;}.elementor-701 .elementor-element.elementor-element-31a3284{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-701 .elementor-element.elementor-element-31a3284:not(.elementor-motion-effects-element-type-background), .elementor-701 .elementor-element.elementor-element-31a3284 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCEE0A;}.elementor-701 .elementor-element.elementor-element-31a3284 > .elementor-shape-top .elementor-shape-fill, .elementor-701 .elementor-element.elementor-element-31a3284 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#000000;}.elementor-701 .elementor-element.elementor-element-31a3284 > .elementor-shape-top svg, .elementor-701 .elementor-element.elementor-element-31a3284 > .e-con-inner > .elementor-shape-top svg{height:29px;}.elementor-701 .elementor-element.elementor-element-af2cb74{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-701 .elementor-element.elementor-element-af2cb74 .elementor-heading-title{font-family:"Rajdhani", Sans-serif;font-size:80px;font-weight:900;color:#000000;}.elementor-701 .elementor-element.elementor-element-193c6b0{--display:flex;--min-height:557px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-701 .elementor-element.elementor-element-193c6b0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-701 .elementor-element.elementor-element-47aee1e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-320px;}.elementor-701 .elementor-element.elementor-element-eac4c96 img{width:1000px;}.elementor-701 .elementor-element.elementor-element-a8bd70e .elementor-button{background-color:#61CE7000;font-family:"Roboto", Sans-serif;font-weight:500;fill:#FCEE0A;color:#FCEE0A;}.elementor-701 .elementor-element.elementor-element-a8bd70e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-701 .elementor-element.elementor-element-432253d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-320px;}.elementor-701 .elementor-element.elementor-element-1f71d93 .elementor-button{background-color:#61CE7000;font-family:"Roboto", Sans-serif;font-weight:500;fill:#FCEE0A;color:#FCEE0A;}.elementor-701 .elementor-element.elementor-element-1f71d93{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-701 .elementor-element.elementor-element-d7c532b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-300px;}.elementor-701 .elementor-element.elementor-element-80dfbe6 .elementor-button{background-color:#61CE7000;font-family:"Roboto", Sans-serif;font-weight:500;fill:#FCEE0A;color:#FCEE0A;}.elementor-701 .elementor-element.elementor-element-80dfbe6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-701 .elementor-element.elementor-element-49da715{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-300px;}.elementor-701 .elementor-element.elementor-element-4fefda3 .elementor-button{background-color:#61CE7000;font-family:"Roboto", Sans-serif;font-weight:500;fill:#FCEE0A;color:#FCEE0A;}.elementor-701 .elementor-element.elementor-element-4fefda3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-701 .elementor-element.elementor-element-d74d523{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-310px;}.elementor-701 .elementor-element.elementor-element-b690c75 .elementor-button{background-color:#61CE7000;font-family:"Roboto", Sans-serif;font-weight:500;fill:#FCEE0A;color:#FCEE0A;}.elementor-701 .elementor-element.elementor-element-b690c75{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-701 .elementor-element.elementor-element-2a8ed3a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-701 .elementor-element.elementor-element-e30ccb9 .elementor-button{background-color:#61CE7000;font-family:"Roboto", Sans-serif;font-weight:500;fill:#FCEE0A;color:#FCEE0A;}.elementor-701 .elementor-element.elementor-element-e30ccb9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-701 .elementor-element.elementor-element-31b0cf5{--display:flex;--min-height:715px;--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;--justify-content:center;}.elementor-701 .elementor-element.elementor-element-31b0cf5:not(.elementor-motion-effects-element-type-background), .elementor-701 .elementor-element.elementor-element-31b0cf5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-701 .elementor-element.elementor-element-31b0cf5 > .elementor-shape-top .elementor-shape-fill, .elementor-701 .elementor-element.elementor-element-31b0cf5 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#FCEE0A;}.elementor-701 .elementor-element.elementor-element-31b0cf5 > .elementor-shape-top svg, .elementor-701 .elementor-element.elementor-element-31b0cf5 > .e-con-inner > .elementor-shape-top svg{height:18px;}.elementor-701 .elementor-element.elementor-element-6cc8017{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;text-align:center;}.elementor-701 .elementor-element.elementor-element-6cc8017 .elementor-heading-title{font-family:"Rajdhani", Sans-serif;font-size:50px;font-weight:600;color:#FFFFFF;}.elementor-701 .elementor-element.elementor-element-6fa3539{--display:flex;}.elementor-701 .elementor-element.elementor-element-47191f4{--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;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-701 .elementor-element.elementor-element-9da1c58.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-main-swiper{height:325px;}.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button{font-size:20px;}.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-custom-embed-play i{text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-701 .elementor-element.elementor-element-31c4f2c{--display:flex;}.elementor-701 .elementor-element.elementor-element-4d640da{--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;}.elementor-701 .elementor-element.elementor-element-533e2c5.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-main-swiper{height:325px;}.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button{font-size:20px;}.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-custom-embed-play i{text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-701 .elementor-element.elementor-element-4291102{--display:flex;}.elementor-701 .elementor-element.elementor-element-987d184{--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;}.elementor-701 .elementor-element.elementor-element-7f352f4.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-main-swiper{height:325px;}.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button{font-size:20px;}.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-custom-embed-play i{text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-701 .elementor-element.elementor-element-e96567f{--display:flex;}.elementor-701 .elementor-element.elementor-element-ad86dff{--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;}.elementor-701 .elementor-element.elementor-element-379dace.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-379dace .elementor-main-swiper{height:325px;}.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button{font-size:20px;}.elementor-701 .elementor-element.elementor-element-379dace .elementor-custom-embed-play i{text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-701 .elementor-element.elementor-element-a423d15{--display:flex;}.elementor-701 .elementor-element.elementor-element-84eceaf{--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;}.elementor-701 .elementor-element.elementor-element-17b7a86.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-main-swiper{height:325px;}.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button{font-size:20px;}.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-custom-embed-play i{text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-701 .elementor-element.elementor-element-c3de205{--display:flex;}.elementor-701 .elementor-element.elementor-element-7cd96a5{--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;}.elementor-701 .elementor-element.elementor-element-c442eef.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-c442eef .elementor-main-swiper{height:325px;}.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button{font-size:20px;}.elementor-701 .elementor-element.elementor-element-c442eef .elementor-custom-embed-play i{text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-701 .elementor-element.elementor-element-f4af1d1{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-701 .elementor-element.elementor-element-0dd9c89{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-701 .elementor-element.elementor-element-0dd9c89:not(.elementor-motion-effects-element-type-background), .elementor-701 .elementor-element.elementor-element-0dd9c89 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCEE0A;}.elementor-701 .elementor-element.elementor-element-0dd9c89 > .elementor-shape-top .elementor-shape-fill, .elementor-701 .elementor-element.elementor-element-0dd9c89 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#000000;}.elementor-701 .elementor-element.elementor-element-0dd9c89 > .elementor-shape-top svg, .elementor-701 .elementor-element.elementor-element-0dd9c89 > .e-con-inner > .elementor-shape-top svg{height:16px;}.elementor-701 .elementor-element.elementor-element-0dd9c89 > .elementor-shape-bottom .elementor-shape-fill, .elementor-701 .elementor-element.elementor-element-0dd9c89 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#000000;}.elementor-701 .elementor-element.elementor-element-0dd9c89 > .elementor-shape-bottom svg, .elementor-701 .elementor-element.elementor-element-0dd9c89 > .e-con-inner > .elementor-shape-bottom svg{height:32px;}.elementor-701 .elementor-element.elementor-element-b3e333b{text-align:center;}.elementor-701 .elementor-element.elementor-element-b3e333b .elementor-heading-title{font-family:"Rajdhani", Sans-serif;font-size:32px;font-weight:600;color:#000000;}.elementor-701 .elementor-element.elementor-element-0ccb396{text-align:center;font-family:"Rajdhani", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-701 .elementor-element.elementor-element-0ccb396 a{color:#000000;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-701 .elementor-element.elementor-element-4038a5f{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-701 .elementor-element.elementor-element-4038a5f.elementor-element{--align-self:center;}.elementor-701 .elementor-element.elementor-element-4038a5f .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-4038a5f .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-701 .elementor-element.elementor-element-4038a5f .elementor-field-group.recaptcha_v3-bottomleft, .elementor-701 .elementor-element.elementor-element-4038a5f .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-701 .elementor-element.elementor-element-4038a5f .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-701 .elementor-element.elementor-element-4038a5f .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-701 .elementor-element.elementor-element-4038a5f .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-701 .elementor-element.elementor-element-4038a5f .elementor-field-type-html{padding-bottom:0px;}.elementor-701 .elementor-element.elementor-element-4038a5f .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-701 .elementor-element.elementor-element-4038a5f .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-701 .elementor-element.elementor-element-4038a5f .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-701 .elementor-element.elementor-element-4038a5f .elementor-button[type="submit"]{color:#ffffff;}.elementor-701 .elementor-element.elementor-element-4038a5f .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-701 .elementor-element.elementor-element-4038a5f .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-701 .elementor-element.elementor-element-4038a5f .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-701 .elementor-element.elementor-element-4038a5f .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-701 .elementor-element.elementor-element-4038a5f .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-701 .elementor-element.elementor-element-4038a5f .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-701 .elementor-element.elementor-element-cc4bff0{width:var( --container-widget-width, 33% );max-width:33%;margin:0px 300px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:33%;--container-widget-flex-grow:0;column-gap:0px;font-family:"Rajdhani", Sans-serif;font-size:10px;font-weight:400;color:#000000;}.elementor-701 .elementor-element.elementor-element-cc4bff0.elementor-element{--align-self:center;}.elementor-701 .elementor-element.elementor-element-cc4bff0 p{margin-block-end:0px;}@media(max-width:1366px){.elementor-701 .elementor-element.elementor-element-1f6b2ec .elementor-heading-title{font-size:45px;}.elementor-701 .elementor-element.elementor-element-bf3015d{--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;}.elementor-701 .elementor-element.elementor-element-96cc18c{font-size:11px;}.elementor-701 .elementor-element.elementor-element-a65a5ba{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-701 .elementor-element.elementor-element-98eaade{font-size:11px;}.elementor-701 .elementor-element.elementor-element-491cf34{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-701 .elementor-element.elementor-element-c20c0e1{font-size:11px;}.elementor-701 .elementor-element.elementor-element-c6da68b{font-size:11px;}.elementor-701 .elementor-element.elementor-element-b80d01e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-701 .elementor-element.elementor-element-1d9da0b{--min-height:600px;}.elementor-701 .elementor-element.elementor-element-d3e02a8 .elementor-heading-title{font-size:30px;}.elementor-701 .elementor-element.elementor-element-624eb07{font-size:16px;}.elementor-701 .elementor-element.elementor-element-5726efc{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-701 .elementor-element.elementor-element-bd8ca4c .elementor-cta__content{min-height:134px;}.elementor-701 .elementor-element.elementor-element-5d91f93 .elementor-cta__content{min-height:155px;}.elementor-701 .elementor-element.elementor-element-7ae3992 .elementor-cta__content{min-height:155px;}.elementor-701 .elementor-element.elementor-element-cd800b1{--n-tabs-title-font-size:19px;}.elementor-701 .elementor-element.elementor-element-193c6b0{--min-height:230px;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-701 .elementor-element.elementor-element-47aee1e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-200px;}.elementor-701 .elementor-element.elementor-element-a8bd70e .elementor-button{font-size:10px;}.elementor-701 .elementor-element.elementor-element-432253d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-200px;}.elementor-701 .elementor-element.elementor-element-1f71d93 .elementor-button{font-size:10px;}.elementor-701 .elementor-element.elementor-element-d7c532b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-190px;}.elementor-701 .elementor-element.elementor-element-80dfbe6 .elementor-button{font-size:10px;}.elementor-701 .elementor-element.elementor-element-49da715{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-190px;}.elementor-701 .elementor-element.elementor-element-4fefda3 .elementor-button{font-size:10px;}.elementor-701 .elementor-element.elementor-element-d74d523{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-190px;}.elementor-701 .elementor-element.elementor-element-b690c75 .elementor-button{font-size:10px;}.elementor-701 .elementor-element.elementor-element-e30ccb9 .elementor-button{font-size:10px;}.elementor-701 .elementor-element.elementor-element-9da1c58.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-main-swiper{height:220px;}.elementor-701 .elementor-element.elementor-element-533e2c5.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-main-swiper{height:220px;}.elementor-701 .elementor-element.elementor-element-7f352f4.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-main-swiper{height:220px;}.elementor-701 .elementor-element.elementor-element-379dace.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-379dace .elementor-main-swiper{height:220px;}.elementor-701 .elementor-element.elementor-element-17b7a86.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-main-swiper{height:220px;}.elementor-701 .elementor-element.elementor-element-c442eef.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-c442eef .elementor-main-swiper{height:220px;}.elementor-701 .elementor-element.elementor-element-b3e333b .elementor-heading-title{font-size:30px;}.elementor-701 .elementor-element.elementor-element-0ccb396{font-size:18px;}.elementor-701 .elementor-element.elementor-element-cc4bff0{margin:0px 270px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:1024px){.elementor-701 .elementor-element.elementor-element-3433ccd{--min-height:80vh;}.elementor-701 .elementor-element.elementor-element-1f6b2ec{--container-widget-width:564px;--container-widget-flex-grow:0;width:var( --container-widget-width, 564px );max-width:564px;}.elementor-701 .elementor-element.elementor-element-1f6b2ec .elementor-heading-title{font-size:50px;}.elementor-701 .elementor-element.elementor-element-bf3015d{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-701 .elementor-element.elementor-element-b8aec6d{--spacer-size:95px;}.elementor-701 .elementor-element.elementor-element-53363d6{--min-height:0px;}.elementor-701 .elementor-element.elementor-element-96cc18c{font-size:8px;}.elementor-701 .elementor-element.elementor-element-a65a5ba{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-701 .elementor-element.elementor-element-98eaade{font-size:8px;}.elementor-701 .elementor-element.elementor-element-491cf34{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-701 .elementor-element.elementor-element-c20c0e1{font-size:8px;}.elementor-701 .elementor-element.elementor-element-21a3e64{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-701 .elementor-element.elementor-element-c6da68b{font-size:8px;}.elementor-701 .elementor-element.elementor-element-b80d01e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-701 .elementor-element.elementor-element-ee6d525{--spacer-size:120px;}.elementor-701 .elementor-element.elementor-element-624eb07{--container-widget-width:529px;--container-widget-flex-grow:0;width:var( --container-widget-width, 529px );max-width:529px;}.elementor-701 .elementor-element.elementor-element-5726efc{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-701 .elementor-element.elementor-element-cd800b1{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-title-justify-content:center;--n-tabs-title-align-items:center;--n-tabs-title-text-align:center;}.elementor-701 .elementor-element.elementor-element-47aee1e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-701 .elementor-element.elementor-element-432253d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-701 .elementor-element.elementor-element-d7c532b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-701 .elementor-element.elementor-element-49da715{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-701 .elementor-element.elementor-element-d74d523{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-701 .elementor-element.elementor-element-6fa3539{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-701 .elementor-element.elementor-element-9da1c58.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-31c4f2c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-701 .elementor-element.elementor-element-533e2c5.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-4291102{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-701 .elementor-element.elementor-element-7f352f4.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-e96567f{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-701 .elementor-element.elementor-element-379dace.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-a423d15{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-701 .elementor-element.elementor-element-17b7a86.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-c3de205{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-701 .elementor-element.elementor-element-c442eef.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-b3e333b .elementor-heading-title{font-size:25px;}.elementor-701 .elementor-element.elementor-element-0ccb396{width:var( --container-widget-width, 499px );max-width:499px;--container-widget-width:499px;--container-widget-flex-grow:0;font-size:15px;}.elementor-701 .elementor-element.elementor-element-0ccb396.elementor-element{--align-self:center;}.elementor-701 .elementor-element.elementor-element-cc4bff0{margin:0px 200px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-701 .elementor-element.elementor-element-3433ccd{--margin-top:-190px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-701 .elementor-element.elementor-element-499b578{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:600px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-701 .elementor-element.elementor-element-1f6b2ec{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -30px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-701 .elementor-element.elementor-element-1f6b2ec .elementor-heading-title{font-size:33px;}.elementor-701 .elementor-element.elementor-element-bf3015d{--margin-top:0px;--margin-bottom:0px;--margin-left:-80px;--margin-right:0px;}.elementor-701 .elementor-element.elementor-element-c73186a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-701 .elementor-element.elementor-element-e917602{--spacer-size:45px;}.elementor-701 .elementor-element.elementor-element-b8aec6d{--spacer-size:95px;}.elementor-701 .elementor-element.elementor-element-b80f36b{text-align:center;}.elementor-701 .elementor-element.elementor-element-c878a5d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;text-align:center;}.elementor-701 .elementor-element.elementor-element-d37fd4a{text-align:center;}.elementor-701 .elementor-element.elementor-element-d071f46{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-701 .elementor-element.elementor-element-6091ee4{text-align:center;}.elementor-701 .elementor-element.elementor-element-c1c8059{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-701 .elementor-element.elementor-element-b6b95e5{--container-widget-width:319px;--container-widget-flex-grow:0;width:var( --container-widget-width, 319px );max-width:319px;text-align:center;}.elementor-701 .elementor-element.elementor-element-cdecfe3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.elementor-701 .elementor-element.elementor-element-74f5d69{--container-widget-width:329px;--container-widget-flex-grow:0;width:var( --container-widget-width, 329px );max-width:329px;text-align:center;}.elementor-701 .elementor-element.elementor-element-625accc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-701 .elementor-element.elementor-element-af2cb74 .elementor-heading-title{font-size:56px;}.elementor-701 .elementor-element.elementor-element-9da1c58.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-533e2c5.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-7f352f4.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-379dace.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-17b7a86.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-c442eef.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-cc4bff0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:202px;--container-widget-flex-grow:0;width:var( --container-widget-width, 202px );max-width:202px;}}@media(min-width:768px){.elementor-701 .elementor-element.elementor-element-3433ccd{--width:100%;}.elementor-701 .elementor-element.elementor-element-499b578{--width:60%;}.elementor-701 .elementor-element.elementor-element-bf3015d{--width:59.857%;}.elementor-701 .elementor-element.elementor-element-e79feb4{--width:700px;}.elementor-701 .elementor-element.elementor-element-53363d6{--width:60%;}.elementor-701 .elementor-element.elementor-element-c8914d5{--width:40%;}.elementor-701 .elementor-element.elementor-element-ecc5b3f{--width:60%;}.elementor-701 .elementor-element.elementor-element-3044e21{--width:40%;}.elementor-701 .elementor-element.elementor-element-d0c8a2e{--width:60%;}.elementor-701 .elementor-element.elementor-element-a426aa5{--width:40%;}.elementor-701 .elementor-element.elementor-element-d598fa2{--width:60%;}.elementor-701 .elementor-element.elementor-element-1713b64{--width:40%;}.elementor-701 .elementor-element.elementor-element-8aa876b{--content-width:800px;}.elementor-701 .elementor-element.elementor-element-47ceb03{--width:70%;}.elementor-701 .elementor-element.elementor-element-906da0c{--width:30%;}.elementor-701 .elementor-element.elementor-element-28535bc{--width:70%;}.elementor-701 .elementor-element.elementor-element-3295e55{--width:30%;}.elementor-701 .elementor-element.elementor-element-9f2f359{--width:70%;}.elementor-701 .elementor-element.elementor-element-6a125bb{--width:30%;}.elementor-701 .elementor-element.elementor-element-1a2b27b{--width:70%;}.elementor-701 .elementor-element.elementor-element-64182d0{--width:30%;}.elementor-701 .elementor-element.elementor-element-f5ed899{--width:70%;}.elementor-701 .elementor-element.elementor-element-747fe99{--width:30%;}.elementor-701 .elementor-element.elementor-element-47aee1e{--width:100%;}}@media(max-width:1366px) and (min-width:768px){.elementor-701 .elementor-element.elementor-element-bf3015d{--width:532px;}}@media(max-width:1024px) and (min-width:768px){.elementor-701 .elementor-element.elementor-element-8f1f737{--width:500px;}.elementor-701 .elementor-element.elementor-element-e4f1ccf{--width:500px;}.elementor-701 .elementor-element.elementor-element-201d9f6{--width:500px;}.elementor-701 .elementor-element.elementor-element-193c6b0{--width:496px;}.elementor-701 .elementor-element.elementor-element-47191f4{--width:538px;}.elementor-701 .elementor-element.elementor-element-4d640da{--width:538px;}.elementor-701 .elementor-element.elementor-element-987d184{--width:538px;}.elementor-701 .elementor-element.elementor-element-ad86dff{--width:538px;}.elementor-701 .elementor-element.elementor-element-84eceaf{--width:538px;}.elementor-701 .elementor-element.elementor-element-7cd96a5{--width:538px;}}/* Start custom CSS for heading, class: .elementor-element-1f6b2ec *//* Esto solo afecta a pantallas de celular (menos de 767px) */
@media (max-width: 767px) {
    .elementor-701 .elementor-element.elementor-element-1f6b2ec .elementor-heading-title {
        color: #FFFFFF !important;
        /* Opcional: si quieres sombra para que se lea mejor */
        /* text-shadow: 0px 2px 5px rgba(0,0,0,0.8); */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a53ca00 *//* --- CONFIGURACIÓN DE LA FORMA --- */
/* Aquí definimos los cortes exactos de la imagen de referencia */
.elementor-701 .elementor-element.elementor-element-a53ca00 {
    --cyber-shape: polygon(
        10px 0,          /* Corte pequeño arriba-izquierda */
        100% 0,          /* Esquina superior derecha */
        100% 75%,        /* Lado derecho recto */
        calc(100% - 25px) 100%, /* Corte grande abajo-derecha */
        0 100%,          /* Esquina inferior izquierda */
        0 15px           /* Corte pequeño abajo-izquierda */
    );
}

/* --- 1. CAPA SUPERIOR (El Texto y Estructura) --- */
.elementor-701 .elementor-element.elementor-element-a53ca00 .elementor-button {
    background: transparent !important; /* Quitamos el fondo por defecto */
    border: none !important; /* Quitamos el borde por defecto */
    color: #000000 !important; /* Color del texto normal */
    position: relative; /* Necesario para que funcionen las capas */
    z-index: 1; /* El texto va arriba de todo */
    padding: 15px 40px; /* Ajusta el tamaño del botón aquí */
}

/* --- 2. CAPA INFERIOR (El "Borde" Negro) --- */
/* Esta capa es 2px más grande para simular el borde */
.elementor-701 .elementor-element.elementor-element-a53ca00 .elementor-button::before {
    content: '';
    position: absolute;
    top: -2px; left: -2px; right: -2px; bottom: -2px;
    background-color: #000000; /* Color del borde */
    z-index: -2; /* Va al fondo de todo */
    clip-path: var(--cyber-shape); /* Aplicamos el corte */
}

/* --- 3. CAPA INTERMEDIA (El Relleno Amarillo) --- */
/* Esta capa es del tamaño exacto del botón */
.elementor-701 .elementor-element.elementor-element-a53ca00 .elementor-button::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #FCEE0A; /* Color del relleno */
    z-index: -1; /* Va detrás del texto, delante del borde */
    clip-path: var(--cyber-shape); /* Aplicamos el mismo corte */
    transition: background-color 0.3s ease; /* Transición suave para el hover */
}

/* --- EFECTO HOVER (Al pasar el mouse) --- */
/* El texto se vuelve amarillo */
.elementor-701 .elementor-element.elementor-element-a53ca00 .elementor-button:hover {
    color: #FCEE0A !important;
}
/* La capa de relleno se vuelve negra */
.elementor-701 .elementor-element.elementor-element-a53ca00 .elementor-button:hover::after {
    background-color: #000000;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d6a11d9 *//* --- CONFIGURACIÓN DE LA FORMA --- */
/* Aquí definimos los cortes exactos de la imagen de referencia */
.elementor-701 .elementor-element.elementor-element-d6a11d9 {
    --cyber-shape: polygon(
        10px 0,          /* Corte pequeño arriba-izquierda */
        100% 0,          /* Esquina superior derecha */
        100% 75%,        /* Lado derecho recto */
        calc(100% - 25px) 100%, /* Corte grande abajo-derecha */
        0 100%,          /* Esquina inferior izquierda */
        0 15px           /* Corte pequeño abajo-izquierda */
    );
}

/* --- 1. CAPA SUPERIOR (El Texto y Estructura) --- */
.elementor-701 .elementor-element.elementor-element-d6a11d9 .elementor-button {
    background: transparent !important; /* Quitamos el fondo por defecto */
    border: none !important; /* Quitamos el borde por defecto */
    color: #000000 !important; /* Color del texto normal */
    position: relative; /* Necesario para que funcionen las capas */
    z-index: 1; /* El texto va arriba de todo */
    padding: 15px 40px; /* Ajusta el tamaño del botón aquí */
}

/* --- 2. CAPA INFERIOR (El "Borde" Negro) --- */
/* Esta capa es 2px más grande para simular el borde */
.elementor-701 .elementor-element.elementor-element-d6a11d9 .elementor-button::before {
    content: '';
    position: absolute;
    top: -2px; left: -2px; right: -2px; bottom: -2px;
    background-color: #000000; /* Color del borde */
    z-index: -2; /* Va al fondo de todo */
    clip-path: var(--cyber-shape); /* Aplicamos el corte */
}

/* --- 3. CAPA INTERMEDIA (El Relleno Amarillo) --- */
/* Esta capa es del tamaño exacto del botón */
.elementor-701 .elementor-element.elementor-element-d6a11d9 .elementor-button::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #FCEE0A; /* Color del relleno */
    z-index: -1; /* Va detrás del texto, delante del borde */
    clip-path: var(--cyber-shape); /* Aplicamos el mismo corte */
    transition: background-color 0.3s ease; /* Transición suave para el hover */
}

/* --- EFECTO HOVER (Al pasar el mouse) --- */
/* El texto se vuelve amarillo */
.elementor-701 .elementor-element.elementor-element-d6a11d9 .elementor-button:hover {
    color: #FCEE0A !important;
}
/* La capa de relleno se vuelve negra */
.elementor-701 .elementor-element.elementor-element-d6a11d9 .elementor-button:hover::after {
    background-color: #000000;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-499b578 */@media (max-width: 767px) {
    .elementor-701 .elementor-element.elementor-element-499b578 {
        background-color: transparent !important;

        background-image: linear-gradient(
            to bottom,
            rgba(0,0,0,0) 0%,      /* 1. Arriba: Transparente (se ven las caras) */
            rgba(0,0,0,0) 50%,     /* 2. Medio: Sigue transparente (zona del texto/carro) */
            #000000 60%,           /* 3. Botones: Aquí ya se vuelve NEGRO SÓLIDO */
            #000000 100%           /* 4. Abajo (hueco blanco): Negro sólido */
        ) !important;

        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3433ccd *//* Solo aplica en MÓVILES (Pantallas verticales) */
@media (max-width: 767px) {
    .elementor-701 .elementor-element.elementor-element-3433ccd video {
        /* En móvil, a veces 100% (derecha) corta mucho el video.
           Si quieres centrarlo, cambia el 100% por 50% */
        object-position: 80% center !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e79feb4 *//* Esquina Superior Izquierda */
.elementor-701 .elementor-element.elementor-element-e79feb4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px; /* Largo de la linea */
    height: 20px; /* Alto de la linea */
    border-top: 2px solid #FCEE0A;
    border-left: 2px solid #FCEE0A;
}
/* Esquina Inferior Derecha */
.elementor-701 .elementor-element.elementor-element-e79feb4::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20px;
    height: 20px;
    border-bottom: 2px solid #FCEE0A;
    border-right: 2px solid #FCEE0A;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c73186a *//* --- ESTILOS PARA ESCRITORIO (Tu código original) --- */
.elementor-701 .elementor-element.elementor-element-c73186a {
    /* Fondo base transparente */
    background-color: transparent;

    /* ORDEN DE CAPAS: 1. Puntos, 2. Degradado */
    background-image: 
        radial-gradient(#555 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000000 40%);

    /* TAMAÑOS: 1. Puntos, 2. Degradado */
    background-size: 40px 40px, 100% 100%;
    
    /* REPETICIÓN: 1. Puntos, 2. Degradado */
    background-repeat: repeat, no-repeat;
}

/* --- ESTILOS PARA MÓVIL (Solo se activan en pantallas menores a 767px) --- */
@media (max-width: 767px) {
    .elementor-701 .elementor-element.elementor-element-c73186a {
        /* 1. Ponemos el fondo negro sólido (ya que quitaremos el degradado negro) */
        background-color: #000000 !important;

        /* 2. Definimos SOLO la capa de los puntos. 
           He borrado la coma y el "linear-gradient" que había después */
        background-image: radial-gradient(#555 1px, transparent 1px) !important;

        /* 3. Ajustamos el tamaño solo para los puntos */
        background-size: 40px 40px !important;
        
        /* 4. Repetir los puntos */
        background-repeat: repeat !important;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-ef96949 *//* 1. CONTENEDOR PRINCIPAL (La Barra Negra) */
.elementor-701 .elementor-element.elementor-element-ef96949 .e-n-tabs-heading {
    background-color: black !important;
    border: 2px solid #FCEE0A; /* Borde Amarillo */
    
    /* === SECCIÓN DE TAMAÑO Y POSICIÓN === */
    width: 100%;              /* Ocupa el ancho disponible... */
    max-width: 900px;         /* ...pero NUNCA pases de 900px */
    margin: 0 auto !important; /* CENTRA la barra horizontalmente */
    /* ==================================== */

    /* El Corte Diagonal Cyberpunk */
    clip-path: polygon(
        20px 0, 
        100% 0, 
        100% calc(100% - 20px), 
        calc(100% - 20px) 100%, 
        0 100%, 
        0 20px
    );
    padding: 0 !important; /* Sin espacios extra */
    gap: 0 !important; 
}

/* 2. LOS BOTONES (Pestañas Individuales) */
.elementor-701 .elementor-element.elementor-element-ef96949 .e-n-tab-title {
    background-color: transparent !important;
    color: #FCEE0A !important; /* Texto amarillo por defecto */
    border: none !important;
    border-right: 1px solid #FCEE0A !important; /* Línea separadora */
    border-radius: 0px !important;
    margin: 0 !important;
    
    /* Grosor de la barra (Delgada) */
    padding: 8px 0px !important; 
    
    text-transform: uppercase;
    font-weight: bold;
    flex-grow: 1; /* Estirar para llenar el ancho de los 900px */
    justify-content: center;
    transition: all 0.3s ease;
}

/* 3. EL BOTÓN ACTIVO (Amarillo) */
.elementor-701 .elementor-element.elementor-element-ef96949 .e-n-tab-title[aria-selected="true"] {
    background-color: #FCEE0A !important;
    color: black !important; /* Texto negro cuando está activo */
    /* Corte en la esquina del botón activo para que encaje */
    clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%, 0 20px);
}

/* 4. QUITAR BORDE DEL ÚLTIMO BOTÓN */
.elementor-701 .elementor-element.elementor-element-ef96949 .e-n-tab-title:last-child {
    border-right: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1173eb8 */.elementor-701 .elementor-element.elementor-element-1173eb8 {
    /* Color de fondo sólido (puedes cambiar #000 por el color que quieras) */
    background-color: #000000;

    /* Solo la capa de los puntos */
    background-image: radial-gradient(#444 1px, transparent 1px);

    /* Tamaño de la cuadrícula: 40px es el espacio entre puntos */
    background-size: 40px 40px;

    /* Que se repita en toda la sección */
    background-repeat: repeat;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f1f737 */.elementor-701 .elementor-element.elementor-element-8f1f737 {
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% calc(100% - 15px), 
        calc(100% - 15px) 100%, 
        15px 100%, 
        0 calc(100% - 15px)
    );
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4f1ccf */.elementor-701 .elementor-element.elementor-element-e4f1ccf {
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% calc(100% - 15px), 
        calc(100% - 15px) 100%, 
        15px 100%, 
        0 calc(100% - 15px)
    );
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-201d9f6 */.elementor-701 .elementor-element.elementor-element-201d9f6 {
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% calc(100% - 15px), 
        calc(100% - 15px) 100%, 
        15px 100%, 
        0 calc(100% - 15px)
    );
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d9da0b */.elementor-701 .elementor-element.elementor-element-1d9da0b {
    /* Color de fondo sólido (puedes cambiar #000 por el color que quieras) */
    background-color: #000000;

    /* Solo la capa de los puntos */
    background-image: radial-gradient(#444 1px, transparent 1px);

    /* Tamaño de la cuadrícula: 40px es el espacio entre puntos */
    background-size: 40px 40px;

    /* Que se repita en toda la sección */
    background-repeat: repeat;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c878a5d *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-c878a5d {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-c878a5d::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-c878a5d::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3647c93 */.elementor-701 .elementor-element.elementor-element-3647c93 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-3647c93 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d071f46 *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-d071f46 {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-d071f46::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-d071f46::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-fb20151 */.elementor-701 .elementor-element.elementor-element-fb20151 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-fb20151 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c1c8059 *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-c1c8059 {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-c1c8059::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-c1c8059::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8c67118 */.elementor-701 .elementor-element.elementor-element-8c67118 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-8c67118 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cdecfe3 *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-cdecfe3 {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-cdecfe3::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-cdecfe3::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b938f93 */.elementor-701 .elementor-element.elementor-element-b938f93 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-b938f93 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-625accc *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-625accc {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-625accc::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-625accc::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-243d325 */.elementor-701 .elementor-element.elementor-element-243d325 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-243d325 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c878a5d *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-c878a5d {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-c878a5d::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-c878a5d::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3647c93 */.elementor-701 .elementor-element.elementor-element-3647c93 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-3647c93 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d071f46 *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-d071f46 {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-d071f46::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-d071f46::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-fb20151 */.elementor-701 .elementor-element.elementor-element-fb20151 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-fb20151 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c1c8059 *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-c1c8059 {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-c1c8059::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-c1c8059::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8c67118 */.elementor-701 .elementor-element.elementor-element-8c67118 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-8c67118 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cdecfe3 *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-cdecfe3 {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-cdecfe3::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-cdecfe3::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b938f93 */.elementor-701 .elementor-element.elementor-element-b938f93 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-b938f93 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-625accc *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-625accc {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-625accc::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-625accc::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-243d325 */.elementor-701 .elementor-element.elementor-element-243d325 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-243d325 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c878a5d *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-c878a5d {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-c878a5d::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-c878a5d::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3647c93 */.elementor-701 .elementor-element.elementor-element-3647c93 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-3647c93 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d071f46 *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-d071f46 {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-d071f46::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-d071f46::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-fb20151 */.elementor-701 .elementor-element.elementor-element-fb20151 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-fb20151 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c1c8059 *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-c1c8059 {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-c1c8059::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-c1c8059::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8c67118 */.elementor-701 .elementor-element.elementor-element-8c67118 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-8c67118 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cdecfe3 *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-cdecfe3 {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-cdecfe3::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-cdecfe3::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b938f93 */.elementor-701 .elementor-element.elementor-element-b938f93 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-b938f93 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-625accc *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-625accc {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-625accc::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-625accc::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-243d325 */.elementor-701 .elementor-element.elementor-element-243d325 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-243d325 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c878a5d *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-c878a5d {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-c878a5d::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-c878a5d::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3647c93 */.elementor-701 .elementor-element.elementor-element-3647c93 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-3647c93 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d071f46 *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-d071f46 {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-d071f46::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-d071f46::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-fb20151 */.elementor-701 .elementor-element.elementor-element-fb20151 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-fb20151 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c1c8059 *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-c1c8059 {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-c1c8059::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-c1c8059::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8c67118 */.elementor-701 .elementor-element.elementor-element-8c67118 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-8c67118 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cdecfe3 *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-cdecfe3 {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-cdecfe3::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-cdecfe3::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b938f93 */.elementor-701 .elementor-element.elementor-element-b938f93 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-b938f93 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-625accc *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-625accc {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-625accc::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-625accc::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-243d325 */.elementor-701 .elementor-element.elementor-element-243d325 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-243d325 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c878a5d *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-c878a5d {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-c878a5d::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-c878a5d::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3647c93 */.elementor-701 .elementor-element.elementor-element-3647c93 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-3647c93 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d071f46 *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-d071f46 {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-d071f46::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-d071f46::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-fb20151 */.elementor-701 .elementor-element.elementor-element-fb20151 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-fb20151 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c1c8059 *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-c1c8059 {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-c1c8059::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-c1c8059::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8c67118 */.elementor-701 .elementor-element.elementor-element-8c67118 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-8c67118 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cdecfe3 *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-cdecfe3 {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-cdecfe3::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-cdecfe3::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b938f93 */.elementor-701 .elementor-element.elementor-element-b938f93 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-b938f93 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-625accc *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-625accc {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-625accc::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-625accc::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-243d325 */.elementor-701 .elementor-element.elementor-element-243d325 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-243d325 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c878a5d *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-c878a5d {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-c878a5d::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-c878a5d::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3647c93 */.elementor-701 .elementor-element.elementor-element-3647c93 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-3647c93 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d071f46 *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-d071f46 {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-d071f46::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-d071f46::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-fb20151 */.elementor-701 .elementor-element.elementor-element-fb20151 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-fb20151 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c1c8059 *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-c1c8059 {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-c1c8059::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-c1c8059::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8c67118 */.elementor-701 .elementor-element.elementor-element-8c67118 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-8c67118 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cdecfe3 *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-cdecfe3 {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-cdecfe3::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-cdecfe3::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b938f93 */.elementor-701 .elementor-element.elementor-element-b938f93 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-b938f93 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-625accc *//* 1. Altura fija y Scroll */
.elementor-701 .elementor-element.elementor-element-625accc {
    height: 200px; /* Le subí un poco la altura para que quepa más texto de una vez */
    overflow-y: auto; 
    padding-right: 15px; 
}

/* 2. Personalización de la Barra (Scrollbar) */
/* El fondo (track) - Lo puse negro total para que se vea limpio */
.elementor-701 .elementor-element.elementor-element-625accc::-webkit-scrollbar {
    width: 4px; 
    background-color: #000000; 
}

/* La parte que se mueve (thumb) - AHORA EN BLANCO */
.elementor-701 .elementor-element.elementor-element-625accc::-webkit-scrollbar-thumb {
    background-color: #FFFFFF; /* Blanco puro */
    border-radius: 0px; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-243d325 */.elementor-701 .elementor-element.elementor-element-243d325 .elementor-button {
    /* Recorte en la esquina inferior derecha */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    /* Efecto al pasar el mouse (Hover) */
    transition: all 0.3s ease;
}

.elementor-701 .elementor-element.elementor-element-243d325 .elementor-button:hover {
    background-color: #FCEE0A; /* Fondo amarillo al pasar */
    color: #000000; /* Letra negra */
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-cd800b1 *//* === CORRECCIÓN DE BOTONES EN TABLET === */
@media (max-width: 1024px) {
    /* 1. Permitir que la barra de botones se doble (Wrap) */
    .elementor-701 .elementor-element.elementor-element-cd800b1 .e-n-tabs-heading {
        flex-wrap: wrap !important; /* La clave: permite saltos de línea */
        overflow: visible !important; /* Quita el scroll oculto */
        height: auto !important; /* La altura se ajusta sola */
        justify-content: center !important; /* Centrados */
        border: none !important; /* Limpieza visual */
    }

    /* 2. Ajustar cada botón individual */
    .elementor-701 .elementor-element.elementor-element-cd800b1 .e-n-tab-title {
        flex-grow: 1 !important;    /* Que se estiren para llenar huecos */
        flex-basis: 45% !important; /* Ocupan casi la mitad (2 por fila) */
        max-width: 100% !important; 
        margin-bottom: 5px !important; /* Separación entre filas de botones */
        border: 1px solid #333 !important; /* Borde sutil para distinguirlos */
        font-size: 12px !important; /* Letra un poco más chica para que quepan */
        white-space: normal !important; /* Permite que el texto largo baje de renglón */
        text-align: center !important;
    }
    
    /* Ajuste para el botón activo */
    .elementor-701 .elementor-element.elementor-element-cd800b1 .e-n-tab-title[aria-selected="true"] {
        background-color: #FCEE0A !important;
        color: black !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92c9039 */.elementor-701 .elementor-element.elementor-element-92c9039 {
    /* Color de fondo sólido (puedes cambiar #000 por el color que quieras) */
    background-color: #000000;

    /* Solo la capa de los puntos */
    background-image: radial-gradient(#444 1px, transparent 1px);

    /* Tamaño de la cuadrícula: 40px es el espacio entre puntos */
    background-size: 40px 40px;

    /* Que se repita en toda la sección */
    background-repeat: repeat;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a8bd70e */.elementor-701 .elementor-element.elementor-element-a8bd70e {
    background-color: #000000;
    
    /* 1. ANCHO MÍNIMO: */
    /* El primer número (1px) es arriba/abajo. 
       El segundo (2px) es izquierda/derecha. Al bajarlo a 2px, se hace más estrecho. */
    padding: 1px 2px; 
    
    /* 2. FORZAR AJUSTE: Esto obliga a la caja a medir exactamente lo que mide el texto */
    width: fit-content; 
    min-width: 0; /* Asegura que no tenga anchos mínimos ocultos */
    
    position: absolute;
    /* Mantengo tu posición preferida (ajusta el % si necesitas subir/bajar) */
    bottom: 20%; 
    left: 50%;
    transform: translateX(-50%); 
    z-index: 50;
    
    /* Forma Cyberpunk */
    clip-path: polygon(3px 0, 100% 0, 100% calc(100% - 3px), calc(100% - 3px) 100%, 0 100%, 0 3px);
}

.elementor-701 .elementor-element.elementor-element-a8bd70e .elementor-heading-title {
    color: #FFFFFF !important;
    font-size: 9px !important;
    font-weight: 800;
    text-transform: uppercase;
    
    /* 3. TRUCO FINAL: Un espaciado ligeramente negativo "aprieta" el texto */
    letter-spacing: -0.2px; 
    
    line-height: 1 !important;
    margin: 0;
    white-space: nowrap; /* Evita que el texto se parta en dos líneas */
}

/* AJUSTE LAPTOP */
@media (max-width: 1366px) {
    .elementor-701 .elementor-element.elementor-element-a8bd70e {
        bottom: 10%; 
        /* Si aún lo ves ancho en laptop, reduce la escala aquí */
        transform: translateX(-50%) scale(0.9); 
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1f71d93 */.elementor-701 .elementor-element.elementor-element-1f71d93 {
    background-color: #000000;
    
    /* 1. ANCHO MÍNIMO: */
    /* El primer número (1px) es arriba/abajo. 
       El segundo (2px) es izquierda/derecha. Al bajarlo a 2px, se hace más estrecho. */
    padding: 1px 2px; 
    
    /* 2. FORZAR AJUSTE: Esto obliga a la caja a medir exactamente lo que mide el texto */
    width: fit-content; 
    min-width: 0; /* Asegura que no tenga anchos mínimos ocultos */
    
    position: absolute;
    /* Mantengo tu posición preferida (ajusta el % si necesitas subir/bajar) */
    bottom: 20%; 
    left: 50%;
    transform: translateX(-50%); 
    z-index: 50;
    
    /* Forma Cyberpunk */
    clip-path: polygon(3px 0, 100% 0, 100% calc(100% - 3px), calc(100% - 3px) 100%, 0 100%, 0 3px);
}

.elementor-701 .elementor-element.elementor-element-1f71d93 .elementor-heading-title {
    color: #FFFFFF !important;
    font-size: 9px !important;
    font-weight: 800;
    text-transform: uppercase;
    
    /* 3. TRUCO FINAL: Un espaciado ligeramente negativo "aprieta" el texto */
    letter-spacing: -0.2px; 
    
    line-height: 1 !important;
    margin: 0;
    white-space: nowrap; /* Evita que el texto se parta en dos líneas */
}

/* AJUSTE LAPTOP */
@media (max-width: 1366px) {
    .elementor-701 .elementor-element.elementor-element-1f71d93 {
        bottom: 10%; 
        /* Si aún lo ves ancho en laptop, reduce la escala aquí */
        transform: translateX(-50%) scale(0.9); 
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-80dfbe6 */.elementor-701 .elementor-element.elementor-element-80dfbe6 {
    background-color: #000000;
    
    /* 1. ANCHO MÍNIMO: */
    /* El primer número (1px) es arriba/abajo. 
       El segundo (2px) es izquierda/derecha. Al bajarlo a 2px, se hace más estrecho. */
    padding: 1px 2px; 
    
    /* 2. FORZAR AJUSTE: Esto obliga a la caja a medir exactamente lo que mide el texto */
    width: fit-content; 
    min-width: 0; /* Asegura que no tenga anchos mínimos ocultos */
    
    position: absolute;
    /* Mantengo tu posición preferida (ajusta el % si necesitas subir/bajar) */
    bottom: 20%; 
    left: 50%;
    transform: translateX(-50%); 
    z-index: 50;
    
    /* Forma Cyberpunk */
    clip-path: polygon(3px 0, 100% 0, 100% calc(100% - 3px), calc(100% - 3px) 100%, 0 100%, 0 3px);
}

.elementor-701 .elementor-element.elementor-element-80dfbe6 .elementor-heading-title {
    color: #FFFFFF !important;
    font-size: 9px !important;
    font-weight: 800;
    text-transform: uppercase;
    
    /* 3. TRUCO FINAL: Un espaciado ligeramente negativo "aprieta" el texto */
    letter-spacing: -0.2px; 
    
    line-height: 1 !important;
    margin: 0;
    white-space: nowrap; /* Evita que el texto se parta en dos líneas */
}

/* AJUSTE LAPTOP */
@media (max-width: 1366px) {
    .elementor-701 .elementor-element.elementor-element-80dfbe6 {
        bottom: 10%; 
        /* Si aún lo ves ancho en laptop, reduce la escala aquí */
        transform: translateX(-50%) scale(0.9); 
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4fefda3 */.elementor-701 .elementor-element.elementor-element-4fefda3 {
    background-color: #000000;
    
    /* 1. ANCHO MÍNIMO: */
    /* El primer número (1px) es arriba/abajo. 
       El segundo (2px) es izquierda/derecha. Al bajarlo a 2px, se hace más estrecho. */
    padding: 1px 2px; 
    
    /* 2. FORZAR AJUSTE: Esto obliga a la caja a medir exactamente lo que mide el texto */
    width: fit-content; 
    min-width: 0; /* Asegura que no tenga anchos mínimos ocultos */
    
    position: absolute;
    /* Mantengo tu posición preferida (ajusta el % si necesitas subir/bajar) */
    bottom: 20%; 
    left: 50%;
    transform: translateX(-50%); 
    z-index: 50;
    
    /* Forma Cyberpunk */
    clip-path: polygon(3px 0, 100% 0, 100% calc(100% - 3px), calc(100% - 3px) 100%, 0 100%, 0 3px);
}

.elementor-701 .elementor-element.elementor-element-4fefda3 .elementor-heading-title {
    color: #FFFFFF !important;
    font-size: 9px !important;
    font-weight: 800;
    text-transform: uppercase;
    
    /* 3. TRUCO FINAL: Un espaciado ligeramente negativo "aprieta" el texto */
    letter-spacing: -0.2px; 
    
    line-height: 1 !important;
    margin: 0;
    white-space: nowrap; /* Evita que el texto se parta en dos líneas */
}

/* AJUSTE LAPTOP */
@media (max-width: 1366px) {
    .elementor-701 .elementor-element.elementor-element-4fefda3 {
        bottom: 10%; 
        /* Si aún lo ves ancho en laptop, reduce la escala aquí */
        transform: translateX(-50%) scale(0.9); 
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b690c75 */.elementor-701 .elementor-element.elementor-element-b690c75 {
    background-color: #000000;
    
    /* 1. ANCHO MÍNIMO: */
    /* El primer número (1px) es arriba/abajo. 
       El segundo (2px) es izquierda/derecha. Al bajarlo a 2px, se hace más estrecho. */
    padding: 1px 2px; 
    
    /* 2. FORZAR AJUSTE: Esto obliga a la caja a medir exactamente lo que mide el texto */
    width: fit-content; 
    min-width: 0; /* Asegura que no tenga anchos mínimos ocultos */
    
    position: absolute;
    /* Mantengo tu posición preferida (ajusta el % si necesitas subir/bajar) */
    bottom: 20%; 
    left: 50%;
    transform: translateX(-50%); 
    z-index: 50;
    
    /* Forma Cyberpunk */
    clip-path: polygon(3px 0, 100% 0, 100% calc(100% - 3px), calc(100% - 3px) 100%, 0 100%, 0 3px);
}

.elementor-701 .elementor-element.elementor-element-b690c75 .elementor-heading-title {
    color: #FFFFFF !important;
    font-size: 9px !important;
    font-weight: 800;
    text-transform: uppercase;
    
    /* 3. TRUCO FINAL: Un espaciado ligeramente negativo "aprieta" el texto */
    letter-spacing: -0.2px; 
    
    line-height: 1 !important;
    margin: 0;
    white-space: nowrap; /* Evita que el texto se parta en dos líneas */
}

/* AJUSTE LAPTOP */
@media (max-width: 1366px) {
    .elementor-701 .elementor-element.elementor-element-b690c75 {
        bottom: 10%; 
        /* Si aún lo ves ancho en laptop, reduce la escala aquí */
        transform: translateX(-50%) scale(0.9); 
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e30ccb9 */.elementor-701 .elementor-element.elementor-element-e30ccb9 {
    background-color: #000000;
    
    /* 1. ANCHO MÍNIMO: */
    /* El primer número (1px) es arriba/abajo. 
       El segundo (2px) es izquierda/derecha. Al bajarlo a 2px, se hace más estrecho. */
    padding: 1px 2px; 
    
    /* 2. FORZAR AJUSTE: Esto obliga a la caja a medir exactamente lo que mide el texto */
    width: fit-content; 
    min-width: 0; /* Asegura que no tenga anchos mínimos ocultos */
    
    position: absolute;
    /* Mantengo tu posición preferida (ajusta el % si necesitas subir/bajar) */
    bottom: 20%; 
    left: 50%;
    transform: translateX(-50%); 
    z-index: 50;
    
    /* Forma Cyberpunk */
    clip-path: polygon(3px 0, 100% 0, 100% calc(100% - 3px), calc(100% - 3px) 100%, 0 100%, 0 3px);
}

.elementor-701 .elementor-element.elementor-element-e30ccb9 .elementor-heading-title {
    color: #FFFFFF !important;
    font-size: 9px !important;
    font-weight: 800;
    text-transform: uppercase;
    
    /* 3. TRUCO FINAL: Un espaciado ligeramente negativo "aprieta" el texto */
    letter-spacing: -0.2px; 
    
    line-height: 1 !important;
    margin: 0;
    white-space: nowrap; /* Evita que el texto se parta en dos líneas */
}

/* AJUSTE LAPTOP */
@media (max-width: 1366px) {
    .elementor-701 .elementor-element.elementor-element-e30ccb9 {
        bottom: 10%; 
        /* Si aún lo ves ancho en laptop, reduce la escala aquí */
        transform: translateX(-50%) scale(0.9); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-193c6b0 *//* =================================================
   FORZAR SCROLL HORIZONTAL (CARRUSEL) EN TABLET
   ================================================= */
@media (max-width: 1024px) {
    
    /* 1. EL CONTENEDOR (El Riel) */
    .elementor-701 .elementor-element.elementor-element-193c6b0 {
        /* Obligamos a usar Flexbox horizontal */
        display: flex !important;
        flex-direction: row !important;
        
        /* ¡ESTO ES LO IMPORTANTE! Prohibido bajar de línea */
        flex-wrap: nowrap !important;
        
        /* Habilitar deslizamiento */
        overflow-x: auto !important;
        overflow-y: hidden !important;
        
        /* Estética del scroll */
        scroll-snap-type: x mandatory;
        gap: 15px !important;
        padding-bottom: 20px !important; /* Espacio para el dedo */
        width: 100% !important; /* Asegurar que use todo el ancho */
    }

    /* 2. LAS TARJETAS (Los Hijos Directos) */
    /* El asterisco '*' selecciona CUALQUIER cosa que esté adentro */
    .elementor-701 .elementor-element.elementor-element-193c6b0 > * {
        /* Tamaño fijo para cada tarjeta en Tablet */
        width: 80% !important; 
        min-width: 80% !important; /* Obligatorio para que no se encojan */
        max-width: 80% !important;
        
        /* Comportamiento */
        flex-shrink: 0 !important; /* "No te hagas pequeño aunque no quepas" */
        scroll-snap-align: center; /* Centrarse al soltar */
        margin-right: 0 !important;
        
        /* Aseguramos que se vean */
        display: block !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31a3284 *//* Esto crea el degradado amarillo desde abajo */
.elementor-701 .elementor-element.elementor-element-31a3284::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30%; /* Controla qué tan alta es la niebla (30% de la altura total) */
    
    /* El degradado: Amarillo transparente abajo -> Amarillo sólido arriba? 
       NO, queremos que tape los pies. Entonces es Amarillo abajo -> Transparente arriba */
    background: linear-gradient(to top, #FCEE0A 20%, transparent 100%);
    
    /* Z-Index: Debe estar ENCIMA de las fotos pero DEBAJO de los nombres */
    z-index: 1; 
    pointer-events: none; /* Para que puedas seguir dando clic */
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-9da1c58 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-9da1c58 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-9da1c58 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-533e2c5 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-533e2c5 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-533e2c5 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-7f352f4 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-7f352f4 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-7f352f4 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-379dace *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-379dace .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-379dace .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-17b7a86 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-17b7a86 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-17b7a86 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-c442eef *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-c442eef .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-c442eef .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-9da1c58 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-9da1c58 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-9da1c58 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-533e2c5 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-533e2c5 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-533e2c5 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-7f352f4 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-7f352f4 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-7f352f4 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-379dace *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-379dace .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-379dace .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-17b7a86 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-17b7a86 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-17b7a86 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-c442eef *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-c442eef .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-c442eef .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-9da1c58 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-9da1c58 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-9da1c58 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-533e2c5 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-533e2c5 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-533e2c5 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-7f352f4 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-7f352f4 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-7f352f4 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-379dace *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-379dace .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-379dace .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-17b7a86 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-17b7a86 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-17b7a86 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-c442eef *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-c442eef .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-c442eef .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-9da1c58 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-9da1c58 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-9da1c58 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-533e2c5 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-533e2c5 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-533e2c5 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-7f352f4 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-7f352f4 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-7f352f4 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-379dace *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-379dace .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-379dace .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-17b7a86 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-17b7a86 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-17b7a86 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-c442eef *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-c442eef .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-c442eef .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-9da1c58 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-9da1c58 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-9da1c58 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-533e2c5 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-533e2c5 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-533e2c5 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-7f352f4 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-7f352f4 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-7f352f4 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-379dace *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-379dace .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-379dace .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-17b7a86 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-17b7a86 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-17b7a86 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-c442eef *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-c442eef .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-c442eef .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-9da1c58 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-9da1c58 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-9da1c58 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-533e2c5 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-533e2c5 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-533e2c5 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-7f352f4 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-7f352f4 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-7f352f4 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-379dace *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-379dace .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-379dace .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-17b7a86 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-17b7a86 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-17b7a86 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-c442eef *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-c442eef .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-c442eef .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-9da1c58 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-9da1c58 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-9da1c58 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-9da1c58 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-533e2c5 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-533e2c5 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-533e2c5 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-533e2c5 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-7f352f4 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-7f352f4 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-7f352f4 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-7f352f4 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-379dace *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-379dace .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-379dace .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-379dace .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-17b7a86 *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-17b7a86 .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-17b7a86 .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-17b7a86 .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-c442eef *//* 1. Mover todo el bloque de navegación (flechas y números) ABAJO */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-prev,
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-next,
.elementor-701 .elementor-element.elementor-element-c442eef .swiper-pagination-fraction {
    position: absolute;
    bottom: -0px !important; /* Los bajamos fuera del video */
    top: auto !important;     /* Quitamos la posición de arriba */
    color: white !important;  /* Color blanco */
}

/* 2. Posicionar la Flecha IZQUIERDA al centro */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-prev {
    left: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(-100%);
    background: black; /* Fondo negro para que parezca botón */
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 3. Posicionar la Flecha DERECHA al centro */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-next {
    right: 45% !important; /* Ajusta este % si no queda centrado */
    transform: translateX(100%);
    background: black;
    border: 1px solid #333;
    width: 40px;
    height: 30px;
}

/* 4. Posicionar los NÚMEROS (1/35) en medio de las flechas */
.elementor-701 .elementor-element.elementor-element-c442eef .swiper-pagination-fraction {
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-family: 'Rajdhani', sans-serif; /* Tu fuente */
    font-size: 16px;
    letter-spacing: 2px;
}

/* 5. Estilo "Hover" (Brillo amarillo al pasar el mouse por las flechas) */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-prev:hover,
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button-next:hover {
    color: #FCEE0A !important;
    border-color: #FCEE0A !important;
}

/* 6. Ajustar iconos de las flechas (hacerlos más pequeños) */
.elementor-701 .elementor-element.elementor-element-c442eef .elementor-swiper-button i {
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-f4af1d1 *//* 1. CONTENEDOR PRINCIPAL (La Barra Negra) */
.elementor-701 .elementor-element.elementor-element-f4af1d1 .e-n-tabs-heading {
    background-color: black !important;
    border: 2px solid white !important; /* Borde Blanco */
    
    /* === SECCIÓN DE TAMAÑO Y POSICIÓN === */
    width: 100%;              
    max-width: 500px;         /* Ancho reducido */
    margin: 0 auto !important; /* Centrado */
    /* ==================================== */

    /* El Corte Diagonal Cyberpunk */
    clip-path: polygon(
        20px 0, 
        100% 0, 
        100% calc(100% - 20px), 
        calc(100% - 20px) 100%, 
        0 100%, 
        0 20px
    );
    padding: 0 !important; 
    gap: 0 !important; 
}

/* 2. LOS BOTONES (Estado Normal) */
.elementor-701 .elementor-element.elementor-element-f4af1d1 .e-n-tab-title {
    background-color: transparent !important;
    color: white !important; /* Letra blanca */
    border: none !important; /* Sin líneas separadoras */
    border-radius: 0px !important;
    margin: 0 !important;
    padding: 8px 0px !important; 
    text-transform: uppercase;
    font-weight: bold;
    flex-grow: 1; 
    justify-content: center;
    transition: all 0.3s ease;
}

/* 3. EL BOTÓN ACTIVO (CAMBIO: Fondo Blanco) */
.elementor-701 .elementor-element.elementor-element-f4af1d1 .e-n-tab-title[aria-selected="true"] {
    background-color: white !important; /* Antes amarillo, ahora BLANCO */
    color: black !important; /* Letra negra para que se lea sobre el blanco */
    
    /* El corte en la esquina del botón activo */
    clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%, 0 20px);
}

/* 4. EL HOVER (CAMBIO: Al pasar el mouse también se pone Blanco) */
.elementor-701 .elementor-element.elementor-element-f4af1d1 .e-n-tab-title:hover {
    background-color: white !important;
    color: black !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31b0cf5 */.elementor-701 .elementor-element.elementor-element-31b0cf5 {
    background-image: radial-gradient(#333 1px, transparent 1px);
    background-size: 40px 40px; /* Separación de los puntos */
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-4038a5f *//* 1. ESTILO DEL CAMPO (Input) - Solo la línea inferior */
.elementor-701 .elementor-element.elementor-element-4038a5f .elementor-field-group .elementor-field {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 2px solid #000000 !important; /* Línea negra gruesa */
    border-radius: 0 !important;
    color: #000000 !important;
    padding-left: 0 !important; /* Texto pegado a la izquierda */
    font-family: 'Rajdhani', sans-serif; /* O tu fuente preferida */
}

/* Color del "placeholder" (el texto de ayuda) */
.elementor-701 .elementor-element.elementor-element-4038a5f .elementor-field-group .elementor-field::placeholder {
    color: #555555;
    text-transform: uppercase;
    font-size: 12px;
}

/* 2. ESTILO DEL BOTÓN "ENVIAR" */
.elementor-701 .elementor-element.elementor-element-4038a5f .elementor-button {
    background-color: transparent !important; /* Fondo transparente */
    border: 1px solid #000000 !important;    /* Borde fino negro */
    color: #000000 !important;
    border-radius: 0 !important;
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px 40px;
    
    /* El corte en la esquina (Clip-path) */
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 70%, 
        90% 100%, 
        0 100%
    );
    transition: all 0.3s ease;
}

/* Efecto Hover en el botón (Relleno negro al pasar el mouse) */
.elementor-701 .elementor-element.elementor-element-4038a5f .elementor-button:hover {
    background-color: #000000 !important;
    color: #FCEE0A !important; /* Texto amarillo */
}

/* 3. MENSAJES DE ERROR (Texto rojo/naranja pequeño) */
.elementor-701 .elementor-element.elementor-element-4038a5f .elementor-message {
    color: #FF003C !important; /* Rojo Cyberpunk */
    font-size: 12px;
}/* End custom CSS */