/**Custom CSS**/
:root, :host {
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-6xl: 72rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-tight: -0.025em;
    --tracking-widest: 0.1em;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-3xl: 1.5rem;
    --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-md: 12px;
    --blur-3xl: 64px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: 'Plus Jakarta Sans', sans-serif;
    --default-mono-font-family: var(--font-mono);
    --font-display: 'Outfit', sans-serif;
    --color-border: hsl(var(--border));
}
:root {
    --background: 0 0% 100%;
    --foreground: 222 47% 11%;
    --card: 0 0% 100%;
    --card-foreground: 222 47% 11%;
    --popover: 0 0% 100%;
    --popover-foreground: 222 47% 11%;
    --primary: 221 83% 33%;
    --primary-foreground: 210 40% 98%;
    --secondary: 210 40% 96%;
    --secondary-foreground: 222 47% 11%;
    --muted: 210 40% 96%;
    --muted-foreground: 215 16% 47%;
    --accent: 189 94% 43%;
    --accent-foreground: 222 47% 11%;
    --destructive: 0 84% 60%;
    --destructive-foreground: 210 40% 98%;
    --border: 214 32% 91%;
    --input: 214 32% 91%;
    --ring: 221 83% 33%;
    --aqua: 189 94% 43%;
    --aqua-light: 189 90% 96%;
    --radius: 0.75rem;
}
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    padding-top: calc(var(--spacing) * 20);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.1em !important;
    color: #094d91
}

/*#header #logo img {*/
/*    width: 200px*/
/*}*/
/*#logo {*/
/*    max-width: 70px;*/
/*}*/
/*#header {*/
/*    padding: 10px 15px;*/
/*    background-color: #fff*/
/*}*/

/*.nav-menu a {*/
/*    text-transform: capitalize;*/
/*    font-size: 15px*/
/*}*/

/*#header.header-scrolled .nav-menu>li .menu-active {*/
/*    color: #094d91 !important*/
/*}*/

/*.nav-menu li>.menu-active {*/
/*    color: #094d91 !important*/
/*}*/

/* header */
#header{
    top: calc(var(--spacing) * 0);
    position: fixed;
    right: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 50;
    padding-block: calc(var(--spacing) * 5);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
}
.header .row {
    margin-left: 0;
    margin-right: 0px;
}
.logo_wrapper {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
}

.logo_wrapper img {
    vertical-align: middle;
    display: block;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    object-fit: contain;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
}

.single-points {
    padding: 30px 30px 15px 30px;
    text-align: center
}

.single-points img {
    width: 80px
}

.feature-list .icon img {
    width: 80px
}

