.elementor-341 .elementor-element.elementor-element-b9d7cd6{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{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 );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-341 .elementor-element.elementor-element-e194b76.elementor-element{--align-self:stretch;}.elementor-341 .elementor-element.elementor-element-e194b76 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-341 .elementor-element.elementor-element-e194b76 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-341 .elementor-element.elementor-element-e194b76 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-341 .elementor-element.elementor-element-e194b76 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-341 .elementor-element.elementor-element-e194b76 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-341 .elementor-element.elementor-element-e194b76 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-341 .elementor-element.elementor-element-e194b76 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-341 .elementor-element.elementor-element-e194b76{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-341 .elementor-element.elementor-element-e194b76 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-341 .elementor-element.elementor-element-e194b76 .elementor-icon-list-item > a{font-family:"Kodchasan", Sans-serif;font-size:24px;font-weight:500;line-height:1.1em;}.elementor-341 .elementor-element.elementor-element-e194b76 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-341 .elementor-element.elementor-element-e194b76 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-341 .elementor-element.elementor-element-b9d7cd6{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-341 .elementor-element.elementor-element-e194b76 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-341 .elementor-element.elementor-element-e194b76 .elementor-icon-list-item > a{font-size:36px;}}@media(max-width:1024px) and (min-width:768px){.elementor-341 .elementor-element.elementor-element-b9d7cd6{--width:100%;}}@media(max-width:767px){.elementor-341 .elementor-element.elementor-element-b9d7cd6{--width:100%;--min-height:80vh;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-341 .elementor-element.elementor-element-e194b76 > .elementor-widget-container{margin:0px 0px 0px 10px;}.elementor-341 .elementor-element.elementor-element-e194b76 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-341 .elementor-element.elementor-element-e194b76 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-341 .elementor-element.elementor-element-e194b76 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-341 .elementor-element.elementor-element-e194b76 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-341 .elementor-element.elementor-element-e194b76 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-341 .elementor-element.elementor-element-e194b76 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-341 .elementor-element.elementor-element-e194b76 .elementor-icon-list-item > a{font-size:28px;}}/* Start custom CSS for icon-list, class: .elementor-element-e194b76 */#list li {
      position: relative;
      padding: 15px;
      cursor: pointer;
      color: #fff;
      transition: transform 0.5s ease;
    }

    #list li:hover {
      transform: translateX(5px);
    }

    #list .list-number {
        font-size: 18px;
      position: absolute;
      left: -50px;
      top: 35%;
      transform: translateY(-50%);
      font-weight: bold;
      opacity: 0;
      transition: opacity 0.5s ease;/* initially hide all list numbers */
    }

    #list li:hover .list-number {
      
       opacity: 1; /* show list number when the item is hovered */
    }
    
    @media only screen and (max-width: 1024px) {
  #list .list-number {
        font-size: 16px;
        left: -30px;
      top: 30%;
      transform: translateY(-50%);}
}
 @media only screen and (max-width: 767px) {
  #list .list-number {
        font-size: 14px;
        left: -35px;
      top: 30%;
      transform: translateY(-50%);}
}/* End custom CSS */