.elementor-9912 .elementor-element.elementor-element-69db84e{--display:flex;--min-height:460px;--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;--overlay-opacity:0.72;--margin-top:-40px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9912 .elementor-element.elementor-element-69db84e:not(.elementor-motion-effects-element-type-background), .elementor-9912 .elementor-element.elementor-element-69db84e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tunisia3dprint.com/wp-content/uploads/2025/10/resources-hero-bg-D9kG2mfa.jpg");background-position:0px -173px;background-repeat:no-repeat;background-size:cover;}.elementor-9912 .elementor-element.elementor-element-69db84e::before, .elementor-9912 .elementor-element.elementor-element-69db84e > .elementor-background-video-container::before, .elementor-9912 .elementor-element.elementor-element-69db84e > .e-con-inner > .elementor-background-video-container::before, .elementor-9912 .elementor-element.elementor-element-69db84e > .elementor-background-slideshow::before, .elementor-9912 .elementor-element.elementor-element-69db84e > .e-con-inner > .elementor-background-slideshow::before, .elementor-9912 .elementor-element.elementor-element-69db84e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-9912 .elementor-element.elementor-element-892253f{text-align:center;}.elementor-9912 .elementor-element.elementor-element-892253f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:60px;font-weight:700;text-shadow:5px 5px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-9912 .elementor-element.elementor-element-84588ec{padding:0px 300px 0px 300px;text-align:center;font-size:30px;line-height:40px;text-shadow:5px 5px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-9912 .elementor-element.elementor-element-ddaf89a .wd-btn-text{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;}.elementor-9912 .elementor-element.elementor-element-3d0c9f5{--display:flex;--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;--margin-top:20px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-9912 .elementor-element.elementor-element-1bd6b25{text-align:center;}.elementor-9912 .elementor-element.elementor-element-1bd6b25 .elementor-heading-title{font-size:30px;}.elementor-9912 .elementor-element.elementor-element-8d63e32{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:100px;}.elementor-9912 .elementor-element.elementor-element-4be7263{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#CACACA;--border-color:#CACACA;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-9912 .elementor-element.elementor-element-4be7263.e-con:hover{--e-con-transform-translateY:-3px;}.elementor-9912 .elementor-element.elementor-element-4be7263:hover{box-shadow:1px 1px 5px 0px rgba(0,0,0,0.5);}.elementor-9912 .elementor-element.elementor-element-109afdd{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#CACACA;--border-color:#CACACA;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-9912 .elementor-element.elementor-element-109afdd.e-con:hover{--e-con-transform-translateY:-3px;}.elementor-9912 .elementor-element.elementor-element-109afdd:hover{box-shadow:1px 1px 5px 0px rgba(0,0,0,0.5);}.elementor-9912 .elementor-element.elementor-element-166f6a1{--display:flex;--justify-content:space-evenly;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#CACACA;--border-color:#CACACA;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-9912 .elementor-element.elementor-element-166f6a1.e-con:hover{--e-con-transform-translateY:-3px;}.elementor-9912 .elementor-element.elementor-element-166f6a1:hover{box-shadow:1px 1px 5px 0px rgba(0,0,0,0.5);}.elementor-9912 .elementor-element.elementor-element-0a6fa60{--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;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(min-width:769px){.elementor-9912 .elementor-element.elementor-element-4be7263{--width:33%;}.elementor-9912 .elementor-element.elementor-element-109afdd{--width:33%;}.elementor-9912 .elementor-element.elementor-element-166f6a1{--width:33%;}}@media(max-width:1024px){.elementor-9912 .elementor-element.elementor-element-69db84e:not(.elementor-motion-effects-element-type-background), .elementor-9912 .elementor-element.elementor-element-69db84e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:768px){.elementor-9912 .elementor-element.elementor-element-69db84e{--min-height:0px;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--margin-top:-40px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-9912 .elementor-element.elementor-element-69db84e:not(.elementor-motion-effects-element-type-background), .elementor-9912 .elementor-element.elementor-element-69db84e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-9912 .elementor-element.elementor-element-892253f .elementor-heading-title{font-size:24px;}.elementor-9912 .elementor-element.elementor-element-84588ec{padding:0px 10px 0px 10px;font-size:15px;line-height:1.3em;}.elementor-9912 .elementor-element.elementor-element-ddaf89a .wd-btn-text{font-size:14px;}.elementor-9912 .elementor-element.elementor-element-3d0c9f5{--gap:5px 0px;--row-gap:5px;--column-gap:0px;--margin-top:20px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-9912 .elementor-element.elementor-element-1bd6b25 .elementor-heading-title{font-size:22px;}.elementor-9912 .elementor-element.elementor-element-8d63e32{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9912 .elementor-element.elementor-element-4be7263{--padding-top:10px;--padding-bottom:10px;--padding-left:5px;--padding-right:5px;}.elementor-9912 .elementor-element.elementor-element-109afdd{--padding-top:10px;--padding-bottom:10px;--padding-left:5px;--padding-right:5px;}.elementor-9912 .elementor-element.elementor-element-166f6a1{--padding-top:10px;--padding-bottom:10px;--padding-left:5px;--padding-right:5px;}}/* Start custom CSS for html, class: .elementor-element-8247ad9 *//* --- Base Card Styling --- */
.learning-card-basics {
    max-width: 350px; 
    margin: 0px auto; 
    padding: 0px 0px;
    background-color: #ffffff; 
    border-radius: 8px; 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); 
    text-align: center;
}

