@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&family=David+Libre:wght@400;500;700&family=Heebo:wght@100..900&display=swap');

body {
    background: #ffffff !important;
}

body,
body *:not(i):not(.fa) {
    font-family: "Heebo", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

*::placeholder,
textarea::placeholder { /* Standard pseudo-element */
  color: #000 !important; /* Example: #999 for a light gray */
  font-size: 16px;
}

.text-color-primary {
    color: #003366 !important;
}

.bg-color-primary {
    background-color: #2A3A42;
}

.bg-color-secondary {
    background-color: #b2c81e;
}

.bg-color-tertiary {
    background-color: #38cef9;
}

.btn.btn-color-primary {
    background-color: #2A3A42;
}

.header-section ul li.active>a {
    color: #2A3A42;
}

.header-section.style4 ul li ul {
    background: #003366;
}

.header-section ul li:hover>a,
.header-section ul li.active>a {
    color: #38cef9;
}

.header-section.style4 ul li.search-parent .search-box {
    background: #003366;
}

.header-section.style4 ul li.search-parent .search-box .form-control {
    background: #003366;
}

@media only screen and (max-width: 1000px) {
    .header-section.style4 #menu ul {
        background: #003366;
    }
}

.header-section ul li .number {
    background: #003366;
}

.header-section.style4 ul li.cart-parent .cart-box {
    background: #003366;
}

.header-section ul li.mega-menu>ul>li ul li a:focus,
.header-section ul li.mega-menu>ul>li ul li a:hover {
    color: #2A3A42;
}

.header-section ul li.search-parent a.m-link {
    color: #2A3A42;
}

.header-section ul li.cart-parent a.m-link {
    color: #2A3A42;
}

.header-section.dark-dropdowns.style4 ul li:focus-within>a,
.header-section.dark-dropdowns.style4 ul li:hover>a,
.header-section.dark-dropdowns.style4 ul li.active>a {
    color: #2A3A42;
}

.header-section.dark-dropdowns.style4 ul li.mega-menu>ul>li ul li a:hover {
    color: #2A3A42;
}

.header-section.dark-dropdowns.style4 #menu ul li ul li:hover a span.sub-arrow,
header-section.dark-dropdowns.style4 #menu ul li ul li.active a span.sub-arrow {
    color: #2A3A42;
}

.header-section.dark-dropdowns.style2 ul li:hover>a,
.header-section.dark-dropdowns.style2 ul li.active>a {
    color: #2A3A42;
}

.header-section.dark-dropdowns.style2 ul li.mega-menu>ul>li ul li.active a {
    color: #2A3A42;
}

.header-section.dark-dropdowns.style2 ul li.mega-menu>ul>li ul li a:hover {
    color: #2A3A42;
}

.btn-top-1 {
    background-color: #2A3A42;
}

.header-section.dark-dropdowns.style1 ul li:hover>a,
.header-section.dark-dropdowns.style1 ul li.active>a {
    color: #2A3A42;
}

.header-section.dark-dropdowns.style1 ul li.mega-menu>ul>li ul li a:hover {
    color: #2A3A42;
}

.header-section.dark-dropdowns.style1 ul li:hover>a,
.header-section.dark-dropdowns.style1 ul li.active>a {
    color: #2A3A42;
}

.header-section.act-style-1 ul li.active>a {
    background-color: #003366 !important;
}

.header-section.style3 #menu ul li.mega-menu li ul li:hover a,
.header-section.style3 #menu ul li.mega-menu li ul li.active a {
    color: #2A3A42;
}

.header-section.style3 #menu ul li.mega-menu li ul li:hover a,
.header-section.style3 #menu ul li.mega-menu li ul li.active a {
    color: #2A3A42;
}

.header-section.style3 #menu ul li ul li:hover>a,
.header-section.style3 #menu ul li ul li.active>a {
    color: #2A3A42;
}

.header-section.style3 #menu ul li ul li:hover a span.sub-arrow,
header-section.style3 #menu ul li ul li.active a span.sub-arrow {
    color: #2A3A42;
}

.header-section.style5.dark #menu ul li ul li:hover>a,
.header-section.style5.dark #menu ul li ul li.active>a {
    color: #2A3A42;
}

.header-section ul li.cart-parent .cart-box span {
    color: #2A3A42;
}

.header-section ul li.cart-parent .cart-box span {
    color: #2A3A42;
}

.header-section ul li.cart-parent .cart-box .btn.btn-primary {
    background: #003366 none repeat scroll 0 0 !important;
}

.section-primary {
    background-color: #2A3A42;
}

.text-primary {
    color: #2A3A42;
}

.btn.btn-prim {
    background-color: #2A3A42;
}

a.read-more {
    color: #036;
}

.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active {
    background-color: #2A3A42;
    border: 1px solid #003366;
}

.cbp-l-filters-buttonCenter .cbp-filter-counter {
    background-color: #2A3A42;
}

.cbp-l-filters-buttonCenter .cbp-filter-counter::after {
    border-top: 4px solid #003366;
}

.tp-caption.btn-style-2.Agency-PlayBtn i {
    color: #2A3A42;
}

.footer-social-icons li a:hover,
.footer-social-icons li a.active {
    color: #2A3A42;
}

.scrollup {
    background: #003366 url(https://codelayers.net/templates/blak/images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.btn.btn-border.prim {
    color: #2A3A42;
    border-color: #2A3A42;
}

.btn.btn-border:hover.prim {
    background-color: #2A3A42;
    border-color: #2A3A42;
}

#togglePlay.pause {
    background: rgba(0, 148, 255, 0.94);
}

#togglePlay.play {
    background: rgba(0, 148, 255, 0.94);
}

.slide-controls-2 .owl-theme .owl-controls .owl-page.active span {
    background-color: #2A3A42;
    border: 1px solid #003366;
}

.slide-controls-2 .owl-theme .owl-controls .owl-page span {
    border: 1px solid #003366;
}

.footer-tags li a:hover,
.footer-tags li a.active {
    border: 1px solid #003366;
    color: #2A3A42;
}

.newsletter-submit-btn {
    border: 1px solid #003366;
    background-color: #2A3A42;
}

.iconlist-2 .icon {
    color: #2A3A42;
}

.fo-newsletter-submit-1.gyellow {
    background-color: #2A3A42;
    border: 1px solid #003366;
}

.slide-controls-3 .owl-theme .owl-controls .owl-page.active span {
    background-color: #2A3A42;
    border: 1px solid #003366;
}

.pagenation-holder .breadcrumb li.current a {
    color: #2A3A42;
}

.pages-sidebar-links li a:hover,
.pages-sidebar-links li a.active {
    color: #2A3A42;
}

.iconlist li i {
    color: #2A3A42;
}

.parallax-overlay.primary {
    background: #003366;
    ;
}

ul.sitemap li a {
    color: #2A3A42;
}

.error-search-box .input_submit {
    background-color: #2A3A42;
    border: 1px solid #003366;
}

.tp-caption.sbut1 a {
    background-color: #2A3A42;
}

.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
    background-color: #2A3A42;
}

.cbp-l-filters-button .cbp-filter-counter {
    background-color: #2A3A42;
}

.cbp-l-filters-button .cbp-filter-counter::after {
    border-top: 4px solid #003366;
}

.cbp-l-caption-buttonLeft,
.cbp-l-caption-buttonRight {
    background-color: #2A3A42;
}

.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active {
    background-color: #2A3A42;
    border-color: #2A3A42;
}

.cbp-l-filters-alignRight .cbp-filter-counter {
    background-color: #2A3A42;
}

.cbp-l-filters-alignRight .cbp-filter-counter::after {
    border-top: 4px solid #003366;
}

.cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft,
.cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight {
    background-color: #2A3A42;
}

.cbp-l-grid-mosaic .cbp-caption-activeWrap {
    background-color: #2A3A42;
    background: rgba(0, 148, 255, 0.94);
}

.cbp-l-grid-mosaic-projects .cbp-caption-activeWrap {
    background-color: #2A3A42;
    background: rgba(0, 148, 255, 0.94);
}

.cb-feature-box-1 .img-box .postdate-box {
    background-color: #2A3A42;
}

.cb-feature-box-1 .postinfo-box .title a:hover {
    color: #2A3A42;
}

.blog-pagenation li a:hover,
.blog-pagenation li a.active {
    background-color: #2A3A42;
    border: 1px solid #003366;
}

