:root {
    --tp-common-white: #ffffff;
    --tp-common-black: #000;
    --tp-theme-primary: #121212;
}

:root {
    --theme-text-color: #130339;
    --theme-dark-blue: #00163B;
    --theme-text-pera-color: #6C6C6C;



    --global-primary: #0049C2;
    --global-blue1: #1051FF;
    --global-blue2: #1761DE;
    --global-blue3: #2777FF;
    --global-blue4: #2364D0;
    --global-blue5: #4895FF;
    --global-blue6: #509BFF;
    --global-blue7: #5F9AFF;
    --global-blue8: #0084CF;
    --global-blue9: #17ABFF;
    --global-blue10: #5AB8FF;
    --global-blue11-: #7DBFFF;
    --global-blue12: #95CEFF;
    --global-blue13: #9CC1FF;
    --global-primary-color: #0D0D0D;
    --global-secondary-color: #222222;
    --global-green1: #76E013;
    --global-green2: #80FF00;
    --global-green3: #105D38;
    --global-green4: #30B94D;
    --global-green5: #4CD080;
    --global-green6: #00D277;
    --global-green7: #03CF79;
    /* --global-green8:#07B27F; */
    --global-green9: #63A466;
    --color: #597D86;
    --color: #FFFFFF;
    --color: #F6F6F6;
    --bs-light-blue: #F0F7FF;
    --color: #B4B4B4;
    --color: #F3F3F3A1;
    --color: #545454;
    --color: #5F6368;
    --color: #747474;
    --color: #030303;
    --color: #0E0B0F;
    --color: #000000;
    --color: #00000024;
    --color: #161424;
    --color: #0F0F2A;
    --color: #FEFEFE00;
    --color: #23BCFF00;
    --color: #23BBFF00;
    --color: #23C4FF00;
    --color: #00000000;
    --color: #E9FAEA00;
    --color: #FFF4EB00;
    --color: #EBFBFF00;
    --color: #EFEBFF00;
    --color: #E1F5FF00;
    --color: #3B3B3B;
    --color: #393752;
    --color: #EBFBFF;
    --color: #C4E4C6;
    --color: #C0DCE3;
    --color: #E9FAEA;
    --color: #00E4EC;
    --color: #E22538;
    --color: #DF0000;
    --color: #B0316C;
    --color: #B439B9;
    --color: #EF0DFF;
    --color: #EE0DFE;
    --color: #807CFF;
    --color: #6E00CF;
    /* --color:#AF64E8; */
    --color: #E46868;
    --global-orange1: #FF8D1B;
    --global-orange2: #FF962D;
    --global-orange3: #E89164;
    --global-orange4: #FFAE58;
    --global-yellow1: #FFDC00;
    --global-yellow2: #FFE600;
    --color: #0000001A;
    --color: #0F1521;
    --color: #162133;
    --color: #FFF4EB;
    --color: #E9D7C8;
    --color: #826955;
    --color: #6E62A0;
    --color: #D2CDE8;
    --color: #EFEBFF;
    --color: #E1F5FF;
    --color: #E9E9E9;
    --color: #F3F3F3;
    --color: #EAEAEA;
    --color: #D4D4D4;
    --color: #D7D7D7;
    --color: #B8B8B8;
    --color: #FFFFFF26;
    --color: #F2F2F2;
    --color: #E0E0E0;
    --color: #D0D0D0;
    --color: #394355;
    --color: #8F92A1;
    --color: #707070;
    --color: #646973;
    --color: #030319;
    --color: #00000017;
    --color: #22222233;
    --color: #003DA566;
    --color: #0000001F;
    --color: #00000029;
    --color: #00000029;
    --color: #0D121C;
    --color: #00000021;
    --color: #AA9721;
}

*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    list-style: none;
    list-style-type: none;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

html {
    scroll-behavior: smooth;
    height: -webkit-fill-available;
}

a {
    text-decoration: none;
    outline: none !important;
    cursor: pointer;
    color: unset;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


/*---------------------------------
	typography css start
---------------------------------*/

body {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--global-secondary-color);
    font-family: 'Poppins', sans-serif; 
    background-attachment: fixed;
}

