/*
 * Copyright 2024 Paramount Tech Network *
 * Copyright 2024 Churaman Lal Authors * 
 */
 

@font-face {
    font-weight: 850;
    font-style: normal;
    font-family: Axiforma;
    src: local("Axiforma-ExtraBold"),url(../fonts/Axiforma-ExtraBold.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-weight: 800;
    font-style: normal;
    font-family: Axiforma;
    src: local("Axiforma-ExtraBold"),url(../fonts/Axiforma-ExtraBold.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-weight: 900;
    font-style: normal;
    font-family: Axiforma;
    src: local("Axiforma-Heavy"),url(../fonts/Axiforma-Heavy.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-weight: 700;
    font-style: normal;
    font-family: Axiforma;
    src: local("Axiforma-Bold"),url(../fonts/Axiforma-Bold.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: Axiforma;
    src: local("Axiforma-Regular"),url(../fonts/Axiforma-Regular.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-weight: 500;
    font-style: normal;
    font-family: Axiforma;
    src: local("Axiforma-Medium"),url(../fonts/Axiforma-Medium.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-weight: 600;
    font-style: normal;
    font-family: Axiforma;
    src: local("Axiforma-SemiBold"),url(../fonts/Axiforma-SemiBold.woff2) format("woff2");
    font-display: swap
}

:root {
		--size-1: 0.063rem;
    --size-2: 0.125rem;
    --size-3: 0.188rem;
    --size-4: 0.25rem;
    --size-5: 0.313rem;
    --size-6: 0.375rem;
    --size-7: 0.438rem;
    --size-8: 0.5rem;
    --size-9: 0.563rem;
    --size-10: 0.625rem;
    --size-11: 0.688rem;
    --size-12: 0.75rem;
    --size-13: 0.8125rem;
    --size-14: 0.875rem;
    --size-15: 0.938rem;
    --size-16: 1rem;
    --size-17: 1.0625rem;
    --size-18: 1.125rem;
    --size-19: 1.188rem;
    --size-20: 1.25rem;
    --size-21: 1.313rem;
    --size-22: 1.375rem;
    --size-23: 1.438rem;
    --size-24: 1.5rem;
    --size-25: 1.563rem;
    --size-26: 1.625rem;
    --size-27: 1.688rem;
    --size-28: 1.75rem;
    --size-29: 1.8125rem;
    --size-30: 1.875rem;
    --size-32: 2rem;
    --size-35: 2.188rem;
    --size-38: 2.375rem;
    --size-39: 2.438rem;
    --size-40: 2.5rem;
    --size-44: 2.6875rem;
    --size-46: 2.875rem;
    --size-48: 3rem;
    --size-50: 3.125rem;
    --size-55: 3.4375rem;
    --size-70: 4.375rem;
		--color-v3-grey: 36, 34, 62;
		--font-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, sans-serif;
    --font-axiforma: Axiforma;
    --bs-font-sans-serif: var(--font-axiforma), var(--font-fallback);
		--color-shadow: 16, 30, 54, 0.1;
		--color-v3-grey-4: 206, 206, 234;
		--color-v3-grey-5: 241, 241, 249;
		--color-v3-white: 255, 255, 255;		
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    margin: auto;
    font-family: var(--bs-font-sans-serif);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    max-width: 1440px;
}

.v3 .h1, .v3 .h2, .v3 .h3, .v3 .h4, .v3 .h5, .v3 .h6,h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 900 !important;
		line-height: 1.2
}
h1, .h1 {
	font-size: 3.125rem;
}

@media(max-width: 1200px) {
    .h1 {
        letter-spacing:0;
        font-size: 3.125rem;
        line-height: 1.3541666667
    }
}

@media(max-width: 600px) {
    h1, .h1 {
        font-size:2.25rem;
        line-height: 1.5
    }
}

.h2 {
    font-size: 3rem;
    line-height: 1.3541666667
}

@media(max-width: 1200px) {
    .h2 {
        font-size:2.25rem;
        line-height: 1.5
    }
}

@media(max-width: 600px) {
    .h2 {
        font-size:2.25rem;
        line-height: 1.5
    }
}

.h3 {
    font-size: 2.25rem;
    line-height: 1.5
}

@media(max-width: 1200px) {
    .h3 {
        font-size:1.5625rem;
        line-height: 1.56
    }
}

@media(max-width: 600px) {
    .h3 {
        font-size:1.25rem;
        line-height: 1.6
    }
}

.h4 {
    font-size: 1.5625rem;
    line-height: 1.56
}

@media(max-width: 1200px) {
    .h4 {
        font-size:1.25rem;
        line-height: 1.6
    }
}

@media(max-width: 600px) {
    .h4 {
        font-size:1.125rem;
        line-height: 1.7777777778
    }
}

.h5 {
    font-size: 1.25rem;
    line-height: 1.6
}

@media(max-width: 1200px) {
    .h5 {
        font-size:1.125rem;
        line-height: 1.7777777778
    }
}

@media(max-width: 600px) {
    .h5 {
        font-size:1rem;
        line-height: 1.75
    }
}

.h6 {
    font-size: 1.125rem;
    line-height: 1.7777777778
}

@media(max-width: 1200px) {
    .h6 {
        font-size:1rem;
        line-height: 1.75
    }
}

@media(max-width: 600px) {
    .h6 {
        font-size:0.875rem;
        line-height: 1.7857142857
    }
}

.title {
		color: rgb(var(--color-v3-grey));
    white-space: pre-wrap;
}
span.d-none  {
		height:1px;
}
.paragraph-lg {
    -webkit-margin-before: -.23rem;
    margin-block-start: -.23rem;
    font-size: 1.1875rem;
    line-height: 1.3684210526;
}

.v3 .paragraph-xs {
    -webkit-margin-before: -.175rem;
    margin-block-start: -.175rem;
    font-size: .75rem;
    line-height: 1.4166666667;
		color: rgba(var(--color-v3-grey));
}

.btn-primary {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
	color: white !important;
	box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3) !important;
}

.heroButton {
    display: flex;
    justify-content: center;
    inline-size: 421px;
    block-size: 66px;
    -webkit-margin-after: 15px;
    margin-block-end: 15px;
    padding: var(--button-padding,var(--size-18) var(--size-16) var(--size-16));
    border-radius: 12px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
		/* background-color:#ed9c5a; */
    box-shadow: 0 4px 4px 0 rgba(87,75,172,.15);
		margin: auto;
		font-weight: 700;
		color: #ffffff;
		border:unset;
		font-size: 22px;
		align-items: center;
}

.buttonShadow {
    --shadow-color: var(--button-shadow-color,var(--highlight-shadow,var(--color-shadow)));
    --shadow-size: var(--button-shadow-from,var(--shadow-button,0 10px 25px));
}

.heroButton svg {
    -webkit-margin-start: 9px;
    margin-inline-start: 9px;
}

.middle-center {
  position: relative;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

.navigation {
    flex-spacing: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    block-size: 2.875rem;
    padding: .3125rem;
    border: 1px solid rgba(var(--color-v3-grey-4));
    border-radius: 14px;
    background-color: rgba(var(--color-v3-white));
    box-shadow: 0 4px 6px 0 rgba(67,46,134,.04);
    flex-wrap: wrap;
}

.navigation .inner-nav {		
		position: relative;
}

.navbtn:hover {
    background-color: rgba(var(--color-v3-grey-5));
    cursor: pointer;
    transform: unset;
}

.navbtn {
    animation: none 0s ease 0s 1 normal none running;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    border: none;
    border-collapse: separate;
    -o-border-image: none;
    border-image: none;
    border-radius: 0;
    border-spacing: 0;
    bottom: auto;
    box-shadow: none;
    box-sizing: content-box;
    caption-side: top;
    clear: none;
    clip: auto;
    color: #000;
    -moz-columns: auto;
    -moz-column-count: auto;
    -moz-column-fill: balance;
    column-fill: balance;
    grid-column-gap: normal;
    -moz-column-gap: normal;
    column-gap: normal;
    -moz-column-rule: medium none currentColor;
    column-rule: medium none currentColor;
    -moz-column-span: 1;
    column-span: 1;
    -moz-column-width: auto;
    columns: auto;
    content: normal;
    counter-increment: none;
    counter-reset: none;
    cursor: auto;
    direction: ltr;
    display: inline;
    empty-cells: show;
    float: none;
    font-family: serif;
    font-size: medium;
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    font-weight: 400;
    font-stretch: normal;
    line-height: normal;
    height: auto;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    left: auto;
    letter-spacing: normal;
    list-style: disc none outside;
    margin: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    opacity: 1;
    orphans: 2;
    outline: medium none invert;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
    padding: 0;
    page-break-after: auto;
    page-break-before: auto;
    page-break-inside: auto;
    perspective: none;
    perspective-origin: 50% 50%;
    position: static;
    right: auto;
    -moz-tab-size: 8;
    -o-tab-size: 8;
    tab-size: 8;
    table-layout: auto;
    text-align: left;
    -moz-text-align-last: auto;
    text-align-last: auto;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    top: auto;
    transform: none;
    transform-origin: 50% 50% 0;
    transform-style: flat;
    transition: none 0s ease 0s;
    unicode-bidi: normal;
    vertical-align: baseline;
    visibility: visible;
    white-space: normal;
    widows: 2;
    width: auto;
    word-spacing: normal;
    z-index: auto;
    all: initial;
    display: flex;
    justify-content: center;
    align-items: center;
    block-size: 2.25rem;
    -webkit-padding-start: .75rem;
    padding-inline-start: .75rem;
    -webkit-padding-end: .75rem;
    padding-inline-end: .75rem;
    border-radius: .5625rem;
    color: rgba(var(--color-v3-grey));
    font-size: .875rem;
    font-family: var(--font-family);
}
.signup {
    position: relative;
    color: rgba(var(--color-v3-white));
    font-weight: 850;
		background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
		color: white !important;
}
.signup:after, .signup:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: .5625rem;
    /* box-shadow: inset 1px 1px 0 0 rgba(0,0,0,.2),inset -1px -1px 0 0 rgba(0,0,0,.2); */
    pointer-events: none;
    transition: opacity .1s ease-out;
}
/* .signup:before {
    background: linear-gradient(254.25deg,#fa12e3 -31.16%,#7612fa 74.17%);
}
.signup:after {
    background: linear-gradient(263.31deg,#fa12e3 -35.15%,#7612fa 40.89%,#12d0fa 134.61%);
    opacity: 1;
    transition-duration: .2s;
} */
.signup span {
    position: relative;
    z-index: 1;
}
.gap-2 {
	grid-gap:2px;
}
.gap-10 {
	grid-gap:10px;
}

@media(max-width: 600px) {
	.logo-container {
		text-align:center !important;
	}
	.justify-content-end {
		justify-content: center !important;
	}
	.heroButton {
			inline-size: 360px;
			block-size: 56px;
	}
	.middle-center {
		position: relative;
		-webkit-transform: translateY(15%);
		-ms-transform: translateY(15%);
		transform: translateY(15%);
	}
	
}