:root{
    --accent-color: #ffa0ca;
    --accent-color2: #cf7ca0;
}
.loader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    left: 0;
    top: 0;
    background-color: #fff;
    transition: 0s !important;
}
.loader .animated{
    width: 100vw;
    height: 100vh;
}
.loader-item {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    background-color: var(--accent-color);
    border-radius: 100%;
    transition: 0s !important;
}
.floating .phone-header {
    position: fixed;
    top: 28px;
    right: -19.2%;
    transition: .5s;
}
.phone-header:hover {
    right: -85% !important;
}
.cat-image{
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100%;
}
.cat-item{
    position: relative;
    overflow: hidden;
}
.cat-item-info {
    position: absolute;
    transform: translate(-50%, -50%);
    bottom: -100%;
    left: 50%;
    transition: .5s;
    z-index: 2;
    color: #fff;
    font-weight: bold;
}
.cat-item-info h6 {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
.cat-item:hover .cat-item-info {
    bottom: 20%;
}
.cat-item:hover .cat-image:after {
    top: 0;
}
.cat-item .cat-image:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(207 124 160 / 89%);
    z-index: 1;
    top: 500px;
    border-radius: 100%;
    transition: .5s;
    overflow: hidden;
}
.cat-image{transition: .5s;}
.ovf-h{overflow: hidden;}
.cat-item{border-radius: 100%;}
/* .block-items h6{font-size: .9rem;} */
.cat-item:hover .cat-image{transform: scale(1.2);}
.delay{animation-delay: .1s;}
.delay1{animation-delay: .2s;}
.delay2{animation-delay: .3s;}
.delay3{animation-delay: .4s;}
.delay4{animation-delay: .5s;}
.delay5{animation-delay: .6s;}
.delay6{animation-delay: .7s;}
.newsletter{background-color: var(--accent-color);}
.floating .phone-header {
    padding: 0;
    background-color: var(--accent-color2);
    position: fixed;
    top: 50%;
    right: -96%;
    width: 100%;
    z-index: 4;
    border-radius: 90px 0 0 90px;
    -webkit-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.05);
}
.floating .phone-header::before{content:'';border:1px dashed #fff;border-right:none;border-radius:90px 0 0 90px;position:absolute;top:2px;left:2px;right:0;bottom:2px;pointer-events:none;}
.floating .phone-header .phone-inner{overflow:hidden;text-align:left;}
.floating .phone-header .phone-icon{display:inline-block;text-align:center;float:left;font-size:27px;position:relative;min-width:68px;padding:6px;margin-right:10px;}
.floating .phone-header .phone-icon::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;opacity:0.3;border-radius:50%;}
.floating .phone-header .phone-icon span{position:relative;display:block;border-radius:50%;line-height:50px;border:2px solid transparent;background-color:#fff;color:var(--accent-color2);font-weight:700;}
.floating .phone-header .phone-number{overflow:hidden;padding-top:7px;}
.floating .phone-header .phone-number p:first-child{margin-bottom:3px;font-size:12px;letter-spacing:0.1em;font-weight:700;line-height:20px;color:#fff;text-transform:uppercase;}
.floating .phone-header .phone-number p:last-child{margin-bottom:0;font-size:24px;color:#fff;}
.owl-slick .slick-arrow {top: 50%;}
.owl-slick .slick-arrow.next {
    right: 10px !important;
    left: auto;
}
.owl-slick .slick-arrow.prev {left: 10px !important;}