.slider-btn-9 .owl-theme .owl-controls .owl-buttons .owl-prev {
    background-color: #2A3A42;
}

.slider-btn-9 .owl-theme .owl-controls .owl-buttons .owl-next:hover {
    background-color: #2A3A42;
}

.slider-btn-9 .owl-theme .owl-controls .owl-buttons .owl-next {
    background-color: #2A3A42;
}

.slider-btn-9 .owl-theme .owl-controls .owl-buttons .owl-prev:hover {
    background-color: #2A3A42;
}

.ce-title-line.align-left {
    background-color: #2A3A42;
}

.ce-title-line {
    background-color: #2A3A42;
}

.tabstyle-13 .responsive-tabs li a:hover,
.tabstyle-13 .responsive-tabs li.active,
.tabstyle-13 .responsive-tabs li.active a {
    color: #2A3A42;
}

.ce-price-table-1 .inner-box .price-circle .price {
    color: #2A3A42;
}

.ce-price-table-1 .inner-box .price-circle span {
    color: #2A3A42;
}

.smk_accordion .accordion_in.style6.act-light.acc_active>.acc_head {
    color: #2A3A42;
}

.tp-caption.sbut2 a {
    background-color: #2A3A42;
}

.ce-feature-box-64 .b-line-2 {
    background-color: #2A3A42;
}

.ce-feature-box-64:hover .b-line-2 {
    background-color: #2A3A42;
}

.ce-feature-box-9-main .ce-feature-box-9 .title span {
    border-bottom: 1px solid #003366;
}

.ce-feature-box-44 .name-box .name span {
    border-bottom: 1px solid #003366;
}

.ce-feature-box-56 .text-box .quote-icon i {
    color: #2A3A42;
}

.ce-feature-box-55:hover .text-box {
    background-color: #2A3A42;
}

.ce-feature-box-30 .icon {
    color: #2A3A42;
}

.ce-feature-box-58 .text-box .top-line {
    background-color: #2A3A42;
}

.ce-feature-box-3 .icon {
    color: #2A3A42;
}

.cbp-l-filters-work .cbp-filter-item.cbp-filter-item-active {
    background-color: #2A3A42;
}

.cbp-l-filters-work .cbp-filter-item:hover {
    background: #003366;
}

.ce-feature-box-16 .main-box .inner-box .subtext {
    color: #2A3A42;
}

.ce-feature-box-45 .info-badge {
    background-color: #2A3A42;
}

.ce-feature-box-29.dark-2 .icon {
    color: #2A3A42;
}

.ce-feature-box-9-main .ce-feature-box-9.style-3 .title span {
    color: #2A3A42;
}

.ce-price-table-1 .inner-box .price-circle {
    border-bottom: 1px solid #003366;
}

.ce-feature-box-34 .title {
    color: #2A3A42;
}

.ce-feature-box-33 .img-box .overlay {
    background: rgba(0, 148, 255, 0.94);
}

.ce-feature-box-35 .newsletter-btn {
    border: 1px solid #003366;
    background-color: #2A3A42;
}

.ce-feature-box-37 .date-box {
    border-bottom: 1px solid #003366;
}

.ce-feature-box-37 .date-box span {
    background-color: #2A3A42;
}

.tp-shape.bg-prim {
    background-color: #2A3A42;
}

.ce-feature-box-43 .text-box .top-line {
    background-color: #2A3A42;
}

.ce-feature-box-69 .scicon-box {
    background-color: #2A3A42;
}

.ce-feature-box-46 .subtitle {
    color: #2A3A42;
}

.ce-feature-box-49 .text-box {
    background-color: #2A3A42;
}

.ce-feature-box-1 .icon {
    color: #2A3A42;
}

.ce-feature-box-1:hover {
    border: 1px solid #003366;
    background-color: #2A3A42;
}

.homePageFaqs *,
body {
    color: #000;
}

.tabstyle-15 .responsive-tabs li a:hover,
.tabstyle-15 .responsive-tabs li.active,
.tabstyle-15 .responsive-tabs li.active a {
    color: #2A3A42;
}

.ce-feature-box-7 .img-box .postdate-box {
    background-color: #2A3A42;
}

.ce-feature-box-7 .postinfo-box .title {
    border-bottom: 1px solid #003366;
}

.ce-feature-box-20:hover .imgbox .overlay .text-box .title-box {
    background-color: #2A3A42;
}

.ce-feature-box-24:hover .img-box .overlay,
.ce-feature-box-24.active .img-box .overlay {
    background: rgba(0, 148, 255, 0.94);
}

.ce-feature-box-27 .text-box .icon {
    color: #2A3A42;
}

.ce-feature-box-19 .img-box .overlay {
    background-color: #2A3A42;
}

#mc_embed_signup input#mc-embedded-subscribe,
#mc_embed_signup input#mc-embedded-subscribe:focus {
    border: 1px solid #003366;
    background: #003366;
}

a.read-more.dark:hover {
    color: #2A3A42;
}

.ce-feature-box-71 .text-box .top-line {
    background-color: #2A3A42;
}

.ce-feature-box-15.dark .icon {
    color: #2A3A42;
}

.ce-feature-box-15.dark:hover .title {
    color: #2A3A42;
}

.ce-feature-box-15.dark:hover .icon {
    color: #2A3A42;
}

.ce-feature-box-16:hover .text-box .inner-box {
    background-color: #2A3A42;
}

.ce-feature-box-13 .icon {
    color: #2A3A42;
}

.ce-feature-box-13 .title span {
    border-bottom: 1px solid #003366;
}

.divider-line.primary {
    border-bottom-color: #2A3A42;
}

.ce-feature-box-31 .text-box .date-ifo {
    background-color: #2A3A42;
}

.ce-feature-box-47 .icon {
    color: #2A3A42;
}

.ce-feature-box-22 .main-box .text-box .subtext {
    background-color: #2A3A42;
}

.ce-feature-box-43 .icon.primary {
    color: #2A3A42;
}

.ce-feature-box-57.primary.active .text-box {
    background-color: #2A3A42;
}

.progressbar-style6 {
    background: #003366;
}

.ce-feature-box-60 .title {
    color: #2A3A42;
}

.ce-feature-box-68 .text-box {
    background-color: #2A3A42;
}

.cforms_sty3 .button {
    background: #003366;
    border: 1px solid #003366;
}

.sp-feature-box-3 .img-box .badge {
    background-color: #2A3A42;
}

.sp-sc-icons li a:hover,
.sp-sc-icons li a.active {
    border: 1px solid #003366;
    color: #2A3A42;
}

.sp-sb-links li a:hover,
.sp-sb-links li a.active {
    color: #2A3A42;
}

.sp-feature-box-4 .submit-btn:hover {
    background-color: #2A3A42;
    border: 1px solid #003366;
}

.stars span i {
    color: #2A3A42;
}

.tp-caption.fe-white-box-5 {
    border: 3px solid #003366;
}

.sec-padding {
    padding: 50px 0;
}

.tp-caption.fe-white-box-5 .inner-box {
    background-color: #2A3A42;
}

.sp-feature-box-2 {
    background-color: #2A3A42;
}

.gallery .previews a:hover,
.gallery .previews a.selected {
    border: 1px solid #003366;
}

h2 {
    font-size: 4rem;
    font-weight: 500;
}

p,
li {
    font-size: 2rem;
}

li {
    margin-bottom: 15px;
}

.section-light,
.form-body.bg-light {
    background-color: #f5f5f5;
}

.middle_contect_form .form-body .col-md-3 {
    float: inline-start;
}

.middle_contect_form .form-body [type="submit"] {
    margin-top: 30px;
    color: #f1f1f1
}

.middle_contect_form p {
    font-size: 4rem;
    line-height: 130%;
    color: #036;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold !important;
    letter-spacing: 0;
    word-spacing: 5px;
    line-height: 115%;
    color: #036;
}

.middle_contect_form {
    padding: 50px 0;
}

.whitch_phase_you_are {
    padding: 50px 0;
    background-color: #E0E0E0;
}

.smk_accordion.acc_with_icon .accordion_in .acc_head,
.smk_accordion.acc_with_icon .accordion_in .acc_content {
    font-size: 20px;
}

