.elementor-kit-7{--e-global-color-primary:#004F47;--e-global-color-secondary:#6B8A7A;--e-global-color-text:#7A7A7A;--e-global-color-accent:#004F47;--e-global-typography-primary-font-family:"Almarai";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Almarai";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Almarai";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Almarai";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{color:#FFFFFF;background-color:#028F71;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{color:#FFFFFF;background-color:#004F47;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.card {
    max-width: 300px;
}

.card .card-cover {
    position: absolute;
    top: 0px;
    height: 100%;
    transition: 0.3s;
}

.card:hover .card-cover {
    top: -340px;
}

.overlay-box {
    height: 100%;
    width: 6px;
    transition: 0.3s;
}
.about-boxs:hover span, .about-boxs:hover div, .about-boxs:hover .box-icon {
    color: white!important;
}
.about-boxs:hover .box-icon {
    visibility: hidden;
}
.box-icon2 {
    visibility: hidden;
    opacity: 0!important;
}
.about-boxs:hover .box-icon2 {
    visibility: visible;
    opacity: 1!important;
    transition-delay: 0.1s;

}

.about-boxs:hover .overlay-box {
    width: 100%;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
}/* End custom CSS */