.elementor-2079 .elementor-element.elementor-element-49c642c{--display:flex;--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-2079 .elementor-element.elementor-element-a453110{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-2079 .elementor-element.elementor-element-a453110:not(.elementor-motion-effects-element-type-background), .elementor-2079 .elementor-element.elementor-element-a453110 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C7A2A2;}.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-2079 .elementor-element.elementor-element-a670850{text-align:center;}.elementor-2079 .elementor-element.elementor-element-a670850 .elementor-heading-title{font-family:"Merriweather", Sans-serif;font-weight:600;color:#21495A;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2079 .elementor-element.elementor-element-f610a28 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 10% 0% 10%;}.elementor-2079 .elementor-element.elementor-element-f610a28{font-family:"Merriweather", Sans-serif;font-weight:400;color:#000000;}.elementor-2079 .elementor-element.elementor-element-ebd2ec3{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3%;--padding-bottom:3%;--padding-left:10%;--padding-right:10%;}.elementor-2079 .elementor-element.elementor-element-ebd2ec3:not(.elementor-motion-effects-element-type-background), .elementor-2079 .elementor-element.elementor-element-ebd2ec3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F0F0F;}.elementor-2079 .elementor-element.elementor-element-918dc2a{--display:flex;--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-2079 .elementor-element.elementor-element-5d8811a{text-align:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2079 .elementor-element.elementor-element-e7c24e8{--display:flex;--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-2079 .elementor-element.elementor-element-6df366c{text-align:center;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-2079 .elementor-element.elementor-element-a689846 .elementor-icon-wrapper{text-align:center;}.elementor-2079 .elementor-element.elementor-element-a689846.elementor-view-stacked .elementor-icon{background-color:#DDFF01;}.elementor-2079 .elementor-element.elementor-element-a689846.elementor-view-framed .elementor-icon, .elementor-2079 .elementor-element.elementor-element-a689846.elementor-view-default .elementor-icon{color:#DDFF01;border-color:#DDFF01;}.elementor-2079 .elementor-element.elementor-element-a689846.elementor-view-framed .elementor-icon, .elementor-2079 .elementor-element.elementor-element-a689846.elementor-view-default .elementor-icon svg{fill:#DDFF01;}.elementor-2079 .elementor-element.elementor-element-a689846 .elementor-icon{font-size:150px;}.elementor-2079 .elementor-element.elementor-element-a689846 .elementor-icon svg{height:150px;}.elementor-2079 .elementor-element.elementor-element-b201960{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:15%;--padding-right:15%;}.elementor-2079 .elementor-element.elementor-element-b201960:not(.elementor-motion-effects-element-type-background), .elementor-2079 .elementor-element.elementor-element-b201960 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E0D4D4;}.elementor-2079 .elementor-element.elementor-element-f8dd2e4{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-2079 .elementor-element.elementor-element-5e385c2{text-align:center;}.elementor-2079 .elementor-element.elementor-element-5e385c2 .elementor-heading-title{font-family:"Merriweather", Sans-serif;font-weight:600;color:#010608;}.elementor-2079 .elementor-element.elementor-element-b304515{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-2079 .elementor-element.elementor-element-0b37049{text-align:center;}.elementor-2079 .elementor-element.elementor-element-0b37049 .elementor-heading-title{font-family:"Merriweather", Sans-serif;font-weight:600;color:#294652;}.elementor-2079 .elementor-element.elementor-element-c8d2337{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-2079 .elementor-element.elementor-element-f8dd2e4{--width:100%;}.elementor-2079 .elementor-element.elementor-element-b304515{--width:100%;}}@media(max-width:1024px){.elementor-2079 .elementor-element.elementor-element-ebd2ec3{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2079 .elementor-element.elementor-element-ebd2ec3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for image, class: .elementor-element-077a978 */.logo-rotate {
  /* Set the initial rotation to 0 degrees */
  transform: rotate(0deg);
  /* Set the transition for smooth animation */
  transition: transform 2s linear infinite;
}

/* On hover, pause the rotation (optional) */
.logo-rotate:hover {
  animation-play-state: paused;
}

/* Apply the continuous rotation animation */
@keyframes rotate360 {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

/* Apply the animation to the image */
.logo-rotate {
  animation: rotate360 4s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-918dc2a */.all-content{
    display: none
}

#image-content{
    display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c9ed4b5 */.image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 300px; /* Set a fixed height or adjust as needed */
  overflow: hidden; /* Ensure rotated image doesn't overflow its container */
}

#rotatableImage {
  max-width: 100%;
  max-height: 100%;
  transform-origin: center center;
  transition: transform 0.3s ease-out;
}

#rotatableImage.rotate-animation {
  animation: rotateAnimation 2s infinite alternate; /* Define the animation */
}

@keyframes rotateAnimation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.slider-container {
  margin-top: 20px;
}

label {
  display: block;
  margin-bottom: 5px;
}

/* Additional styles for slider values */
span {
  display: block;
  margin-bottom: 10px;
}

/* Styles for image upload input */
#imageUpload {
  margin-top: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-69a51c5 */.smiley-container {
  text-align: center;
  margin-top: 20px;
}

#drawnSmiley {
  margin-top: 20px;
display: flex;
  align-items: center;
  justify-content: center;
}

#displayValues {
  margin-top: 20px;
  font-size: 14px;
  font-family: Arial, sans-serif;
}

.smiley {
  width: var(--smiley-size, 100px);
  height: var(--smiley-size, 100px);
  background-color: #ffc107;
  border-radius: 50%;
  position: relative;
}

.eye {
  width: var(--eye-size, 20px);
  height: var(--eye-size, 20px);
  background-color: #000;
  border-radius: 50%;
  position: absolute;
}

.left-eye {
  top: var(--left-eye-top, 30%);
  left: var(--left-eye-left, 25%);
}

.right-eye {
  top: var(--right-eye-top, 30%);
  left: var(--right-eye-left, 55%);
}

.mouth {
  width: var(--mouth-width, 50px);
  height: var(--mouth-height, 25px);
  border-bottom-left-radius: var(--mouth-radius-bottom-left, 50% 80%);
  border-bottom-right-radius: var(--mouth-radius-bottom-right, 50% 80%);
  position: absolute;
  bottom: var(--mouth-bottom, 20%);
  left: var(--mouth-left, 25%);
  background-color: #fff;
  transform: rotate(var(--mouth-rotation, 0deg));
}

.controls {
  margin-top: 20px;
}/* End custom CSS */