.d1-gradient-bg,
.gradient-bg,
.gradient-bg2,
.single-price .price-top .overlay-bg,
.version1 .brands-section,
.single-review .userinfo-wrap .overlay-bg{
    background-image: -moz-linear-gradient(150deg, #141da2 10%, #e91e63 100%);
    background-image: -webkit-linear-gradient(150deg, #141da2 10%, #e91e63 100%);
    background-image: -ms-linear-gradient(150deg, #141da2 10%, #e91e63 100%);
}

.footer-area .single-footer-widget h4 {
    color: #515978
}

.footer-area .single-footer-widget p {
    color: #515978
}

.footer-area .single-footer-widget .menu-list li a {
    color: #094d91
}

.footer-area .single-footer-widget .social-icons li a {
    background: #515978
}

.footer-area .footer-bottom p {
    color: #515978
}

.nav-menu>li {
    margin-left: 25px
}

.nav-menu li img {
    width: 20px;
    margin-top: -5px
}

#mobile-nav li img {
    width: 22px;
    margin-top: -5px
}

.languagebox a {
    margin-right: 10px;
    font-size: 14px
}

.languagebox img {
    height: 30px
}

.modal-backdrop {
    opacity: 0.8 !important;
}

.footerlogo {
    width: 70px;
    margin-bottom: 15px
}

.footer-area .single-footer-widget h4 {
    margin-bottom: 25px
}

img.socialicon {
    width: 38px
}

.page-top-section {
    padding-top: 100px;
    padding-bottom: 20px;
    background: url("../img/page-top-bg.png") center/cover
}

h1.left::after {
    margin-left: 0px
}

.single-ex-process img {
    width: 60px
}

.termlist h5 {
    margin-bottom: 10px
}

.contactlist li {
    padding-left: 50px;
    line-height: 1
}

.contactlist li.theme-icons-wrap .theme-icons {
    margin-right: 10px;
    margin-left: -50px
}

.theme-icons-wrap {
    z-index: 1;
}

.theme-icons-wrap .theme-icons {
    text-align: center;
    margin-bottom: 5px;
}

.theme-icons-base-bg {
    display: inline-block;
    color: #fff;
    background: #094d91;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    text-align: center;
    vertical-align: middle;
}

.radius-circle {
    border-radius: 50% !important;
}

.theme-icons-sm {
    width: 35px;
    height: 35px;
    font-size: 16px;
    line-height: 1.4;
    padding: 6px;
}

.updown {
    margin: 0px auto;
    animation: Updown 1s infinite alternate;
}

@keyframes Updown {
    from {
        margin-top: 20px;
    }
    to {
        margin-top: 0px;
    }
}

.updown2 {
    margin: 0px auto;
    animation: Updown 1.5s infinite alternate;
}

@keyframes Updown2 {
    from {
        margin-top: 0px;
    }
    to {
        margin-top: 40px;
    }
}

#mobile-nav-toggle {}

/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/


.pt-20 {
    padding-top: calc(var(--spacing) * 20);
}
.pb-32 {
    padding-bottom: calc(var(--spacing) * 32);
}
.absolute {
    position: absolute;
}
.inset-0 {
    inset: calc(var(--spacing) * 0);
}
.bg-cover {
    background-size: cover;
}
.bg-center {
    background-position: center;
}
.opacity-5 {
    opacity: 5%;
}
.mix-blend-multiply {
    mix-blend-mode: multiply;
}
.container {
    max-width: 1536px;
}
.grid {
    display: grid;
}

.gap-12 {
    gap: calc(var(--spacing) * 12);
}
/**Media**/

/* Telegram link */
.telehram_button img {
    width: 50px;
}
.telehram_button img{
    width:50px;
}
/* telegram Link*/

/* About */
.custom_banner, .custom_banner h1,
.custom_banner h4{
    color: #fff;
    text-align: center;
}
img {
    max-width: 100%;
}
/* About */

/* Content page */
.content_page h2 {
    margin-bottom: 10px;
}

.content_page ul {
    list-style: disc;
    padding-left: 30px;
    margin-bottom: 30px;
}
 
.content_page p {
    margin-bottom: 10px;
}
.content_page {
    padding: 40px 0;
}
/* Content page */

/* Review Section  */

/* Review Section */

@media(max-width:575px) {
    .updown-money {
        position: absolute;
        margin-left: -15px
    }
}

@media (min-width: 576px) {
    .updown-money {
        position: absolute;
        margin-left: -15px
    }
}

@media (min-width: 768px) {
    .updown-money {
        position: absolute
    }
}

@media (min-width: 992px) {
    .updown-money {
        position: absolute
    }
}

@media (min-width: 1200px) {
    .updown-money {
        position: absolute
    }
}


/* Custom header */
.font-display {
    font-family: 'Outfit', sans-serif;
}
.text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}
.tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
}
.text-foreground {
    color: hsl(var(--foreground));
}
.inline-flex {
    display: inline-flex;
}
.min-h-9 {
    min-height: calc(var(--spacing) * 9);
}
.items-center {
    align-items: center;
}
.justify-center {
    justify-content: center;
}
.gap-2 {
    gap: calc(var(--spacing) * 2);
}
.rounded-full {
    border-radius: calc(infinity * 1px);
}
.border {
    border-style: var(--tw-border-style);
    border-width: 1px;
}
.bg-primary {
    background-color: hsl(var(--primary)) !important;
}
.px-6 {
    padding-inline: calc(var(--spacing) * 6);
}
.py-2 {
    padding-block: calc(var(--spacing) * 2);
}
.text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
}
.font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}
.whitespace-nowrap {
    white-space: nowrap;
}
.text-white {
    color: var(--color-white);
}
.shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}
@media (max-width:991px){
    .header_btn {
        flex-grow: 1;
        text-align: center;
    }
}
/* Custom Header */