a {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
	font-weight: 600;
	-webkit-transition: all color ease-out;
	-o-transition: all color ease-out;
	transition: all color ease-out;
	font-family: 'Poppins', sans-serif;
	color: var(--heading-primary);
	line-height: 1.2;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 16px;
}

ul {
    margin: 0px;
    padding: 0px;
}

p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0px;
    color: var(--global-secondary-color);
    font-weight: 400;
    font-family: 'Poppins', sans-serif; 
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}

a:focus,
.button:focus {
    text-decoration: none;
    outline: none;
}

a:focus,
a:hover {
    color: inherit;
    text-decoration: none;
}

a,
button {
    color: inherit;
    outline: none;
    border: none;
    background: transparent;
}

button:hover {
    cursor: pointer;
}

button:focus {
    outline: 0;
}

img,
svg {
    max-width: 100%;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=url],
textarea {
    outline: none;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #E0E2E3;
}

input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #787878;
}

input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #787878;
}

input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=url]:-moz-placeholder,
textarea:-moz-placeholder {
    /* Firefox 4-18 */
    color: #787878;
}

input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    /* IE 10+  Edge*/
    color: #787878;
}

input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=url]::placeholder,
textarea::placeholder {
    /* MODERN BROWSER */
    color: #787878;
}

[dir=rtl] input[type=text],
[dir=rtl] input[type=email],
[dir=rtl] input[type=tel],
[dir=rtl] input[type=number],
[dir=rtl] input[type=password],
[dir=rtl] input[type=url],
[dir=rtl] textarea {
    text-align: right;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=url]:focus,
textarea:focus {
    border-color: var(--tp-theme-primary);
}

input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=url]:focus::placeholder,
textarea:focus::placeholder {
    opacity: 0;
}

textarea {
    line-height: 1.4;
    padding-top: 17px;
    padding-bottom: 17px;
}

input[type=color] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
    padding: 0;
    border-radius: 50%;
}

*::-moz-selection {
    background: var(--tp-common-black);
    color: var(--tp-common-white);
    text-shadow: none;
}

 ::-moz-selection {
    background: var(--tp-common-black);
    color: var(--tp-common-white);
    text-shadow: none;
}

 ::selection {
    background: #0049C2;
    color: var(--tp-common-white);
    text-shadow: none;
}

*::-moz-placeholder {
    color: var(--tp-common-black);
    font-size: 14px;
    opacity: 1;
}

