/*
Theme Name: SEO Kinda
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 4.2
Tested up to: 7.1
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.error-validate-custom{ color:#ff0000; }
.asterisk{ color:#f34444;}
.modalFor-site .modal-content {border: none;border-radius: 0;}
.success-animation{width:100px;height:100px;margin:0 auto 20px;}
h4.text-success {color: #22c55e !important;}
.checkmark {width: 100px;height: 100px;display: block;margin: auto;}
.checkmark-circle{stroke:#22c55e;stroke-width:2;stroke-miterlimit:10;fill:none;stroke-dasharray:166;stroke-dashoffset:166;animation:stroke .6s ease forwards;}
.checkmark-check{stroke:#22c55e;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .4s .6s ease forwards;}
.btn-close {opacity: 1;}
.error-animation{width:100px;margin:0 auto 20px;}
.crossmark{width:100px;height:100px;}
.crossmark-circle{stroke:#dc3545;stroke-width:2;fill:none;stroke-dasharray:166;stroke-dashoffset:166;animation:drawCircle .6s ease forwards;}
.crossmark-line1, .crossmark-line2{fill:none;stroke:#dc3545;stroke-width:3;stroke-linecap:round;stroke-dasharray:30;stroke-dashoffset:30;}
.crossmark-line1{animation:drawLine .3s .6s ease forwards;}
.crossmark-line2{animation:drawLine .3s .9s ease forwards;}
.form-loader{position: fixed;inset: 0;background: #fbfbfbb5;backdrop-filter: blur(5px);z-index: 9999;display:flex;justify-content:center;align-items:center;}
.loader-content{text-align:center;}
.spinner{width:70px;height:70px;margin: auto;border:5px solid #d59cff;border-top:5px solid var(--primary);border-radius:50%;animation:spin .8s linear infinite;}
@keyframes spin{
    to{
        transform:rotate(360deg);
    }
}
@keyframes spin{
    to{
        transform:rotate(360deg);
    }
}
@keyframes drawCircle{
    to{
        stroke-dashoffset:0;
    }
}

@keyframes drawLine{
    to{
        stroke-dashoffset:0;
    }
}
@keyframes stroke{
    to{
        stroke-dashoffset:0;
    }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes loaderBrand {
    to {
        transform: translateY(0);
    }
}
@keyframes marquee{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}