/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.elementor-widget-text-editor p:last-child{
    margin-bottom: 0;
}
.text-primary{
    color: var( --e-global-color-primary );
}

/* Initiating Header Style */
.block-header__menu .menu{
    padding-left: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    list-style: none;
    grid-gap: 40px;
}
.block-header__menu .menu .menu-item-has-children{
    position: relative;
}
.block-header__menu .menu .menu-item a {
    
    transition: all 0.3s !important;
    display: inline-block;
    position: relative;
    font-size: 17px;
}
.block-header__menu .menu > .menu-item > a{
    padding-top: 33px;
    padding-bottom: 33px;
}
.block-header__menu .menu .menu-item a::before{
    content: "";
    position: absolute;
    inset: auto 100% 0 0;
    border-bottom: 1px solid var( --e-global-color-primary );
    transition: inset 0.3s;
}
.block-header__menu .menu .menu-item:hover > a::before{
    inset: auto 0 0 0;
}
.block-header__menu .menu .menu-item-has-children .open-close-menu{
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.53033 0.530331L4.53033 4.53033L0.530334 0.53033' stroke='%23A5A5A5' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    position: absolute;
    inset: calc(50% + 1px) 0 auto auto;
    width: 10px;
    height: 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: translateY(-50%);
    transition: all 0.3s;
}
@media (min-width:992px){
    .block-header__menu .menu .menu-item-has-children .open-close-menu{display: none;}
}
.block-header__menu .menu .menu-item:hover > a{
    color: var( --e-global-color-primary );
}
.block-header__menu .menu .menu-item-has-children:hover .open-close-menu{
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.53033 0.530331L4.53033 4.53033L0.530334 0.53033' stroke='%23CFFFB0' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
.block-header__menu .menu ul {
    position: absolute;
    inset: 100% auto auto 0;
    background-color: #494949;
    z-index: 1;
    padding: 20px;
    list-style: none;
    min-width: 210px;
    opacity: 0;
    visibility: hidden;
    flex-direction: column;
    grid-gap: 4px;
    overflow: hidden;
    transition: max-height 0.3s, opacity 0.1s;
    display: flex;
}
.block-header__menu .menu ul a {
    line-height: 1em;
}
.block-header__menu .menu .menu-item ul a::before{   
    bottom: -5px !important;
}
.block-header__menu .menu ul.height-0{
    max-height: 0;
}
@media (min-width:992px){
    .block-header__menu .menu .menu-item:hover ul{max-height: var(--height);opacity: 1;visibility: visible;}
}
.block-header{
    min-height: 91px;
}
@media (max-width:1199px){
    .block-header__menu .menu{grid-gap: 25px;}
}
@media (max-width:991px){
    .block-header{min-height: 73px;}
    .block-header__menu {position: fixed;inset: 0 0 0 auto;width: 300px;background-color: #494949;z-index: 3;padding: 80px 30px 30px;transform: translateX(100%);transition: transform 0.3s;}
    .block-header__menu.active{transform: translateX(0);}
    .block-header__menu .menu{flex-direction: column;}
    .block-header__menu .menu > .menu-item > a{padding-top: 5px;padding-bottom: 5px;}
    .block-header__menu .menu{grid-gap: 10px;}
    .block-header__menu .menu .menu-item.active ul{max-height: var(--height);opacity: 1;visibility: visible;position: unset;}
    .block-header__cta{flex: 1;display: flex;justify-content: flex-end;}
    .block-header__hamburger {display: flex;position: relative;z-index: 11;}
    .block-header__hamburger .elementor-button{font-size: 0;padding: 0;width: 40px;height: 40px;border-radius: 5px;position: relative;transition: all 0.3s;}
    .block-header__hamburger .elementor-button::before, .block-header__hamburger .elementor-button::after {content: "";width: 30px;height: 3px;background-color: #000;position: absolute;inset: 15px 0 auto 5px;transition: all 0.3s;}
    .block-header__hamburger .elementor-button::after{width: 25px;inset: 24px 0 auto 5px;}
    .block-header__menu .menu .menu-item-has-children .open-close-menu{top: 15px;transform: unset;}
    .block-header__menu .menu ul{padding-top: 0;padding-bottom: 0;margin-top: 20px;}
    .block-header__hamburger.active a:before, .block-header__hamburger.active a:after {width: 30px;}
    .block-header__hamburger.active a:before {transform: rotate(45deg);top: 18px;}
    .block-header__hamburger.active a:after {transform: rotate(-45deg);top: 18px;}
}
@media (min-width:768px){
    .hide-menu{display: none;}
}
@media (max-width:767px){
    .block-header__hamburger{flex: 1;display: flex;justify-content: flex-end;}
}
/* Ending Header Style */

/* Initiating Banner Style */
.block-banner__cta a{
    width: 100%;
}
.block-banner::before{
    height: 240px !important;
    top: auto !important;
    bottom: 0;
}
.block-banner .elementor-background-video-container{
    height: calc(100% + 300px) !important;
}
.block-banner .elementor-background-video-container::before{
    height: 587px !important;
    top: auto !important;
    bottom: 0;
}

.block-banner__animation {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, #000000 0%, #111111 100%);
    overflow: hidden;
    z-index: -1;
}
.block-banner__animation canvas{
    width: 100%;
    height: 100%;
    display: block;
}
/* Ending Banner Style */

/* Initiating Icon Style */
.block-icon__item .elementor-icon-box-icon .elementor-icon {
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background-color: var( --e-global-color-primary );
    display: flex;
    align-items: center;
    justify-content: center;
}
.block-icon__item--center {
    display: flex;
    justify-content: center;
}
.block-icon__item .elementor-icon-box-content{
    min-width: 163px;
}
@media (max-width:1399px){
    .block-icon__item .elementor-icon-box-content{min-width: 150px;}
}
@media (max-width:1199px){
    .block-icon__item .elementor-icon-box-content{min-width: 135px;}
}
@media (max-width:991px){
    .block-icon__item .elementor-icon-box-icon .elementor-icon{width: 62px;height: 62px;}
    .block-icon__item .elementor-icon-box-icon .elementor-icon svg{width: 0.8em;height: 0.8em;}
    .block-icon__item .elementor-icon-box-content{min-width: 125px;}
}
@media (max-width:767px){
    .block-icon__item{min-width: 180px !important;}
}
/* Ending Icon Style */

/* Initiating Logo slider Style */
.block-img-slider__wrapper{
    max-width: unset !important;
    width: fit-content !important;
    
}
.block-img-slider__inner{
    position: relative;
}
.block-img-slider__inner::before,
.block-img-slider__inner::after{
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 263px;
    background: linear-gradient(90deg, #484848 0%, rgba(72, 72, 72, 0) 100%);
    z-index: 1;
}
.block-img-slider__inner::after{
    inset: 0 0 0 auto;
    transform: scaleX(-1);
}
.block-img-slider__item {
    max-width: unset !important;
    width: auto !important;
    padding-right: 100px;
}
.block-img-slider__item .elementor-widget-image img {
    max-width: unset;
}
.start-animation .block-img-slider__item {
    -webkit-animation: marquee 40s linear infinite;
    animation: marquee 40s linear infinite;
    animation-direction: normal;
    will-change: transform;
}
@-webkit-keyframes marquee {
    0% {
        transform: translateX(0);
    }
    
    100% {
        transform: translateX(-100%);
    }
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    
    100% {
        transform: translateX(-100%);
    }
}
@media (max-width:1499px){
    .block-img-slider__item{padding-right: 80px;}   
}
@media (max-width:1199px){
    .block-img-slider__item{padding-right: 60px;}   
}
@media (max-width:991px){
    .block-img-slider__item{padding-right: 40px;}   
}
@media (max-width:767px){   
    .block-img-slider__inner::before, .block-img-slider__inner::after{width: 63px;}
}
/* Ending Logo slider Style */

/* Initiating Icon Box Style */
.block-icon-box__item{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.block-icon-box__item .elementor-icon-box-icon .elementor-icon svg{
    transition: all 0.3s;
}
.block-icon-box__item:hover .elementor-icon-box-icon .elementor-icon svg{
    transform: scale(1.2);
}
.block-icon-box__item:hover .elementor-icon-box-content .elementor-icon-box-description{
    color: #BDBDBD !important;
}
.block-icon-box:before {
    inset: -200px auto auto 0;
    width: 559px;
    height: 735px;
    background-size: contain;
}
@media (max-width:991px){
    .block-icon-box:before{inset: -100px auto auto 0;width: 459px;height: 635px;}
}
@media (max-width:767px){
    .block-icon-box:before{width: 319px;height: 535px;}
}
/* Ending Icon Box Style */

/* Initiating Industries Tab Style  */
.block-industries-tab .e-n-tabs-heading .e-n-tab-title{
    min-width: 240px;
    text-transform: unset;
    position: relative;
}
.block-industries-tab .e-n-tabs-heading .e-n-tab-title[aria-selected="true"]::before{
    content: "";
    position: absolute;
    inset: auto 0 -10px 0;
    width: 20px;
    height: 20px;
    background-color: var( --e-global-color-primary );
    margin: 0 auto;
    transform: rotate(45deg);
    z-index: 1;
}
/* .block-industries-tab .elementor-widget-image{
    height: 100%;
} */
/* .block-industries-tab .elementor-widget-image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
} */
.block-industries-tab .elementor-icon-box-icon .elementor-icon svg path{
    fill: currentColor;
}
.block-tab::before {
    inset: -261px -50px auto auto;
    width: 366px;
    height: 947px;
    transform: rotate(55deg);
    background-size: contain !important;
}
@media (max-width:991px){
    .block-industries-tab .e-n-tabs-heading .e-n-tab-title{min-width: 212px;}
}
@media (max-width:767px){
    .block-industries-tab .e-n-tabs-heading .e-n-tab-title:not([aria-selected="true"]){border-radius: 20px;}
}
/* Ending Industries Tab Style  */

/* Initiating Review Style */
.block-review__wrapper .slick-slide > div{
    padding: 0 20px;
    height: 100%;
}
.block-review__item {
    background-position: calc(100% - var(--padding-right)) calc(100% - 30px);
    display: flex !important;
    height: 100%;
}
.block-review__wrapper .slick-arrow {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 0;
    padding: 0;
    background-color: #EDEDED;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px;
}
.block-review__wrapper .slick-arrow::before{
    display: none;
}
.block-review__wrapper .slick-arrow.slick-prev{
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.41422 0.707031L1.41422 4.70703L5.41422 8.70703' stroke='%2333363F' stroke-width='2'/%3E%3C/svg%3E%0A");    
    left: -60px;
}
.block-review__wrapper .slick-arrow.slick-next{
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.707153 0.707031L4.70715 4.70703L0.707153 8.70703' stroke='%2333363F' stroke-width='2'/%3E%3C/svg%3E%0A");
    right: -60px;
}
.block-review__wrapper .slick-list .slick-track {
    display: flex;
}
.block-review__wrapper .slick-list .slick-track .slick-slide {
    height: unset;
    max-width: 100%;
}
@media (max-width:1499px){
    .block-review__wrapper .slick-arrow.slick-next{right: 0;}
    .block-review__wrapper .slick-arrow.slick-prev{left: 0;}
    .block-review__item{background-position: calc(100% - var(--padding-right)) calc(100% - 20px);}
}
@media (max-width:991px){
    .block-review__item{background-position: calc(100% - var(--padding-right)) calc(100% - 14px);}
}
@media (max-width:767px){
    .block-review__wrapper .slick-arrow.slick-next{right: -10px;}
    .block-review__wrapper .slick-arrow.slick-prev{left: -10px;}   
}
/* Ending Review Style */

/* Initiating Table Style */
.table-wrapper__table{
    min-width: 880px;
}
body .table-wrapper__table > .elementor-element:nth-child(odd):not(:first-child){
    background-color: #2A2B2A;
}
.table-wrapper__table > .elementor-element:last-child{
    border-radius: 0 0 10px 10px;
}
.table-wrapper__table .elementor-widget-image{
    min-width: 34px;
}
@media (max-width:767px){
    .table-wrapper__table{min-width: unset;}
    .plan-heading__body:before,
    .plan-basic__body:before,
    .plan-pro__body:before,
    .plan-enterprise__body:before{
        content: attr(data-text);
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        color: white;
        display: inline-flex;
        height: unset;
        position: unset;
    }
    .plan-heading__body {
        border-bottom: 1px solid rgba(255,255,255,0.2);
        align-self: stretch;
        padding: 6px 10px 10px 10px !important;
    }
    .plan-pro__body {
        padding: 10px !important;
        border-right: 1px solid rgba(255,255,255,0.2);
        align-self: stretch;
        display: flex;
        flex-direction: column !important;
        grid-gap: 5px;
        align-items: flex-start;
        font-size: 14px;
    }
    .plan-basic__body {
        padding: 10px !important;
        border-right: 1px solid rgba(255,255,255,0.2);
        align-self: stretch;
        display: flex;
        flex-direction: column !important;
        grid-gap: 5px;
        align-items: flex-start;
        font-size: 14px;
    }
    .plan-enterprise__body{
        padding: 10px !important;
        align-self: stretch;
        display: flex;
        flex-direction: column !important;
        grid-gap: 5px;
        align-items: flex-start;
        font-size: 14px;
    }
    .table-wrapper__table .elementor-widget-image{
        min-width: unset;
    }
}
/* Ending Table Style */

/* Initiating Newsltter Style */
.block-newsletter__form .forminator-ui{
    margin: 0 !important;
    display: flex;
    grid-gap: 10px;
}
.block-newsletter__form .forminator-ui .forminator-row{
    margin-bottom: 0;
}
.block-newsletter__form .forminator-ui .forminator-row:not(.forminator-row-last){
    flex: 1;
}
.block-newsletter__form .forminator-ui .forminator-row .forminator-field .forminator-input {
    height: 50px;
    border-radius: 10px;
    padding-left: 30px;
    background-color: transparent;
    border: 1px solid #6B6B6B;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #fff !important;
}
.block-newsletter__form .forminator-ui .forminator-row .forminator-field button.forminator-button {
    height: 50px;
    border-radius: 10px;
    font-size: 17px !important;
    font-weight: 500 !important;
    padding: 0 30px;
    line-height: 1;
}
.block-newsletter__form .forminator-ui .forminator-row .forminator-field .forminator-input:focus{
    border-color: var( --e-global-color-primary );
    outline: none !important;
}
.block-newsletter__form .forminator-ui .forminator-row{
    margin-bottom: 0 !important;
}
@media (max-width:1199px){
    .block-newsletter__form .forminator-ui .forminator-row .forminator-field button.forminator-button{padding: 0 20px;}
}
@media (max-width:575px){
    .block-newsletter__form .forminator-ui{flex-direction: column;}
}
/* Ending Newsltter Style */

/* Initiating Footer Style */
.block-footer__social-icon .elementor-social-icons-wrapper .elementor-grid-item svg path{
    fill: inherit;
}
.block-footer__social-icon .elementor-social-icons-wrapper .elementor-grid-item a {
    border: 0 !important;
}
.block-footer__menu .menu {
    padding: 0;
    margin: 0;
    list-style: none;
    grid-gap: 30px 0;
    display: flex;
    flex-wrap: wrap;
}
.block-footer__menu .menu a {
    font-size: 16px;
    position: relative;
}
.block-footer__menu .menu a::before{
    content: "";
    position: absolute;
    inset: auto 100% -5px 0;
    border-bottom: 1px solid var( --e-global-color-primary );
    transition: inset 0.3s;
}
.block-footer__menu .menu a:hover::before{
    inset: auto 0 -5px 0;
}

.block-footer .block-footer__col-1 {
    width: 29%;
}
.block-footer .block-footer__col-2 {
    width: 43%;
}
.block-footer .block-footer__col-3 {
    width: 25%;
    padding-left: 113px;
}
.block-footer .block-footer__col-2 .elementor-widget-heading, .block-footer .block-footer__col-2 .block-footer__menu {
    max-width: 329px !important;
    margin: 0 auto;
    width: 100%;
}
.block-footer__menu .menu .menu-item:nth-child(odd) {
    width: 70%;
}
.block-footer__menu .menu .menu-item:nth-child(even) {
    width: 30%;
}
.block-footer::before {
    inset: -60px auto auto -100px;
    width: 367px;
    height: 947px;
    transform: rotate(-35deg);
}
.block-footer::after {
    content: "";
    background-image: url("https://blackout.kinsta.cloud/wp-content/uploads/2025/11/patern-2.png");
    inset: -360px -190px auto auto;
    width: 319px;
    height: 827px;
    transform: rotate(291deg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    opacity: 0.2;
}
.block-footer__contact-info span.elementor-icon-list-icon svg path {
    fill: inherit;
}
@media (max-width:1499px){
    .block-footer .block-footer__col-3{padding-left: 33px;}
}
@media (max-width:1199px){
    
    .block-footer .block-footer__col-3{padding-left: 33px;}
}
@media (max-width:991px){
    .block-footer .block-footer__col-3{padding-left: 0;}
    .block-footer .block-footer__col-2 .elementor-widget-heading, .block-footer .block-footer__col-2 .block-footer__menu{max-width: 249px !important;}
}
@media (max-width:767px){
    .block-footer .block-footer__col-1,
    .block-footer .block-footer__col-2,
    .block-footer .block-footer__col-3{width: 100%;}
    .block-footer .block-footer__col-2 .elementor-widget-heading, .block-footer .block-footer__col-2 .block-footer__menu{max-width: 100% !important;}
    .block-footer__menu .menu .menu-item:nth-child(odd),
    .block-footer__menu .menu .menu-item:nth-child(even){width: auto;}
    .block-footer__menu .menu{grid-gap: 20px;}
}
/* Ending Footer Style */

.block-table-container::before {
    inset: -60px auto auto 0;
    width: 367px;
    height: 947px;
    background-size: contain;
    transform: rotate(-45deg);
}
.block-table-container::after {
    content: "";
    background-image: url("https://blackout.kinsta.cloud/wp-content/uploads/2025/11/patern-2.png");
    inset: -370px 0 auto auto;
    width: 367px;
    height: 947px;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(-65deg);
    position: absolute;
    opacity: 0.2;
}


/* Initaing Animation Style */
.logo-ai-zoom{
    animation: zoomInOut 2.5s ease-in-out infinite;
    transform-box: fill-box;
    transform-origin: center;
}

    /* keyframes */
@keyframes zoomInOut{
    0%   { transform: scale(1); }
    50%  { transform: scale(2.5); } /* zoom in */
    100% { transform: scale(1); }    /* zoom out back to original */
}
.rotate-setting{
    animation: rot 4s linear infinite;
    transform-box: fill-box;
    transform-origin: center;
}
@keyframes rot {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

.up-down-animation{
    animation: updownanimation 2.5s ease-in-out infinite;
    transform-box: fill-box;
    transform-origin: center;
}
@keyframes updownanimation{
    0%   { transform: translateY(0); }
    50%  { transform: translateY(15px); } /* zoom in */
    100% { transform: translateY(0); }    /* zoom out back to original */
}

.up-down-animation1{
    animation: updownanimation1 2.5s ease-in-out infinite;
    transform-box: fill-box;
    transform-origin: center;
}
@keyframes updownanimation1{
    0%   { transform: translateY(0); }
    50%  { transform: translateY(15px); } /* zoom in */
    100% { transform: translateY(0); }    /* zoom out back to original */
}


.search-zoom{
    animation: zoomInOut12 2.5s ease-in-out infinite;
    transform-box: fill-box;
    transform-origin: center;
}

    /* keyframes */
@keyframes zoomInOut12{
    0%   { transform: scale(1); }
    50%  { transform: scale(2.5); } /* zoom in */
    100% { transform: scale(1); }    /* zoom out back to original */
}
.rotate-setting{
    animation: rot 4s linear infinite;
    transform-box: fill-box;
    transform-origin: center;
}
@keyframes rot {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}
.rotate-bar{
    animation: rotbar 4s linear infinite;
    transform-box: fill-box;
    transform-origin: center;
}
@keyframes rotbar {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}
.hideline{
            display: none;
        }
.animation-1-item{
    text-align: center;
}
.animation-2-item{
    text-align: center;
}
.animation-3-item{
    text-align: center;
}

/* Text Animation */
:root{
    --mint: #CFFFB0;
    --glow: 0px;
    --outline-thickness: 4px;
    --pad-x: 0px;
    --pad-y: 0px;
    --gap: 0;
}
/* The redacted word wrapper (use this on any word you want animated) */
  .redact-word {
    position: relative;
    display: inline-block;
    padding: var(--pad-y) var(--pad-x);
    margin: 0 var(--gap);
    cursor: pointer;
    /* keep things crisp on transform */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    will-change: color;
  }

  /* When hovered, hide the text (make it transparent) */
  .redact-word:hover {
    color: transparent;
    transition: color .15s linear;
  }

  /* Black redaction bar behind the word */
 .redact-word::before {
    content: "";
    position: absolute;
    inset: 0 100% 0 0;
    background: #0D0D0D;
    transform-origin: left center;
    transition: inset 0.5s cubic-bezier(.2,.8,.2,1);
    z-index: 1;
    pointer-events: none;
    transition-delay: 0.5s;
}

  /* When hovered expand the black bar L→R */
  .redact-word:hover::before {
    transition-delay: 0s;
    inset: 0 0 0 0;
}

  /* Outline container (contains four spans for four sides) */
  .redact-word .outline{
    position: absolute;
    inset: calc(-1 * var(--outline-thickness) - var(--pad-y)) calc(-1 * var(--pad-x) - var(--outline-thickness)) calc(-1 * var(--outline-thickness) - var(--pad-y)) calc(-1 * var(--pad-x) - var(--outline-thickness));
    pointer-events: none;
    z-index: 2; /* on top of the black bar */
  }

  /* base style for each side */
  /* FOUR SIDES — FIXED VERSION */
.redact-word .outline span {
  position: absolute;
  background: var(--mint);
  box-shadow: 0 0 8px var(--mint);
  opacity: 1; /* <-- KEEP VISIBLE ALWAYS */
  transition-timing-function: ease;
}

/* TOP */
.redact-word .outline .top {
  top: 0; left: 0;
  height: 2px; width: 0%;
  transition: width .22s ease .66s;     /* LAST to reverse */
}

.redact-word .outline .right {
  top: 0; right: 0;
  width: 2px; height: 0%;
  transition: height .22s ease .44s;    /* 3rd */
}

.redact-word .outline .bottom {
  bottom: 0; right: 0;
  height: 2px; width: 0%;
  transition: width .22s ease .22s;     /* 2nd */
}

.redact-word .outline .left {
  bottom: 0; left: 0;
  width: 2px; height: 0%;
  transition: height .22s ease 0s;      /* FIRST to collapse */
}

/* --- CLOCKWISE ON HOVER --- */
.redact-word:hover .outline .top {
  width: 100%;
  transition-delay: 0s;                /* FIRST */
}

.redact-word:hover .outline .right {
  height: 100%;
  transition-delay: .22s;              /* SECOND */
}

.redact-word:hover .outline .bottom {
  width: 100%;
  transition-delay: .44s;              /* THIRD */
}

.redact-word:hover .outline .left {
  height: 100%;
  transition-delay: .66s;              /* LAST */
}