.elementor-2579 .elementor-element.elementor-element-2955ca36 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2579 .elementor-element.elementor-element-2955ca36 > .elementor-container{min-height:65vh;}.elementor-2579 .elementor-element.elementor-element-2955ca36{overflow:visible;}.elementor-2579 .elementor-element.elementor-element-1644e202:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2579 .elementor-element.elementor-element-1644e202 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://qualtop.com/wp-content/uploads/2023/05/cc-roj.svg");background-position:50% 16%;background-repeat:no-repeat;background-size:35% auto;}.elementor-2579 .elementor-element.elementor-element-1644e202:hover > .elementor-element-populated{background-image:url("https://qualtop.com/wp-content/uploads/2023/05/cc-nar.svg");background-position:50% 16%;background-repeat:no-repeat;background-size:35% auto;}.elementor-2579 .elementor-element.elementor-element-1644e202 > .elementor-element-populated, .elementor-2579 .elementor-element.elementor-element-1644e202 > .elementor-element-populated > .elementor-background-overlay, .elementor-2579 .elementor-element.elementor-element-1644e202 > .elementor-background-slideshow{border-radius:14px 14px 14px 14px;}.elementor-2579 .elementor-element.elementor-element-1644e202 > .elementor-element-populated{box-shadow:0px 6px 15px -7px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:0px 0px 0px 0px;}.elementor-2579 .elementor-element.elementor-element-1644e202 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2579 .elementor-element.elementor-element-6684e042{--spacer-size:17vh;}.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-2579 .elementor-element.elementor-element-2ebca9ee > .elementor-widget-container{padding:10% 10% 10% 10%;}.elementor-2579 .elementor-element.elementor-element-2ebca9ee{text-align:center;font-family:"Poppins", Sans-serif;font-size:0.9em;font-weight:400;color:#4F4F4F;}@media(max-width:1024px){.elementor-2579 .elementor-element.elementor-element-1644e202:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2579 .elementor-element.elementor-element-1644e202 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0%;}.elementor-2579 .elementor-element.elementor-element-1644e202:hover > .elementor-element-populated{background-position:0% 0%;}}@media(max-width:855px){.elementor-2579 .elementor-element.elementor-element-1644e202:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2579 .elementor-element.elementor-element-1644e202 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:50% 9%;}.elementor-2579 .elementor-element.elementor-element-1644e202:hover > .elementor-element-populated{background-position:50% 9%;}}/* Start custom CSS for column, class: .elementor-element-1644e202 *//* This class targets your container */

.container {
    background-color: #FFFFFF;
    transition: all 0.6s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #34393F !important;
    border-radius: 14px;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}

/* This class targets your text editor(s) */

.title {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}



/* This combines the background color change and the text color change */

.container:hover .text {
    color: #FFFFFF !important;
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #101010 !important;
        transition: none;
    }
    .container:hover .text {
        color: #ffffff !important;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS */.elementor-column.elementor-col-33, .elementor-column[data-col="33"] {
    width: 33.333%;
    margin: 2%;
}/* End custom CSS */