/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog,portfolio
Version: 2.3.1725959861
Updated: 2024-09-10 05:17:41

*/
 */
:root {
  --primary-color: #2e277b;
  --secondary-color: #05d69f;
/* Font Family */
	--global--font-primary: 'Circularstd Book';
	--global--font-secondary: 'Circularstd Book';
	
	
}
body {   font-family: "Heebo", sans-serif; outline:none; position:relative; font-size:14px;   text-rendering: optimizelegibility;    word-wrap: break-word; font-smooth: always; font-weight:400; webkit-font-smoothing: antialiased;  color:#1a1a19; letter-spacing:.5px; }
header, section, footer, aside, div, ul, ul li, li, input, label { box-sizing:border-box; }
h2 { font-size:48px; font-weight:600;   font-family: "Heebo", sans-serif;}
h1{font-family: "Heebo", serif;}
h3{ font-size:24px; font-weight:600;   font-family: "Heebo", sans-serif;}
h4{ font-size:24px; }
h2.big-title {  text-align: center;  letter-spacing: 0;  text-transform: capitalize;  -webkit-text-fill-color: transparent; background-image: linear-gradient(#d0d7dd,rgba(208,215,221,.17));
    -webkit-background-clip: text;    background-clip: text;  font-size: 96px !important;  font-weight: 600;  line-height: 130% !important; }
ul, ul li, li { list-style-type:none; }
ul, ol{ padding:0; margin:0;}
a{transition:ease-in .3s; }
a, a:hover, a:focus, a:focus, a:active{ text-decoration:none; outline:none; color:inherit; }
input:focus, select:focus, button:focus{ outline:none;}
.container{ max-width:1170px;}
section{ width:100%;}