/* --- Icon Circle Styling --- */
.card-icon-wrap {
    width: 70px;
    height: 70px;
    margin: 0 auto 0px auto;
    
    background-color: #f5f5f5; /* Light gray circle background */
    border-radius: 50%; 
    
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-icon-wrap i {
    font-size: 25px;
    color: #555; /* Icon color */
}

/* --- Title and Subtitle Styling --- */
.card-title-basics {
    font-size: 22px;
    font-weight: 700;
    color: #333; 
    margin-top: 0;
    margin-bottom: 10px;
}

.card-subtitle-basics {
    font-size: 15px;
    line-height: 1.5;
    color: #666; 
    margin-bottom: 25px;
}

/* --- Bullet List Styling --- */
.learning-points {
    list-style: none; /* Remove default bullets */
    padding: 0;
    margin: 0 0 30px 0;
    text-align: left;
}

.learning-points li {
    font-size: 15px;
    line-height: 1.;
    color: #444;
    padding-left: 20px; /* Space for custom bullet */
    position: relative;
}

/* Custom Bullet Point Styling */
.learning-points li::before {
    content: "\2022"; /* Unicode for a solid round bullet */
    color: #333; /* Darker bullet color */
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: 0em;
    position: absolute;
    left: 0;
}

/* --- Button Styling --- */
.basics-button {
    display: flex; /* Use flex to align text and icon */
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 15px;
    background-color: #2e353c; /* Dark button background */
    color: #ffffff; /* White text color */
    text-decoration: none; /* Remove underline */
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    transition: background-color 0.3s ease; /* Smooth hover effect */
}

.basics-button:hover {
    background-color: #4c5560; /* Slightly lighter on hover */
    color: #ffffff;
}

/* Arrow icon styling */
.basics-button i {
    margin-left: 10px;
    font-size: 14px;
}

/* --- Mobile Adjustments --- */
@media (max-width: 480px) {
    .learning-card-basics {
        padding: 0px 10px 0px 10px;
    }
    
    .card-title-basics {
        font-size: 20px;
    }
    
    .card-subtitle-basics, .learning-points li {
        font-size: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e0e19b1 *//* --- Base Card Styling --- */
.learning-card-basics {
    max-width: 350px; 
    margin: 0px auto; 
    padding: 0px 0px;
    background-color: #ffffff; 
    border-radius: 8px; 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); 
    text-align: center;
}

/* --- Icon Circle Styling --- */
.card-icon-wrap {
    width: 70px;
    height: 70px;
    margin: 0 auto 0px auto;
    
    background-color: #f5f5f5; /* Light gray circle background */
    border-radius: 50%; 
    
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-icon-wrap i {
    font-size: 25px;
    color: #555; /* Icon color */
}

/* --- Title and Subtitle Styling --- */
.card-title-basics {
    font-size: 22px;
    font-weight: 500;
    color: #333; 
    margin-top: 0;
    margin-bottom: 10px;
}

.card-subtitle-basics {
    font-size: 15px;
    line-height: 1.5;
    color: #666; 
    margin-bottom: 25px;
}

/* --- Bullet List Styling --- */
.learning-points {
    list-style: none; /* Remove default bullets */
    padding: 0;
    margin: 0 0 30px 0;
    text-align: left;
}

.learning-points li {
    font-size: 15px;
    line-height: 1.;
    color: #444;
    padding-left: 20px; /* Space for custom bullet */
    position: relative;
}

/* Custom Bullet Point Styling */
.learning-points li::before {
    content: "\2022"; /* Unicode for a solid round bullet */
    color: #333; /* Darker bullet color */
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: 0em;
    position: absolute;
    left: 0;
}

/* --- Button Styling --- */
.basics-button {
    display: flex; /* Use flex to align text and icon */
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 15px;
    background-color: #2e353c; /* Dark button background */
    color: #ffffff; /* White text color */
    text-decoration: none; /* Remove underline */
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    transition: background-color 0.3s ease; /* Smooth hover effect */
}

.basics-button:hover {
    background-color: #4c5560; /* Slightly lighter on hover */
    color: #ffffff;
}

/* Arrow icon styling */
.basics-button i {
    margin-left: 10px;
    font-size: 14px;
}

/* --- Mobile Adjustments --- */
@media (max-width: 480px) {
    .learning-card-basics {
        padding: 0px 10px 0px 10px;
    }
    
    .card-title-basics {
        font-size: 20px;
    }
    
    .card-subtitle-basics, .learning-points li {
        font-size: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-404cb75 *//* --- Base Card Styling --- */
.learning-card-basics {
    max-width: 350px; 
    margin: 0px auto; 
    padding: 0px 0px;
    background-color: #ffffff; 
    border-radius: 8px; 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); 
    text-align: center;
}

/* --- Icon Circle Styling --- */
.card-icon-wrap {
    width: 70px;
    height: 70px;
    margin: 0 auto 0px auto;
    
    background-color: #f5f5f5; /* Light gray circle background */
    border-radius: 50%; 
    
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-icon-wrap i {
    font-size: 25px;
    color: #555; /* Icon color */
}

/* --- Title and Subtitle Styling --- */
.card-title-basics {
    font-size: 22px;
    font-weight: 500;
    color: black; 
    margin-top: 0;
    margin-bottom: 10px;
}

.card-subtitle-basics {
    font-size: 15px;
    line-height: 1.5;
    color: #666; 
    margin-bottom: 25px;
}

/* --- Bullet List Styling --- */
.learning-points {
    list-style: none; /* Remove default bullets */
    padding: 0;
    margin: 0 0 30px 0;
    text-align: left;
}

.learning-points li {
    font-size: 15px;
    line-height: 1.;
    color: #444;
    padding-left: 20px; /* Space for custom bullet */
    position: relative;
}

/* Custom Bullet Point Styling */
.learning-points li::before {
    content: "\2022"; /* Unicode for a solid round bullet */
    color: #333; /* Darker bullet color */
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: 0em;
    position: absolute;
    left: 0;
}

/* --- Button Styling --- */
.basics-button {
    display: flex; /* Use flex to align text and icon */
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 15px;
    background-color: #2e353c; /* Dark button background */
    color: #ffffff; /* White text color */
    text-decoration: none; /* Remove underline */
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    transition: background-color 0.3s ease; /* Smooth hover effect */
}

.basics-button:hover {
    background-color: #4c5560; /* Slightly lighter on hover */
    color: #ffffff;
}

/* Arrow icon styling */
.basics-button i {
    margin-left: 10px;
    font-size: 14px;
}

/* --- Mobile Adjustments --- */
@media (max-width: 480px) {
    .learning-card-basics {
        padding: 0px 10px 0px 10px;
    }
    
    .card-title-basics {
        font-size: 20px;
    }
    
    .card-subtitle-basics, .learning-points li {
        font-size: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-59508a7 *//* --- Base Section Styling --- */
.cta-help-section {
    padding: 60px 20px;
    background-color: #f8f8f8; /* Light background color from the screenshot */
    text-align: center;
    border-radius: 8px; /* Optional: If you want slightly rounded edges for the whole section */
}

/* --- Heading and Subtext Styling --- */
.cta-heading {
    font-size: 30px;
    font-weight: 700;
    color: #333;
    margin-top: 0;
    margin-bottom: 10px;
}

.cta-subtext {
    font-size: 16px;
    line-height: 1.6;
    color: #666;
    margin-bottom: 30px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* --- Buttons Container --- */
.cta-buttons-wrap {
    display: flex;
    justify-content: center;
    gap: 15px; /* Space between buttons */
    margin-top: 30px;
}

/* --- General Button Styling (Base) --- */
.primary-cta-button, .secondary-cta-button {
    padding: 14px 25px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
}

/* --- Primary Button (Red/Orange) Styling --- */
.primary-cta-button {
    background-color: #f75d3d; /* Bright orange/red color */
    color: #ffffff;
    border: 2px solid #f75d3d;
}

.primary-cta-button:hover {
    background-color: #e84c2b;
    border-color: #e84c2b;
    color: #ffffff;
}

/* --- Secondary Button (White/Outline) Styling --- */
.secondary-cta-button {
    background-color: #ffffff;
    color: #444; /* Dark text color */
    border: 1px solid #ddd; /* Light gray border */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.secondary-cta-button:hover {
    background-color: #f0f0f0;
    color: #333;
    border-color: #ccc;
}

/* --- Icon Styling within Buttons --- */
.primary-cta-button i, .secondary-cta-button i {
    margin-right: 8px;
    font-size: 16px;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 600px) {
    .cta-help-section {
        padding: 40px 15px;
    }
    
    .cta-heading {
        font-size: 24px;
    }
    
    /* Stack buttons vertically on small screens */
    .cta-buttons-wrap {
        flex-direction: column;
        gap: 10px;
        max-width: 300px; /* Constrain buttons width on mobile */
        margin-left: auto;
        margin-right: auto;
    }
    
    .primary-cta-button, .secondary-cta-button {
        width: 100%; /* Full width when stacked */
        justify-content: center;
    }
}/* End custom CSS */