.elementor-20265 .elementor-element.elementor-element-9bcb5d2{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:32px 32px 32px 32px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20265 .elementor-element.elementor-element-2e2b696{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-20265 .elementor-element.elementor-element-2e2b696 .elementor-heading-title{font-family:"Space Grotesk", H7;font-size:68px;font-weight:500;line-height:1em;color:#FFFFFF;}.elementor-20265 .elementor-element.elementor-element-3005073{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-20265 .elementor-element.elementor-element-fa6cfbd{--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;--align-items:center;--overflow:hidden;}.elementor-20265 .elementor-element.elementor-element-e278368{--display:flex;--min-height:521px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-20265 .elementor-element.elementor-element-e278368:not(.elementor-motion-effects-element-type-background), .elementor-20265 .elementor-element.elementor-element-e278368 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://breakingmyaddictions.com/wp-content/uploads/2024/04/points.png");background-position:center center;background-repeat:repeat;background-size:contain;}.elementor-20265 .elementor-element.elementor-element-222d924.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-20265 .elementor-element.elementor-element-e2b6003{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;}.elementor-20265 .elementor-element.elementor-element-e6440ea{width:var( --container-widget-width, 56.887% );max-width:56.887%;--container-widget-width:56.887%;--container-widget-flex-grow:0;}.elementor-20265 .elementor-element.elementor-element-e6440ea.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-20265 .elementor-element.elementor-element-7cb84a3{width:var( --container-widget-width, 10.739% );max-width:10.739%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:10.739%;--container-widget-flex-grow:0;}.elementor-20265 .elementor-element.elementor-element-7cb84a3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-20265 .elementor-element.elementor-element-4bb9889{--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;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20265 .elementor-element.elementor-element-8fd1f99{margin:100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20265 .elementor-element.elementor-element-8fd1f99:hover img{filter:brightness( 118% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}body.elementor-page-20265:not(.elementor-motion-effects-element-type-background), body.elementor-page-20265 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1024px){.elementor-20265 .elementor-element.elementor-element-9bcb5d2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20265 .elementor-element.elementor-element-2e2b696{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-20265 .elementor-element.elementor-element-2e2b696 .elementor-heading-title{font-size:56px;}.elementor-20265 .elementor-element.elementor-element-222d924{width:var( --container-widget-width, 514.525px );max-width:514.525px;--container-widget-width:514.525px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-20265 .elementor-element.elementor-element-9bcb5d2{--width:100%;}.elementor-20265 .elementor-element.elementor-element-2e2b696{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20265 .elementor-element.elementor-element-2e2b696 .elementor-heading-title{font-size:22px;}.elementor-20265 .elementor-element.elementor-element-3005073{--content-width:100%;}.elementor-20265 .elementor-element.elementor-element-222d924{width:var( --container-widget-width, 305px );max-width:305px;--container-widget-width:305px;--container-widget-flex-grow:0;}.elementor-20265 .elementor-element.elementor-element-e6440ea{width:var( --container-widget-width, 309.983px );max-width:309.983px;--container-widget-width:309.983px;--container-widget-flex-grow:0;}.elementor-20265 .elementor-element.elementor-element-7cb84a3{width:var( --container-widget-width, 453.667px );max-width:453.667px;--container-widget-width:453.667px;--container-widget-flex-grow:0;}.elementor-20265 .elementor-element.elementor-element-4bb9889{--width:100%;}}@media(min-width:768px){.elementor-20265 .elementor-element.elementor-element-fa6cfbd{--width:100%;}.elementor-20265 .elementor-element.elementor-element-e278368{--width:64%;}}@media(min-width:1025px){.elementor-20265 .elementor-element.elementor-element-e278368:not(.elementor-motion-effects-element-type-background), .elementor-20265 .elementor-element.elementor-element-e278368 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for heading, class: .elementor-element-2e2b696 */@media (max-width:767px){
    .elementor-20265 .elementor-element.elementor-element-2e2b696 .elementor-heading-title br{
        display:none;
    }
}/* End custom CSS */
/* Start custom CSS *//* General styles to prevent horizontal scrolling and ensure box-sizing consistency */
html, body {
    width: 100%;
    overflow-x: hidden; /* Prevents horizontal scrolling */
    box-sizing: border-box; /* Ensures padding and borders are included in width */
}

*, *::before, *::after {
    box-sizing: inherit; /* Inherits box-sizing from html/body */
}

/* Base styling for .image-maker2, ensuring text color and alignment */
.image-maker2 {
    color: #FFF; /* Sets text color to white */
    background-color: black; /* Sets background color to black */
    text-align: center; /* Centers the text */
    max-width: 100%; /* Prevents the container from exceeding the viewport width */
}

/* Styling for buttons within .image-maker2 for consistent appearance and interaction */
.image-maker2 #generate-button,
.image-maker2 #regenerate-button,
.image-maker2 #reload-button {
    background-color: orange;
    color: white;
    border: none;
    padding: 10px 20px;
    margin: 30px 0;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

.image-maker2 #generate-button:hover,
.image-maker2 #regenerate-button:hover,
.image-maker2 #reload-button:hover {
    background-color: #e67e22; /* Darker shade for hover effect */
}

/* Padding adjustments for loading indicators within .image-maker2 */
.image-maker2 #loading-indicator .self-drive-psychology {
    padding-top: 40px;
    padding-bottom: 40px;
}

.image-maker2 #loading-indicator .generating-text,
.image-maker2 #loading-indicator .tagline {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 80px; /* Increased bottom margin for .generating-text */
}

.image-maker2 #loading-indicator .tagline {
    margin-bottom: 40px; /* Consistent bottom margin for .tagline */
}

/* Hypnotic loader animation and sizing */
.image-maker2 #loading-indicator .hypnotic {
    width: 56px;
    height: 56px;
    display: grid;
    margin: auto; /* Ensures it's centered horizontally and vertically */
}

.image-maker2 #loading-indicator .hypnotic::before,
.image-maker2 #loading-indicator .hypnotic::after {
    content: "";
    grid-area: 1/1;
    border-radius: 50%;
    background: repeating-conic-gradient(#0000, #ff47d3 1deg 18deg, #0000 20deg 36deg);
    -webkit-mask: repeating-radial-gradient(farthest-side, #000 0 10%, #0000 0 20%);
    animation: hypnotic-5m0nuf 4s infinite linear;
}

.image-maker2 #loading-indicator .hypnotic::after {
    -webkit-mask: repeating-radial-gradient(farthest-side, #0000 0 10%, #000 0 20%);
    animation-direction: reverse;
}

@keyframes hypnotic-5m0nuf {
    100% {
        transform: rotate(.5turn);
    }
}

/* Responsive image display settings for better control and appearance */
.image-maker2 #image-display img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 20px auto;
}

/* Media query for smaller screens to ensure elements do not overflow */
@media only screen and (max-width: 992px) {
    #skills, #experience { overflow-x: hidden; }
}
@media (max-width: 479px) {
    body { overflow-x: hidden; }
}/* End custom CSS */