/*
Theme Name: Couvreur
Theme URI: https://khrystev.dev/
Author: Roman Khrystev
Author URI: https://khrystev.dev/
Description: Couvreur
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1
Requires at least: 5.0
Tested up to: 5.5
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwenty
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.
*/


.loader {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -36px;
    width: 72px;
    height: 72px;
    border: 3px dotted #9d7132;
    border-style: solid solid dotted dotted;
    border-radius: 50%; 
    box-sizing: border-box;
    animation: rotation 2s linear infinite;
    z-index: 222;
  }
  
  .loader::after {
    content: '';  
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px dotted #000;
    border-style: solid solid dotted;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    animation: rotationBack 1s linear infinite;
    transform-origin: center center;
  }
      
  .loader::before {
    content: '';  
    box-sizing: border-box;
    position: absolute;
    left: 50%; 
    top: 50%; 
    margin: -24px;
    border: 2px dotted #000;
    border-style: solid dotted solid dotted;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    animation: rotationBack 2.5s linear infinite;
    transform-origin: center center;
  }
  
  .form {
    position: relative;
  }
  
  .form-messages {
    position: absolute;
    background-color: rgba(255,255,255,.7);
    z-index: 20;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    display: none;
  }
  
  .form-messages.active {
    display: flex;
  }
      
  @keyframes rotation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  } 
  @keyframes rotationBack {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-360deg);
    }
  } 

  /* flex items-center gap-2 text-slate-600 text-sm */
.services-features > * {
    font-size: 14px;
    color: rgba(71, 85, 105, 0.9); 
}
.services-features li { 
    list-style: none;
    position: relative; 
    display: flex; 
    gap: 8px; 
    align-items: center;
}

.services-features li:before {
    content: '';  
    width: 6px;
    height: 6px;
    background-color: var(--orange);
    border-radius: 50%;
}

.pricing-features > * {  
    font-size: 14px;
    margin-bottom: 12px;
}

.pricing-default .pricing-features > * {
    color: rgba(71, 85, 105, 0.9);
}
.pricing-features li { 
    list-style: none;
    position: relative; 
    display: flex; 
    margin-bottom: 12px;
    gap: 8px; 
    align-items: center;
}

.pricing-features li::before {
    content: '\2713';  
    color: #22c55e;
    font-size: 12px;
    font-weight: 600;
}