.elementor-16982 .elementor-element.elementor-element-7d176f8{--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;}.elementor-16982 .elementor-element.elementor-element-5a45601{--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;}.elementor-16982 .elementor-element.elementor-element-1a9bdd0{width:var( --container-widget-width, 70.56% );max-width:70.56%;--container-widget-width:70.56%;--container-widget-flex-grow:0;}.elementor-16982 .elementor-element.elementor-element-1a9bdd0.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-16982 .elementor-element.elementor-element-d000e25{--display:flex;--min-height:521px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-16982 .elementor-element.elementor-element-d000e25:not(.elementor-motion-effects-element-type-background), .elementor-16982 .elementor-element.elementor-element-d000e25 > .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/02/teen-coach.webp");background-repeat:repeat;background-size:cover;}.elementor-16982 .elementor-element.elementor-element-f05529b{width:var( --container-widget-width, 125.22% );max-width:125.22%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:125.22%;--container-widget-flex-grow:0;}.elementor-16982 .elementor-element.elementor-element-f05529b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16982 .elementor-element.elementor-element-000e70a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-16982 .elementor-element.elementor-element-65be00e{width:var( --container-widget-width, 64.907% );max-width:64.907%;--container-widget-width:64.907%;--container-widget-flex-grow:0;}.elementor-16982 .elementor-element.elementor-element-65be00e.elementor-element{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-16982 .elementor-element.elementor-element-5a45601{--width:100%;}.elementor-16982 .elementor-element.elementor-element-d000e25{--width:64%;}}@media(min-width:1025px){.elementor-16982 .elementor-element.elementor-element-d000e25:not(.elementor-motion-effects-element-type-background), .elementor-16982 .elementor-element.elementor-element-d000e25 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){.elementor-16982 .elementor-element.elementor-element-1a9bdd0{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-16982 .elementor-element.elementor-element-f05529b{width:var( --container-widget-width, 309.983px );max-width:309.983px;--container-widget-width:309.983px;--container-widget-flex-grow:0;}}/* 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: #411C1CA8; /* Sets background color to black */
    text-align: center; /* Centers the text */
    max-width: 100%; 
    padding-bottom:40px; /* 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 #output-mode-options {
      margin-bottom: -80px;
 
}

.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 {
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 80px;
}


.image-maker2 #loading-indicator .tagline {
    font-size: 24px;
    margin-bottom: 50px; /* Increased bottom margin for .generating-text */
}

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

/* Hypnotic loader animation and sizing */
.image-maker2 #loading-indicator .hypnotic {
    width: 80px;
    height: 80px;
    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 */