.whitch_phase_you_are .btn.border {
    color: #f1f1f1 !important;
    border-color: #000;
    background-color: #000;
    margin-inline-end: 2rem;
    font-size: 2rem;
}

.lawyer .text-box p,
.lawyer .text-box h3 {
    text-align: start;
}

.lawyer .col-md-12.text-center {
    text-align: center;
}

.lawyer .col-md-12.text-center p {
    font-size: 2.2rem;
    width: 50%;
    text-align: center;
    margin-inline-start: 25%;
}

.header-section.style1 {
    position: relative;
    background-color: transparent;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.topmainbar a:focus,
header a:focus,
.prev:focus,
.next:focus {
    outline: 2px solid #f1f1f1 !important;
}

.closingNow * {
    text-align: center;
}

.closingNow .border-dark {
    border-color: #000;
    color: #000;
    background-color: #f1f1f1;
    font-size: 2rem;
}

.closingNow .border-dark.primary {
    background: #003366;
    color: #fff;
    font-size: 2.3rem;
}

.clients_recommends img {
    border-radius: 50%;
    border: 1px solid #000;
    background-color: #fff;
}

.clients_recommends h3 {
    font-size: 16px;
}

.testimonials-2.active .inner-box {
    border: 1px solid #000;
}

.clients_recommends .testimonials-2 .inner-box .img-main {
    float: left;
    left: 0;
    position: absolute;
    top: auto;
    bottom: -65px;
    width: 100%;
}

p {
    line-height: 130%;
}

.closingNow .container {
    padding: 50px 0;
}

.closingNow .sec-title-container.less-padding-1 {
    padding-bottom: 30px;
}

.testimonials-2 {
    height: 350px;
}

.testimonials-2.active .inner-box {
    height: 100%;
}

.testimonials-2.active .inner-box p {
    display: block;
    overflow-y: scroll;
    height: 100%;
    scrollbar-width: none;
}

.youdidntknow p.savemoney {
    font-size: 35px;
}

.slides-container {
    scrollbar-width: none;
    direction: ltr  ;
}

.clients_slider .slides-container{
  direction: ltr !important ;
}

.topbar-transparent,
.header-section.style1 {
    background: rgba(2, 2, 3, 0.95);
}

.text-white {
    color: #fff !important;
}

.pagenation-holder .breadcrumb {
    float: unset;
    margin-bottom: 0px;
    background-color: transparent;
    color: #525252;
}

.breadcrumb>.active,
.pagenation-holder .breadcrumb a {
    outline: medium none !important;
    color: #525252;
}

.breadcrumb>.active {
    text-decoration: underline;
}

article h2,
article h3,
article h4,
article h5,
article h6 article h2 *,
article h3 *,
article h4 *,
article h5 *,
article h6 * {
    text-align: start;
}

article h2,
article h3,
article h4,
article h5,
article h6 {
    font-weight: 500;
    padding: 30px 0 10px;
}

article h2 {
    font-size: 3rem;
}

article h3 {
    font-size: 2.5rem;
}

article h4 {
    font-size: 2.2rem;
}

article h5,
article h6 {
    font-size: 2rem;
}


/*summary */

.article_body>div>p,
.article_body>div>h3 {
    padding: 30px 20px 10px;
    margin: 0;
}

.article_body>div>p {
    background-color: transparent;
    padding: 15px 20px;
    margin: 0;
}



.article_body>div>*:has(+ ul),
.article_body>div>*:has(+ ol),
.article_body>div>*+ul,
.article_body>div>*+ol {
    padding: 20px 20px 10px;
    width: 100%;
}

.article_body>div>h2 {
    padding: 30px 20px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding-block-end: 0;
}



.article_body >div ol {
    display: table;
    list-style-position: inside;
}


.article_body>div>ul {
    display: table;
    list-style-type: disc;
    list-style-position: inside;
}

.pagenation-holder .breadcrumb a {
    color: #036;
    font-weight: bold;
}

.summary>p {
    font-size: 50px;
}

section a {
    color: #036 !important;
    padding: 2px 6px;
    text-decoration: underline !important;
}

footer+div+section a {
    color: #fff !important;
    padding: 2px 6px;
    text-decoration: underline !important;
}

section.services {
    background-color: #F2F6FC;
}

.text-start .text-start * {
    text-align: start;
}

article .article-summary {
    margin-bottom: 20px;
}

article .ce-feature-box-42 {
    border: #525252 1px solid;
}

article .ce-feature-box-42.summary {
    border: #525252 1px solid;
}

.interested .ce-title-line.align-left {
    margin: 15px 0% 0 auto;
}

.interested .sec-padding {
    padding: 75px 0;
}

.pagenation-holder {
    padding: 25px 0 25px;
}

.contect-sec {
    /*background-color:  #9026A2 ;*/
    background-color: #F2F6FC;
}

.lawyer-sec {
    background-color: #E6EDF5;
}

.clients-sec {
    background-color: #FFFFFF;
}

.closingNow-sec {
    background-color: #F2F6FC;
}

.clients_recommends-sec {
    background-color: #F7F9FB;
}

.youdidntknow-sec {
    background-color: #F2F6FC;
}

.homePageFaqs-sec {
    background-color: #F7F9FB;
}

.interested>section:nth-child(odd) {
    background-color: #EEF2F7;
}

.youdidntknow h2 {
    text-align: center !important;
}

.interested img {
    width: 250px;
    margin: 30px 0 10px;
}

article .ce-feature-box-42.summary {
    background-color: #EEF2F7;
}

.interested .col-md-6,
.interested .col-md-3 {
    float: inline-start;
}

.toovya_story h2,
.toovya_story p {
    color: #000;
}

.toovya_story *,
.contect-sec {
    background-color: #F2F6FC;
    /* אפור בהיר מאוד */
}

.lawyer-sec {
    background-color: #F0F0F0;
    /* אפור בהיר */
    padding: 75px 0;
}

.witch_phase-sec {
    background-color: #F2F6FC;
    /* אפור בהיר-בינוני */
    padding: 75px 0;
}

.clients-sec {
    padding: 75px 0;
    background-color: #121212;
    /* לבן נקי לאזור הלקוחות */
}

.clients_slider .prev,
.clients_slider .next {
    background-color: #121212;
}

.closingNow-part1-sec {
    background-color: #F2F6FC;
    /* אפור בינוני */
    padding: 75px 0;
}

.closingNow-part2-sec {
    background-color: #EBEBEB;
    /* אפור בינוני */
    padding: 75px 0;
}

.clients_recommends-sec {
    padding: 75px 0;
    background-color: #F5F5F5;
    /* אפור בהיר דומה לאזור התוכן אך שונה מספיק */
}

.youdidntknow-sec {
    background-color: #F2F6FC;
}

.homePageFaqs-sec {
    background-color: #F7F7F7;
    /* אפור בהיר מאוד לאזור השאלות הנפוצות */
}

.badge.badge-secondary {
    background-color: #9026A2;
    color: #fff;
    font-size: 2rem;
    padding: 5px 10px;
    margin-inline: 15px;
    margin: 0 0 15px 5px;
    border-radius: 3px;
}

.blog-item h2 {
    color: #000;
    padding: 10px 20px;
    font-size: 30px;
    background-color: #9026A2;
    height: 100%;
    text-align: center !important;
    display: block;
    float: unset !important;
    align-content: center;
}

.blog-item h2 a {
    text-align: center !important;
    display: block;
    float: unset !important;
}

section.services+section {
    background-color: #F0F0F0;
}

.homePageFaqs h2 {
    text-align: center !important;
}

.ce-feature-box-34 .icon {
    color: #fff;
    border: 1px solid rgba(0, 0, 0, .3);
    margin-bottom: 15px;
}

section.services+section .ce-feature-box-34 .icon {
    color: #121212;
}

.fo-copyright-holder {
    color: #fff;
    padding: 20px 0 10px;
}

.ce-feature-box-42 ul {
    list-style-type: unset;
}

.acessible_websites .sec-padding {
    padding: 50px 0;
}

.acessible_websites .sec-padding .sec-title-container {
    padding: 50px 0 20px;
}

.acessible_websites .ce-feature-box-64 {
    box-shadow: 4px 0px 13px rgba(0, 0, 0, 0.15)
}

.acessible_websites .ce-feature-box-64 .b-line {
    position: absolute;
    width: 0%;
    float: right;
    height: 3px;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    background-color: #000;
    transition: all 0.3s ease-out 0s;
}

.acessible_websites .ce-feature-box-64 .b-line-2 {
    position: absolute;
    width: 100%;
    float: left;
    height: 3px;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    background-color: #9026A2;
    transition: all 0.3s ease-out 0s;
}

.acessible_websites .ce-feature-box-64:hover .b-line-2 {
    background-color: #9026A2;
}

.acessible_websites .ce-feature-box-64:hover .b-line-2 {
    width: 0%;
    background-color: #9026A2;
}

.acessible_websites .ce-feature-box-64:hover .b-line {
    width: 100%;
    background-color: #003366;
}

.acessible_websites .ce-feature-box-38 p,
.acessible_websites .ce-feature-box-38 .title {
    color: #ababab !important;
}

.acessible_websites .text-box-right {
    padding: 0 0 0 25px;
}

.acessible_websites .ce-feature-box-38:hover {
    background-color: #9026A2 !important;
}

.acessible_websites .ce-feature-box-38:hover * {
    color: #003366 !important;
}

.textcolor {
    background-color: #9026A2;
    text-decoration: underline;
    color: #f1f1f1 !important;
    font-weight: bold;
    padding: 5px 28px;
    display: inline-block;
    margin: 18px 0;
    border-radius: 4px;
}

.textcolor2 {
    background-color: #9026A2;
    text-decoration: underline;
    color: #f1f1f1;
    font-weight: bold;
    padding: 5px 28px;
    display: inline-block;
    margin: 18px 0;
    border-radius: 4px;
}

a.textcolor,
.btn-prim,
[class*="btn-dark"] {
    background-color: #9026A2 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: bold !important;
    border-radius: 3px;
}

.textcolordark {
    background-color: #9026A2 !important;
    color: #f1f1f1 !important;
    font-weight: bold;
    padding: 10px 28px !important;
    display: inline-block;
    margin: 18px 0;
    border-radius: 4px;
    border: 1px solid #9026A2 !important;
}

a.textcolordark,
button.textcolordark {
    text-decoration: underline;
}

.textcolordark:focus,
.textcolordark:hover {
    background-color: #9026A2 !important;
    color: #F3E5F5 !important;
    transition: all 1s;
    zoom: 1.1;
    
}

.smk_accordion .accordion_in.acc_active>.acc_head {
    font-weight: bold;
}

.smk_accordion .accordion_in.acc_active>* {
    background-color: #9026A2;
}

.box_border {
    box-shadow: 4px 0px 13px rgba(0, 0, 0, 0.15);
}

.call-to-action {
    border: 2px solid #9026A2;
}

.pricing-badge.badge-small span.price {
    color: #003366;
    font-size: 25px;
}

.pricing-badge.badge-small {
    font-size: 16px;
    top: 0px;
    right: 0;
    background-color: #9026A2;
    color: #003366;
    rotate: 30deg;
    height: 80px;
    line-height: 17px;
    padding: 30px 0 0;
    width: 80px;
}

a:focus,
a:hover,
.btn.btn-border:focus.dark,
.btn.btn-border:hover.dark {
    color: #fff !important;
    background-color: #AA00FF !important;
    border-color: #AA00FF !important;
}


.pricing-table-2.active .inner-box,
.team-style-2.active,
.team-style-2.active:focus-within,
.testimonials-2.active .inner-box,
.pricing-table-2:hover .inner-box,
.team-style-2:hover,
.team-style-2:focus-within,
.testimonials-2:hover .inner-box {
    border: 3px solid #9026A2;
    transition: .3s ease-out;
}

.pricing-table-2 .inner-box {
    border: 3px solid #e4e4e4;
}

.pricing-table-2.active .inner-box {
    border: 3px solid #9026A2;
}

.pricing-table-2.active:hover .inner-box,
.team-style-2.active:hover,
.team-style-2.active:focus-within,
.testimonials-2.active:hover .inner-box {
    border: 3px solid #003366;
}

.pricing-table-2.active .inner-box .price-circle,
.pricing-table-2:focus-within .inner-box .price-circle,
.pricing-table-2:hover .inner-box .price-circle {
    border: 3px solid #9026A2;
}

.pricing-table-2.active:hover .inner-box .price-circle {
    border: 3px solid #003366;
}

.choose_package .badge.badge-pill {
    font-size: 25px;
    margin-inline: 10px;
    padding: 6px 20px;
    color: #003366 !important;
    background-color: #9026A2 !important;
    height: 150px;
    line-height: 17px;
    padding: 18px 0 0;
    width: 150px;
    border-radius: 50%;
    text-align: center;
    padding-top: 45px;
    line-height: 120%;
}

.tooltip-wrapper {
    position: relative;
    display: inline-block;
    float: inline-end;
}

.tooltip-wrapper .tooltip-text {
    visibility: hidden;
    opacity: 0;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 0.3em;
    padding: 6px 10px;
    position: absolute;
    z-index: 10;
    bottom: 120%;
    /* אפשר לשנות ל-top/left/right */
    left: 50%;
    transform: translateX(-50%);
    transition: opacity 0.2s ease-in-out;
    width: max-content;
    max-width: 200px;
    font-size: 18px;
}

.tooltip-wrapper .tooltip-connect {
    visibility: hidden;
    opacity: 0;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 0.3em;
    padding: 6px 10px;
    position: absolute;
    z-index: 10;
    bottom: 85%;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity 0.2s ease-in-out;
    width: 60px;
    height: 15px;
    font-size: 14px;
}

.two-columns-list {
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 10px 30px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.two-columns-list i {
    width: 40px;
    height: 40px;
}

.tooltip-wrapper:focus-within .tooltip-connect,
.tooltip-wrapper:focus-within .tooltip-text,
.tooltip-wrapper:focus .tooltip-connect,
.tooltip-wrapper:hover .tooltip-connect,
.tooltip-wrapper:focus .tooltip-text,
.tooltip-wrapper:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.tooltip-wrapper:hover .tooltip-text li,
.tooltip-wrapper:focus .tooltip-text li {
    padding: 0 0px 0 8px;
    border: none;
    text-align: start;
    border-inline-end: 1px solid #f1f1f1;
}

.buyless:hover {
    background-color: #9026A2 !important;
    color: #003366 !important;
    border-color: #003366 !important;
}

.pricing-table-3,
.pricing-table-4 th .title-header .price,
.pricing-table-4 th .title-header {
    background: #e9e9e9;
    color: #000;
}

.title-header.active {
    background-color: #9026A2 !important;
    color: #fff !important;
    border-color: #003366 !important;
}

.pricing-table-4 th .title-header.active .price,
.title-header.active .price {
    color: #fff !important;
    border-color: #9026A2 !important;
    background-color: #9026A2 !important;
}

.pricing-table {
    font-size: 20px;
}

.table>tbody>tr>td,
.table>tbody>tr>th {
    padding-top: 10px;
    vertical-align: middle;
}

.table>tbody>tr>th {
    text-align: start;
}

.table .tooltip-text {
    font-weight: normal;
}


/* צבע רקע קל לעמודה האמצעית */

.highlight-column {
    background-color: #9026A2;
    font-weight: bold;
    color: #f1f1f1;
}

.highlight-column .fa-check {
    color: #f1f1f1;
    font-size: 25px;
}


/* הדגשה של הכותרת בעמודה */

.title-header.active {
    background-color: #9026A2;
    color: white;
    padding: 15px;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}


/* לחצן בעמודה האמצעית */

.highlight-column a.btn {
    background-color: #003366;
    color: #fff !important;
    border-color: #003366;
}

.highlight-column a.btn:hover {
    background-color: #9026A2;
    border-color: #9026A2;
}

ul.steps_wrap {
    display: flex;
}

ul.steps_wrap li {
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 40px;
}

ul.steps_wrap li .icons {
    font-size: 25px;
    color: #9026A2;
    margin: 0 60px;
}

ul.steps_wrap li .label {
    font-family: sans-serif;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: bold;
    color: #9026A2;
}

ul.steps_wrap li .step {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: #003366;
    margin: 16px 0 10px;
    display: grid;
    place-items: center;
    color: ghostwhite;
    position: relative;
    cursor: pointer;
}

.step::after {
    content: "";
    position: absolute;
    width: 197px;
    height: 3px;
    background-color: #003366;
    left: 30px;
}

.first::after {
    width: 0;
    height: 0;
}

ul.steps_wrap li .step .awesome {
    display: none;
}

ul.steps_wrap li .step p {
    font-size: 18px;
}

ul.steps_wrap li .active {
    background-color: #9026A2;
}

ul.steps_wrap .active::after {
    background-color: #9026A2;
}

ul.steps_wrap li .active p {
    display: none;
}

li .active .awesome {
    display: flex;
}

ul.steps_wrap>li:nth-child(1) {
    margin-inline-start: 0;
}

.article_body img {
    width: 70%;
    height: auto;
    margin: 0 10%;
    text-align: center;
}


.float_num {
    position: fixed;
    left: 0px;
    top: 90%;
    z-index: 99;
    color: #fff !important;
}

.float_num a {
    color: #001F3F !important;
    padding: 20px;
    background-color: #25D366;
    font-size: 20px;
}



.btn.btn-small {
    font-size: 16px;
}


.cforms_sty3 .button {
    font-size: 16px;
    border: none !important;
}


.clearfix + .hero_slider{
  margin-top: 100px;
}

.main-content:has(.hero_slider:not(.mainimg_with_btn)) ,
.clearfix + .hero_slider{
  margin-top: 70px;
}


/*
#9026A2
#2A3A42
#003366
*/


.article_body *:not(h2):not(h3):not(h4):not(h5):not(h6) {
    text-align: left !important;
}
.rtl_lang  .article_body *:not(h2):not(h3):not(h4):not(h5):not(h6) {
    text-align: right !important;
}

body.rtl_lang {

    .accessibility_with_js *,
    .faq_page *,
    .acessible_websites *,
    section.services+section *,
    section.services *,
    .about-page *,
    .categories *,
    .homePageFaqs *,
    article *,
    .pagenation-holder .breadcrumb,
    .breadcrumb *,
    .clients_recommends .testimonials-2 .inner-box *,
    .topmainbar *,
    .youdidntknow *,
    .closingNow *,
    .lawyer *,
    .whitch_phase_you_are *,
    .sec-padding *,
    .call-to-action *,
    .form-middle_contect_form * {
        direction: rtl;
    }

    .col-md-offset-2 {
        margin-inline-start: 16.66666667%;
    }

    .homePageFaqs *,
    .interested .sec-padding * {
        direction: rtl;
        text-align: start;
    }

    footer a {
        color: #bababa;
    }

    .homePageFaqs .col-md-6,
    .homePageFaqs .col-sm-6,
    .homePageFaqs .col-xs-12,
    .categories .col-md-4,
    .accessibility_with_js [class*="col-md-"],
    .categories .col-md-8,
    .youdidntknow .col-md-12,
    .youdidntknow .col-md-4 {
        float: inline-start !important;
    }

    .call-to-action *,
    .faq_page .col-md-4,
    .acessible_websites .col-md-4,
    .topbar-left-items,
    .toplist li,
    .about-page .iconbox-small {
        float: right;
    }

    .header-section .main-nav .nav.top-nav,
    .pull-right {
        float: left !important;
    }

    .our_accessibility *,
    .breadcrumb *,
    .topmainbar *,
    .text-left {
        text-align: right;
    }

    .footer-quick-links li a i,
    .footer-quick-links-2 li a i,
    .footer-quick-links-3 li a i,
    .footer-quick-links-4 li a i {
        float: inline-end;
        rotate: 180deg;
        padding: 0 0 4px 10px;
    }

    .redirects301 [name="old_url"],
    .redirects301 [name="new_url"] {
        text-align: left;
        direction: ltr;
    }

    .redirects301 [class*="col-"],
    footer ul *,
    footer .row>*,
    .blog-page *,
    #menu,
    #menu *,
    .mod-menu>.row>.col-sm-2,
    .mod-menu>.row>.col-sm-10,
    .article-placeholder *:not(button),
    .pages-sidebar-item * {
        direction: rtl;
        float: right;
        text-align: start;
    }

    .youdidntknow .ce-title-line.align-left {
        width: 12%;
        height: 2px;
        margin: 15px 44% 0 auto;
    }

    .ce-title-line {
        width: 12%;
        height: 2px;
        margin: 15px auto 0;
    }
}

.title-header {
    padding: 15px;
}

.pricing-table-4 tr td i {
    color: unset;
}
#cookieConsentDialog{
  width: 100%; 
  max-width: none; 
  border: none; 
  margin: calc(100vh - 300px) auto 0;
  max-height: 300px; 
  position: fixed; 
  bottom: 0; z-index: 9999; 
  background: #f8f8f8;
  overflow-y: scroll;
}

.pricing-table-4 th .title-header.first{
  margin-top: 0;
}

tr:first-child > td:not(thead th + td){
  border: 1px solid #ddd !important;
}


@media(min-width:769px) {
  .two-columns-list li{
    text-align: start;
  }
  /*.hero_slider:not(.hero-sec) .slide-text-heading{
      top: 65%;
  }*/
}

@media(max-width:1024px) {
      .hero_slider .slide-text-heading {
        font-size: 3rem !important;
        padding: 36px 0px !important;
    }

    .collapse {
        display: none;
    }

    .navbar-toggle {
        display: block;
    }

    header a.navbar-toggle {
        outline: 2px solid #9026A2 !important;
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
      .header-section .logo {
    width: 60px;
  }

  .navbar-toggle{
    margin-right: 0px;
    padding: 10px;
  }
  .pricing-table-4 tr {
        display: inherit;
        width: 100%;
        margin-bottom: 20px;
    }
   .pricing-table-4 td, .pricing-table-4 th {
        display: block;
        width: 100%;
    }
    .pricing-table-4 td {
        display: inline-block;
        width: 49%;
        border-radius: 0;
        padding: 15px;
    }
    .pricing-table-4 .title-header.active{
      
      border-radius: 0;
    }

    .pricing-table-4 td .title-header{
      min-height: 120px;
    }

}

@media(max-width:768px) {
   .pricing-table-4 tr {
        display: inherit;
        width: 100%;
        margin-bottom: 20px;
    }
   .pricing-table-4 td, .pricing-table-4 th {
        display: block;
        width: 100%;
    }
    .pricing-table-4 td {
        display: inline-block;
        width: 49%;
        border-radius: 0;
        padding: 15px;
    }
    .pricing-table-4 .title-header.active{
      
      border-radius: 0;
    }

    .pricing-table-4 td .title-header{
      min-height: 120px;
    }

    .two-columns-list i {
        display: block;
        margin: auto !important;
    }

    .float_num {

        z-index: 999;
        top: 90%;
        color: #fff !important;
    }

    .float_num a {
        display: block;
        width: 100%;
        text-align: center;
        color: #fff !important;
    }

    .hero_slider:not(.hero-sec) .slider_outer {
         height: calc(40vh - 91px);
    }

    .hero_slider:not(.hero-sec)  .slider {
        height: 40vh ;
    }

    .hero_slider:not(.hero-sec) .slide-text-heading{
      top: 45%;
    }
}


@media (max-width: 1024px) {

}

@media (max-width: 640px) {

   .hero_slider:not(.hero-sec):not(.mainimg_with_btn) .slider_outer {
         height: calc(40vh - 91px); 
    }

    .hero_slider:not(.hero-sec):not(.mainimg_with_btn)  .slider { 
        height: 40vh ;
    }

    .hero_slider.mainimg_with_btn .slider_outer {
         height: calc(70vh - 91px); 
    }

    .hero_slider.mainimg_with_btn  .slider { 
        height: 70vh ;
    }

    .hero_slider .slide-text{
      font-size: 2.25rem;
      padding: 0 0 !important;
      width: 100%;
      top: 73%;
    }

    .hero_slider .slide-text-heading {
        font-size: 3.5rem !important;
        padding: 25px 0px !important;
        top: 40% !important;
    }

    ul.toplist.pull-right {
        width: 150% !important;
    }

    .homepage_heading {
        width: 65px !important;
    }

    .homepage_heading h1 {
        font-size: 20px !important;
    }

    .homepage_heading+div ul.toplist.pull-right {
        width: 100% !important;
    }

    body:has(.homepage_heading) .hero_slider .slide-text {
        font-size: 2rem;
        width: 80%;
        top: 70%;
    }

    body:has(.homepage_heading) .hero_slider .slide-text-heading {
        width: 65%;
    }

    body:has(.homepage_heading) .middle_contect_form p {
        font-size: 3rem;
        line-height: 100%;
    }

    body:has(.homepage_heading) .middle_contect_form .form-body {
        padding: 10px;
    }

    body:has(.homepage_heading) .middle_contect_form .form-body .col-md-3 {
        width: 100%;
    }

    body:has(.homepage_heading) h3 {
        font-size: 24px;
    }

    body:has(.homepage_heading) .lawyer-sec.lawyer .col-md-4 .text-box {
        margin-bottom: 30px;
        border-block-end: 1px solid #555;
    }

    body:has(.homepage_heading) .witch_phase-sec a {
        width: 100%;
    }

    h2 {
        font-size: 3rem;
        font-weight: 500;
    }

    .clients_recommends .testimonials-2 .inner-box .img-main {
        bottom: -50%;
    }

    header a.navbar-toggle {
        outline: 2px solid #9026A2 !important;
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    .frameworksSlider .slider_outer {
        height: 200px !important;
    }

    .ce-feature-box-64 {
        margin-bottom: 30px !important;
    }

    .acessible_websites .ce-feature-box-64 .b-line,
    .acessible_websites .ce-feature-box-64 .b-line-2 {
        width: 90%;
        left: 5%;
    }

    [aria-label="ניווט בין קטגוריות מונחים"] ul {
        padding: 0;
    }

    [aria-label="ניווט בין קטגוריות מונחים"] .list-inline-item {
        width: 40% !important;
    }

    [aria-label="ניווט בין קטגוריות מונחים"] .list-inline-item a {
        width: 100% !important;
        padding: 15px 0px;
    }

    [aria-label="ניווט בין קטגוריות "] ul {
        padding: 0;
    }

    [aria-label="ניווט בין קטגוריות "] .list-inline-item {
        width: 40% !important;
    }

    [aria-label="ניווט בין קטגוריות "] .list-inline-item a {
        width: 100% !important;
        padding: 15px 0px;
    }

    .article_body >div ol li{
      width: 70%;
      display: flow-root list-item;
      /*list-style-position: inside;*/
    }

    .hero_slider .slide-text-heading{
     width: 100%;
     top: 40% !important;
    }
    
    #cookieConsentDialog{
      margin: calc(100vh - 50vh) auto 0 !important;
      max-height: 50vh; 
    }

}

@media (max-width: 320px) {

    .pricing-table-4 td .title-header{
      min-height: 175px;
    }

    .hero_slider:not(.hero-sec) .slider_outer {
         height: calc(100vh - 91px); 
    }

    .hero_slider:not(.hero-sec)  .slider {
        height: 100vh ;
    }

    .hero_slider:not(.hero-sec) .slide-text-heading{
      top: 38%;
    }

    .hero_slider .slide-text-heading{
     width: 100%;
    }

    .hero_slider .slide-text{
      font-size: 2.25rem;
      padding: 0 0 !important;
      width: 100%;
      top: 73%;
    }



}



/*
#9026A2
#2A3A42
#003366
*/




































html {
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  min-height: 100%;
  position: relative;
  padding-bottom: 3rem;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  background: linear-gradient(170deg, rgba(49, 57, 73, 0.8) 20%, rgba(49, 57, 73, 0.5) 20%, rgba(49, 57, 73, 0.5) 35%, rgba(41, 48, 61, 0.6) 35%, rgba(41, 48, 61, 0.8) 45%, rgba(31, 36, 46, 0.5) 45%, rgba(31, 36, 46, 0.8) 75%, rgba(49, 57, 73, 0.5) 75%), linear-gradient(45deg, rgba(20, 24, 31, 0.8) 0%, rgba(41, 48, 61, 0.8) 50%, rgba(82, 95, 122, 0.8) 50%, rgba(133, 146, 173, 0.8) 100%) #313949;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

/*
 * Animated CSS button
 * Copyright Alexander Bodin 2019-09-07
 *
 * Useage: .class {@import button($button-size, $hue, $sat);}
 */
.animated-button {
  background: linear-gradient(-30deg,#9026A2 50%, #9026A2 50%);
  padding: 20px 40px;
  margin: 12px;
  display: inline-block;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  overflow: hidden;
  color: #d4e0f7;
  font-size: 20px;
  letter-spacing: 2.5px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #8592ad;
  opacity: 0;
  -webkit-transition: .2s opacity ease-in-out;
  transition: .2s opacity ease-in-out;
}

.animated-button:hover::before {
  opacity: 0.2;
}

.animated-button span {
  position: absolute;
}

.animated-button span:nth-child(1) {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(8, 20, 43, 0)), to(#0b1b3d));
  background: linear-gradient(to left, rgba(8, 20, 43, 0), #0b1b3d);
  -webkit-animation: 2s animateTop linear infinite;
          animation: 2s animateTop linear infinite;
}

@-webkit-keyframes animateTop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes animateTop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.animated-button span:nth-child(2) {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 20, 43, 0)), to(#0b1b3d));
  background: linear-gradient(to top, rgba(8, 20, 43, 0), #0b1b3d);
  -webkit-animation: 2s animateRight linear -1s infinite;
          animation: 2s animateRight linear -1s infinite;
}

@-webkit-keyframes animateRight {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes animateRight {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.animated-button span:nth-child(3) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(8, 20, 43, 0)), to(#0b1b3d));
  background: linear-gradient(to right, rgba(8, 20, 43, 0), #0b1b3d);
  -webkit-animation: 2s animateBottom linear infinite;
          animation: 2s animateBottom linear infinite;
}

@-webkit-keyframes animateBottom {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes animateBottom {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
/* linear-gradient(-30deg,#9026A2 49%, #9026A2 0%) */
.animated-button span:nth-child(4) {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 20, 43, 0)), to(#0b1b3d));
  background: linear-gradient(to bottom, rgba(8, 20, 43, 0), #0b1b3d);
  -webkit-animation: 2s animateLeft linear -1s infinite;
          animation: 2s animateLeft linear -1s infinite;
}

@-webkit-keyframes animateLeft {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@keyframes animateLeft {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.animated-button1 {
  background: linear-gradient(-30deg, #3d0b0b 50%, #2b0808 50%);
  padding: 20px 40px;
  margin: 12px;
  display: inline-block;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  overflow: hidden;
  color: #f7d4d4;
  font-size: 20px;
  letter-spacing: 2.5px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button1::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #ad8585;
  opacity: 0;
  -webkit-transition: .2s opacity ease-in-out;
  transition: .2s opacity ease-in-out;
}

.animated-button1:hover::before {
  opacity: 0.2;
}

.animated-button1 span {
  position: absolute;
}

.animated-button1 span:nth-child(1) {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 8, 0)), to(#d92626));
  background: linear-gradient(to left, rgba(43, 8, 8, 0), #d92626);
  -webkit-animation: 2s animateTop linear infinite;
          animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.animated-button1 span:nth-child(2) {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 8, 0)), to(#d92626));
  background: linear-gradient(to top, rgba(43, 8, 8, 0), #d92626);
  -webkit-animation: 2s animateRight linear -1s infinite;
          animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.animated-button1 span:nth-child(3) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 8, 0)), to(#d92626));
  background: linear-gradient(to right, rgba(43, 8, 8, 0), #d92626);
  -webkit-animation: 2s animateBottom linear infinite;
          animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.animated-button1 span:nth-child(4) {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 8, 0)), to(#d92626));
  background: linear-gradient(to bottom, rgba(43, 8, 8, 0), #d92626);
  -webkit-animation: 2s animateLeft linear -1s infinite;
          animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.animated-button2 {
  background: linear-gradient(-30deg, #3d240b 50%, #2b1a08 50%);
  padding: 20px 40px;
  margin: 12px;
  display: inline-block;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  overflow: hidden;
  color: #f7e6d4;
  font-size: 20px;
  letter-spacing: 2.5px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button2::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #ad9985;
  opacity: 0;
  -webkit-transition: .2s opacity ease-in-out;
  transition: .2s opacity ease-in-out;
}

.animated-button2:hover::before {
  opacity: 0.2;
}

.animated-button2 span {
  position: absolute;
}

.animated-button2 span:nth-child(1) {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(43, 26, 8, 0)), to(#d98026));
  background: linear-gradient(to left, rgba(43, 26, 8, 0), #d98026);
  -webkit-animation: 2s animateTop linear infinite;
          animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.animated-button2 span:nth-child(2) {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 26, 8, 0)), to(#d98026));
  background: linear-gradient(to top, rgba(43, 26, 8, 0), #d98026);
  -webkit-animation: 2s animateRight linear -1s infinite;
          animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.animated-button2 span:nth-child(3) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(43, 26, 8, 0)), to(#d98026));
  background: linear-gradient(to right, rgba(43, 26, 8, 0), #d98026);
  -webkit-animation: 2s animateBottom linear infinite;
          animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.animated-button2 span:nth-child(4) {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 26, 8, 0)), to(#d98026));
  background: linear-gradient(to bottom, rgba(43, 26, 8, 0), #d98026);
  -webkit-animation: 2s animateLeft linear -1s infinite;
          animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.animated-button3 {
  background: linear-gradient(-30deg, #3d3d0b 50%, #2b2b08 50%);
  padding: 20px 40px;
  margin: 12px;
  display: inline-block;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  overflow: hidden;
  color: #f7f7d4;
  font-size: 20px;
  letter-spacing: 2.5px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button3::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #adad85;
  opacity: 0;
  -webkit-transition: .2s opacity ease-in-out;
  transition: .2s opacity ease-in-out;
}

.animated-button3:hover::before {
  opacity: 0.2;
}

.animated-button3 span {
  position: absolute;
}

.animated-button3 span:nth-child(1) {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(43, 43, 8, 0)), to(#d9d926));
  background: linear-gradient(to left, rgba(43, 43, 8, 0), #d9d926);
  -webkit-animation: 2s animateTop linear infinite;
          animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.animated-button3 span:nth-child(2) {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 43, 8, 0)), to(#d9d926));
  background: linear-gradient(to top, rgba(43, 43, 8, 0), #d9d926);
  -webkit-animation: 2s animateRight linear -1s infinite;
          animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.animated-button3 span:nth-child(3) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(43, 43, 8, 0)), to(#d9d926));
  background: linear-gradient(to right, rgba(43, 43, 8, 0), #d9d926);
  -webkit-animation: 2s animateBottom linear infinite;
          animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.animated-button3 span:nth-child(4) {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 43, 8, 0)), to(#d9d926));
  background: linear-gradient(to bottom, rgba(43, 43, 8, 0), #d9d926);
  -webkit-animation: 2s animateLeft linear -1s infinite;
          animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.animated-button4 {
  background: linear-gradient(-30deg, #243d0b 50%, #1a2b08 50%);
  padding: 20px 40px;
  margin: 12px;
  display: inline-block;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  overflow: hidden;
  color: #e6f7d4;
  font-size: 20px;
  letter-spacing: 2.5px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button4::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #99ad85;
  opacity: 0;
  -webkit-transition: .2s opacity ease-in-out;
  transition: .2s opacity ease-in-out;
}

.animated-button4:hover::before {
  opacity: 0.2;
}

.animated-button4 span {
  position: absolute;
}

.animated-button4 span:nth-child(1) {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(26, 43, 8, 0)), to(#80d926));
  background: linear-gradient(to left, rgba(26, 43, 8, 0), #80d926);
  -webkit-animation: 2s animateTop linear infinite;
          animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.animated-button4 span:nth-child(2) {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(26, 43, 8, 0)), to(#80d926));
  background: linear-gradient(to top, rgba(26, 43, 8, 0), #80d926);
  -webkit-animation: 2s animateRight linear -1s infinite;
          animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.animated-button4 span:nth-child(3) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(26, 43, 8, 0)), to(#80d926));
  background: linear-gradient(to right, rgba(26, 43, 8, 0), #80d926);
  -webkit-animation: 2s animateBottom linear infinite;
          animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.animated-button4 span:nth-child(4) {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 43, 8, 0)), to(#80d926));
  background: linear-gradient(to bottom, rgba(26, 43, 8, 0), #80d926);
  -webkit-animation: 2s animateLeft linear -1s infinite;
          animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.animated-button5 {
  background: linear-gradient(-30deg, #0b3d0b 50%, #082b08 50%);
  padding: 20px 40px;
  margin: 12px;
  display: inline-block;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  overflow: hidden;
  color: #d4f7d4;
  font-size: 20px;
  letter-spacing: 2.5px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button5::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #85ad85;
  opacity: 0;
  -webkit-transition: .2s opacity ease-in-out;
  transition: .2s opacity ease-in-out;
}

.animated-button5:hover::before {
  opacity: 0.2;
}

.animated-button5 span {
  position: absolute;
}

.animated-button5 span:nth-child(1) {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(8, 43, 8, 0)), to(#26d926));
  background: linear-gradient(to left, rgba(8, 43, 8, 0), #26d926);
  -webkit-animation: 2s animateTop linear infinite;
          animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.animated-button5 span:nth-child(2) {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 43, 8, 0)), to(#26d926));
  background: linear-gradient(to top, rgba(8, 43, 8, 0), #26d926);
  -webkit-animation: 2s animateRight linear -1s infinite;
          animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.animated-button5 span:nth-child(3) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(8, 43, 8, 0)), to(#26d926));
  background: linear-gradient(to right, rgba(8, 43, 8, 0), #26d926);
  -webkit-animation: 2s animateBottom linear infinite;
          animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.animated-button5 span:nth-child(4) {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 43, 8, 0)), to(#26d926));
  background: linear-gradient(to bottom, rgba(8, 43, 8, 0), #26d926);
  -webkit-animation: 2s animateLeft linear -1s infinite;
          animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.animated-button6 {
  background: linear-gradient(-30deg, #0b3d24 50%, #082b1a 50%);
  padding: 20px 40px;
  margin: 12px;
  display: inline-block;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  overflow: hidden;
  color: #d4f7e6;
  font-size: 20px;
  letter-spacing: 2.5px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button6::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #85ad99;
  opacity: 0;
  -webkit-transition: .2s opacity ease-in-out;
  transition: .2s opacity ease-in-out;
}

.animated-button6:hover::before {
  opacity: 0.2;
}

.animated-button6 span {
  position: absolute;
}

.animated-button6 span:nth-child(1) {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(8, 43, 26, 0)), to(#26d980));
  background: linear-gradient(to left, rgba(8, 43, 26, 0), #26d980);
  -webkit-animation: 2s animateTop linear infinite;
          animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.animated-button6 span:nth-child(2) {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 43, 26, 0)), to(#26d980));
  background: linear-gradient(to top, rgba(8, 43, 26, 0), #26d980);
  -webkit-animation: 2s animateRight linear -1s infinite;
          animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.animated-button6 span:nth-child(3) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(8, 43, 26, 0)), to(#26d980));
  background: linear-gradient(to right, rgba(8, 43, 26, 0), #26d980);
  -webkit-animation: 2s animateBottom linear infinite;
          animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.animated-button6 span:nth-child(4) {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 43, 26, 0)), to(#26d980));
  background: linear-gradient(to bottom, rgba(8, 43, 26, 0), #26d980);
  -webkit-animation: 2s animateLeft linear -1s infinite;
          animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.animated-button7 {
  background: linear-gradient(-30deg, #0b3d3d 50%, #082b2b 50%);
  padding: 20px 40px;
  margin: 12px;
  display: inline-block;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  overflow: hidden;
  color: #d4f7f7;
  font-size: 20px;
  letter-spacing: 2.5px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button7::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #85adad;
  opacity: 0;
  -webkit-transition: .2s opacity ease-in-out;
  transition: .2s opacity ease-in-out;
}

.animated-button7:hover::before {
  opacity: 0.2;
}

.animated-button7 span {
  position: absolute;
}

.animated-button7 span:nth-child(1) {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(8, 43, 43, 0)), to(#26d9d9));
  background: linear-gradient(to left, rgba(8, 43, 43, 0), #26d9d9);
  -webkit-animation: 2s animateTop linear infinite;
          animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.animated-button7 span:nth-child(2) {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 43, 43, 0)), to(#26d9d9));
  background: linear-gradient(to top, rgba(8, 43, 43, 0), #26d9d9);
  -webkit-animation: 2s animateRight linear -1s infinite;
          animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.animated-button7 span:nth-child(3) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(8, 43, 43, 0)), to(#26d9d9));
  background: linear-gradient(to right, rgba(8, 43, 43, 0), #26d9d9);
  -webkit-animation: 2s animateBottom linear infinite;
          animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.animated-button7 span:nth-child(4) {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 43, 43, 0)), to(#26d9d9));
  background: linear-gradient(to bottom, rgba(8, 43, 43, 0), #26d9d9);
  -webkit-animation: 2s animateLeft linear -1s infinite;
          animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.animated-button8 {
  background: linear-gradient(-30deg, #0b243d 50%, #081a2b 50%);
  padding: 20px 40px;
  margin: 12px;
  display: inline-block;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  overflow: hidden;
  color: #d4e6f7;
  font-size: 20px;
  letter-spacing: 2.5px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button8::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #8599ad;
  opacity: 0;
  -webkit-transition: .2s opacity ease-in-out;
  transition: .2s opacity ease-in-out;
}

.animated-button8:hover::before {
  opacity: 0.2;
}

.animated-button8 span {
  position: absolute;
}

.animated-button8 span:nth-child(1) {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(8, 26, 43, 0)), to(#2680d9));
  background: linear-gradient(to left, rgba(8, 26, 43, 0), #2680d9);
  -webkit-animation: 2s animateTop linear infinite;
          animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.animated-button8 span:nth-child(2) {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 26, 43, 0)), to(#2680d9));
  background: linear-gradient(to top, rgba(8, 26, 43, 0), #2680d9);
  -webkit-animation: 2s animateRight linear -1s infinite;
          animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.animated-button8 span:nth-child(3) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(8, 26, 43, 0)), to(#2680d9));
  background: linear-gradient(to right, rgba(8, 26, 43, 0), #2680d9);
  -webkit-animation: 2s animateBottom linear infinite;
          animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.animated-button8 span:nth-child(4) {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 26, 43, 0)), to(#2680d9));
  background: linear-gradient(to bottom, rgba(8, 26, 43, 0), #2680d9);
  -webkit-animation: 2s animateLeft linear -1s infinite;
          animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.animated-button9 {
  background: linear-gradient(-30deg, #0b0b3d 50%, #08082b 50%);
  padding: 20px 40px;
  margin: 12px;
  display: inline-block;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  overflow: hidden;
  color: #d4d4f7;
  font-size: 20px;
  letter-spacing: 2.5px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button9::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #8585ad;
  opacity: 0;
  -webkit-transition: .2s opacity ease-in-out;
  transition: .2s opacity ease-in-out;
}

.animated-button9:hover::before {
  opacity: 0.2;
}

.animated-button9 span {
  position: absolute;
}

.animated-button9 span:nth-child(1) {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(8, 8, 43, 0)), to(#2626d9));
  background: linear-gradient(to left, rgba(8, 8, 43, 0), #2626d9);
  -webkit-animation: 2s animateTop linear infinite;
          animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.animated-button9 span:nth-child(2) {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 8, 43, 0)), to(#2626d9));
  background: linear-gradient(to top, rgba(8, 8, 43, 0), #2626d9);
  -webkit-animation: 2s animateRight linear -1s infinite;
          animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.animated-button9 span:nth-child(3) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(8, 8, 43, 0)), to(#2626d9));
  background: linear-gradient(to right, rgba(8, 8, 43, 0), #2626d9);
  -webkit-animation: 2s animateBottom linear infinite;
          animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.animated-button9 span:nth-child(4) {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 8, 43, 0)), to(#2626d9));
  background: linear-gradient(to bottom, rgba(8, 8, 43, 0), #2626d9);
  -webkit-animation: 2s animateLeft linear -1s infinite;
          animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.animated-button10 {
  background: linear-gradient(-30deg, #240b3d 50%, #1a082b 50%);
  padding: 20px 40px;
  margin: 12px;
  display: inline-block;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  overflow: hidden;
  color: #e6d4f7;
  font-size: 20px;
  letter-spacing: 2.5px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button10::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #9985ad;
  opacity: 0;
  -webkit-transition: .2s opacity ease-in-out;
  transition: .2s opacity ease-in-out;
}

.animated-button10:hover::before {
  opacity: 0.2;
}

.animated-button10 span {
  position: absolute;
}

.animated-button10 span:nth-child(1) {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(26, 8, 43, 0)), to(#8026d9));
  background: linear-gradient(to left, rgba(26, 8, 43, 0), #8026d9);
  -webkit-animation: 2s animateTop linear infinite;
          animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.animated-button10 span:nth-child(2) {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(26, 8, 43, 0)), to(#8026d9));
  background: linear-gradient(to top, rgba(26, 8, 43, 0), #8026d9);
  -webkit-animation: 2s animateRight linear -1s infinite;
          animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.animated-button10 span:nth-child(3) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(26, 8, 43, 0)), to(#8026d9));
  background: linear-gradient(to right, rgba(26, 8, 43, 0), #8026d9);
  -webkit-animation: 2s animateBottom linear infinite;
          animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.animated-button10 span:nth-child(4) {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 8, 43, 0)), to(#8026d9));
  background: linear-gradient(to bottom, rgba(26, 8, 43, 0), #8026d9);
  -webkit-animation: 2s animateLeft linear -1s infinite;
          animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.animated-button11 {
  background: linear-gradient(-30deg, #3d0b3d 50%, #2b082b 50%);
  padding: 20px 40px;
  margin: 12px;
  display: inline-block;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  overflow: hidden;
  color: #f7d4f7;
  font-size: 20px;
  letter-spacing: 2.5px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button11::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #ad85ad;
  opacity: 0;
  -webkit-transition: .2s opacity ease-in-out;
  transition: .2s opacity ease-in-out;
}

.animated-button11:hover::before {
  opacity: 0.2;
}

.animated-button11 span {
  position: absolute;
}

.animated-button11 span:nth-child(1) {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 43, 0)), to(#d926d9));
  background: linear-gradient(to left, rgba(43, 8, 43, 0), #d926d9);
  -webkit-animation: 2s animateTop linear infinite;
          animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.animated-button11 span:nth-child(2) {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 43, 0)), to(#d926d9));
  background: linear-gradient(to top, rgba(43, 8, 43, 0), #d926d9);
  -webkit-animation: 2s animateRight linear -1s infinite;
          animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.animated-button11 span:nth-child(3) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 43, 0)), to(#d926d9));
  background: linear-gradient(to right, rgba(43, 8, 43, 0), #d926d9);
  -webkit-animation: 2s animateBottom linear infinite;
          animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.animated-button11 span:nth-child(4) {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 43, 0)), to(#d926d9));
  background: linear-gradient(to bottom, rgba(43, 8, 43, 0), #d926d9);
  -webkit-animation: 2s animateLeft linear -1s infinite;
          animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.animated-button12 {
  background: linear-gradient(-30deg, #3d0b24 50%, #2b081a 50%);
  padding: 20px 40px;
  margin: 12px;
  display: inline-block;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  overflow: hidden;
  color: #f7d4e6;
  font-size: 20px;
  letter-spacing: 2.5px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button12::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #ad8599;
  opacity: 0;
  -webkit-transition: .2s opacity ease-in-out;
  transition: .2s opacity ease-in-out;
}

.animated-button12:hover::before {
  opacity: 0.2;
}

.animated-button12 span {
  position: absolute;
}

.animated-button12 span:nth-child(1) {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 26, 0)), to(#d92680));
  background: linear-gradient(to left, rgba(43, 8, 26, 0), #d92680);
  -webkit-animation: 2s animateTop linear infinite;
          animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.animated-button12 span:nth-child(2) {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 26, 0)), to(#d92680));
  background: linear-gradient(to top, rgba(43, 8, 26, 0), #d92680);
  -webkit-animation: 2s animateRight linear -1s infinite;
          animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.animated-button12 span:nth-child(3) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 26, 0)), to(#d92680));
  background: linear-gradient(to right, rgba(43, 8, 26, 0), #d92680);
  -webkit-animation: 2s animateBottom linear infinite;
          animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.animated-button12 span:nth-child(4) {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 26, 0)), to(#d92680));
  background: linear-gradient(to bottom, rgba(43, 8, 26, 0), #d92680);
  -webkit-animation: 2s animateLeft linear -1s infinite;
          animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
/*# sourceMappingURL=button.css.map */