/* hero */
.hero_content_wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hero_content {
    max-width: 672px;
}

span.hero_title {
    --tw-font-weight: 600;
    font-weight: 600;
    color: #0e3b9a;
    background-color: color-mix(in oklab, #0e3b9a 10%, transparent);
    border: 1px solid #0e3b9a;
    margin-bottom: 20px;
    display: inline-block;
    border-radius: 2.5rem;
    padding: 8px 16px;
}

html.no-js {
}

.hero-section  .container {
    position: relative;
    z-index: 10px;
}

.hero_content h1 {
    margin-bottom: 24px;
    font-size: 72px;
    font-weight: 800;
    color: #0f1729;
}
.text-gradient {
    background: -webkit-linear-gradient(#0e3b9a, #07b6d5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.hero_content p {
    font-size: 20px;
    line-height: 1.6;
    color: #65758b;
}

.hero_content .btn_wrapper a {
    font-size: 20px;
    box-shadow: 0px 10px 5px #0e3b9a36;
}
.hero_content_wrapper {
    min-height: 600px;
}
.hero-section {
    padding-bottom: calc(var(--spacing) * 32);
    padding-top: calc(var(--spacing) * 20);
}
@media (max-width:991px){
    .hero_image_wrapper{
        display:none;
    }
    .hero_content {
        max-width: 100%;
    }
    .hero_content_wrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .hero_content_wrapper {
        min-height: auto;
    }
    .hero_content h1 {
        font-size: 50px;
    }
}
@media (max-width:767px){
    .hero_content h1 {
        font-size: 42px;
    }
    .hero-section {
        padding-bottom: 40px;
        padding-top: 40px;
    }
}
/* hero */

/* important section */
.important-points-section,
.client-review-section,
.cta-section{
    padding-bottom: calc(var(--spacing) * 32);
    padding-top: calc(var(--spacing) * 20);
}

.important-points-section h1,
.unique-feature-area h1,
.client-review-section h1,
.main_heading{
    margin-bottom: 24px;
    font-size: 48px;
    font-weight: 800;
    color: #0f1729;
}
p {
    font-size: 18px;
    color: #65758b;
}
.important-points-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: calc(var(--spacing) * 8);
}
.important-item {
    border: 1px solid color-mix(in oklab, #07b6d5 10%, transparent);
    border-radius: 24px;
    padding: 32px;
    background-color: #ecfbfe;
}
.important-item .icon {
    margin-bottom: 24px;
    border: 1px solid #e1e7ef;
    display: flex;
    width: 64px;
    height: 64px;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: #fff;
}
.important-item .icon svg {width: 32px;height: 32px;}
.text-primary {
    color: #0e3b9a !important;
}
.important-item h3 {
    font-size: 20px;
    font-weight: 700;
    color: #0f1729;
    margin-bottom: 16px;
}
.important-item p {
    font-size: 16px;
}
@media (max-width:940px){
    .important-points-wrapper{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}
@media (max-width:767px){
    .important-points-section h1,
    .unique-feature-area h1,
    .client-review-section h1,
    .main_heading{
        font-size: 42px;
    }
   .important-points-section,
   .client-review-section,
   .cta-section{
         padding-bottom: 40px;
        padding-top: 40px;
    } 
}

/* important section */

/* unique feature */

.unique-feature-area {
    background-color: #fbf9fa;
    padding-bottom: calc(var(--spacing) * 32);
    padding-top: calc(var(--spacing) * 20);
}
.unique-feature-inner {
    display: grid;
    align-items: center;
    gap: 64px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.unique-feature-img {
    border-radius: 24px;
    overflow: hidden;
    position: relative;
}
.unique-feature-inner-content {}

.unique-feature-item {
    display: flex;
    gap: 24px;
    border-radius: 20px;
    border: 1px solid #e1e7ef;
    padding: 24px;
    margin-bottom: 30px;
    box-shadow: 0px 2px 3px #ccc;
}

.unique-feature-item .icon {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: color-mix(in oklab, #0e3b9a 10%, transparent);
    border-radius: 100%;
    flex-shrink: 0;
}
.unique-feature-item .icon svg {
    height: 28px;
    width: 28px;
}
.unique-content h4 {
    font-size: 20px;
    color: #0f1729;
    font-weight: 700;
    margin-bottom: 10px;
}
@media (max-width:991px){
    .unique-feature-inner{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .unique-feature-img {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* unique feature */


/* Review */

.single-review {
    padding: 10px 15px;
}

.single-review .quote-wrap .star {
    margin-bottom: 10px;
}

.single-review .quote-wrap .star .checked {
    color: orange;
}

.single-review .userinfo-wrap {
    padding-top: 20px;
    border-top: 1px solid #e1e7ef;
}

.single-review .userinfo-wrap .overlay-bg {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-review .userinfo-wrap img {
    margin-right: 20px;
}

.single-review .userinfo-wrap h4 {
    margin-bottom: 5px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-review .userinfo-wrap p {
    margin-bottom: 0px;
}

.single-review:hover .userinfo-wrap .overlay-bg {
    opacity: 1;
}

.client-review-section .owl-carousel .owl-item img {
    border-radius: 50%;
    width: 50px !important;
}

.active-review-carusel2 {
    background: url("../img/review/review-bg.png") no-repeat bottom center/cover;
}

.single-review-2 .desc h4 {
    margin-top: 40px;
}

.single-review-2 .desc p {
    margin-bottom: 0px;
}

@media (max-width: 991px) {
    .single-review-2 .desc {
        text-align: center;
    }
}

@media (max-width: 1199px) {
    .single-review-2 .thumb {
        margin-bottom: 30px;
        text-align: center !important;
    }
    .single-review-2 .thumb img {
        margin-right: auto;
        margin-left: auto;
        display: inline-block;
    }
}

.review_inner {
    background-color: #fff;
    border: 1px solid #e1e7ef;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0px 2px 3px #ccc;
}

/* Review */

/* CTA */
.cta-section {
    position: relative;
}
.cta-overlay {
    opacity: 95%;
    background: #0e3b9a;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #1d48a1, #3b77b8);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #1d48a1, #3b77b8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.cta_inner {
    position: relative;
    z-index: 2;
    padding: 40px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid color-mix(in oklab, #fff 20%, transparent);
    background: #fff;
    background: linear-gradient(
148deg, #2b51a3 0%, #3e76b8 50%, #2da6d0 100%);
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
}

.cta_inner h2 {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
}

.cta_content {
    max-width: 672px;
}

.cta_inner p {
    color: #fff;
}

.cta_btn a {
    background-color: #fff;
    padding: 24px 32px;
    border-radius: calc(infinity * 1px);
    font-size: 18px;
    font-weight: 700;
    color: #0e3b9a;
    display: inline-flex;
    align-items: center;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1));
}
@media (max-width:991px){
    .cta_inner {
        flex-direction: column;
        justify-content: flex-start;
        align-items: start;
    }
}
@media (max-width:767px){
    .cta_inner h2{
        font-size: 32px;
    }
    .cta_btn a {
        padding: 15px 20px;
    }
}
/* CTA */


/* Footer */
footer.footer-area {
    background-color: #0f1729;
    color: #fff;
}

.footer_inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 24);
}

.footer_content .logo_wrapper {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    align-items: center;
    margin-bottom: 20px;
}

.logo_wrapper img.footerlogo {
    margin-bottom: 0;
}

.footer_content p {
    color: #fff;
    font-size: 16px;
}

.copyright {
    padding-top: 32px;
    border-top: 1px solid color-mix(in oklab, #fff 10%, transparent);
}

.copyright p {
    color: #fff;
    font-size: 14px;
}

.footer_menu h4 {
    font-family: 'Outfit', sans-serif;
    color: inherit;
    margin-bottom: 20px;
    font-weight: 700;
}

.footer_menu .menu-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
}

.footer_menu .menu-list a {
    color: #fff;
}
.footer-area{
    padding-top:80px;
    padding-bottom:40px;
}
@media (max-width:767px){
    .footer_inner{
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: calc(var(--spacing) * 10);
    }
}
/* Footer */



/* Inner banner */
@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}
@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%;
}
@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}
@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%;
}
@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}
@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%;
}
.bg-gradient-premium {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: hsl(var(--primary));
    --tw-gradient-via: color-mix(in oklab, hsl(var(--primary)) 90%, transparent);
    --tw-gradient-via-stops: to bottom right in oklab, var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-to: hsl(var(--accent));
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.custom_banner {
    padding-top: 128px;
    padding-bottom: 128px;
    position: relative;
}
.custom_banner_bg {
    top: 0;
    position: absolute;
    background-size: cover;
    background-position: center;
    opacity: 10%;
    mix-blend-mode: overlay;
    left: 0;
    height: 100%;
    width: 100%;
}
.banner_content {
    position: relative;
    z-index: 1;
}

.banner_content h1 {
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 20px;
}

.banner_content p {
    text-align: center;
    color: #fff;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width:991px){
    .custom_banner {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .banner_content h1{
        font-size: 40px;
    }
}
@media (max-width:767px){
    .custom_banner {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .banner_content h1 {
        font-size: 32px;
    }
}
/* Inner banner  */

/* About Content */
.small_gap_section{
    padding-top:80px;
    padding-bottom:80px;
}
.about_content_wrapper {
    display: grid;
    align-items: center;
    gap: calc(var(--spacing) * 16);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.about_img {
    box-shadow: 3px 5px 5px #ccc;
    overflow: hidden;
    border-radius: 24px;
}
@media (max-width:991px){
    .small_gap_section{
        padding-top:80px;
        padding-bottom:80px;
    }
}
@media (max-width:767px){
    .small_gap_section{
        padding-top:50px;
        padding-bottom:50px;
    }
}
/* About Content */

/* Contact */
.custom_banner h4 {
    font-weight: 700;
    font-size: 24px;
}
.content_page_inner {
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
.two_col_content{
    display: grid;
    gap: calc(var(--spacing) * 16);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.content_page_inner h2 {
    color: #0f1729;
    font-weight: 700;
    margin-bottom: 24px;
}

.content_page_inner p {
    line-height: 1.6;
    margin-bottom: 20px;
}

.contact_details {
    padding-top: 32px;
}

.conatct-item {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius) + 8px);
    border: 1px solid #e1e7ef;
    padding: 16px;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    margin-bottom: 24px;
}

.conatct-item .icon {
    align-items: center;
    justify-content: center;
    display: inline-flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    border-radius: calc(infinity * 1px);
    background-color: #eff6ff;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.text-blue-500 {
    color: var(--color-blue-500);
}

.conatct-item p {
    margin: 0;
}

.conatct-item:hover {
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
    border-color: color-mix(in oklab, #0e3b9a 50%, transparent);
}
@media (max-width:991px){
    .two_col_content{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

@media (max-width:767px){
    .custom_banner h4{
        font-size: 20px;
    }
}
/* Contact */


/* Content Page */
.content_page_wrapper {
    line-height: 1.77778;
    font-size: 18px;
    border-radius: 24px;
    border: 1px solid #e1e7ef;
    background-color: #fff;
    box-shadow: 0 20px 25px -5px  #0000001a;
    padding: 40px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.content_page_wrapper h1{
    color: #0f1729;
    font-weight:700;
    font-size:32px;
     line-height: 2.5;
     font-family: Outfit, sans-serif;
     margin-bottom: 32px;
}
.content_page_wrapper h3{
    color: #0f1729;
    font-weight:700;
    margin-bottom: 16px;
    margin-top:32px;
    font-size:20px;
    line-height: 1.75;
}
.content_page_wrapper p{
    color: #65758b;
    margin-bottom: 20px;
    line-height: 1.75;
}
@media (max-width:767px){
    .content_page_wrapper{
        padding: 20px;
        font-size: 16px;
    }
    .content_page_wrapper h1{
        font-size: 24px;
        margin-bottom: 20px;
    }
    .content_page_wrapper p{
        font-size: 16px;
        margin-bottom: 15px;
    }
}
/* Content Page */