.elementor-723 .elementor-element.elementor-element-9d97cae{--display:flex;--min-height:450px;--overlay-opacity:1;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-723 .elementor-element.elementor-element-9d97cae:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-9d97cae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://srbacalhau.com/wp-content/uploads/2026/06/capaOgrupo_v2.png");background-position:bottom center;background-size:cover;}.elementor-723 .elementor-element.elementor-element-9d97cae::before, .elementor-723 .elementor-element.elementor-element-9d97cae > .elementor-background-video-container::before, .elementor-723 .elementor-element.elementor-element-9d97cae > .e-con-inner > .elementor-background-video-container::before, .elementor-723 .elementor-element.elementor-element-9d97cae > .elementor-background-slideshow::before, .elementor-723 .elementor-element.elementor-element-9d97cae > .e-con-inner > .elementor-background-slideshow::before, .elementor-723 .elementor-element.elementor-element-9d97cae > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://srbacalhau.com/wp-content/uploads/2025/10/Frame-6.png");--background-overlay:'';background-position:bottom center;background-repeat:no-repeat;}.elementor-723 .elementor-element.elementor-element-9d97cae.e-con{--flex-grow:1;--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-723 .elementor-element.elementor-element-ce120d4{width:100%;max-width:100%;margin:010% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;z-index:9;text-align:center;}.elementor-723 .elementor-element.elementor-element-ce120d4.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-723 .elementor-element.elementor-element-ce120d4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:48px;font-weight:900;color:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-cbce0a3{--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;--overlay-opacity:1;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-723 .elementor-element.elementor-element-cbce0a3::before, .elementor-723 .elementor-element.elementor-element-cbce0a3 > .elementor-background-video-container::before, .elementor-723 .elementor-element.elementor-element-cbce0a3 > .e-con-inner > .elementor-background-video-container::before, .elementor-723 .elementor-element.elementor-element-cbce0a3 > .elementor-background-slideshow::before, .elementor-723 .elementor-element.elementor-element-cbce0a3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-723 .elementor-element.elementor-element-cbce0a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://srbacalhau.com/wp-content/uploads/2025/10/peixePattern.png");--background-overlay:'';background-position:top right;background-repeat:no-repeat;background-size:19% auto;}.elementor-723 .elementor-element.elementor-element-76e3a53{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-723 .elementor-element.elementor-element-76e3a53.e-con{--align-self:center;}.elementor-723 .elementor-element.elementor-element-ffa826b{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-723 .elementor-element.elementor-element-ffa826b.elementor-element{--align-self:center;}.elementor-723 .elementor-element.elementor-element-ffa826b .elementor-heading-title{font-family:"Metropolis", Sans-serif;font-size:40px;font-weight:400;font-style:italic;color:#002553;}.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-723 .elementor-element.elementor-element-5d9d975{width:var( --container-widget-width, 69% );max-width:69%;margin:040px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:69%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-723 .elementor-element.elementor-element-5d9d975.elementor-element{--align-self:center;}.elementor-723 .elementor-element.elementor-element-f3c93f1{--display:flex;--overlay-opacity:1;--margin-top:60px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:13px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-f3c93f1::before, .elementor-723 .elementor-element.elementor-element-f3c93f1 > .elementor-background-video-container::before, .elementor-723 .elementor-element.elementor-element-f3c93f1 > .e-con-inner > .elementor-background-video-container::before, .elementor-723 .elementor-element.elementor-element-f3c93f1 > .elementor-background-slideshow::before, .elementor-723 .elementor-element.elementor-element-f3c93f1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-723 .elementor-element.elementor-element-f3c93f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://srbacalhau.com/wp-content/uploads/2025/10/bg-timeline.png");--background-overlay:'';background-position:top center;background-repeat:repeat-x;background-size:initial;}.elementor-723 .elementor-element.elementor-element-2d75f3b{--display:flex;}.elementor-723 .elementor-element.elementor-element-4001af5{font-family:"Metropolis", Sans-serif;font-size:23px;font-weight:800;color:#002553;}.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-723 .elementor-element.elementor-element-2ed0dac{width:100%;max-width:100%;margin:71px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-723 .elementor-element.elementor-element-2ed0dac img{width:100%;height:90px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-723 .elementor-element.elementor-element-422fa33 .elementor-heading-title{font-family:"Metropolis", Sans-serif;font-size:20px;font-weight:800;color:#002553;}.elementor-723 .elementor-element.elementor-element-2336df1{color:#000000;}.elementor-723 .elementor-element.elementor-element-0cfd6c0{--display:flex;}.elementor-723 .elementor-element.elementor-element-3db13d5{font-family:"Metropolis", Sans-serif;font-size:23px;font-weight:800;color:#002553;}.elementor-723 .elementor-element.elementor-element-ce2a573{width:100%;max-width:100%;margin:71px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-723 .elementor-element.elementor-element-ce2a573 img{width:100%;height:90px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-723 .elementor-element.elementor-element-aae2d9a .elementor-heading-title{font-family:"Metropolis", Sans-serif;font-size:20px;font-weight:800;color:#002553;}.elementor-723 .elementor-element.elementor-element-c05c46d{color:#000000;}.elementor-723 .elementor-element.elementor-element-dc8e722{--display:flex;}.elementor-723 .elementor-element.elementor-element-14221d8{font-family:"Metropolis", Sans-serif;font-size:23px;font-weight:800;color:#002553;}.elementor-723 .elementor-element.elementor-element-497bc7c{width:100%;max-width:100%;margin:71px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-723 .elementor-element.elementor-element-497bc7c img{width:100%;height:90px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-723 .elementor-element.elementor-element-df2eb80 .elementor-heading-title{font-family:"Metropolis", Sans-serif;font-size:20px;font-weight:800;color:#002553;}.elementor-723 .elementor-element.elementor-element-33fcf06{color:#000000;}.elementor-723 .elementor-element.elementor-element-b672cd4{--display:flex;}.elementor-723 .elementor-element.elementor-element-d17b336{font-family:"Metropolis", Sans-serif;font-size:23px;font-weight:800;color:#002553;}.elementor-723 .elementor-element.elementor-element-ad3b25f{width:100%;max-width:100%;margin:71px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-723 .elementor-element.elementor-element-ad3b25f img{width:100%;height:90px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-723 .elementor-element.elementor-element-e3bdacd .elementor-heading-title{font-family:"Metropolis", Sans-serif;font-size:20px;font-weight:800;color:#002553;}.elementor-723 .elementor-element.elementor-element-1cfc7e5{color:#000000;}.elementor-723 .elementor-element.elementor-element-f99eb67{--display:flex;}.elementor-723 .elementor-element.elementor-element-78beb6e{font-family:"Metropolis", Sans-serif;font-size:23px;font-weight:800;color:#002553;}.elementor-723 .elementor-element.elementor-element-c24cc6f{width:100%;max-width:100%;margin:71px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-723 .elementor-element.elementor-element-c24cc6f img{width:100%;height:90px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-723 .elementor-element.elementor-element-2f1843d .elementor-heading-title{font-family:"Metropolis", Sans-serif;font-size:20px;font-weight:800;color:#002553;}.elementor-723 .elementor-element.elementor-element-ca10e0f{color:#000000;}.elementor-723 .elementor-element.elementor-element-58cd95a{--display:flex;}.elementor-723 .elementor-element.elementor-element-85a6976{font-family:"Metropolis", Sans-serif;font-size:23px;font-weight:800;color:#002553;}.elementor-723 .elementor-element.elementor-element-eb1b717{width:100%;max-width:100%;margin:71px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-723 .elementor-element.elementor-element-eb1b717 img{width:100%;height:90px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-723 .elementor-element.elementor-element-cf4dfcd .elementor-heading-title{font-family:"Metropolis", Sans-serif;font-size:20px;font-weight:800;color:#002553;}.elementor-723 .elementor-element.elementor-element-6fd9e4b{color:#000000;}.elementor-723 .elementor-element.elementor-element-d917930{--display:flex;}.elementor-723 .elementor-element.elementor-element-c0ba51d{font-family:"Metropolis", Sans-serif;font-size:23px;font-weight:800;color:#002553;}.elementor-723 .elementor-element.elementor-element-fc526ca{width:100%;max-width:100%;margin:71px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-723 .elementor-element.elementor-element-fc526ca img{width:100%;height:90px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-723 .elementor-element.elementor-element-7a9e6ac .elementor-heading-title{font-family:"Metropolis", Sans-serif;font-size:20px;font-weight:800;color:#002553;}.elementor-723 .elementor-element.elementor-element-0acf4bb{color:#000000;}.elementor-723 .elementor-element.elementor-element-9794a1c{--display:flex;}.elementor-723 .elementor-element.elementor-element-c9e5cc5{font-family:"Metropolis", Sans-serif;font-size:23px;font-weight:800;color:#002553;}.elementor-723 .elementor-element.elementor-element-441d3a5{width:100%;max-width:100%;margin:71px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-723 .elementor-element.elementor-element-441d3a5 img{width:100%;height:90px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-723 .elementor-element.elementor-element-f984974 .elementor-heading-title{font-family:"Metropolis", Sans-serif;font-size:20px;font-weight:800;color:#002553;}.elementor-723 .elementor-element.elementor-element-591d276{color:#000000;}.elementor-723 .elementor-element.elementor-element-55e427b{--display:flex;}.elementor-723 .elementor-element.elementor-element-aa50a20{font-family:"Metropolis", Sans-serif;font-size:23px;font-weight:800;color:#002553;}.elementor-723 .elementor-element.elementor-element-e1f0fcb{width:100%;max-width:100%;margin:71px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-723 .elementor-element.elementor-element-e1f0fcb img{width:100%;height:90px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-723 .elementor-element.elementor-element-15631bc .elementor-heading-title{font-family:"Metropolis", Sans-serif;font-size:20px;font-weight:800;color:#002553;}.elementor-723 .elementor-element.elementor-element-1d327f8{color:#000000;}.elementor-723 .elementor-element.elementor-element-14dbc27{--display:flex;}.elementor-723 .elementor-element.elementor-element-b2d334f{font-family:"Metropolis", Sans-serif;font-size:23px;font-weight:800;color:#002553;}.elementor-723 .elementor-element.elementor-element-75281ce{width:100%;max-width:100%;margin:71px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-723 .elementor-element.elementor-element-75281ce img{width:100%;height:90px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-723 .elementor-element.elementor-element-26200dc .elementor-heading-title{font-family:"Metropolis", Sans-serif;font-size:20px;font-weight:800;color:#002553;}.elementor-723 .elementor-element.elementor-element-28d9ee8{color:#000000;}.elementor-723 .elementor-element.elementor-element-aec93df{--display:flex;}.elementor-723 .elementor-element.elementor-element-7e6192f{font-family:"Metropolis", Sans-serif;font-size:23px;font-weight:800;color:#002553;}.elementor-723 .elementor-element.elementor-element-7e39832{width:100%;max-width:100%;margin:71px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-723 .elementor-element.elementor-element-7e39832 img{width:100%;height:90px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-723 .elementor-element.elementor-element-0257d59 .elementor-heading-title{font-family:"Metropolis", Sans-serif;font-size:20px;font-weight:800;color:#002553;}.elementor-723 .elementor-element.elementor-element-b306bbc{color:#000000;}.elementor-723 .elementor-element.elementor-element-87105a8{--e-n-carousel-swiper-slides-to-display:5;--e-n-carousel-swiper-slides-gap:10px;padding:20px 20px 20px 20px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:50%;--e-n-carousel-arrow-prev-translate-x:-50%;--e-n-carousel-arrow-prev-left-position:-20px;--e-n-carousel-arrow-prev-top-align:100%;--e-n-carousel-arrow-prev-translate-y:-100%;--e-n-carousel-arrow-prev-top-position:20px;--e-n-carousel-arrow-next-right-align:50%;--e-n-carousel-arrow-next-translate-x:50%;--e-n-carousel-arrow-next-right-position:-20px;--e-n-carousel-arrow-next-top-align:100%;--e-n-carousel-arrow-next-translate-y:-100%;--e-n-carousel-arrow-next-top-position:20px;--e-n-carousel-arrow-size:34px;}.elementor-723 .elementor-element.elementor-element-87105a8 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-radius:50px 50px 50px 50px;}.elementor-723 .elementor-element.elementor-element-1f43e88{--display:flex;--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-723 .elementor-element.elementor-element-5c4cdf9{--e-image-carousel-slides-to-show:3;width:100%;max-width:100%;}.elementor-723 .elementor-element.elementor-element-5c4cdf9.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-723 .elementor-element.elementor-element-5c4cdf9 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#D9D9D9;opacity:1;}.elementor-723 .elementor-element.elementor-element-5c4cdf9 .swiper-pagination-bullet{background:#CBB987;}.elementor-723 .elementor-element.elementor-element-6b6b56c{--display:flex;--margin-top:41px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-723 .elementor-element.elementor-element-6b6b56c:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-6b6b56c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#002553;}.elementor-723 .elementor-element.elementor-element-0aeddab{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-723 .elementor-element.elementor-element-25a55ab{text-align:center;}.elementor-723 .elementor-element.elementor-element-25a55ab .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:800;color:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-b5a0cb5{text-align:center;}.elementor-723 .elementor-element.elementor-element-b5a0cb5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:800;letter-spacing:1.5px;color:#CBB987;}.elementor-723 .elementor-element.elementor-element-c13bc7d{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-723 .elementor-element.elementor-element-e004336{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-723 .elementor-element.elementor-element-f39d5d9{--display:flex;}.elementor-723 .elementor-element.elementor-element-2efd878{padding:30px 30px 30px 30px;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-287d898{--display:flex;}.elementor-723 .elementor-element.elementor-element-4a9e9ee{padding:30px 30px 30px 30px;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-1c127e3{--n-accordion-title-font-size:1rem;width:100%;max-width:100%;grid-column:span 1;grid-row:span 2;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:20px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:#FFFFFF;--n-accordion-icon-active-color:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-1c127e3 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#142443;border-style:solid;border-width:0px 0px 0px 0px;border-color:#CBB987;}:where( .elementor-723 .elementor-element.elementor-element-1c127e3 > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#142443;border-style:none;}.elementor-723 .elementor-element.elementor-element-1c127e3.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}:where( .elementor-723 .elementor-element.elementor-element-1c127e3 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Metropolis", Sans-serif;font-weight:800;}.elementor-723 .elementor-element.elementor-element-01228b8{--display:flex;}.elementor-723 .elementor-element.elementor-element-9e730d6{padding:30px 30px 30px 30px;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-949a221{--display:flex;}.elementor-723 .elementor-element.elementor-element-640858d{padding:30px 30px 30px 30px;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-aa7a0ee{--display:flex;}.elementor-723 .elementor-element.elementor-element-82b734a{padding:30px 30px 30px 30px;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-2a11c59{--n-accordion-title-font-size:1rem;width:100%;max-width:100%;grid-column:span 1;grid-row:span 2;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:20px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:#FFFFFF;--n-accordion-icon-active-color:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-2a11c59 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#142443;border-style:solid;border-width:0px 0px 0px 0px;border-color:#CBB987;}:where( .elementor-723 .elementor-element.elementor-element-2a11c59 > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#142443;border-style:none;}.elementor-723 .elementor-element.elementor-element-2a11c59.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}:where( .elementor-723 .elementor-element.elementor-element-2a11c59 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Metropolis", Sans-serif;font-weight:800;}.elementor-723 .elementor-element.elementor-element-a4bdd3b{--display:flex;}.elementor-723 .elementor-element.elementor-element-c31f091{padding:30px 30px 30px 30px;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-ecefc7f{--n-accordion-title-font-size:1rem;width:100%;max-width:100%;grid-column:span 1;grid-row:span 2;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:20px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:#FFFFFF;--n-accordion-icon-active-color:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-ecefc7f > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#142443;border-style:solid;border-width:0px 0px 0px 0px;border-color:#CBB987;}:where( .elementor-723 .elementor-element.elementor-element-ecefc7f > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#142443;border-style:none;}.elementor-723 .elementor-element.elementor-element-ecefc7f.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}:where( .elementor-723 .elementor-element.elementor-element-ecefc7f > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Metropolis", Sans-serif;font-weight:800;}.elementor-723 .elementor-element.elementor-element-483cd9f{--display:flex;}.elementor-723 .elementor-element.elementor-element-fdc4d17{padding:30px 30px 30px 30px;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-0fde75d{--n-accordion-title-font-size:1rem;width:100%;max-width:100%;grid-column:span 1;grid-row:span 2;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:20px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:#FFFFFF;--n-accordion-icon-active-color:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-0fde75d > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#142443;border-style:solid;border-width:0px 0px 0px 0px;border-color:#CBB987;}:where( .elementor-723 .elementor-element.elementor-element-0fde75d > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#142443;border-style:none;}.elementor-723 .elementor-element.elementor-element-0fde75d.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}:where( .elementor-723 .elementor-element.elementor-element-0fde75d > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Metropolis", Sans-serif;font-weight:800;}@media(min-width:768px){.elementor-723 .elementor-element.elementor-element-76e3a53{--width:85%;}}@media(min-width:1025px){.elementor-723 .elementor-element.elementor-element-9d97cae:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-9d97cae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-723 .elementor-element.elementor-element-87105a8{--e-n-carousel-swiper-slides-to-display:2;}.elementor-723 .elementor-element.elementor-element-0aeddab{--grid-auto-flow:row;}.elementor-723 .elementor-element.elementor-element-c13bc7d{--grid-auto-flow:row;}.elementor-723 .elementor-element.elementor-element-e004336{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-723 .elementor-element.elementor-element-87105a8{--e-n-carousel-swiper-slides-to-display:1;}.elementor-723 .elementor-element.elementor-element-0aeddab{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-723 .elementor-element.elementor-element-c13bc7d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-723 .elementor-element.elementor-element-e004336{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-ce120d4 */.boxTitulo span{
  background:rgba(0,37,83,0.67); 
  padding: 7px 30px;
  border-radius: 10px;
  backdrop-filter: blur(12px);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4001af5 */.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3db13d5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-14221d8 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d17b336 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-78beb6e */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-85a6976 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c0ba51d */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c9e5cc5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-aa50a20 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b2d334f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7e6192f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4001af5 */.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3db13d5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-14221d8 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d17b336 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-78beb6e */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-85a6976 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c0ba51d */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c9e5cc5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-aa50a20 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b2d334f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7e6192f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4001af5 */.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3db13d5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-14221d8 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d17b336 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-78beb6e */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-85a6976 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c0ba51d */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c9e5cc5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-aa50a20 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b2d334f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7e6192f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4001af5 */.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3db13d5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-14221d8 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d17b336 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-78beb6e */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-85a6976 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c0ba51d */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c9e5cc5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-aa50a20 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b2d334f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7e6192f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4001af5 */.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3db13d5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-14221d8 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d17b336 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-78beb6e */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-85a6976 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c0ba51d */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c9e5cc5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-aa50a20 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b2d334f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7e6192f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4001af5 */.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3db13d5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-14221d8 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d17b336 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-78beb6e */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-85a6976 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c0ba51d */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c9e5cc5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-aa50a20 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b2d334f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7e6192f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4001af5 */.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3db13d5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-14221d8 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d17b336 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-78beb6e */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-85a6976 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c0ba51d */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c9e5cc5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-aa50a20 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b2d334f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7e6192f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4001af5 */.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3db13d5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-14221d8 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d17b336 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-78beb6e */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-85a6976 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c0ba51d */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c9e5cc5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-aa50a20 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b2d334f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7e6192f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4001af5 */.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3db13d5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-14221d8 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d17b336 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-78beb6e */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-85a6976 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c0ba51d */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c9e5cc5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-aa50a20 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b2d334f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7e6192f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4001af5 */.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3db13d5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-14221d8 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d17b336 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-78beb6e */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-85a6976 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c0ba51d */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c9e5cc5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-aa50a20 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b2d334f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7e6192f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4001af5 */.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3db13d5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-14221d8 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d17b336 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-78beb6e */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-85a6976 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c0ba51d */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c9e5cc5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-aa50a20 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b2d334f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7e6192f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4001af5 */.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3db13d5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-14221d8 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d17b336 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-78beb6e */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-85a6976 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c0ba51d */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c9e5cc5 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-aa50a20 */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b2d334f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7e6192f */}
