/*
Theme Name: Royal Elementor Kit Child
Theme URI: https://royal-elementor-addons.com/royal-elementor-kit-child
Description: Child theme for the Royal Elementor Kit
Author: WP Royal
Author URI: https://royal-elementor-addons.com/
Template: royal-elementor-kit
Version: 1.0.0
*/

/*************************
FLEX UTILS-Анимация границы начало
****************/
.col-justify-center{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Border clip*/
.clip-border {
    --thickness: 8px;
    --inner: calc(100% - var(--thickness));
    overflow: hidden;
    position: absolute;
    padding: 0;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    clip-path: polygon(0% 0%, 0% 100%, var(--thickness) 100%, var(--thickness) var(--thickness), var(--inner) var(--thickness), var(--inner) var(--inner), var(--thickness) var(--inner), var(--thickness) 100%, 100% 100%, 100% 0%);

}
  
/*Animations*/
.border-animation1{
    animation: border-animation1;
    animation-iteration-count: infinite;
    animation-duration: 7s;
    animation-timing-function: ease-in-out;
}
@keyframes border-animation1{
    100%{
        transform: rotate(360deg);
    }
}

.border-animation2{
    animation: border-animation2;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
}
@keyframes border-animation2{
    0%{
        transform: translateY(-140%);
    }
    50%{
        transform: translateY(140%);
    }
    100%{
        transform: translateY(-140%);
    }   
}
/*************************
FLEX UTILS-Анимация границы- конец
****************/