.elementor-14961 .elementor-element.elementor-element-d9cd053{--display:flex;--border-radius:7px 7px 7px 7px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14961 .elementor-element.elementor-element-d9cd053:not(.elementor-motion-effects-element-type-background), .elementor-14961 .elementor-element.elementor-element-d9cd053 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );background-image:url("https://tmega.sa/wp-content/uploads/2025/01/image-1.png");}.elementor-14961 .elementor-element.elementor-element-32dc353 > .elementor-widget-container{margin:50px 0px 50px 0px;}.elementor-14961 .elementor-element.elementor-element-32dc353{text-align:center;}.elementor-14961 .elementor-element.elementor-element-32dc353 ul.hfe-breadcrumbs li{margin-right:10px;}.elementor-14961 .elementor-element.elementor-element-32dc353 .hfe-breadcrumbs, .elementor-14961 .elementor-element.elementor-element-32dc353 .hfe-breadcrumbs .hfe-breadcrumbs-text{color:#FFFFFF;}.elementor-14961 .elementor-element.elementor-element-32dc353 .hfe-breadcrumbs svg{fill:#FFFFFF;}.elementor-14961 .elementor-element.elementor-element-32dc353 .hfe-breadcrumbs-item{font-size:25px;}.elementor-14961 .elementor-element.elementor-element-32dc353 .hfe-breadcrumbs-last .hfe-breadcrumbs-text, .elementor-14961 .elementor-element.elementor-element-32dc353 .hfe-breadcrumbs-last svg{font-family:"Noto Kufi Arabic", Sans-serif;}.elementor-14961 .elementor-element.elementor-element-cc9d40f{padding:50px 0px 80px 0px;}.elementor-14961 .elementor-element.elementor-element-353c84b .ct-heading{text-align:center;}.elementor-14961 .elementor-element.elementor-element-353c84b .ct-heading .item--title{font-family:"Noto Kufi Arabic", Sans-serif;margin-bottom:50px;}@media(max-width:1024px){.elementor-14961 .elementor-element.elementor-element-cc9d40f{padding:60px 0px 40px 0px;}}/* Start custom CSS for hfe-breadcrumbs-widget, class: .elementor-element-32dc353 */span.hfe-breadcrumbs-home-icon {
    margin-right: 10px;
    align-content: center;
    margin-left: 10px;
}/* End custom CSS */
/* Start custom CSS for ct_service_grid, class: .elementor-element-4b8300f */.ct-service-grid2 .item--icon, .ct-service-carousel2 .item--icon {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background-color:#286caf1a !important;
    position: relative;
    margin-bottom: 25px;
}


.text-gradient, .btn.btn-secondary:not(:hover) i, .ct-main-menu .ct-item--number span, .ct-list .ct-list-item i, .ct-fancy-box-layout1.style1 .item--icon i, .ct-fancy-box-layout1.style2 .item--icon i, .ct-fancy-box-layout1.style3 .item--icon i, .ct-fancy-box-layout1.style4 .item--icon i, .ct-fancy-box-layout1.style5 .item--icon i, .ct-fancy-box-layout1.style6 .item--icon i, .ct-testimonial-carousel1 .item--icon i, .ct-testimonial-carousel2 .item--icon, .ct-testimonial-carousel2 .item--position span, .ct-testimonial-carousel5 .item--position span, .ct-service-grid1 .item--icon i, .ct-service-carousel1 .item--icon i, .ct-service-grid2 .item--icon i, .ct-service-carousel2 .item--icon i, .ct-service-grid2 .item-readmore .btn-holder i, .ct-service-carousel2 .item-readmore .btn-holder i, .ct-showcase.layout1 .item-title cite, .ct-showcase.layout2 .item-title cite, .ct-showcase.layout2 .inner-box:hover .item-title cite {
    background-color: var(--gradient-color-from);
    background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
    background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: linear-gradient(to right, #286caf, #1227b8) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
    background-color: transparent;
    background-clip: text;
    -o-background-clip: text;
    -ms-background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -o-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}


.ct-service-grid2 .grid-item-inner:before, .ct-service-carousel2 .grid-item-inner:before {
    opacity: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: var(--gradient-color-from) 15%;
    background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-from) 15%), to(var(--gradient-color-to)));
    background-image: -webkit-linear-gradient(to right, var(--gradient-color-from) 15%, var(--gradient-color-to));
    background-image: -moz-linear-gradient(to right, var(--gradient-color-from) 15%, var(--gradient-color-to));
    background-image: -ms-linear-gradient(to right, var(--gradient-color-from) 15%, var(--gradient-color-to));
    background-image: -o-linear-gradient(to right, var(--gradient-color-from) 15%, var(--gradient-color-to));
    background-image: linear-gradient(to right, #286caf 15%, #1227b8) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from) 15%', endColorStr='var(--gradient-color-to)', gradientType='1');
    background-color: transparent;
}

.ct-service-grid2 .item-readmore .btn-readmore, .ct-service-carousel2 .item-readmore .btn-readmore {
    width: 36px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    border-radius: 36px;
    text-align: center;
    color: #286caf;
    background-color: #286caf1a !important;
    font-size: 15px;
}

.ct-service-grid2 .item-readmore .btn-readmore, .ct-service-carousel2 .item-readmore .btn-readmore {
    width: 36px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    border-radius: 36px;
    text-align: center;
    color: #296fab !important;
    background-color: rgba(var(--primary-color-rgb), 0.1);
    font-size: 15px;
}/* End custom CSS */