.year-timeline {
/* Centraliza o texto dentro do círculo */
    text-align: center;
    /* Estilo do Círculo */
    width: 100px; /* Ajuste o tamanho do círculo */
    height: 100px; /* Deve ser igual ao width */
    line-height: 100px; /* Centraliza verticalmente o texto */
    border-radius: 50%; /* Faz a forma circular */
    border: 3px solid #CDBA84; /* Cor da borda (dourado/amarelado) */
    background-color: white;
    /* Garante que o texto '1929' esteja por cima da linha */
    position: relative;
    z-index: 10;
    margin: 0 auto; /* Centraliza o círculo na coluna */

    /* Ajuste o texto interno (1929) */
    color: #212121; /* Cor do texto */
    font-size: 24px;
    font-weight: bold;
}

.swiper-slide:hover .year-timeline {
    color: #FFF !important;
    background-color: #CDBA84;
}


.year-timeline::after {
    content: '';
    position: absolute;
    top: 100%; /* Começa logo abaixo do círculo */
    left: 50%;
    transform: translateX(-50%);
    width: 3px; /* Espessura da linha */
    height: 80px; /* Comprimento da linha (ajuste conforme necessário) */
    background-color: #CDBA84; /* Cor da linha */
    z-index: 5; /* Fica atrás do círculo */
}