*::placeholder {
    color: var(--tp-common-black);
    font-size: 14px;
    opacity: 1;
}
.text-color {
    color: var(--theme-text-color);
}
.dark-color {
color: var(--theme-dark-blue);
}
.text-pera{
    color: var(--theme-text-pera-color);
}
@media (min-width:1600px) {
    .container {
        max-width: 1450px;
    }
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-ExtraLight.woff2') format('woff2'), url('../fonts/montserrat/Montserrat-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Black.woff2') format('woff2'), url('../fonts/montserrat/Montserrat-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Bold.woff2') format('woff2'), url('../fonts/montserrat/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-ExtraBold.woff2') format('woff2'), url('../fonts/montserrat/Montserrat-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Regular.woff2') format('woff2'), url('../fonts/montserrat/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Medium.woff2') format('woff2'), url('../fonts/montserrat/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Thin.woff2') format('woff2'), url('../fonts/montserrat/Montserrat-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-SemiBold.woff2') format('woff2'), url('../fonts/montserrat/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Light.woff2') format('woff2'), url('../fonts/montserrat/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


/*------------------------------------*/

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Bold.woff2') format('woff2'), url('../fonts/poppins/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Black.woff2') format('woff2'), url('../fonts/poppins/Poppins-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-ExtraBold.woff2') format('woff2'), url('../fonts/poppins/Poppins-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/poppins/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Thin.woff2') format('woff2'), url('../fonts/poppins/Poppins-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Medium.woff2') format('woff2'), url('../fonts/poppins/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Light.woff2') format('woff2'), url('../fonts/poppins/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-ExtraLight.woff2') format('woff2'), url('../fonts/poppins/Poppins-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Regular.woff2') format('woff2'), url('../fonts/poppins/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*------------------------------------*/

@font-face {
    font-family: 'Black Sans Condensed';
    src: url('../fonts/black/BlackSans-CondensedLight.woff2') format('woff2'), url('../fonts/black/BlackSans-CondensedLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Black Sans';
    src: url('../fonts/black/BlackSans-Bold.woff2') format('woff2'), url('../fonts/black/BlackSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Black Sans';
    src: url('../fonts/black/BlackSans-Black.woff2') format('woff2'), url('../fonts/black/BlackSans-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Black Sans Condensed Book';
    src: url('../fonts/black/BlackSans-CondensedBook.woff2') format('woff2'), url('../fonts/black/BlackSans-CondensedBook.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Black Sans Condensed';
    src: url('../fonts/black/BlackSans-CondensedBold.woff2') format('woff2'), url('../fonts/black/BlackSans-CondensedBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Black Sans';
    src: url('../fonts/black/BlackSans-Light.woff2') format('woff2'), url('../fonts/black/BlackSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Black Sans';
    src: url('../fonts/black/BlackSans-Thin.woff2') format('woff2'), url('../fonts/black/BlackSans-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Black Sans Ultra';
    src: url('../fonts/black/BlackSans-UltraLight.woff2') format('woff2'), url('../fonts/black/BlackSans-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Black Sans Condensed';
    src: url('../fonts/black/BlackSans-CondensedMedium.woff2') format('woff2'), url('../fonts/black/BlackSans-CondensedMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Black Sans';
    src: url('../fonts/black/BlackSans-SemiBold.woff2') format('woff2'), url('../fonts/black/BlackSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Black Sans';
    src: url('../fonts/black/BlackSans-Regular.woff2') format('woff2'), url('../fonts/black/BlackSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*-------------------------------------------------*/

.black-fonts {
    font-family: 'Black Sans', serif;
}

.montserrat-fonts {
    font-family: 'Montserrat', sans-serif;
}

.poppins-fonts {
    font-family: 'Poppins', sans-serif;
}

.text-primary-color {
    color: var(--global-primary-color);
}

.text-secondary-color {
    color: var(--global-secondary-color);
}

.light-blue-bg {
    background-color: var(--bs-light-blue);
}

.blue-heading {
    color: var(--global-blue2);
}

.fw-100 {
    font-weight: 100
}

.fw-200 {
    font-weight: 200
}

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

.fw-500 {
    font-weight: 500
}

.fw-600 {
    font-weight: 600
}

.fw-700 {
    font-weight: 700
}

.fw-800 {
    font-weight: 800
}

.fw-900 {
    font-weight: 900
}

.fs-96 {
    font-size: 38px
}

.fs-42 {
    font-size: 26px
}

.fs-40 {
    font-size: 24px
}

.fs-28 {
    font-size: 22px
}

.fs-26 {
    font-size: 20px
}

.fs-24 {
    font-size: 19px
}

.fs-23 {
    font-size: 18px
}

.fs-20 {
    font-size: 17px
}
.fs-19 {
    font-size: 16px;
}
.fs-18 {
    font-size: 16px
}

.fs-17 {
    font-size: 15px
}

.fs-16 {
    font-size: 15px
}

.fs-54 {
    font-size: 28px
}

@media (min-width:576px) {}

@media (min-width:576px) {
    .fs-96 {
        font-size: 40px
    }
    .fs-42 {
        font-size: 28px
    }
    .fs-40 {
        font-size: 26px
    }
    .fs-28 {
        font-size: 24px
    }
    .fs-26 {
        font-size: 22px
    }
    .fs-24 {
        font-size: 20px
    }
    .fs-23 {
        font-size: 20px
    }
    .fs-20 {
        font-size: 18px
    }
    .fs-18 {
        font-size: 17px
    }
    .fs-17 {
        font-size: 17px
    }
    .fs-16 {
        font-size: 16px
    }
    .fs-54 {
        font-size: 30px;
    }
}

@media (min-width:768px) {
    .fs-96 {
        font-size: 42px
    }
    .fs-42 {
        font-size: 30px
    }
    .fs-40 {
        font-size: 28px
    }
    .fs-28 {
        font-size: 26px
    }
    .fs-26 {
        font-size: 24px
    }
    .fs-24 {
        font-size: 22px
    }
    .fs-23 {
        font-size: 22px
    }
    .fs-20 {
        font-size: 20px
    }
    .fs-18 {
        font-size: 18px
    }
    .fs-54 {
        font-size: 32px
    }
}

@media (min-width:992px) {
    .fs-96 {
        font-size: 60px
    }
    .fs-42 {
        font-size: 32px
    }
    .fs-40 {
        font-size: 30px
    }
    .fs-28 {
        font-size: 28px
    }
    .fs-26 {
        font-size: 26px
    }
    .fs-24 {
        font-size: 24px
    }
    .fs-23 {
        font-size: 23px
    }
    .fs-54 {
        font-size: 36px
    }
}

@media (min-width:1200px) {
    .fs-96 {
        font-size: 60px
    }
    .fs-42 {
        font-size: 36px
    }
    .fs-40 {
        font-size: 34px
    }
    .fs-54 {
        font-size: 40px
    }
}

@media (min-width:1400px) {
    .fs-96 {
        font-size: 85px
    }
    .fs-42 {
        font-size: 40px
    }
    .fs-40 {
        font-size: 38px
    }
    .fs-54 {
        font-size: 46px
    }
}

@media (min-width:1600px) {
    .fs-96 {
        font-size: 96px
    }
    .fs-42 {
        font-size: 42px
    }
    .fs-40 {
        font-size: 40px
    }
    .fs-54 {
        font-size: 54px
    }
}

.l_spacing_01 {
    letter-spacing: 0.01px;
}

.l_spacing_04 {
    letter-spacing: 0.04px;
}

.l_spacing_06 {
    letter-spacing: 0.06px;
}

.l_spacing_07 {
    letter-spacing: 0.07px;
}

.l_spacing_08 {
    letter-spacing: 0.08px;
}

.l_spacing_09 {
    letter-spacing: 0.09px;
}

.l_spacing_11 {
    letter-spacing: 0.11px;
}

.l_spacing_17 {
    letter-spacing: 0.17px;
}

.l_spacing_18 {
    letter-spacing: 0.18px;
}

.l_spacing_21 {
    letter-spacing: 0.21px;
}

.l_spacing_24 {
    letter-spacing: 0.24px;
}

.l_spacing_27 {
    letter-spacing: 0.27px;
}

.l_spacing_36 {
    letter-spacing: 0.36px;
}

.l_spacing_52 {
    letter-spacing: 0.52px;
}

.section-padding {
    padding: 100px 0;
}

.heading-bottom-space {
    margin-bottom: 40px;
}

.hover-effect {
    transition: 0.5s all ease-in-out;
}


/*==== Common Button/Links ====*/

.common-btn {
    position: relative;
    border: none;
    width: fit-content;
    cursor: pointer;
    transition: all 0.3s ease;
    display: block;
    outline: none;
    padding: 0;
}

.btn:hover {
    background: var(--text-primary-color);
}

.common-btn span {
    font-size: 16px;
}

.white-button {
    background: var(--bs-white-rgb);
}

.common-btn .btn-text {
    color: var(--bs-white);
    position: relative;
    z-index: 1;
    padding: 14px 38px 14px 38px;
    border-radius: 999px;
    overflow: hidden;
    background: var(--global-blue2);
    width: fit-content;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.common-btn:hover .btn-text {
    color: var(--bs-white);
    background: var(--global-blue5);
}

.common-btn i {
    background: var(--global-blue2);
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    display: grid;
    padding: 15px;
    border-radius: 50%;
    font-size: 18px;
    transform: rotate(-29deg);
    transition: all 0.3s ease-in-out;
    min-width: 50px;
}

.common-btn:hover i {
    transform: rotate(0);
    background: var(--global-blue5);
}

.common-btn:hover:after {
    top: auto;
    bottom: 0;
    height: 100%;
}