.text-white .text_effect:before {
    background-color: #ffffff;
}

.text_effect:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    background-color: #051441;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.text_effect_left {
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.text_effect_left:before {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
}
.text_effect_bottom {
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
.text_effect_bottom:before {
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
}

.text_effect_wrap.is_show .text_effect {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.text_effect_wrap.is_show .text_effect_left:before {
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
}
.text_effect_wrap.is_show .text_effect_bottom:before {
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
}

.c_slide_in.is_shown .c_slide_in_wrap2,
.c_slide_in.is_shown .c_slide_in_wrap3 {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.c_slide_in_wrap2,
.c_slide_in_wrap3 {
    -webkit-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.c_slide_in_wrap2 {
    -webkit-transform: translate3d(-100.5%, 0, 0);
    transform: translate3d(-100.5%, 0, 0);
}

.c_slide_in_wrap3 {
    -webkit-transform: translate3d(100.1%, 0, 0);
    transform: translate3d(100.1%, 0, 0);
}

.text_effect {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.form_checkbox input:before {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #4154f1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.form_item.dropdown > button {
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.social_icon > ul > li {
    -webkit-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.process_section .line_bg:after, .process_section .line_bg:before {
    -webkit-transform: translateX(-51.4%);
    -ms-transform: translateX(-51.4%);
    transform: translateX(-51.4%);
}
.job_item:hover {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
}
.job_item .btn {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.blog_grid .item_image .popup_video {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: ripple 2s linear infinite;
    animation: ripple 2s linear infinite;
}
.reg_form .check_box input {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
}

.reg_form .check_box input:before {
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.banner_section .banner_image .popup_video {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: ripple_3 2s linear infinite;
    animation: ripple_3 2s linear infinite;
}

.banner_section .form_item .btn {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.payment_banner .banner_image .apps_wrap {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.home_project_management .service_primary_2:hover {
    -webkit-transform: translateY(-16px);
    -ms-transform: translateY(-16px);
    transform: translateY(-16px);
}
.h_map ul li .place_name:before {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.h_map ul li .round .dot {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    will-change: transform;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: ripple_small 2s linear infinite;
    animation: ripple_small 2s linear infinite;
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

.footer_section .cloud_image.cloud_2 {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.feature_boxed .item_icon {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.introduction_section .video_wrap .shadow_image {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.service_boxed_1 .details_btn:hover {
    -webkit-transform: translateX(6px);
    -ms-transform: translateX(6px);
    transform: translateX(6px);
}

.form_item.dropdown > button:after {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.owl-theme .owl-dots .owl-dot.active span {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}
.video_wrap .banner_image .popup_video {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: ripple 2s linear infinite;
    animation: ripple 2s linear infinite;
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    content: attr(data-text-preloader);
    -webkit-animation: letters-loading 4s infinite;
    animation: letters-loading 4s infinite;
}
.footer_section .footer_menu > ul > li:after {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.footer_section .form_item button[type=submit] {
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
}
.breadcrumb_section .breadcrumb_content .breadcrumb_nav > ul > li:after {
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    transform: translateY(-60%);
}
.sidebar_section .sidebar_search button[type=submit] {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.promotion_section .item_image_1 .image_1 {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}
.seo_section .form_wrap > ul > li:after {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.feature_boxed:hover {
    -webkit-transform: translateY(-16px);
    -ms-transform: translateY(-16px);
    transform: translateY(-16px);
}
.service_boxed_1 {
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.service_boxed_1:hover {
    -webkit-transform: translateY(-16px);
    -ms-transform: translateY(-16px);
    transform: translateY(-16px);
}
.service_boxed_2:hover {
    -webkit-transform: translateY(-16px);
    -ms-transform: translateY(-16px);
    transform: translateY(-16px);
}

.team_grid:hover .member_image {
    -webkit-transform: translateY(-16px);
    -ms-transform: translateY(-16px);
    transform: translateY(-16px);
}
.team_grid .social_icon {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.team_grid .social_icon > ul > li {
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.team_grid:hover .social_icon > ul > li {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.pricing_plan_1:hover {
    -webkit-transform: translateY(-16px);
    -ms-transform: translateY(-16px);
    transform: translateY(-16px);
}
.pricing_tab .tab_switcher {
    -webkit-transform: translateY(7px);
    -ms-transform: translateY(7px);
    transform: translateY(7px);
}
.pricing_plan_2:hover {
    -webkit-transform: translateY(-16px);
    -ms-transform: translateY(-16px);
    transform: translateY(-16px);
}
.pricing_plan_3 .btn .fa-long-arrow-right {
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
}
.casestudy_fullimage .details_btn {
    -webkit-transform: translateY(-70px);
    -ms-transform: translateY(-70px);
    transform: translateY(-70px);
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.casestudy_fullimage .item_content .item_title > a,
.casestudy_fullimage .item_content .item_category > a {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.casestudy_fullimage:hover .details_btn {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.casestudy_fullimage:hover .item_title > a,
.casestudy_fullimage:hover .item_category > a {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.gallery_section .casestudy_fullimage .item_content {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.shop_grid .action_btns > ul > li {
    -webkit-transform: translateY(150%);
    -ms-transform: translateY(150%);
    transform: translateY(150%);
    -webkit-transition: 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    -o-transition: 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    transition: 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
.shop_grid .action_btns > ul > li > a:hover, .shop_grid .action_btns > ul > li button:hover {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
}
.shop_grid:hover .action_btns > ul > li {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}
.cart_section .form_item .btn {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.checkout_section .checkout_sidebar .btn:hover,
.cart_section .cart_info_sidebar .btn:hover {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.makro-team .dl_team_member_wrapper.dl_style_7 .dl_social_icon {
    transform: translateY(-50%);
}
.form_item input, .form_item textarea {
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.btn {
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ctn-preloader .loader .loader-section .bg {
    -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}
.ctn-preloader.loaded .loader-section .bg {
    -webkit-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
    -o-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
    transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
}

.ctn-preloader .animation-preloader .spinner {
    -webkit-animation: spinner 1s infinite linear;
    animation: spinner 1s infinite linear;
}

a,
button {
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ctn-preloader.loaded .animation-preloader {
    -webkit-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.sticky_header.stuck {
    -webkit-animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown;
    animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown;
}
.intregation_section .apps_wrap.wrap_left > ul > li:nth-child(1) > a {
    -webkit-animation: bounceIn 3000ms infinite alternate;
    animation: bounceIn 3000ms infinite alternate;
}
.intregation_section .apps_wrap.wrap_left > ul > li:nth-child(2) > a {
    -webkit-animation: bounceIn 3400ms infinite alternate;
    animation: bounceIn 3400ms infinite alternate;
}
.intregation_section .apps_wrap.wrap_left > ul > li:nth-child(3) > a {
    -webkit-animation: bounceIn 3600ms infinite alternate;
    animation: bounceIn 3600ms infinite alternate;
}
.intregation_section .apps_wrap.wrap_left > ul > li:nth-child(4) > a {
    -webkit-animation: bounceIn 3800ms infinite alternate;
    animation: bounceIn 3800ms infinite alternate;
}
.intregation_section .apps_wrap.wrap_right > ul > li:nth-child(1) > a {
    -webkit-animation: bounceIn 3000ms infinite alternate;
    animation: bounceIn 3000ms infinite alternate;
}
.intregation_section .apps_wrap.wrap_right > ul > li:nth-child(2) > a {
    -webkit-animation: bounceIn 3400ms infinite alternate;
    animation: bounceIn 3400ms infinite alternate;
}
.intregation_section .apps_wrap.wrap_right > ul > li:nth-child(3) > a {
    -webkit-animation: bounceIn 3600ms infinite alternate;
    animation: bounceIn 3600ms infinite alternate;
}
.intregation_section .apps_wrap.wrap_right > ul > li:nth-child(4) > a {
    -webkit-animation: bounceIn 3800ms infinite alternate;
    animation: bounceIn 3800ms infinite alternate;
}
.feature_section .app_icons_group > ul > li > a:hover > img {
    -webkit-animation: jello 1.2s infinite linear;
    animation: jello 1.2s infinite linear;
}
.details_section .blog_grid .item_image .popup_video {
    -webkit-animation: ripple_2 2s linear infinite;
    animation: ripple_2 2s linear infinite;
}
.chat_banner .banner_content .popup_video .icon {
    -webkit-animation: ripple_xsmall_orange 2s linear infinite;
    animation: ripple_xsmall_orange 2s linear infinite;
}
.digital_agency_banner .banner_content .popup_video .icon {
    -webkit-animation: ripple_xsmall_orange 2s linear infinite;
    animation: ripple_xsmall_orange 2s linear infinite;
}
.digital_marketing_banner .apps_wrap.wrap_left > ul > li:nth-child(1) > a {
    -webkit-animation: bounceIn 3000ms infinite alternate;
    animation: bounceIn 3000ms infinite alternate;
}
.digital_marketing_banner .apps_wrap.wrap_left > ul > li:nth-child(2) > a {
    -webkit-animation: bounceIn 3400ms infinite alternate;
    animation: bounceIn 3400ms infinite alternate;
}
.digital_marketing_banner .apps_wrap.wrap_left > ul > li:nth-child(3) > a {
    -webkit-animation: bounceIn 3600ms infinite alternate;
    animation: bounceIn 3600ms infinite alternate;
}
.digital_marketing_banner .apps_wrap.wrap_left > ul > li:nth-child(4) > a {
    -webkit-animation: bounceIn 3800ms infinite alternate;
    animation: bounceIn 3800ms infinite alternate;
}
.digital_marketing_banner .apps_wrap.wrap_right > ul > li:nth-child(1) > a {
    -webkit-animation: bounceIn 3000ms infinite alternate;
    animation: bounceIn 3000ms infinite alternate;
}
.digital_marketing_banner .apps_wrap.wrap_right > ul > li:nth-child(2) > a {
    -webkit-animation: bounceIn 3400ms infinite alternate;
    animation: bounceIn 3400ms infinite alternate;
}
.digital_marketing_banner .apps_wrap.wrap_right > ul > li:nth-child(3) > a {
    -webkit-animation: bounceIn 3600ms infinite alternate;
    animation: bounceIn 3600ms infinite alternate;
}
.digital_marketing_banner .apps_wrap.wrap_right > ul > li:nth-child(4) > a {
    -webkit-animation: bounceIn 3800ms infinite alternate;
    animation: bounceIn 3800ms infinite alternate;
}
.digital_marketing_banner .cloud_image.cloud_1 img {
    -webkit-animation: updown 1s infinite alternate;
    animation: updown 1s infinite alternate;
}
.digital_marketing_banner .cloud_image.cloud_2 img {
    -webkit-animation: updown 1.2s infinite alternate;
    animation: updown 1.2s infinite alternate;
}
.digital_marketing_banner .cloud_image.cloud_3 img {
    -webkit-animation: updown 1s infinite alternate;
    animation: updown 1s infinite alternate;
}
.digital_marketing_banner .cloud_image.cloud_4 img {
    -webkit-animation: updown 1.2s infinite alternate;
    animation: updown 1.2s infinite alternate;
}
.digital_marketing_banner .triangle_1 img {
    -webkit-animation: spin 3000ms linear infinite;
    animation: spin 3000ms linear infinite;
}
.digital_marketing_banner .triangle_2 img {
    -webkit-animation: spin 3000ms linear infinite;
    animation: spin 3000ms linear infinite;
}
.digital_marketing_banner .dot_1 img {
    -webkit-animation: updown 1.2s infinite alternate;
    animation: updown 1.2s infinite alternate;
}
.digital_marketing_banner .dot_2 img {
    -webkit-animation: zoominout 4000ms infinite alternate;
    animation: zoominout 4000ms infinite alternate;
}
.digital_marketing_banner .dot_3 img {
    -webkit-animation: zoominout 5000ms infinite alternate;
    animation: zoominout 5000ms infinite alternate;
}
.digital_marketing_banner .dot_4 img {
    -webkit-animation: zoominout 3000ms infinite alternate;
    animation: zoominout 3000ms infinite alternate;
}
.digital_marketing_banner .dot_6 img {
    -webkit-animation: zoominout 5000ms infinite alternate;
    animation: zoominout 5000ms infinite alternate;
}
.digital_marketing_banner .dot_5 img {
    -webkit-animation: updown 1s infinite alternate;
    animation: updown 1s infinite alternate;
}
.hr_management_banner .shape_4 img {
    -webkit-animation: spin 5000ms linear infinite;
    animation: spin 5000ms linear infinite;
}
.hr_management_banner .shape_5 img {
    -webkit-animation: spin 5000ms linear infinite;
    animation: spin 5000ms linear infinite;
}
.hr_management_banner .banner_content .popup_video .icon {
    -webkit-animation: ripple_xsmall_past 2s linear infinite;
    animation: ripple_xsmall_past 2s linear infinite;
}
.saas_banner .circle_1 img {
    -webkit-animation: zoominout 5s infinite;
    animation: zoominout 5s infinite;
}
.saas_banner .circle_2 img {
    -webkit-animation: zoominout 3s infinite;
    animation: zoominout 3s infinite;
}
.saas_banner .circle_3 img {
    -webkit-animation: zoominout 4s infinite;
    animation: zoominout 4s infinite;
}
.saas_banner .circle_4 img {
    -webkit-animation: zoominout 3s infinite;
    animation: zoominout 3s infinite;
}
.software_banner .cloud_1 > img,
.software_banner .cloud_2 > img {
    -webkit-animation: updown 1s infinite alternate;
    animation: updown 1s infinite alternate;
}
.popup_video .ar_play_btn .icon {
    -webkit-animation: ripple_xsmall_orange 2s linear infinite;
    animation: ripple_xsmall_orange 2s linear infinite;
}
.filter_bar .btns_group > ul > li .bootstrap-select.dropup .dropdown-toggle:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.blog_quote.blog_quote_link:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.blog_quote.blog_quote_link .item_icon .far.fa-link {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.faq_section .faq_accordion .card .card-header > a:not(.collapsed):before {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.banner_section .banner_content .popup_video:hover small:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}
.banner_section .banner_content .popup_video:hover small:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.banner_section .banner_content .btn_text:hover:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}
.banner_section .banner_content .btn_text:hover:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.home_digital_marketing .owl-theme .owl-dots .owl-dot.active span {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.digital_marketing_banner .apps_wrap > ul > li > a:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.hr_management_banner .banner_image {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.h_map ul li .round:before {
    -webkit-transform: scale(2.6);
    -ms-transform: scale(2.6);
    transform: scale(2.6);
}
.h_map ul li .round:after {
    -webkit-transform: scale(5);
    -ms-transform: scale(5);
    transform: scale(5);
}
.casestudy_grid:hover .item_image > img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.filter_bar .btns_group > ul > li .bootstrap-select > .dropdown-toggle:after {
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.banner_section .banner_content .popup_video small:after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 0.4s ease 0.2s;
    transition: -webkit-transform 0.4s ease 0.2s;
    -o-transition: transform 0.4s ease 0.2s;
    transition: transform 0.4s ease 0.2s;
    transition: transform 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s;
}
.banner_section .banner_content .btn_text:after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 0.4s ease 0.2s;
    transition: -webkit-transform 0.4s ease 0.2s;
    -o-transition: transform 0.4s ease 0.2s;
    transition: transform 0.4s ease 0.2s;
    transition: transform 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s;
}
.ar_play_btn small:after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}
.ar_play_btn:hover small:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}
.ar_play_btn:hover small:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.btn_underline:after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}
.btn_underline:hover:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}
.btn_underline:hover:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
/* animation css - start
================================================== */
/* animation css - start
================================================== */
@-webkit-keyframes updown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@keyframes updown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes zoominout {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes zoominout {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}
@keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}
@-webkit-keyframes letters-loading {
    0%, 75%, 100% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }
    25%, 50% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}
@keyframes letters-loading {
    0%, 75%, 100% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }
    25%, 50% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}


/***
** Responsive
**/

@media screen and (max-width: 2000px) {
    .hr_management_banner .banner_image {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@media screen and (max-width: 1640px) {
    .hr_management_banner .banner_image {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
}


@media screen and (max-width: 1480px) {
    .hr_management_banner .banner_image {
        -webkit-transform: scale(0.83);
        -ms-transform: scale(0.83);
        transform: scale(0.83);
    }
}


@media screen and (max-width: 1240px) {
    .hr_management_banner .banner_image {
        -webkit-transform: scale(0.72);
        -ms-transform: scale(0.72);
        transform: scale(0.72);
    }
}

@media screen and (max-width: 1024px) {
    .hr_management_banner .banner_image {
        -webkit-transform: scale(0.64);
        -ms-transform: scale(0.64);
        transform: scale(0.64);
    }
}

@media screen and (max-width: 991px) {
    .main_menu .menu_item_has_child > a:after {
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%);
    }
}

@media screen and (max-width: 880px) {
    .hr_management_banner .banner_image {
        -webkit-transform: scale(0.54);
        -ms-transform: scale(0.54);
        transform: scale(0.54);
    }
}

@media screen and (max-width: 767px) {
    .hr_management_banner .banner_image {
        -webkit-transform: scale(0.46);
        -ms-transform: scale(0.46);
        transform: scale(0.46);
    }
}

/* animation css - end
================================================== */
/* transition - start
================================================== */