.elementor-128769 .elementor-element.elementor-element-1ff1f6f:not(.elementor-motion-effects-element-type-background), .elementor-128769 .elementor-element.elementor-element-1ff1f6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-128769 .elementor-element.elementor-element-1ff1f6f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-128769 .elementor-element.elementor-element-1ff1f6f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-128769 .elementor-element.elementor-element-559fe61{text-align:center;}.elementor-128769 .elementor-element.elementor-element-766c421{--spacer-size:50px;}#elementor-popup-modal-128769 .dialog-widget-content{animation-duration:0.6s;background-color:var( --e-global-color-accent );box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-128769{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-128769 .dialog-message{width:100vw;height:100vh;align-items:flex-start;}#elementor-popup-modal-128769 .dialog-close-button{display:flex;font-size:30px;}body:not(.rtl) #elementor-popup-modal-128769 .dialog-close-button{right:20px;}body.rtl #elementor-popup-modal-128769 .dialog-close-button{left:20px;}@media(max-width:767px){.elementor-128769 .elementor-element.elementor-element-19974b3a > .elementor-element-populated{margin:20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-626b4658 */#colors {
     display: grid;
     grid-template-columns: repeat(7, 1fr);
     width: 100%;
}
 #colors > button {
     opacity: 1;
     border: none;
     width: calc(100%);
     padding: 1rem 0;
}

 #colors > button p:nth-child(3) {
     opacity: 0;
     display: block;
 }
 #colors > button:hover p:nth-child(3) {
     display:block;
          opacity: 1;
          color:white;  
          mix-blend-mode:difference;


 }

 #colors > button > p {
     display:none;
          opacity: 1;

     font-size:1rem;
     margin:0;
 }
 
 #colors > button:focus,
 #colors > button:active {
     outline:none;
 }
 
 
 #colors > button:hover > * {
     opacity: 1;
}
 #colors > button:active {
     opacity: 0.8;
}
/* Small devices (mobile/tablets, 767px and below) */
 @media only screen and (max-width: 766px) {
     #colors {
         grid-template-columns: repeat(3, 1fr);
             padding: 0 1rem;
    }
}
/* Medium devices (tablets/desktops, 768px and up) */
 @media only screen and (min-width: 768px) {
     #colors {
         grid-template-columns: repeat(6, 1fr);
    }
    
     #colors > button {

     padding: .25rem 0;
}

}
/* Large devices (large laptops and desktops, 1168px and up) */
 @media only screen and (min-width: 1168px) {
     #colors {
         grid-template-columns: repeat(7, 1fr);
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1ff1f6f */.elementor-128769 .elementor-element.elementor-element-1ff1f6f.elementor-section.elementor-section-boxed > .elementor-container{
    margin-left: auto
}



@media screen and (max-width:768px){
    .elementor-128769 .elementor-element.elementor-element-1ff1f6f{
        padding-left:0;
        padding-right:0;
    }
}/* End custom CSS */
/* Start custom CSS */#elementor-popup-modal-128769 .eicon-close::before{
    content:'\e902';
    font-family: var(--jc-icon-font);
}
#elementor-popup-modal-128769{
    min-height: 100vh;
}/* End custom CSS */