.elementor-1506 .elementor-element.elementor-element-dce9e5e{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.39;}.elementor-1506 .elementor-element.elementor-element-dce9e5e:not(.elementor-motion-effects-element-type-background), .elementor-1506 .elementor-element.elementor-element-dce9e5e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://alimonkeytours.com/wp-content/uploads/2024/12/bentota.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1506 .elementor-element.elementor-element-dce9e5e::before, .elementor-1506 .elementor-element.elementor-element-dce9e5e > .elementor-background-video-container::before, .elementor-1506 .elementor-element.elementor-element-dce9e5e > .e-con-inner > .elementor-background-video-container::before, .elementor-1506 .elementor-element.elementor-element-dce9e5e > .elementor-background-slideshow::before, .elementor-1506 .elementor-element.elementor-element-dce9e5e > .e-con-inner > .elementor-background-slideshow::before, .elementor-1506 .elementor-element.elementor-element-dce9e5e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor7 );--background-overlay:'';}.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-1506 .elementor-element.elementor-element-89ff2fd > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1506 .elementor-element.elementor-element-89ff2fd{text-align:center;}.elementor-1506 .elementor-element.elementor-element-89ff2fd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:80px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-astglobalcolor5 );}.elementor-1506 .elementor-element.elementor-element-5bf7923 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:600;color:var( --e-global-color-astglobalcolor5 );}.elementor-1506 .elementor-element.elementor-element-8555d54{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-1506 .elementor-element.elementor-element-7e6155a{--display:flex;--padding-top:50px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1506 .elementor-element.elementor-element-1acdef1 .qodef-e-title{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:18px;font-weight:700;margin-bottom:0px;}.elementor-1506 .elementor-element.elementor-element-1acdef1 .qodef-e-date{margin-bottom:-100px;}.elementor-1506 .elementor-element.elementor-element-1acdef1 .qodef-e-text{margin-bottom:0px;}.elementor-1506 .elementor-element.elementor-element-1acdef1 .qodef-timeline--vertical .qodef-e-line-holder{width:4px;}.elementor-1506 .elementor-element.elementor-element-1acdef1 .qodef-timeline--vertical.qodef-point--diamond .qodef-e-point-holder:before{height:4px;}.elementor-1506 .elementor-element.elementor-element-1acdef1 .qodef-timeline--vertical.qodef-point--diamond .qodef-e-point-holder:after{height:4px;}.elementor-1506 .elementor-element.elementor-element-1acdef1 .qodef-timeline--horizontal .qodef-e-line-holder{height:4px;}.elementor-1506 .elementor-element.elementor-element-1acdef1 .qodef-timeline--horizontal.qodef-point--diamond .qodef-e-point-holder:before{width:4px;}.elementor-1506 .elementor-element.elementor-element-1acdef1 .qodef-timeline--horizontal.qodef-point--diamond .qodef-e-point-holder:after{width:4px;}.elementor-1506 .elementor-element.elementor-element-1acdef1 .qodef-e-point-holder{font-size:29px;}.elementor-1506 .elementor-element.elementor-element-1acdef1 .qodef-e-point{background-color:var( --e-global-color-secondary );}.elementor-1506 .elementor-element.elementor-element-1acdef1 .qodef-e-point .qodef-e-icon-holder{font-size:23px;color:var( --e-global-color-accent );}.elementor-1506 .elementor-element.elementor-element-1acdef1 .qodef-nav-prev{font-size:18px;left:0px;}.elementor-1506 .elementor-element.elementor-element-1acdef1 .qodef-nav-next{font-size:18px;right:0px;}.elementor-1506 .elementor-element.elementor-element-89b2fcd{--display:flex;}.elementor-1506 .elementor-element.elementor-element-abe0e8b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1506 .elementor-element.elementor-element-b4a2ab0{--display:flex;}.elementor-1506 .elementor-element.elementor-element-b855da9 .elementor-heading-title{color:#0C0C0C;}.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-1506 .elementor-element.elementor-element-1f5187e{--display:flex;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-1506 .elementor-element.elementor-element-1e11911 img{height:260px;object-fit:cover;object-position:center center;border-radius:200px 0px 0px 100px;}.elementor-1506 .elementor-element.elementor-element-baa552e{--display:flex;}.elementor-1506 .elementor-element.elementor-element-efaf063{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1506 .elementor-element.elementor-element-3d8ba91{--display:flex;}.elementor-1506 .elementor-element.elementor-element-26a533e .elementor-heading-title{color:#0C0C0C;}.elementor-1506 .elementor-element.elementor-element-0a71c66{--display:flex;}.elementor-1506 .elementor-element.elementor-element-3427924 img{height:260px;object-fit:cover;object-position:center center;border-radius:200px 0px 0px 100px;}.elementor-1506 .elementor-element.elementor-element-692390b{--display:flex;}.elementor-1506 .elementor-element.elementor-element-63dfea9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1506 .elementor-element.elementor-element-2f135aa{--display:flex;}.elementor-1506 .elementor-element.elementor-element-371c48f .elementor-heading-title{color:#0C0C0C;}.elementor-1506 .elementor-element.elementor-element-8b711a3{--display:flex;}.elementor-1506 .elementor-element.elementor-element-3bbef22 img{height:260px;object-fit:cover;object-position:center center;border-radius:200px 0px 0px 100px;}.elementor-1506 .elementor-element.elementor-element-1f01c82{--display:flex;}.elementor-1506 .elementor-element.elementor-element-0448add{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1506 .elementor-element.elementor-element-9827509{--display:flex;}.elementor-1506 .elementor-element.elementor-element-58def18 .elementor-heading-title{color:var( --e-global-color-astglobalcolor7 );}.elementor-1506 .elementor-element.elementor-element-a26b289{--display:flex;}.elementor-1506 .elementor-element.elementor-element-15a0e40 img{height:260px;object-fit:cover;object-position:center center;border-radius:200px 0px 0px 100px;}.elementor-1506 .elementor-element.elementor-element-f818cf9{--display:flex;}.elementor-1506 .elementor-element.elementor-element-17bf22d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1506 .elementor-element.elementor-element-0b8566e{--display:flex;}.elementor-1506 .elementor-element.elementor-element-eccdede .elementor-heading-title{color:#0C0C0C;}.elementor-1506 .elementor-element.elementor-element-d8e048a{--display:flex;}.elementor-1506 .elementor-element.elementor-element-36fbd71 img{height:260px;object-fit:cover;object-position:center center;border-radius:200px 0px 0px 100px;}.elementor-1506 .elementor-element.elementor-element-22580cd{--display:flex;}.elementor-1506 .elementor-element.elementor-element-d339518{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1506 .elementor-element.elementor-element-c6d50e6{--display:flex;}.elementor-1506 .elementor-element.elementor-element-4e4416b .elementor-heading-title{color:#0C0C0C;}.elementor-1506 .elementor-element.elementor-element-fe63eb8{--display:flex;}.elementor-1506 .elementor-element.elementor-element-d469e6b img{height:260px;object-fit:cover;object-position:center center;border-radius:200px 0px 0px 100px;}.elementor-1506 .elementor-element.elementor-element-1e295c2{--display:flex;}.elementor-1506 .elementor-element.elementor-element-4108188{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1506 .elementor-element.elementor-element-a2083a6{--display:flex;}.elementor-1506 .elementor-element.elementor-element-4a4d935 .elementor-heading-title{color:#0C0C0C;}.elementor-1506 .elementor-element.elementor-element-6baf0e5{--display:flex;}.elementor-1506 .elementor-element.elementor-element-111cfce img{height:202px;object-fit:cover;object-position:center center;border-radius:200px 0px 0px 100px;}.elementor-1506 .elementor-element.elementor-element-c418c6c{--display:flex;}.elementor-1506 .elementor-element.elementor-element-8c6e7f0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1506 .elementor-element.elementor-element-218defa{--display:flex;}.elementor-1506 .elementor-element.elementor-element-3b1d732 .elementor-heading-title{color:#0C0C0C;}.elementor-1506 .elementor-element.elementor-element-26d0585{--display:flex;}.elementor-1506 .elementor-element.elementor-element-8479852 img{height:256px;object-fit:cover;object-position:center center;border-radius:200px 0px 0px 100px;}.elementor-1506 .elementor-element.elementor-element-9394404{--display:flex;}.elementor-1506 .elementor-element.elementor-element-d737c56{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1506 .elementor-element.elementor-element-2a761e3{--display:flex;}.elementor-1506 .elementor-element.elementor-element-77d4e91 .elementor-heading-title{color:#0C0C0C;}.elementor-1506 .elementor-element.elementor-element-7eea763{--display:flex;}.elementor-1506 .elementor-element.elementor-element-8abf93c img{height:260px;object-fit:cover;object-position:center center;border-radius:200px 0px 0px 100px;}.elementor-1506 .elementor-element.elementor-element-b1762aa{--display:flex;}.elementor-1506 .elementor-element.elementor-element-90d9c0a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1506 .elementor-element.elementor-element-d232201{--display:flex;}.elementor-1506 .elementor-element.elementor-element-dabd073 .elementor-heading-title{color:#0C0C0C;}.elementor-1506 .elementor-element.elementor-element-06c2444{--display:flex;}.elementor-1506 .elementor-element.elementor-element-80b3bef img{height:260px;object-fit:cover;object-position:center center;border-radius:200px 0px 0px 100px;}.elementor-1506 .elementor-element.elementor-element-44cee4c{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:-1;--n-accordion-item-title-space-between:13px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:20px 20px 20px 20px;--n-accordion-title-normal-color:var( --e-global-color-secondary );--n-accordion-icon-size:15px;--n-accordion-icon-gap:21px;}.elementor-1506 .elementor-element.elementor-element-44cee4c > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#95C5D8;border-style:none;}.elementor-1506 .elementor-element.elementor-element-44cee4c {--n-accordion-padding:15px 15px 15px 15px;}:where( .elementor-1506 .elementor-element.elementor-element-44cee4c > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}@media(min-width:768px){.elementor-1506 .elementor-element.elementor-element-dce9e5e{--content-width:100%;}}@media(min-width:1025px){.elementor-1506 .elementor-element.elementor-element-dce9e5e:not(.elementor-motion-effects-element-type-background), .elementor-1506 .elementor-element.elementor-element-dce9e5e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-1506 .elementor-element.elementor-element-89ff2fd .elementor-heading-title{font-size:65px;}.elementor-1506 .elementor-element.elementor-element-5bf7923{text-align:center;}.elementor-1506 .elementor-element.elementor-element-5bf7923 .elementor-heading-title{font-size:55px;}}@media(max-width:767px){.elementor-1506 .elementor-element.elementor-element-89ff2fd .elementor-heading-title{font-size:45px;}.elementor-1506 .elementor-element.elementor-element-5bf7923 .elementor-heading-title{font-size:25px;}}/* Start custom CSS for container, class: .elementor-element-b4a2ab0 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d8ba91 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f135aa */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9827509 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b8566e */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6d50e6 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2083a6 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-218defa */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a761e3 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d232201 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4a2ab0 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d8ba91 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f135aa */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9827509 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b8566e */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6d50e6 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2083a6 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-218defa */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a761e3 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d232201 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4a2ab0 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d8ba91 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f135aa */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9827509 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b8566e */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6d50e6 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2083a6 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-218defa */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a761e3 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d232201 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4a2ab0 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d8ba91 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f135aa */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9827509 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b8566e */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6d50e6 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2083a6 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-218defa */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a761e3 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d232201 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4a2ab0 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d8ba91 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f135aa */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9827509 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b8566e */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6d50e6 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2083a6 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-218defa */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a761e3 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d232201 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4a2ab0 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d8ba91 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f135aa */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9827509 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b8566e */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6d50e6 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2083a6 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-218defa */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a761e3 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d232201 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4a2ab0 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d8ba91 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f135aa */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9827509 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b8566e */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6d50e6 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2083a6 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-218defa */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a761e3 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d232201 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4a2ab0 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d8ba91 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f135aa */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9827509 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b8566e */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6d50e6 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2083a6 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-218defa */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a761e3 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d232201 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4a2ab0 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d8ba91 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f135aa */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9827509 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b8566e */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6d50e6 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2083a6 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-218defa */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a761e3 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d232201 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4a2ab0 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d8ba91 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f135aa */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9827509 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b8566e */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6d50e6 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2083a6 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-218defa */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a761e3 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d232201 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4a2ab0 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d8ba91 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f135aa */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9827509 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b8566e */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6d50e6 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2083a6 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-218defa */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a761e3 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d232201 */.event::before {
  content: '';
  position: absolute;
  left: -10px; /* Center the dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 0; /* Place it at the top of the event */
}

.event:not(:last-child)::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the line horizontally */
  transform: translateX(-50%);
  width: 2px;
  height: 90%; /* Allow the line to take the full height */
  max-height: 300px; /* Restrict the height */
  background-color: gray;
  top: 20px; /* Start below the dot */
}

.event:last-child::after {
  content: '';
  position: absolute;
  left: -10px; /* Center the end dot horizontally */
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #4FA2C2;
  border-radius: 50%;
  top: 100%; /* Place it at the bottom of the last line */
}/* End custom CSS */