.elementor-244 .elementor-element.elementor-element-698b477{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(5, 1fr);--grid-auto-flow:row;}.elementor-244 .elementor-element.elementor-element-fca7ffe .elementor-countdown-wrapper{max-width:20%;}.elementor-244 .elementor-element.elementor-element-fca7ffe .elementor-countdown-item{background-color:#FFFFFF;border-style:solid;border-width:0px 0px 0px 0px;border-color:#7E25C5;border-radius:17px 17px 17px 17px;}body:not(.rtl) .elementor-244 .elementor-element.elementor-element-fca7ffe .elementor-countdown-item:not(:first-of-type){margin-left:calc( 57px/2 );}body:not(.rtl) .elementor-244 .elementor-element.elementor-element-fca7ffe .elementor-countdown-item:not(:last-of-type){margin-right:calc( 57px/2 );}body.rtl .elementor-244 .elementor-element.elementor-element-fca7ffe .elementor-countdown-item:not(:first-of-type){margin-right:calc( 57px/2 );}body.rtl .elementor-244 .elementor-element.elementor-element-fca7ffe .elementor-countdown-item:not(:last-of-type){margin-left:calc( 57px/2 );}.elementor-244 .elementor-element.elementor-element-fca7ffe .elementor-countdown-digits{color:#E2B00A;font-weight:800;}.elementor-244 .elementor-element.elementor-element-fca7ffe .elementor-countdown-label{color:#7E25C5;font-weight:600;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-244 .elementor-element.elementor-element-b05a401.elementor-element{--align-self:flex-start;}.elementor-244 .elementor-element.elementor-element-b05a401{text-align:center;font-weight:600;}.elementor-244 .elementor-element.elementor-element-e337a0a .elementor-button{background-color:#5B2B92;}.elementor-244 .elementor-element.elementor-element-e337a0a.elementor-element{--align-self:flex-start;}.elementor-244 .elementor-element.elementor-element-a7b059b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-244 .elementor-element.elementor-element-a7b059b.elementor-element{--align-self:flex-start;}.elementor-244 .elementor-element.elementor-element-a7b059b{text-align:center;}.elementor-244 .elementor-element.elementor-element-a7b059b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-244 .elementor-element.elementor-element-698b477{--grid-auto-flow:row;}.elementor-244 .elementor-element.elementor-element-b05a401{text-align:center;}}@media(min-width:768px){.elementor-244 .elementor-element.elementor-element-698b477{--width:36%;}}@media(max-width:767px){.elementor-244 .elementor-element.elementor-element-698b477{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:69px;--padding-left:0px;--padding-right:0px;}.elementor-244 .elementor-element.elementor-element-fca7ffe.elementor-element{--align-self:center;}.elementor-244 .elementor-element.elementor-element-fca7ffe .elementor-countdown-wrapper{max-width:100%;}.elementor-244 .elementor-element.elementor-element-fca7ffe .elementor-countdown-item{border-width:0px 0px 0px 0px;}body:not(.rtl) .elementor-244 .elementor-element.elementor-element-fca7ffe .elementor-countdown-item:not(:first-of-type){margin-left:calc( 7px/2 );}body:not(.rtl) .elementor-244 .elementor-element.elementor-element-fca7ffe .elementor-countdown-item:not(:last-of-type){margin-right:calc( 7px/2 );}body.rtl .elementor-244 .elementor-element.elementor-element-fca7ffe .elementor-countdown-item:not(:first-of-type){margin-right:calc( 7px/2 );}body.rtl .elementor-244 .elementor-element.elementor-element-fca7ffe .elementor-countdown-item:not(:last-of-type){margin-left:calc( 7px/2 );}.elementor-244 .elementor-element.elementor-element-fca7ffe .elementor-countdown-digits{font-size:24px;line-height:1.5em;letter-spacing:-0.3px;}.elementor-244 .elementor-element.elementor-element-fca7ffe .elementor-countdown-label{font-size:14px;line-height:0.1em;letter-spacing:-1.7px;-webkit-text-stroke-width:0px;stroke-width:0px;}.elementor-244 .elementor-element.elementor-element-b05a401 > .elementor-widget-container{margin:0px 0px -10px 0px;padding:0px 0px 0px 0px;}.elementor-244 .elementor-element.elementor-element-b05a401.elementor-element{--align-self:center;}.elementor-244 .elementor-element.elementor-element-b05a401{text-align:center;font-size:12px;}.elementor-244 .elementor-element.elementor-element-e337a0a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:34px 34px 34px 34px;}.elementor-244 .elementor-element.elementor-element-e337a0a .elementor-button{border-radius:10px 10px 10px 10px;padding:16px 50px 17px 50px;}.elementor-244 .elementor-element.elementor-element-a7b059b > .elementor-widget-container{margin:-14px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-244 .elementor-element.elementor-element-a7b059b.elementor-element{--align-self:center;}.elementor-244 .elementor-element.elementor-element-a7b059b{text-align:center;}body.elementor-page-244:not(.elementor-motion-effects-element-type-background), body.elementor-page-244 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hdjapp.co.za/wp-content/uploads/2025/03/count-background-683x1024.png");}body.elementor-page-244{padding:0px 0px 0px 0px;}}/* Start custom CSS for countdown, class: .elementor-element-fca7ffe *//* Align countdown boxes and labels */
.elementor-countdown-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: none !important;
}

/* Keep numbers inside the boxes */
.elementor-countdown-digits {
    font-size: 24px !important; /* Adjust size as needed */
    font-weight: bold;
    background: white; /* Keeps the numbers inside the box */
    padding: 10px 15px; /* Adjust padding for better spacing */
    border-radius: 10px; /* Matches rounded corners */
    border: 2px solid purple; /* Adjust to your design */
    min-width: 60px; /* Ensures even sizing */
    text-align: center;
}

/* Move labels below each countdown box and improve text styling */
.elementor-countdown-label {
    font-size: 16px; /* Slightly increase size for better readability */
    font-weight: 600; /* Use a semi-bold font for a cleaner look */
    margin-top: 8px; /* Add more spacing below the box */
    color: #6A0DAD; /* Use a richer purple for a more elegant feel */ 
    letter-spacing: 0.5px !important; /* Improve readability */
    text-align: center;
}


/* Apply a smooth gold-to-black gradient to countdown numbers */
.elementor-countdown-digits {
    background: linear-gradient(170deg, 
        #FFD700 10%,  /* Bright Gold */
        #E6B800 35%,  /* Slightly Darker Gold */
        #8B8000 65%,  /* Gold-Brown Transition */
        #222222 90%   /* Deep Black */
    ); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}/* End custom CSS */