.elementor-7680 .elementor-element.elementor-element-681def2{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--overlay-opacity:0;border-style:none;--border-style:none;box-shadow:7px 7px 10px 0px #000814;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-7680 .elementor-element.elementor-element-681def2::before, .elementor-7680 .elementor-element.elementor-element-681def2 > .elementor-background-video-container::before, .elementor-7680 .elementor-element.elementor-element-681def2 > .e-con-inner > .elementor-background-video-container::before, .elementor-7680 .elementor-element.elementor-element-681def2 > .elementor-background-slideshow::before, .elementor-7680 .elementor-element.elementor-element-681def2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7680 .elementor-element.elementor-element-681def2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-8f2e41b );--background-overlay:'';}.elementor-7680 .elementor-element.elementor-element-681def2:not(.elementor-motion-effects-element-type-background), .elementor-7680 .elementor-element.elementor-element-681def2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("/wp-content/uploads/2023/03/Turf-Housejpg.jpg") 50% 50%;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-7680 .elementor-element.elementor-element-368d357e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7680 .elementor-element.elementor-element-3e7f2ad9{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-7680 .elementor-element.elementor-element-4cc2109d > .elementor-widget-container{padding:0px 150px 0px 150px;}.elementor-7680 .elementor-element.elementor-element-4cc2109d{text-align:center;font-family:"Questrial", Sans-serif;font-size:20px;font-weight:400;line-height:1.3em;color:#F4F4F4;}.elementor-widget-global{--divider-color:var( --e-global-color-secondary );}.elementor-widget-global .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-global.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-global.elementor-view-framed .elementor-icon, .elementor-widget-global.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-global.elementor-view-framed .elementor-icon, .elementor-widget-global.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-7680 .elementor-element.elementor-global-328{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:2px;}.elementor-7680 .elementor-element.elementor-global-328 .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-7680 .elementor-element.elementor-global-328 .elementor-divider{text-align:center;padding-block-start:20px;padding-block-end:20px;}.elementor-7680 .elementor-element.elementor-element-aebd727{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-7680 .elementor-element.elementor-element-65755bd > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-7680 .elementor-element.elementor-element-65755bd{text-align:center;}.elementor-7680 .elementor-element.elementor-element-65755bd .elementor-heading-title{font-family:"Questrial", Sans-serif;font-size:36px;font-weight:600;line-height:1em;text-shadow:5px 5px 10px #000814;}.elementor-7680 .elementor-element.elementor-element-60b1732{--display:flex;}.elementor-7680 .elementor-element.elementor-element-256b5ad > .elementor-widget-container{padding:0px 40px 0px 20px;}.elementor-7680 .elementor-element.elementor-element-17e3e0a{--display:flex;}.elementor-7680 .elementor-element.elementor-element-ea32e3b > .elementor-widget-container{padding:0px 40px 0px 20px;}.elementor-7680 .elementor-element.elementor-element-5bd6bb4{--display:flex;}.elementor-7680 .elementor-element.elementor-element-3dd2171 > .elementor-widget-container{padding:0px 40px 0px 20px;}.elementor-7680 .elementor-element.elementor-element-55535a6{--display:flex;}.elementor-7680 .elementor-element.elementor-element-21084a9 > .elementor-widget-container{padding:0px 40px 0px 20px;}.elementor-7680 .elementor-element.elementor-element-fbeae11{--display:flex;}.elementor-7680 .elementor-element.elementor-element-ec7d926 > .elementor-widget-container{padding:0px 40px 0px 20px;}.elementor-7680 .elementor-element.elementor-element-9f17351{--display:flex;}.elementor-7680 .elementor-element.elementor-element-1d25dad > .elementor-widget-container{padding:0px 40px 0px 20px;}.elementor-7680 .elementor-element.elementor-element-2ff4150{--n-accordion-title-font-size:var( --e-global-typography-secondary-font-size );--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:7px 7px 7px 7px;--n-accordion-title-normal-color:var( --e-global-color-primary );--n-accordion-title-hover-color:var( --e-global-color-primary );--n-accordion-title-active-color:var( --e-global-color-primary );--n-accordion-icon-size:20px;--n-accordion-icon-normal-color:var( --e-global-color-primary );--n-accordion-icon-hover-color:var( --e-global-color-secondary );--n-accordion-icon-active-color:var( --e-global-color-accent );}.elementor-7680 .elementor-element.elementor-element-2ff4150 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:#002C45;border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-accent );}.elementor-7680 .elementor-element.elementor-element-2ff4150 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:var( --e-global-color-f45544f );border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-accent );}.elementor-7680 .elementor-element.elementor-element-2ff4150 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7680 .elementor-element.elementor-element-2ff4150 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-secondary );}.elementor-7680 .elementor-element.elementor-element-2ff4150 {--n-accordion-padding:10px 10px 10px 20px;}:where( .elementor-7680 .elementor-element.elementor-element-2ff4150 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-7680 .elementor-element.elementor-element-2ff4150 :where( .elementor-7680 .elementor-element.elementor-element-2ff4150 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item:not([open]) > .e-n-accordion-item-title:not(hover) > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{text-shadow:5px 5px 10px #000814;}.elementor-7680 .elementor-element.elementor-element-2ff4150 :where( .elementor-7680 .elementor-element.elementor-element-2ff4150 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item:not([open]) > .e-n-accordion-item-title:hover > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{text-shadow:5px 5px 10px #000814;}.elementor-7680 .elementor-element.elementor-element-2ff4150 :where( .elementor-7680 .elementor-element.elementor-element-2ff4150 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{text-shadow:5px 5px 10px #000814;}:where( .elementor-7680 .elementor-element.elementor-element-2ff4150 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}body.elementor-page-7680:not(.elementor-motion-effects-element-type-background), body.elementor-page-7680 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8f2e41b );}@media(min-width:768px){.elementor-7680 .elementor-element.elementor-element-3e7f2ad9{--content-width:1140px;}.elementor-7680 .elementor-element.elementor-element-aebd727{--content-width:1140px;}}@media(max-width:1024px){.elementor-7680 .elementor-element.elementor-element-681def2{--min-height:500px;--overlay-opacity:0;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-7680 .elementor-element.elementor-element-4cc2109d > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-widget-global .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-7680 .elementor-element.elementor-element-aebd727{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-7680 .elementor-element.elementor-element-2ff4150{--n-accordion-title-font-size:var( --e-global-typography-secondary-font-size );}:where( .elementor-7680 .elementor-element.elementor-element-2ff4150 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:767px){.elementor-7680 .elementor-element.elementor-element-681def2{--min-height:400px;--overlay-opacity:0.2;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-7680 .elementor-element.elementor-element-368d357e{--padding-top:30px;--padding-bottom:10px;--padding-left:015px;--padding-right:015px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-7680 .elementor-element.elementor-element-4cc2109d > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-7680 .elementor-element.elementor-element-4cc2109d{font-size:20px;line-height:1em;}.elementor-widget-global .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-7680 .elementor-element.elementor-element-aebd727{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-7680 .elementor-element.elementor-element-65755bd .elementor-heading-title{font-size:30px;line-height:1em;}.elementor-7680 .elementor-element.elementor-element-2ff4150{--n-accordion-title-font-size:var( --e-global-typography-secondary-font-size );--n-accordion-icon-size:14px;}:where( .elementor-7680 .elementor-element.elementor-element-2ff4150 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:var( --e-global-typography-secondary-line-height );}}/* Start custom CSS for html, class: .elementor-element-3dd2171 */.SD7DA-D3 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D3::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D3 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D3:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D3 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 280px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D3:hover + .option-imgSD7DA-D3 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /*Format Extra activity list*/
  .extra-SD7DA-D3 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D3 {
    width: 32%; /* 3 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D3:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
.option-XUPimgSD7DA-D3 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -270px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D3:hover .option-XUPimgSD7DA-D3 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  .option-XimgSD7DA-D3 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D3:hover .option-XimgSD7DA-D3 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D3 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D3 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D3 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }
    
    .option-XUPimgSD7DA-D3,
    .option-XimgSD7DA-D3 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 18px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21084a9 */.SD7DA-D4 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D4::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D4 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D4:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D4 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 290px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D4:hover + .option-imgSD7DA-D4 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
     /*Format Extra activity list*/
  .extra-SD7DA-D4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D4 {
    width: 32%; /* 3 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D4:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
  .option-XimgSD7DA-D4 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D4:hover .option-XimgSD7DA-D4 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
  /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D4 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D4 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D4 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }

    .option-XimgSD7DA-D4 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 18px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ec7d926 */.SD7DA-D5 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D5::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D5 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D5:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D5 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 290px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D5:hover + .option-imgSD7DA-D5 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
       /*Format Extra activity list*/
  .extra-SD7DA-D5 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D5 {
    width: 45%; /* 2 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D5:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
  .option-XimgSD7DA-D5 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D5:hover .option-XimgSD7DA-D5 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D5 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D5 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D5 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }
    
    .option-XimgSD7DA-D5 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 18px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d25dad */.SD7DA-D6 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D6::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D6 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D6:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D6 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 200px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D6:hover + .option-imgSD7DA-D6 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
/*Format Extra activity list*/
  .extra-SD7DA-D6 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D6 {
    width: 32%; /* 3 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D6:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
.option-XUPimgSD7DA-D6 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -270px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D6:hover .option-XUPimgSD7DA-D6 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  .option-XimgSD7DA-D6 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D6:hover .option-XimgSD7DA-D6 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D6 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D6 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D6 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }
    
    .option-XUPimgSD7DA-D6,
    .option-XimgSD7DA-D6 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 19px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3dd2171 */.SD7DA-D3 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D3::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D3 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D3:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D3 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 280px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D3:hover + .option-imgSD7DA-D3 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /*Format Extra activity list*/
  .extra-SD7DA-D3 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D3 {
    width: 32%; /* 3 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D3:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
.option-XUPimgSD7DA-D3 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -270px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D3:hover .option-XUPimgSD7DA-D3 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  .option-XimgSD7DA-D3 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D3:hover .option-XimgSD7DA-D3 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D3 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D3 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D3 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }
    
    .option-XUPimgSD7DA-D3,
    .option-XimgSD7DA-D3 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 18px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21084a9 */.SD7DA-D4 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D4::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D4 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D4:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D4 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 290px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D4:hover + .option-imgSD7DA-D4 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
     /*Format Extra activity list*/
  .extra-SD7DA-D4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D4 {
    width: 32%; /* 3 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D4:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
  .option-XimgSD7DA-D4 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D4:hover .option-XimgSD7DA-D4 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
  /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D4 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D4 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D4 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }

    .option-XimgSD7DA-D4 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 18px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ec7d926 */.SD7DA-D5 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D5::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D5 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D5:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D5 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 290px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D5:hover + .option-imgSD7DA-D5 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
       /*Format Extra activity list*/
  .extra-SD7DA-D5 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D5 {
    width: 45%; /* 2 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D5:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
  .option-XimgSD7DA-D5 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D5:hover .option-XimgSD7DA-D5 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D5 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D5 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D5 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }
    
    .option-XimgSD7DA-D5 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 18px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d25dad */.SD7DA-D6 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D6::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D6 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D6:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D6 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 200px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D6:hover + .option-imgSD7DA-D6 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
/*Format Extra activity list*/
  .extra-SD7DA-D6 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D6 {
    width: 32%; /* 3 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D6:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
.option-XUPimgSD7DA-D6 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -270px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D6:hover .option-XUPimgSD7DA-D6 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  .option-XimgSD7DA-D6 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D6:hover .option-XimgSD7DA-D6 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D6 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D6 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D6 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }
    
    .option-XUPimgSD7DA-D6,
    .option-XimgSD7DA-D6 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 19px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3dd2171 */.SD7DA-D3 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D3::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D3 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D3:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D3 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 280px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D3:hover + .option-imgSD7DA-D3 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /*Format Extra activity list*/
  .extra-SD7DA-D3 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D3 {
    width: 32%; /* 3 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D3:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
.option-XUPimgSD7DA-D3 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -270px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D3:hover .option-XUPimgSD7DA-D3 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  .option-XimgSD7DA-D3 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D3:hover .option-XimgSD7DA-D3 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D3 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D3 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D3 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }
    
    .option-XUPimgSD7DA-D3,
    .option-XimgSD7DA-D3 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 18px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21084a9 */.SD7DA-D4 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D4::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D4 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D4:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D4 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 290px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D4:hover + .option-imgSD7DA-D4 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
     /*Format Extra activity list*/
  .extra-SD7DA-D4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D4 {
    width: 32%; /* 3 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D4:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
  .option-XimgSD7DA-D4 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D4:hover .option-XimgSD7DA-D4 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
  /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D4 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D4 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D4 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }

    .option-XimgSD7DA-D4 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 18px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ec7d926 */.SD7DA-D5 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D5::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D5 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D5:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D5 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 290px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D5:hover + .option-imgSD7DA-D5 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
       /*Format Extra activity list*/
  .extra-SD7DA-D5 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D5 {
    width: 45%; /* 2 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D5:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
  .option-XimgSD7DA-D5 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D5:hover .option-XimgSD7DA-D5 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D5 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D5 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D5 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }
    
    .option-XimgSD7DA-D5 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 18px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d25dad */.SD7DA-D6 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D6::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D6 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D6:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D6 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 200px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D6:hover + .option-imgSD7DA-D6 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
/*Format Extra activity list*/
  .extra-SD7DA-D6 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D6 {
    width: 32%; /* 3 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D6:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
.option-XUPimgSD7DA-D6 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -270px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D6:hover .option-XUPimgSD7DA-D6 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  .option-XimgSD7DA-D6 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D6:hover .option-XimgSD7DA-D6 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D6 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D6 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D6 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }
    
    .option-XUPimgSD7DA-D6,
    .option-XimgSD7DA-D6 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 19px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3dd2171 */.SD7DA-D3 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D3::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D3 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D3:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D3 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 280px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D3:hover + .option-imgSD7DA-D3 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /*Format Extra activity list*/
  .extra-SD7DA-D3 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D3 {
    width: 32%; /* 3 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D3:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
.option-XUPimgSD7DA-D3 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -270px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D3:hover .option-XUPimgSD7DA-D3 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  .option-XimgSD7DA-D3 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D3:hover .option-XimgSD7DA-D3 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D3 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D3 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D3 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }
    
    .option-XUPimgSD7DA-D3,
    .option-XimgSD7DA-D3 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 18px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21084a9 */.SD7DA-D4 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D4::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D4 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D4:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D4 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 290px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D4:hover + .option-imgSD7DA-D4 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
     /*Format Extra activity list*/
  .extra-SD7DA-D4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D4 {
    width: 32%; /* 3 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D4:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
  .option-XimgSD7DA-D4 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D4:hover .option-XimgSD7DA-D4 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
  /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D4 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D4 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D4 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }

    .option-XimgSD7DA-D4 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 18px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ec7d926 */.SD7DA-D5 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D5::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D5 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D5:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D5 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 290px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D5:hover + .option-imgSD7DA-D5 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
       /*Format Extra activity list*/
  .extra-SD7DA-D5 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D5 {
    width: 45%; /* 2 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D5:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
  .option-XimgSD7DA-D5 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D5:hover .option-XimgSD7DA-D5 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D5 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D5 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D5 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }
    
    .option-XimgSD7DA-D5 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 18px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d25dad */.SD7DA-D6 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D6::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D6 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D6:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D6 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 200px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D6:hover + .option-imgSD7DA-D6 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
/*Format Extra activity list*/
  .extra-SD7DA-D6 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D6 {
    width: 32%; /* 3 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D6:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
.option-XUPimgSD7DA-D6 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -270px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D6:hover .option-XUPimgSD7DA-D6 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  .option-XimgSD7DA-D6 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D6:hover .option-XimgSD7DA-D6 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D6 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D6 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D6 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }
    
    .option-XUPimgSD7DA-D6,
    .option-XimgSD7DA-D6 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 19px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3dd2171 */.SD7DA-D3 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D3::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D3 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D3:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D3 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 280px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D3:hover + .option-imgSD7DA-D3 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /*Format Extra activity list*/
  .extra-SD7DA-D3 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D3 {
    width: 32%; /* 3 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D3:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
.option-XUPimgSD7DA-D3 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -270px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D3:hover .option-XUPimgSD7DA-D3 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  .option-XimgSD7DA-D3 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D3:hover .option-XimgSD7DA-D3 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D3 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D3 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D3 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }
    
    .option-XUPimgSD7DA-D3,
    .option-XimgSD7DA-D3 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 18px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21084a9 */.SD7DA-D4 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D4::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D4 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D4:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D4 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 290px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D4:hover + .option-imgSD7DA-D4 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
     /*Format Extra activity list*/
  .extra-SD7DA-D4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D4 {
    width: 32%; /* 3 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D4:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
  .option-XimgSD7DA-D4 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D4:hover .option-XimgSD7DA-D4 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
  /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D4 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D4 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D4 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }

    .option-XimgSD7DA-D4 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 18px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ec7d926 */.SD7DA-D5 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D5::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D5 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D5:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D5 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 290px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D5:hover + .option-imgSD7DA-D5 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
       /*Format Extra activity list*/
  .extra-SD7DA-D5 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D5 {
    width: 45%; /* 2 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D5:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
  .option-XimgSD7DA-D5 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D5:hover .option-XimgSD7DA-D5 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D5 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D5 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D5 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }
    
    .option-XimgSD7DA-D5 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 18px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d25dad */.SD7DA-D6 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D6::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D6 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D6:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D6 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 200px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D6:hover + .option-imgSD7DA-D6 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
/*Format Extra activity list*/
  .extra-SD7DA-D6 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D6 {
    width: 32%; /* 3 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D6:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
.option-XUPimgSD7DA-D6 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -270px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D6:hover .option-XUPimgSD7DA-D6 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  .option-XimgSD7DA-D6 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D6:hover .option-XimgSD7DA-D6 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D6 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D6 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D6 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }
    
    .option-XUPimgSD7DA-D6,
    .option-XimgSD7DA-D6 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 19px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3dd2171 */.SD7DA-D3 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D3::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D3 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D3:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D3 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 280px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D3:hover + .option-imgSD7DA-D3 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /*Format Extra activity list*/
  .extra-SD7DA-D3 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D3 {
    width: 32%; /* 3 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D3:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
.option-XUPimgSD7DA-D3 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -270px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D3:hover .option-XUPimgSD7DA-D3 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  .option-XimgSD7DA-D3 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D3:hover .option-XimgSD7DA-D3 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D3 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D3 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D3 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }
    
    .option-XUPimgSD7DA-D3,
    .option-XimgSD7DA-D3 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 18px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21084a9 */.SD7DA-D4 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D4::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D4 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D4:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D4 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 290px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D4:hover + .option-imgSD7DA-D4 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
     /*Format Extra activity list*/
  .extra-SD7DA-D4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D4 {
    width: 32%; /* 3 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D4:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
  .option-XimgSD7DA-D4 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D4:hover .option-XimgSD7DA-D4 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
  /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D4 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D4 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D4 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }

    .option-XimgSD7DA-D4 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 18px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ec7d926 */.SD7DA-D5 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D5::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D5 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D5:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D5 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 290px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D5:hover + .option-imgSD7DA-D5 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
       /*Format Extra activity list*/
  .extra-SD7DA-D5 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D5 {
    width: 45%; /* 2 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D5:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
  .option-XimgSD7DA-D5 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D5:hover .option-XimgSD7DA-D5 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D5 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D5 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D5 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }
    
    .option-XimgSD7DA-D5 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 18px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d25dad */.SD7DA-D6 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D6::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D6 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D6:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D6 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 200px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D6:hover + .option-imgSD7DA-D6 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
/*Format Extra activity list*/
  .extra-SD7DA-D6 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D6 {
    width: 32%; /* 3 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D6:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
.option-XUPimgSD7DA-D6 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -270px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D6:hover .option-XUPimgSD7DA-D6 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  .option-XimgSD7DA-D6 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D6:hover .option-XimgSD7DA-D6 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D6 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D6 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D6 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }
    
    .option-XUPimgSD7DA-D6,
    .option-XimgSD7DA-D6 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 19px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3dd2171 */.SD7DA-D3 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D3::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D3 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D3:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D3 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 280px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D3:hover + .option-imgSD7DA-D3 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /*Format Extra activity list*/
  .extra-SD7DA-D3 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D3 {
    width: 32%; /* 3 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D3:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
.option-XUPimgSD7DA-D3 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -270px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D3:hover .option-XUPimgSD7DA-D3 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  .option-XimgSD7DA-D3 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D3:hover .option-XimgSD7DA-D3 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D3 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D3 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D3 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }
    
    .option-XUPimgSD7DA-D3,
    .option-XimgSD7DA-D3 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 18px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21084a9 */.SD7DA-D4 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D4::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D4 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D4:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D4 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 290px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D4:hover + .option-imgSD7DA-D4 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
     /*Format Extra activity list*/
  .extra-SD7DA-D4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D4 {
    width: 32%; /* 3 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D4:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
  .option-XimgSD7DA-D4 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D4:hover .option-XimgSD7DA-D4 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
  /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D4 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D4 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D4 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }

    .option-XimgSD7DA-D4 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 18px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ec7d926 */.SD7DA-D5 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D5::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D5 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D5:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D5 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 290px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D5:hover + .option-imgSD7DA-D5 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
       /*Format Extra activity list*/
  .extra-SD7DA-D5 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D5 {
    width: 45%; /* 2 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D5:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
  .option-XimgSD7DA-D5 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D5:hover .option-XimgSD7DA-D5 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D5 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D5 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D5 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }
    
    .option-XimgSD7DA-D5 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 18px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d25dad */.SD7DA-D6 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.SD7DA-D6::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}
ul {
    display: block;
    position: relative;
    text-shadow: 2px 2px 3px #000814;
  }
  .option-txtSD7DA-D6 {
    position: relative;
    text-shadow: 2px 2px 3px #000814;
    color: #f4f4f4;
    transition: color 0.3s ease-in-out;
  }
  .option-txtSD7DA-D6:hover {
      color: #D3A84C;
  }
  .option-imgSD7DA-D6 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -120px;
      margin-left: 200px;
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  .option-txtSD7DA-D6:hover + .option-imgSD7DA-D6 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
/*Format Extra activity list*/
  .extra-SD7DA-D6 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.activity-SD7DA-D6 {
    width: 32%; /* 3 columns in one row */
    text-align: center;
    padding: 7px;
    border: 2px solid #D3A84C;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

.activity-SD7DA-D6:hover {
    background-color: #002C45;
}

/* Format img position on hover*/
.option-XUPimgSD7DA-D6 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: -270px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D6:hover .option-XUPimgSD7DA-D6 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  .option-XimgSD7DA-D6 {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 3;
      opacity: 0;
      margin-top: 20px;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  
  .activity-SD7DA-D6:hover .option-XimgSD7DA-D6 {
      opacity: 1;
      transition-delay: 0.3s;
      visibility: visible;
  }
  
    /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SD7DA-D6 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-SD7DA-D6 {
        flex-wrap: wrap;
        justify-content: center; /* Center elements */
    }

    .activity-SD7DA-D6 {
        width: 90%; /* 1 column instead of 3 */
        margin-bottom: 10px;
    }
    
    .option-XUPimgSD7DA-D6,
    .option-XimgSD7DA-D6 {
        width: 250px !important;
        height: 170px !important;
        margin-top: 19px;
        margin-left: 132px; /* Adjust for better placement */
    }
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-2ff4150 */.SDinfo {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    position: relative;
}

.SDinfo::before {
    content: "";                          
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px dotted #D3A84C;
}

  /* Responsive for Tablets (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .SDinfo {
        padding-left: 20px;
        padding-right: 20px;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Questrial';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.elysiatours.com/wp-content/uploads/2023/09/Questrial-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */