.bg-blueviolet-200, .text-darkslateblue-100 {
    transition: left .5s ease-in-out
}
.blog-page{
    width: 90%;
    margin-inline:auto ;
    border-radius:25px ;

}
.nav-link {
    /*padding-left: 4rem*/
    color: inherit;
}

.navbar {
    z-index: 999;
    height: 74px

}

@media (min-width: 1200px) {
    .navbar {
        width: 1124px !important;
        height: 74px
    }
}

@media (min-width: 1001px) and (max-width: 768px) {
    .nav-link {
        padding-left: 4rem
    }
}

@media (max-width: 1000px) {
    .nav-link {
        padding-left: 1rem
    }
}

@media (min-width: 640px) and (max-width: 1250px) {
    .navbar {
        left: 5%
    }
}

.cursor-pointer {
    cursor: pointer
}

.\[backdrop-filter\:blur\(20px\)\] {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.sm\:hidden {
    display: none
}

.lg\:block {
    display: block
}

.\[text-decoration\:none\] {
    text-decoration: none
}

.fixed {
    position: fixed
}

.flex {
    display: flex
}

.flex-row {
    flex-direction: row
}

.flex-nowrap {
    flex-wrap: nowrap
}

.justify-between {
    justify-content: space-between
}

.navbar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    /* backdrop-filter: blur(20px); */
}

.w-full {
    width: 100%
}

.sm\:w-\[90\%\] {
    width: 90%
}

.font-ibm-plex-sans-arabic {
    font-family: 'IBM Plex Sans Arabic'
}

.top-0 {
    top: 0
}

.sm\:top-\[16px\] {
    top: 16px
}

.left-0 {
    left: 0
}

.sm\:left-\[calc\(50\%_-_562px\)\] {
    left: calc(50% - 562px)
}

.rounded-\[0_0_25px_25px\] {
    border-radius: 0 0 25px 25px
}

.sm\:rounded-81xl {
    border-radius: 100px
}

.bg-gray-900 {
    background-color: rgba(255, 255, 255, .75)
}

.box-border {
    box-sizing: border-box
}

.text-base {
    font-size: 16px
}

.text-darkslateblue-400 {
    color: rgba(53, 53, 106, .5)
}

.border-\[2px\] {
    border-width: 2px
}

.border-solid {
    border-style: solid
}

.border-darkslateblue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity))
}

.relative {
    position: relative
}

.hidden {
    display: none
}

.sm\:flex {
    display: flex
}

.w-fit-content {
    width: fit-content
}

.bg-aliceblue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(228 237 243 / var(--tw-bg-opacity))
}

.relative {
    position: relative
}

.w-full {
    width: 100%
}

.h-full {
    height: 100%
}

.overflow-hidden {
    overflow: hidden
}

.text-right {
    text-align: right
}

.text-base {
    font-size: 16px
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.font-ibm-plex-sans-arabic {
    font-family: 'IBM Plex Sans Arabic'
}

.ring-opacity-20 {
    --tw-ring-opacity: 0.2
}

.ring-gray-200 {
    --tw-ring-color: rgba(255, 255, 255, 0.8)
}

.bg-transparent {
    background-color: transparent
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.space-y-2 {
    margin-top: calc(.5rem * 2);
    margin-bottom: calc(.5rem * 2)
}

.block {
    display: block
}

.w-6 {
    width: 1.5rem
}

.h-20 {
    height: 5rem
}

.z-\[9999\] {
    z-index: 9999
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, #f9f9f9, #f9f9f9)
}

.from-indigo-500 {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0.5))
}

.to-indigo-600 {
    --tw-gradient-to: rgba(79, 70, 229, 0.5)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
}

.rounded-xl {
    border-radius: .75rem
}

.max-w-xs {
    max-width: 20rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.mb-10 {
    margin-bottom: 2.5rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.text-lg {
    font-size: 1.125rem
}

.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity))
}

.tracking-wider {
    letter-spacing: .05em
}

.text-sm {
    font-size: .875rem
}

.text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgb(79 70 229 / var(--tw-text-opacity))
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.text-darkslateblue-100 {
    --tw-text-opacity: 1;
    color: rgb(131 141 150 / var(--tw-text-opacity))
}

.text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgb(79 70 229 / var(--tw-text-opacity))
}

.close_span {
    position: absolute;
    top: .5rem;
    right: .5rem;
    cursor: pointer
}

.text-darkslateblue-200 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}

.right-5 {
    right: 1.25rem
}

.bottom-5 {
    bottom: 1.25rem
}

.cursor-pointer {
    cursor: pointer
}

.sm\:hidden {
    display: none
}

.lg\:block {
    display: block
}

.ring-4 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.cursor-pointer {
    cursor: pointer
}

.sm\:hidden {
    display: none
}

.lg\:block {
    display: block
}

*, ::after, ::before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.bottom-5 {
    bottom: 1.25rem
}

.bottom-\[14\.16\%\] {
    bottom: 14.16%
}

.bottom-\[16\%\] {
    bottom: 16%
}

.bottom-\[21\.62\%\] {
    bottom: 21.62%
}

.bottom-\[21\.68\%\] {
    bottom: 21.68%
}

.bottom-\[84\.85\%\] {
    bottom: 84.85%
}

.left-0 {
    left: 0
}

.left-\[0\%\] {
    left: 0
}

.left-\[0px\] {
    left: 0
}

.left-\[10px\] {
    left: 10px
}

.left-\[20px\] {
    left: 20px
}

.left-\[24px\] {
    left: 24px
}

.left-\[26\.04\%\] {
    left: 26.04%
}

.left-\[29\.79\%\] {
    left: 29.79%
}

.left-\[69px\] {
    left: 69px
}

.left-\[74\.85\%\] {
    left: 74.85%
}

.left-\[78\.15\%\] {
    left: 78.15%
}

.left-\[94\.2\%\] {
    left: 94.2%
}

.right-5 {
    right: 1.25rem
}

.right-\[0\.31\%\] {
    right: .31%
}

.right-\[12\.6\%\] {
    right: 12.6%
}

.right-\[43\.4\%\] {
    right: 43.4%
}

.right-\[84\.16\%\] {
    right: 84.16%
}

.right-\[9\.3\%\] {
    right: 9.3%
}

.top-0 {
    top: 0
}

.top-\[0\%\] {
    top: 0
}

.top-\[0px\] {
    top: 0
}

.top-\[10px\] {
    top: 10px
}

.top-\[12\.5\%\] {
    top: 12.5%
}

.top-\[13px\] {
    top: 13px
}

.top-\[16px\] {
    top: 16px
}

.top-\[21\.62\%\] {
    top: 21.62%
}

.top-\[23px\] {
    top: 23px
}

.top-\[2px\] {
    top: 2px
}

.top-\[31\.02\%\] {
    top: 31.02%
}

.top-\[6px\] {
    top: 6px
}

.top-\[calc\(50\%_-_12px\)\] {
    top: calc(50% - 12px)
}

.z-\[9999\] {
    z-index: 9999
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.mb-10 {
    margin-bottom: 2.5rem
}

.ml-0 {
    margin-left: 0
}

.ml-2 {
    margin-left: .5rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-5 {
    margin-right: 1.25rem
}

.box-border {
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.hidden {
    display: none
}

.h-0\.5 {
    height: .125rem
}

.h-14 {
    height: 3.5rem
}

.h-20 {
    height: 5rem
}

.h-6 {
    height: 1.5rem
}

.h-8 {
    height: 2rem
}

.h-\[15\.15\%\] {
    height: 15.15%
}

.h-\[19\.5px\] {
    height: 19.5px
}

.h-\[37px\] {
    height: 37px
}

.h-\[47\.3\%\] {
    height: 47.3%
}

.h-\[50px\] {
    height: 50px
}

.h-\[56\.76\%\] {
    height: 56.76%
}

.h-\[68\.11\%\] {
    height: 68.11%
}

.h-\[73\.34\%\] {
    height: 73.34%
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.max-h-full {
    max-height: 100%
}

.w-1 {
    width: .25rem
}

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-3 {
    width: .75rem
}

.w-6 {
    width: 1.5rem
}

.w-8 {
    width: 2rem
}

.w-\[106px\] {
    width: 106px
}

.w-\[138px\] {
    width: 138px
}

.w-\[141px\] {
    width: 141px
}

.w-\[15\.84\%\] {
    width: 15.84%
}

.w-\[15\.85\%\] {
    width: 15.85%
}

.w-\[18px\] {
    width: 18px
}

.w-\[37px\] {
    width: 37px
}

.w-\[5\.49\%\] {
    width: 5.49%
}

.w-\[56\.6\%\] {
    width: 56.6%
}

.w-\[70\.21\%\] {
    width: 70.21%
}

.w-\[73\.96\%\] {
    width: 73.96%
}

.w-\[9\.25\%\] {
    width: 9.25%
}

.w-\[94px\] {
    width: 94px
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.max-w-full {
    max-width: 100%
}

.max-w-xs {
    max-width: 20rem
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer {
    cursor: pointer
}

.list-none {
    list-style-type: none
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-nowrap {
    flex-wrap: nowrap
}

.items-center {
    align-items: center
}

.justify-between {
    justify-content: space-between
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.overflow-hidden {
    overflow: hidden
}

.rounded-23xl {
    border-radius: 42px
}

.rounded-2xs {
    border-radius: 11px
}

.rounded-6xs {
    border-radius: 7px
}

.rounded-\[0_0_25px_25px\] {
    border-radius: 0 0 25px 25px
}

.rounded-\[0_10px_0_55px\] {
    border-radius: 0 10px 0 55px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-xl {
    border-radius: 20px
}

.border-\[2px\] {
    border-width: 2px
}

.border-solid {
    border-style: solid
}

.border-none {
    border-style: none
}

.border-darkslateblue-500 {
    border-color: rgba(53, 53, 106, .07)
}

.bg-aliceblue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(228 237 243 / var(--tw-bg-opacity))
}

.bg-blueviolet-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(127 65 255 / var(--tw-bg-opacity))
}

.bg-crimson-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 84 124 / var(--tw-bg-opacity))
}

.bg-darkslateblue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(53 53 106 / var(--tw-bg-opacity))
}

.bg-gray-900 {
    background-color: rgba(255, 255, 255, .75)
}

.bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229 / var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

.bg-turquoise-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 231 204 / var(--tw-bg-opacity))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.from-indigo-500 {
    --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-indigo-600 {
    --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)
}

.p-0 {
    padding: 0
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.text-right {
    text-align: right
}

.font-ibm-plex-sans-arabic {
    font-family: 'IBM Plex Sans Arabic'
}

.text-base {
    font-size: 16px
}

.text-lg {
    font-size: 18px
}

.text-sm {
    font-size: 14px
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.tracking-wide {
    letter-spacing: .025em
}

.tracking-wider {
    letter-spacing: .05em
}

.text-\[inherit\] {
    color: inherit
}

.text-darkslateblue-100 {
    --tw-text-opacity: 1;
    color: rgb(53 53 106 / var(--tw-text-opacity))
}

.text-darkslateblue-200 {
    color: rgba(53, 53, 106, .6)
}

.text-darkslateblue-400 {
    color: rgba(53, 53, 106, .5)
}

.text-gray-300 {
    color: rgba(255, 255, 255, .2)
}

.text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgb(79 70 229 / var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.ring-4 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-gray-200 {
    --tw-ring-color: rgba(255, 255, 255, 0.8)
}

.ring-opacity-20 {
    --tw-ring-opacity: 0.2
}

.\[backdrop-filter\:blur\(20px\)\] {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.\[border\:none\] {
    border: none
}

.\[text-decoration\:none\] {
    text-decoration: none
}

body {
    margin: 0;
    line-height: normal
}

*, ::after, ::before {
    border-width: 0
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

:is([dir=rtl] .rtl\:\!left-auto) {
    left: auto !important
}

:is([dir=rtl] .rtl\:\!origin-\[50\%_50\%_0\]) {
    transform-origin: 50% 50% 0 !important
}

:is([dir=rtl] .rtl\:\[direction\:rtl\]) {
    direction: rtl
}

@media (min-width: 640px) {
    .sm\:left-\[calc\(50\%_-_562px\)\] {
        left: calc(50% - 562px)
    }

    .sm\:top-\[16px\] {
        top: 16px
    }

    .sm\:flex {
        display: flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:w-\[90\%\] {
        width: 90%
    }

    .sm\:rounded-81xl {
        border-radius: 100px
    }
}

@media (min-width: 768px) {
    .md\:block {
        display: block
    }
}

@media (min-width: 1024px) {
    .lg\:block {
        display: block
    }
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/ibmplexsansarabic/v12/Qw3CZRtWPQCuHme67tEYUIx3Kh0PHR9N6bs6.ttf) format('truetype')
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/ibmplexsansarabic/v12/Qw3NZRtWPQCuHme67tEYUIx3Kh0PHR9N6YPO_9CT.ttf) format('truetype')
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/ibmplexsansarabic/v12/Qw3NZRtWPQCuHme67tEYUIx3Kh0PHR9N6YPi-NCT.ttf) format('truetype')
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfMZg.ttf) format('truetype')
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fMZg.ttf) format('truetype')
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYMZg.ttf) format('truetype')
}