.year-timeline::before {
    content: '';
    position: absolute;
    top: calc(100% + 80px); /* Posição do ponto (150px abaixo do círculo) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; /* Tamanho do ponto */
    height: 10px; /* Tamanho do ponto */
    border-radius: 50%;
    background-color: #002553;
    border: 2px solid #CBB987;/* Cor do ponto */
    z-index: 15; /* Fica por cima da linha */
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-87105a8 */.timeline-Galery .swiper-slide img {
    transition-timing-function: ease-in-out;
    filter: grayscale(100%); 
}
.timeline-Galery .swiper-slide:hover img{
   filter: grayscale(0%);   
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-5c4cdf9 */.imagesGalery {
    display: none;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-25a55ab */.ttuloEmrpesas span{
    font-weight: 200 !important;
    font-style: italic;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b5a0cb5 */.subttuloEmrpesas {
    text-transform: uppercase
}
.ttuloEmrpesas span{
    font-weight: 200 !important;
    font-style: italic;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1c127e3 */.accordeon-empresas summary{
    height: 100px
}
.accordeon-empresas summary svg{
    height: 36px !important;
    width: 36px;
    margin-top: -10px;
}
.accordeon-empresas  .e-n-accordion-item-title[aria-expanded="false"]{
  background-color: #274278 !important;
}

.accordeon-empresas .e-n-accordion-item-title-text {
    font-size: 14px;
    color: #CBB987;
}

.accordeon-empresas 
.e-n-accordion-item-title {
    display: flex;
    align-items: center !important;
}
.accordeon-empresas 
.e-n-accordion-item-title-text img {
    margin-right: 10px;
    margin-top: 5px !important;
    width: 55px;
}
.accordeon-empresas .e-n-accordion-item-title-text {
    align-items: center !important;
    display: flex;
   
}
.accordeon-empresas .e-n-accordion-item-title p {
    width: 70%;
    float: right;
    vertical-align: center;
}
.accordeon-empresas .e-n-accordion-item .elementor-widget-text-editor {
    
    border-top: 1px solid #CBB987!important
    ;
}

.e-n-accordion-item-title-icon span{
    width: 25px !important;
    
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-2a11c59 */.accordeon-empresas summary{
    height: 100px
}
.accordeon-empresas summary svg{
    height: 36px !important;
    width: 36px;
    margin-top: -10px;
}
.accordeon-empresas  .e-n-accordion-item-title[aria-expanded="false"]{
  background-color: #274278 !important;
}

.accordeon-empresas .e-n-accordion-item-title-text {
    font-size: 14px;
    color: #CBB987;
}

.accordeon-empresas 
.e-n-accordion-item-title {
    display: flex;
    align-items: center !important;
}
.accordeon-empresas 
.e-n-accordion-item-title-text img {
    margin-right: 10px;
    margin-top: 5px !important;
}
.accordeon-empresas .e-n-accordion-item-title-text {
    align-items: center !important;
    display: flex;
   
}
.accordeon-empresas .e-n-accordion-item-title p {
    width: 60%;
    float: right;
    vertical-align: center;
}
.accordeon-empresas .e-n-accordion-item .elementor-widget-text-editor {
    
    border-top: 1px solid #CBB987!important
    ;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-ecefc7f */.accordeon-empresas summary{
    height: 100px
}
.accordeon-empresas summary svg{
    height: 36px !important;
    width: 36px;
    margin-top: -10px;
}
.accordeon-empresas  .e-n-accordion-item-title[aria-expanded="false"]{
  background-color: #274278 !important;
}

.accordeon-empresas .e-n-accordion-item-title-text {
    font-size: 14px;
    color: #CBB987;
}

.accordeon-empresas 
.e-n-accordion-item-title {
    display: flex;
    align-items: center !important;
}
.accordeon-empresas 
.e-n-accordion-item-title-text img {
    margin-right: 10px;
    margin-top: 5px !important;
}
.accordeon-empresas .e-n-accordion-item-title-text {
    align-items: center !important;
    display: flex;
   
}
.accordeon-empresas .e-n-accordion-item-title p {
    width: 60%;
    float: right;
    vertical-align: center;
}
.accordeon-empresas .e-n-accordion-item .elementor-widget-text-editor {
    
    border-top: 1px solid #CBB987!important
    ;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-0fde75d */.accordeon-empresas summary{
    height: 100px
}
.accordeon-empresas summary svg{
    height: 36px !important;
    width: 36px;
    margin-top: -10px;
}
.accordeon-empresas  .e-n-accordion-item-title[aria-expanded="false"]{
  background-color: #274278 !important;
}

.accordeon-empresas .e-n-accordion-item-title-text {
    font-size: 14px;
    color: #CBB987;
}

.accordeon-empresas 
.e-n-accordion-item-title {
    display: flex;
    align-items: center !important;
}
.accordeon-empresas 
.e-n-accordion-item-title-text img {
    margin-right: 10px;
    margin-top: 5px !important;
}
.accordeon-empresas .e-n-accordion-item-title-text {
    align-items: center !important;
    display: flex;
   
}
.accordeon-empresas .e-n-accordion-item-title p {
    width: 60%;
    float: right;
    vertical-align: center;
}
.accordeon-empresas .e-n-accordion-item .elementor-widget-text-editor {
    
    border-top: 1px solid #CBB987!important
    ;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Metropolis';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.bacalhaubomporto.com.br/sr-bacalhau/wp-content/uploads/2025/10/Metropolis-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Metropolis';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.bacalhaubomporto.com.br/sr-bacalhau/wp-content/uploads/2025/10/Metropolis-RegularItalic.woff') format('woff');
}
@font-face {
	font-family: 'Metropolis';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://www.bacalhaubomporto.com.br/sr-bacalhau/wp-content/uploads/2025/10/Metropolis-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Metropolis';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://www.bacalhaubomporto.com.br/sr-bacalhau/wp-content/uploads/2025/10/Metropolis-BoldItalic.woff') format('woff');
}
@font-face {
	font-family: 'Metropolis';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://www.bacalhaubomporto.com.br/sr-bacalhau/wp-content/uploads/2025/10/Metropolis-Light.woff') format('woff');
}
@font-face {
	font-family: 'Metropolis';
	font-style: italic;
	font-weight: 200;
	font-display: auto;
	src: url('https://www.bacalhaubomporto.com.br/sr-bacalhau/wp-content/uploads/2025/10/Metropolis-LightItalic.woff') format('woff');
}
@font-face {
	font-family: 'Metropolis';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://www.bacalhaubomporto.com.br/sr-bacalhau/wp-content/uploads/2025/10/Metropolis-ExtraLight.woff') format('woff');
}
@font-face {
	font-family: 'Metropolis';
	font-style: italic;
	font-weight: 100;
	font-display: auto;
	src: url('https://www.bacalhaubomporto.com.br/sr-bacalhau/wp-content/uploads/2025/10/Metropolis-ExtraLightItalic.woff') format('woff');
}
@font-face {
	font-family: 'Metropolis';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.bacalhaubomporto.com.br/sr-bacalhau/wp-content/uploads/2025/10/Metropolis-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Metropolis';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.bacalhaubomporto.com.br/sr-bacalhau/wp-content/uploads/2025/10/Metropolis-SemiBoldItalic.woff') format('woff');
}
@font-face {
	font-family: 'Metropolis';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.bacalhaubomporto.com.br/sr-bacalhau/wp-content/uploads/2025/10/Metropolis-ExtraBoldItalic.woff') format('woff');
}
@font-face {
	font-family: 'Metropolis';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.bacalhaubomporto.com.br/sr-bacalhau/wp-content/uploads/2025/10/Metropolis-ExtraBoldItalic.woff') format('woff');
}
@font-face {
	font-family: 'Metropolis';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.bacalhaubomporto.com.br/sr-bacalhau/wp-content/uploads/2025/10/Metropolis-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Metropolis';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.bacalhaubomporto.com.br/sr-bacalhau/wp-content/uploads/2025/10/Metropolis-MediumItalic.woff') format('woff');
}
@font-face {
	font-family: 'Metropolis';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://www.bacalhaubomporto.com.br/sr-bacalhau/wp-content/uploads/2025/10/Metropolis-Black.woff') format('woff');
}
@font-face {
	font-family: 'Metropolis';
	font-style: italic;
	font-weight: 900;
	font-display: auto;
	src: url('https://www.bacalhaubomporto.com.br/sr-bacalhau/wp-content/uploads/2025/10/Metropolis-BlackItalic.woff') format('woff');
}
/* End Custom Fonts CSS */