.elementor-22 .elementor-element.elementor-element-ab6a398{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-22 .elementor-element.elementor-element-b99a99f{--divider-border-style:solid;--divider-color:#FF0000;--divider-border-width:1px;}.elementor-22 .elementor-element.elementor-element-b99a99f .elementor-divider-separator{width:100%;}.elementor-22 .elementor-element.elementor-element-b99a99f .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-22 .elementor-element.elementor-element-b99a99f .elementor-divider__text{color:#FF0000;font-family:"boonhome", Sans-serif;font-size:32px;font-weight:400;}.elementor-22 .elementor-element.elementor-element-29cc2ef{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22 .elementor-element.elementor-element-3f4d535{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-22 .elementor-element.elementor-element-3f4d535:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-3f4d535 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-10b4f60{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22 .elementor-element.elementor-element-6f6eaf5{--display:flex;}.elementor-22 .elementor-element.elementor-element-1a06134{--display:flex;}.elementor-22 .elementor-element.elementor-element-df13c9e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22 .elementor-element.elementor-element-a52803b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-22 .elementor-element.elementor-element-a52803b:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-a52803b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-7d24108{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-0a9d1bb{border-style:solid;border-width:0px 0px 3px 0px;border-color:#F30000;}.elementor-22 .elementor-element.elementor-element-0a9d1bb .elementor-heading-title{font-family:"boonhome", Sans-serif;font-size:24px;font-weight:600;color:#FF0000;}.elementor-22 .elementor-element.elementor-element-070f2df{--display:flex;}.elementor-22 .elementor-element.elementor-element-2ab1cf3{--display:flex;}.elementor-22 .elementor-element.elementor-element-9c4291e{border-style:solid;border-width:0px 0px 3px 0px;border-color:#F30000;}.elementor-22 .elementor-element.elementor-element-9c4291e .elementor-heading-title{font-family:"boonhome", Sans-serif;font-size:24px;font-weight:600;color:#FF0000;}.elementor-22 .elementor-element.elementor-element-76127d0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22 .elementor-element.elementor-element-b565e45{--divider-border-style:solid;--divider-color:#FF0000;--divider-border-width:1px;}.elementor-22 .elementor-element.elementor-element-b565e45 .elementor-divider-separator{width:100%;}.elementor-22 .elementor-element.elementor-element-b565e45 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-22 .elementor-element.elementor-element-b565e45 .elementor-divider__text{color:#FF0000;font-family:"boonhome", Sans-serif;font-size:32px;font-weight:400;}.elementor-22 .elementor-element.elementor-element-18ac6b4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22 .elementor-element.elementor-element-946698b{--display:flex;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-22 .elementor-element.elementor-element-946698b:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-946698b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}body.elementor-page-22:not(.elementor-motion-effects-element-type-background), body.elementor-page-22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2FFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-22 .elementor-element.elementor-element-0a9d1bb .elementor-heading-title{font-size:22px;}.elementor-22 .elementor-element.elementor-element-9c4291e .elementor-heading-title{font-size:22px;}}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-29cc2ef{--content-width:1240px;}.elementor-22 .elementor-element.elementor-element-10b4f60{--width:50%;}.elementor-22 .elementor-element.elementor-element-1a06134{--width:50%;}.elementor-22 .elementor-element.elementor-element-df13c9e{--content-width:1240px;}.elementor-22 .elementor-element.elementor-element-7d24108{--width:50%;}.elementor-22 .elementor-element.elementor-element-2ab1cf3{--width:50%;}.elementor-22 .elementor-element.elementor-element-18ac6b4{--content-width:1240px;}}/* Start custom CSS for html, class: .elementor-element-68073d0 */.card {
            
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            font-family: BoonHome, sans-serif;
        }

         .card img {
            width: 100%;
            height: auto;
            transition: opacity 0.3s ease;
        }

        .card img:hover {
            opacity: 0.8;
              filter: brightness(50%);
        }

        .card-content {
            padding: 16px;
        }

        .card-content h5 {
            font-size: 18px;
            margin: 0;
            color: #333;
            transition: color 0.3s ease;
        }

        .card-content h5:hover {
            color: #007BFF;
        }

        .card-content p {
            font-size: 14px;
            color: #555;
            margin: 8px 0 0;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-52e4230 */body {
            font-family: boonhome, sans-serif;
            color: #fff;
            text-align: center;
            margin: 0;
            padding: 0;
        }
        .custom-container {
            display: inline-block;
            width: 100%;
            vertical-align: top;
            border: 1px solid #333;
            border-radius: 10px;
            background-color: #fff;
            
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            
            position: relative;
            z-index: 1;
        }
        .custom-header {
            background: linear-gradient(to bottom, #FF0000);
            color: #fff;
            padding: 10px;
            text-align: center;
            border-radius: 10px 10px 0 0;
            position: relative;
            z-index: 2;
        }
        .custom-flag {
            width: 60px;
            height: auto;
            position: absolute;
            left: 10px;
            top: 1px;
        }
        .custom-numbers {
            display: flex;
            padding: 10px;
            justify-content: center;
            margin-bottom: 20px;
            color: #333;
        }
        .custom-numbers div {
            background-color: #fff;
            margin: 0 5px;
            border-radius: 5px;
            width: 60px;
            height: 80px;
            border: 1px solid #333;
            font-weight: 800;
            font-size: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .custom-table {
            margin: 0 auto;
            border-collapse: collapse;
            margin-top: 20px;
            font-size: 22px;
            color: #333 !important; 
            width: 80%;
            table-layout: fixed;
        }
        .custom-table th, .custom-table td {
            border: 1px solid #333;
            padding: 10px !important;
            text-align: center;
            width: 50%;
            background-color: #f9f9f9 !important; 
            color: #333 !important; 
        }
        h1, h3 {
            font-size: 12px;
            text-align: center;
            font-weight: 400;
            color: #333;
            margin-bottom: 20px;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-22c789d */body {
            font-family: 'BoonHome', sans-serif;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }
        .container {
            text-align: center;
            border: 1px solid #313;
            border-radius: 10px;
            padding: 10px;
            background-color: #ffffff;
        }
        .custom-title {
            font-size: 1.5em;
            margin-bottom: 10px;
            color: #333;
        }
         .custom-subtitle {
            font-size: 1em;
            color: #333;
            margin-bottom: 15px;
        }
        .input-box {
            width: 100%;
            padding: 10px;
            margin-bottom: 15px;
            border: 1px solid #1b0205;
            border-radius: 5px;
        }
        .button {
            background: linear-gradient(to bottom, #DC1313,
            #d62929,
            #DC1313);
            color: #fff;
             
            padding: 10px 20px;
            
            
            border: none;
            border-radius: 5px;
            font-size: 1em;
            cursor: pointer;
             border: 1px solid #8E5409;
            width: 100%;
        }
        .button:hover {
            background-color: #0099cc;
        }
        
         .container {
        
            
        }

        .item {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            justify-content: space-between; /
            border-bottom: 1px solid #ccc; 
            padding: 10px 0; 
        }

        .item span {
            font-size: 12px; 
            color: #333;
            text-align: left;
            margin-top: 6px;
        }
        
        .blinking-dots {
            display: flex;
            margin-left: 10px;
            gap: 5px;
        }

        .dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: black;
            opacity: 0;
            transition: opacity 0.5s;
        }

        .dot.active {
            opacity: 1;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a176025 */@import url('https://fonts.googleapis.com/css2?family=Boonhome&display=swap');

    body {
      font-family: 'Boonhome', sans-serif;
    }

    #history-table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 10px;
    }

    #history-table th,
    #history-table td {
      border: 1px solid #333;
      padding: 8px;
      text-align: center;
      color: #000;
    }

    #history-table th {
      background: linear-gradient(to bottom, #2623D3, #2379D3);background: linear-gradient(to bottom, #FF0000);
      color: #fff;
    }

    .pagination {
      display: flex;
      justify-content: center;
      margin: 20px 0;
    }

    .pagination button {
      border: none;
      padding: 8px 16px;
      margin: 0 4px;
      cursor: pointer;
      background-color: #f1f1f1;
      color: #333;
    }

    .pagination button.active {
      background: linear-gradient(to bottom, #FF0000);
      color: white;
    }

    .pagination button:hover:not(.active) {
      background-color: #ddd;
    }/* End custom CSS */