/**
 * Theme Name:     Whiz Theme Child
 * Author:         Whiz finance
 * Template:       whiztheme
 * Text Domain:	   whiz-theme-child
 * 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.
 */
:root {
  --primary-color: #2e277b;
  --secondary-color: #0099cc;
/* Font Family */
	--global--font-primary: 'Circularstd Book';
	--global--font-secondary: 'Circularstd Book';
	
	
}

@font-face {
    font-family: 'Circularstd';
    src: url('https://cdn.prod.website-files.com/64559587fb856f82933854bf/6514b30ef4d82d4ed89419c3_CircularStd-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Circularstd';
    src: url('https://cdn.prod.website-files.com/64559587fb856f82933854bf/6514b30d3b379b8c24ff9893_CircularStd-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Circularstd Book';
    src: url('https://cdn.prod.website-files.com/64559587fb856f82933854bf/6514b30d0310a6101afc8c23_CircularStd-Book.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body { font-family: 'Circularstd Book', sans-serif; outline:none; position:relative; font-size:16px;   text-rendering: optimizelegibility;    word-wrap: break-word; font-smooth: always; letter-spacing: normal; font-weight: 400; webkit-font-smoothing: antialiased; color:#000; }
header, section, footer, aside, div, ul, ul li, li, input, label { box-sizing:border-box; }
h1, h2, h3{ font-family: 'Circularstd', sans-serif; padding: 0; margin: 0; }
h1,h2{ font-size:48px;  margin:0 0 15px;font-weight:700; color:var(--primary-color); line-height: 1.2; }
 h4{ font-family: 'Circularstd', sans-serif; padding: 0; margin: 0; font-weight:500; }
h1 span, h2 span{color:var(--secondary-color);}
ul, ul li, li { list-style-type:none; }
ul, ol{ padding:0; margin:0;}
a, a:hover, a:focus, a:focus, a:active{ text-decoration:none; outline:none; transition: ease-in .3s; }
input:focus, select:focus{ outline:none;}
html {  scroll-padding-top: 100px;}
.container{ width: 90%; max-width:1360px }
.newsletter_signup .inpt_area button{ width:160px; float:left; background:var(--secondary-color); color:#fff; border:none; height:65px; text-transform:uppercase; cursor:pointer; font-size:18px; font-weight:500; transition:ease-in .3s; letter-spacing:2px }
.newsletter_signup .inpt_area button:hover{ background:var(--primary-color);}