@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Bold.eot');
    src: url('../fonts/Outfit-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Bold.woff2') format('woff2'),
        url('../fonts/Outfit-Bold.woff') format('woff'),
        url('../fonts/Outfit-Bold.ttf') format('truetype'),
        url('../fonts/Outfit-Bold.svg#Outfit-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Medium.eot');
    src: url('../fonts/Outfit-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Medium.woff2') format('woff2'),
        url('../fonts/Outfit-Medium.woff') format('woff'),
        url('../fonts/Outfit-Medium.ttf') format('truetype'),
        url('../fonts/Outfit-Medium.svg#Outfit-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Regular.eot');
    src: url('../fonts/Outfit-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Regular.woff2') format('woff2'),
        url('../fonts/Outfit-Regular.woff') format('woff'),
        url('../fonts/Outfit-Regular.ttf') format('truetype'),
        url('../fonts/Outfit-Regular.svg#Outfit-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-SemiBold.eot');
    src: url('../fonts/Outfit-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-SemiBold.woff2') format('woff2'),
        url('../fonts/Outfit-SemiBold.woff') format('woff'),
        url('../fonts/Outfit-SemiBold.ttf') format('truetype'),
        url('../fonts/Outfit-SemiBold.svg#Outfit-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay-Bold.eot');
    src: url('../fonts/RedHatDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RedHatDisplay-Bold.woff2') format('woff2'),
        url('../fonts/RedHatDisplay-Bold.woff') format('woff'),
        url('../fonts/RedHatDisplay-Bold.ttf') format('truetype'),
        url('../fonts/RedHatDisplay-Bold.svg#RedHatDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay-ExtraBold.eot');
    src: url('../fonts/RedHatDisplay-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RedHatDisplay-ExtraBold.woff2') format('woff2'),
        url('../fonts/RedHatDisplay-ExtraBold.woff') format('woff'),
        url('../fonts/RedHatDisplay-ExtraBold.ttf') format('truetype'),
        url('../fonts/RedHatDisplay-ExtraBold.svg#RedHatDisplay-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay-Medium.eot');
    src: url('../fonts/RedHatDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RedHatDisplay-Medium.woff2') format('woff2'),
        url('../fonts/RedHatDisplay-Medium.woff') format('woff'),
        url('../fonts/RedHatDisplay-Medium.ttf') format('truetype'),
        url('../fonts/RedHatDisplay-Medium.svg#RedHatDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay-SemiBold.eot');
    src: url('../fonts/RedHatDisplay-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RedHatDisplay-SemiBold.woff2') format('woff2'),
        url('../fonts/RedHatDisplay-SemiBold.woff') format('woff'),
        url('../fonts/RedHatDisplay-SemiBold.ttf') format('truetype'),
        url('../fonts/RedHatDisplay-SemiBold.svg#RedHatDisplay-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('../fonts/SpaceGrotesk-Bold.eot');
    src: url('../fonts/SpaceGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SpaceGrotesk-Bold.woff2') format('woff2'),
        url('../fonts/SpaceGrotesk-Bold.woff') format('woff'),
        url('../fonts/SpaceGrotesk-Bold.ttf') format('truetype'),
        url('../fonts/SpaceGrotesk-Bold.svg#SpaceGrotesk-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('../fonts/SpaceGrotesk-Medium.eot');
    src: url('../fonts/SpaceGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SpaceGrotesk-Medium.woff2') format('woff2'),
        url('../fonts/SpaceGrotesk-Medium.woff') format('woff'),
        url('../fonts/SpaceGrotesk-Medium.ttf') format('truetype'),
        url('../fonts/SpaceGrotesk-Medium.svg#SpaceGrotesk-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



.container { max-width: 96%;}
h1 { font-family: Red Hat Display; font-weight: 600; font-size: 64px; line-height: 75px; letter-spacing: 1px; text-transform: uppercase; margin:0px;}
h2 { font-family: 'Red Hat Display'; font-weight: 600; font-size: 50px; line-height: 56px; letter-spacing: -1px; text-transform: uppercase; color: #000; margin:0px;}
h3 { font-family: 'Red Hat Display'; font-weight: 600; font-size: 38px; line-height: 44px; letter-spacing: -1.2px; text-transform: uppercase; color: #050505; margin: 0;}
.primary-blue-text { color: #3088FF;}
body { font-family: 'Space Grotesk'; font-weight: 500; font-size: 20px; line-height: 26px; letter-spacing: -0.6px; color: #000;}
/* Header Css */
.header-grid-block { display: grid; grid-template-columns: auto auto auto; align-items: center; gap: 20px; justify-content: space-between;}
.header-logo a { display: inline-block;}
.header-menu .header-menu-section ul li a { color: #fff; padding: 0 10px !important; font-family: 'Outfit'; font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0; position: relative;}
.header-section { position: fixed; left: 0; right: 0; top: 0; padding: 20px 0; background-color: #000; z-index: 9999; width: 100%;}
.header-menu ul.navbar-nav { gap: 20px;}
.header-menu .header-menu-section ul li a.active::before {content: ""; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; background: #BFDAFF;}
.header-menu .header-menu-section ul li a.active { color: #BFDAFF;}
.get-quote-btns { width: 100%; max-width: 260px; min-width: 260px; box-shadow: 0px 0px 10px 1px #2388FF40; border: 1px solid #9C9C9C26; background: linear-gradient(0deg, #14396B, #14396B), linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); font-family: Outfit; font-weight: 700; font-size: 13px; line-height: 20px; letter-spacing: -0.26px; text-transform: uppercase; color: #fff; text-decoration: none; padding: 15px 20px;  position: relative;}
.header-right-btns-number a { color: #fff; text-decoration: none; border-bottom: 2px solid #3088FF; display: inline-flex;}
.get-quote-btns .btn-icon { display: flex; align-items: center; width: 15px; min-width: 15px;}


.header-section.white-headers { background: #f8f8f8;}
.white-headers .header-menu .header-menu-section ul li a{color: #000;}
.white-headers .header-menu .header-menu-section ul li a.active::before { background: #3088FF;}
.white-headers .header-menu .header-menu-section ul li a.active { color: #3088FF;}

/* Banner Css */

.banner-content-block h1 { background-image: linear-gradient(90.58deg, #FFF 0.5%, #BFDAFF 85.99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.banner-section { padding: 150px 0 0; background: #000;}
.banner-right-content p { color: #fff; font-family: 'Outfit'; font-weight: 400; font-size: 24px; line-height: 32px; letter-spacing: 0px; text-align: right;}
.banner-right-content { text-align: right;}

.banner-content-block { padding: 0 5% 0 0px;}
.banner-right-content .banner-btns { padding: 26px 0 0;}
a.primary_btns .primary_btn_text::before { content: ""; width: calc(100% + 2px); height: 2px; position: absolute; left: -1px; right: 0; bottom: -1px; background: #3088ff;}
.banner-right-content p { color: #fff; font-family: 'Outfit'; font-weight: 400; font-size: 24px; line-height: 32px; letter-spacing: 0px; text-align: right;}
.banner-right-content .banner-btns { padding: 26px 0 0;}
a.primary_btns { width: 100%; border: 1px solid #9C9C9C26; font-family: 'Outfit'; font-weight: 700; font-size: 13px; line-height: 18px; letter-spacing: -0.26px; text-transform: uppercase; padding: 15px 16px; position: relative; color: #fff; text-decoration: none; gap:10px; max-width: 260px;  box-shadow: 0 3px 0px #2f88ff;}
a.primary_btns .btn-icon { display: flex; align-items: center; justify-content: center; width: 15px; min-width: 15px;}
.banner-right-content .banner-btns a.primary_btns { margin: 0 0 0 auto;}

.banner-links-info { background-image: url("../images/banner-bg.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 100px 0 45px; min-height: 810px; display: flex; align-items: flex-end;  position: relative;}
.banner-links-info::before { content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 24.51%);}
.banner-links-info .container { position: relative;}
.banner-list-link a { width: 100%; max-width: 230px; background: rgba(0,0,0,0.4); backdrop-filter: blur(6px); font-family: Space Grotesk; font-weight: 700; font-size: 12px; line-height: 16px; letter-spacing: -0.24px; vertical-align: middle; text-transform: uppercase; gap: 20px; color: #fff; text-decoration: none; padding: 14px 10px;}
.banner-links-text { display: flex; flex-direction: column; gap: 20px;}
.banner-list-link .banner-list-icon { display: flex; width: 20px; min-width: 20px; justify-content: center; align-items: center;}


/* Who We Are Css */

.who-we-are-section { padding: 50px 0;}
.subHeading { margin: 0 0 15px; font-family: 'Space Grotesk'; font-weight: 700; font-size: 12px; line-height: 16px; letter-spacing: -0.55px; text-transform: uppercase; color: #050505;}
.subHeading span { color: #686868;}
.who-content-info h2 { margin: 0 0 30px;}
.who-content-info { max-width: 1090px;}
.about-graph-image img { width: 100%;  vertical-align: top;}
a.secondary_btns { width: 100%; font-family: 'Outfit'; font-weight: 700; font-size: 13px;line-height: 18px; letter-spacing: -0.26px; text-transform: uppercase; padding: 15px 16px; position: relative; color: #fff; text-decoration: none; gap: 10px; max-width: 260px; background: #3088FF; border: 1px solid #14396B52; box-shadow: 0 2px 0px #000;}
a.secondary_btns .btn-icon { display: flex; align-items: center; justify-content: center; min-width: 15px; width: 15px;}
a.secondary_btns .btn-icon img { filter: brightness(0) invert(1);}

.about-graph-image { padding: 0 0 60px;}
.about-grid-logo .about-logo-items { padding: 25px 10px; text-align: center; border-style: solid; border-width: 0 1px 0px 0; border-color: #9C9C9C26;}
.about-grid-logo { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;}
.about-logo-blocks { background: #EAF3FF; border-top: 1px solid #9C9C9C26;}


/* What We Offer */
.what-we-offer-section { background: #000; padding: 100px 0;}
.what-we-offer-header-block .subHeading { color: #A0C8FF;}
.what-we-offer-header-block h2 { color: #fff;}
.what-we-offer-list-block { display: flex; flex-direction: column; gap: 80px;}
.offer-listing-items { display: flex; justify-content: space-between;}
.offer-listing-items .right_colms { width: 85%; display: grid; grid-template-columns: 5fr 7fr; gap: 120px;}
.what-we-offer-header-block { padding: 0 0 80px;}

.offer-listing-items .offer-id-text, .offer-service-text, .what-we-do-text { font-family: Space Grotesk; font-weight: 700; font-size: 13px; line-height: 16px; letter-spacing: -0.33px; text-transform: uppercase; color: #BCBCBC; padding: 0 0 50px;}
.offer-number-text { font-family: Outfit; font-weight: 600; font-size: 24px; line-height: 33px; letter-spacing: -0.9px; text-transform: uppercase; color: #A0C8FF;}
.offer-service-content-box h3 {font-family: 'Red Hat Display'; font-weight: 500; font-size: 28px; line-height: 1; letter-spacing: 0px; text-transform: uppercase; color: #F6FAFF; margin:0 0 20px;}
.offer-service-content-box p { color: #F6FAFF;}
ul.offer-service-list-ul { display: flex; flex-wrap: wrap; gap: 14px; margin: 20px 0; list-style: none; padding: 0;}
ul.offer-service-list-ul li { background: #343434; padding: 4px 8px; display: inline-block; border-radius: 5px; font-family: Outfit; font-weight: 600; font-size: 14px; line-height: 16px; letter-spacing: 0px; text-transform: uppercase; color: #BFDAFF;}
.learn-more-btns .learn-text-links { color: #fff; text-decoration: none; font-family: Outfit; font-weight: 700; font-size: 16px; line-height: 20px; letter-spacing: -0.78px; vertical-align: middle; text-transform: uppercase; gap: 30px;}
.learn-more-btns .learn-text-links span { display: flex; align-items: center;}
.offer-service-image { display: flex; flex-direction: column;}
.offer-service-image img { height: 100%; object-fit: cover; width: 100%;}
.offer-price-block { width: 85%; margin: 0 0 0 auto; display: flex; justify-content: space-between; padding: 100px 0 0;}
.offer-price-left-block { max-width: 535px; width: 50%;}
.starting-plan-text { font-family: Outfit; font-weight: 600; font-size: 37.3px; line-height: 42px; letter-spacing: -1%; text-transform: uppercase; color: #fff;}
.offer-price-right-block { max-width: 340px; width: 50%;}
.offer-price-btns a { font-family: Space Grotesk; font-weight: 700; font-size: 13px; line-height: 16px; letter-spacing: -0.65px; text-transform: uppercase; color: #fff; text-decoration: none; gap: 16px;}
.offer-price-btns { background: linear-gradient(0deg, #14396B, #14396B), linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); padding: 15px 30px 15px 20px; margin: 0 0 15px; border-width: 1px 1px 1px 0; border-style: solid; border-color: #9C9C9C26; box-shadow: -2px 0px 0 #3088ff;}
.offer-price-btns .dollar-image { display: flex; align-items: center; justify-content: center; width: 20px; min-width: 20px;}
.flexible-plan-text { font-family: Space Grotesk; font-weight: 700; font-size: 13px; line-height: 16px; letter-spacing: -0.33px; text-align: right; text-transform: uppercase; color: #BCBCBC;}


/* How Work Css */
.how-work-section { padding: 50px 0;}
.how-work-title-block h2 { padding: 0 0 30px;}
.how-work-title-block p { color: #686868;}

.how-work-icon-title { font-family: 'Outfit'; font-weight: 600; font-size: 19px; line-height: 24px; letter-spacing: -0.4px; text-transform: uppercase; color: #050505;}
.how-work-icon-items { background: #EAF3FF; border-style: solid; border-width: 8px 0 2px; border-color: #3088FF; padding: 25px; min-height: 230px; display: flex; flex-direction: column; justify-content: space-between;}
.how-work-grid-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 5px; padding: 60px 0 0; align-items: flex-start;}
.how-work-icon-items .how-work-icon { padding: 0 0 80px;}
.how-work-icon-items:nth-child(2) { margin: 20px 0 0;}
.how-work-icon-items:nth-child(3) { margin: 40px 0 0;}
.how-work-icon-items:nth-child(4) { margin: 60px 0 0;}
.offer-service-text-info { display: flex; flex-direction: column; justify-content: space-between;}


/* Post Launch Css */
.post-launch-section { padding: 50px 0 60px;}
.post-launch-section .post-launch-title-boxs h3 { font-family: 'Outfit'; font-weight: 400; font-size: 32px; line-height: 36px; letter-spacing: -0.9px; text-transform: inherit;}
.post-launch-header-block { padding: 0 0 50px;}
.post-launch-icon-title { font-family: 'Outfit'; font-weight: 500; font-size: 19px; line-height: 26px; letter-spacing: -0.6px;}
.post-launch-icon-info { margin: 0 0 16px; gap: 16px;}
.post-launch-icon-items p { font-family: Outfit; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: -0.26px; color: #686868;}
.post-launch-icon-items { max-width: 90%;}
/* Hero Section Css */

.main-hero-section { background-image: url("../images/her-back-bg.jpg"); background-position: center; background-size: cover; padding: 120px 0 250px;}
.main-hero-section .main-hero-content-boxs { max-width: 740px;}
.main-hero-content-boxs h2 { color: #fff; margin: 0 0 30px;}
.main-hero-content-boxs p { color: #fff;}
.about-btns { padding: 20px 0 0;}



/* Testimonial Section Css */

.testimonials-scrolling-section {padding: 60px 0 50px;}
.testimonials-scrolling-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}
.card-scrolling-items::after, .card-scrolling-items::before { content: ""; position: absolute; left: 0; width: 100%; height: 60px; z-index: 2; pointer-events: none;}
.card-scrolling-items::after { bottom: 0; background: linear-gradient(to top, #fff, transparent);}
.card-scrolling-items::before { top: 0; background: linear-gradient(to bottom, #fff, transparent);}
.testimonila-top-block { padding: 0 0 30px;}
.card-scroll-list { display:flex; flex-direction:column; gap:20px; will-change:transform;}
.card-scrolling-items{ height: 900px; overflow: hidden; position: relative;}
.testimonials-card-items .testimonials-card-body { padding: 20px;}
.testimonials-card-body .testimonials-rating { margin: 0 0 20px;  line-height: 1;}
.testimonials-card-body .testimonials-rating img { max-width: 100%; vertical-align: middle;}
.testimonials-content-boxs p { font-family: Outfit; font-weight: 500; font-size: 18px; line-height: 24px; letter-spacing: -0.6px;}
.testimonials-stats { padding: 0 20px;}
.testimonials-stats .testimonials-stats-info { max-width: 360px; grid-template-columns: repeat(2, 1fr); gap: 20px 10px; display: grid; padding: 10px 20px; border-style: solid; border-width: 1px 0px; border-color: #9C9C9C26;}
.stat-percent-text { font-family: Outfit; font-weight: 900; font-size: 18px; line-height: 24px; letter-spacing: -0.4px; text-transform: uppercase; color: #050505; margin: 0 0 5px;}
.stat-report-text { color: #686868; font-family: Outfit; font-weight: 700; font-size: 12px; line-height: 16px; letter-spacing: -0.33px; text-transform: uppercase;}
.testimonials-card-items { border-width: 1px; border-style: solid; border-color: #9C9C9C26;}

.testimonials-user .user-name { font-family: Outfit; font-weight: 600; font-size: 13px; line-height: 16px; letter-spacing: -0.52px; text-transform: uppercase; color: #050505; margin: 0 0 5px;}
.testimonials-user .user-role { color: #686868; font-family: Outfit; font-weight: 700; font-size: 12px; line-height: 16px; letter-spacing: -0.33px; text-transform: uppercase;}
.testimonials-user { padding: 20px;}
.testimonials-two-xtext { display: flex; flex-direction: column; gap: 16px; padding: 10px 20px; border-style: solid; border-width: 1px 0px; border-color: #9C9C9C26;}

.testimonials-logo-items { background: #74AFFF; padding: 30px;}
.testimonials-center-logo { text-align: center; padding: 0 0 30px;}
.testimonials-percent-box { grid-template-columns: repeat(2, 1fr); gap: 20px 10px; display: grid;}
.testi-percent-text { font-family: Outfit; font-weight: 900; font-size: 52px; line-height: 60px; letter-spacing: -1.8px; text-transform: uppercase; color: #fff;}
.percent-Subtext { font-family: Outfit; font-weight: 700; font-size: 12px; line-height: 16px; letter-spacing: -0.33px; text-transform: uppercase; color: rgba(255,255,255,0.7);}
.testimonials-slogon-title { font-family: Outfit; font-weight: 900; font-size: 19px; line-height: 24px; letter-spacing: -0.4px; text-transform: uppercase; color: #FFF; margin: 0 0 5px;}
.testimonial-slogon-text { font-family: Outfit; font-weight: 900; font-size: 13px; line-height: 20px; letter-spacing: -0.26px; color: rgba(255,255,255,0.7);}



/* Testimonial Quote Section */

.testimonial-quote-section { padding: 50px 0; border-bottom: 1px solid rgba(156,156,156,0.15); margin: 0 0 50px;}
.quote-image-colm { width: 25%; padding: 0 30px 0 0px;}
.quote-content-colm { width: 75%;}
.quote-content-block { padding: 0 0 50px;}
.quote-content-block p { font-family: Red Hat Display; font-weight: 500; font-size: 40px; line-height: 46px; letter-spacing: -1px; text-transform: uppercase; margin: 0; color: #050505;}
.quote-author-info .author-left-colm { gap: 46px;}
.auhter-image-info { gap: 15px;}
.auhter-image img { border-radius: 5px; vertical-align: top;}
.auhtor-title-text { font-family: Outfit; font-weight: 500; font-size: 13px; line-height: 18px; letter-spacing: -0.52px; text-transform: uppercase; color: #050505;}
.auhtor-designation { font-family: Outfit; font-weight: 600; font-size: 12px; line-height: 18px; letter-spacing: -0.33px; text-transform: uppercase; color: #686868;}
a.ask-question-links { font-family: Space Grotesk; font-weight: 700; font-size: 16px; line-height: 20px; letter-spacing: -0.78px; vertical-align: middle; text-transform: uppercase; color: #050505; text-decoration: none; gap: 16px;}
a.ask-question-links span { width: 15px; min-width: 15px; display: flex; align-items: center; justify-content: center;}

/* Faq Section Css */

.hm-faq-section { padding: 50px 0;}
.faq-heading-colm {width: 25%; padding: 0 30px 0 0;}
.faq-content-colm { width: 75%;}
.faq-accordion-block h2 { font-size: 64px; line-height: 70px; margin: 0 0 50px;}
.faq-accordion-block .accordion-button { font-family: Outfit; font-weight: 500; font-size: 19px; line-height: 26px; letter-spacing: -0.6px; color: #050505; gap: 16px; padding: 20px 40px 20px 20px; border-radius: 0 !important;  background: #bfdaff; outline: 0 !important; box-shadow: 0 0 0 transparent !important;}
.faq-accordion-block .accordion-item { border-radius: 0; border-color: rgba(156,156,156,0.15); background: #bfdaff;}
.faq-accordion-block .accordion-body { padding: 20px; font-family: Outfit; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: -0.45px; border-top: 1px solid rgba(156,156,156,0.15);}
.faq-accordion-block .accordion-item .accordion-button::after { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 15px; height: 10px; background-image: url("../images/down-arrow-icon.svg"); background-repeat: no-repeat; background-position: center;}
.faq-accordion-block .accordion-item .accordion-button:not(.collapsed)::after{background-image: url("../images/up-arrow-icon.svg");}
.faq-accordion-block .accordion-button .accordion-number { width: 25px; height: 25px; min-width: 25px; display: flex; align-items: center; justify-content: center; border-radius: 7px; background: #A0C8FF; font-family: Outfit; font-weight: 700; font-size: 13px; line-height: 15px; letter-spacing: -0.52px; text-transform: uppercase;}


/* Blog Section Css */

.article-insight-section { padding: 50px 0 100px;}
.article-left-colm { width: 25%; padding: 0 20px 0 0;}
.article-right-colm { width: 25%; padding: 0 0px 0 20px; display: flex; justify-content: flex-end; align-items: flex-end;}
.article-center-colm { width: 50%;}
.article-insight-header-block { padding: 0 0 50px;}
.article-insight-header-block h2{font-size: 64px; line-height: 70px;}

.blog-grid-container { display: grid; grid-template-columns: 2fr 1fr 1fr; align-items: flex-start;}
.insight-blog-items { padding: 20px; border-bottom: 1px solid #9C9C9C26;}
.insight-blog-items .blog-featured-image { padding-top: 56%; position: relative;}
.insight-blog-items:nth-child(3) .blog-featured-image { padding-top: 132%;}
.blog-featured-image img { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.blog-meta-block { background: #050505; display: flex; align-items: center; justify-content: space-between; padding: 5px 15px;}
.blog-meta-date { font-family: Outfit; font-weight: 700; font-size: 12px; line-height: 16px; letter-spacing: -0.33px; text-transform: uppercase; color: #BCBCBC;}
.blog-meta-category { font-family: Outfit; font-weight: 700; font-size: 12px; line-height: 16px; letter-spacing: -0.33px; text-transform: uppercase; color: #F4F4E8;}
.insight-blog-content-info { padding: 30px 0 0;}
.insight-blog-author-block { margin: 0 0 12px; gap: 10px; justify-content: space-between;}
.blog-author-name { font-family: Outfit; font-weight: 600; font-size: 12px; line-height: 18px; letter-spacing: -0.26px; color: #1C1E19;}
.blog-author-name span { color: #686868;}
.blog-title-text { font-family: Outfit; font-weight: 600; font-size: 24px; line-height: 32px; letter-spacing: 0px; text-transform: uppercase; margin: 0 0 20px; color: #050505;}
.blog-title-text a { color: #050505; text-decoration: none;}
.blog-excerpt-text { font-family: Outfit;font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: -0.45px; color: #686868;}
.insight-blog-author-block a.blog-links { display: flex; align-items: center; justify-content: center; width: 12px; min-width: 12px;}
a.blog-links img { width: 100%; max-width: 12px;}


.article-insight-blog-section .insight-blog-items { background: #fff;}
.article-insight-blog-section { background: #f8f8f8; padding: 0 0 100px;}
.article-insight-blog-section .blog-grid-container { grid-template-columns: repeat(3, 1fr); gap: 20px;}
.article-insight-blog-section .insight-blog-items:nth-child(3) .blog-featured-image { padding-top: 56%;}

/* Footer Form Section Css */
.get-started-form-section { background: #050505; padding: 100px 0;}
.started-content-info { position: relative;}
.started-grid-row::before { content: ""; position: absolute; left: 0; top: -100px; width: 1px; height: calc(100% + 200px); background: #9C9C9C26;  z-index: 2;}
.started-grid-row::after { content: ""; position: absolute; right: 0; top: -100px; width: 1px; height: calc(100% + 200px); background: #9C9C9C26;}

.started-content-info{position: relative;}
.started-content-info::after { content: ""; position: absolute; left: 0; top: -100px; width: 1px; height: calc(100% + 200px); background: #9C9C9C26; margin:0 auto; right: 0;}

.started-grid-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; position: relative;}
.started-content-info .subHeading { color: #59A0FF;}
.started-content-info h2 { color: #fff; margin: 46px 0 55px; padding: 0 10% 0 0px;}
.form-listing-block ul { display: flex; flex-direction: column; padding: 0; margin: 0; list-style: none; position: relative; z-index: 1;background: #050505; gap: 4px;}
.form-listing-block ul li { font-family: Space Grotesk; font-weight: 700; font-size: 14px;line-height: 20px; letter-spacing: -0.52px; text-transform: uppercase; color: #fff; gap: 0 20px; margin: 4px 0 0px; padding: 4px 0 0px; /* border-top: 1px solid #9C9C9C26; background: #050505; */ position: relative;}
.form-listing-block ul li::before { content: ""; position: absolute; left: 0; right: 0; top: -2px; width: 100%; height: 1px; background: #9C9C9C26;}
.form-listing-block ul li:last-child::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; width: 100%; height: 1px; background: #9C9C9C26;}
.listing-check-icon { background: #1C1E19; width: 50px; min-width: 50px; display: flex; justify-content: center; align-items: center; min-height: 50px;}
/* .form-listing-block ul li:last-child{border-bottom: 1px solid #9C9C9C26; margin: 4px 0; padding: 4px 30px 0px 0;} */
.form-quote-block { padding: 30px 0 0;}
.form-quote-block .form-quote-content p { color: #fff; font-family: Outfit; font-weight: 900; font-size: 20px; line-height: 28px; letter-spacing: -0.6px; text-align: right; margin: 0;}
.form-quote-block .form-quote-content { width: 100%; max-width: 350px; margin: 0 auto; padding:0 0 30px;}
.form-quote-author { display: flex; align-items: center; gap: 16px;}
.form-author-image { width: 55px; min-width: 55px;}
.form-author-image img { width: 55px; height: 55px; object-fit: contain;}
.form-author-content .form-user-name {font-family: Space Grotesk; font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: -0.52px; text-transform: uppercase; color: #FFF; margin: 0 0 5px;}
.form-author-content .form-user-role {font-family: Space Grotesk; font-weight: 700; font-size: 13px; line-height: 16px; letter-spacing: -0.33px; text-transform: uppercase; color: #3088FF;}

.started-forms-block { padding: 30px 0 0; position: relative;}
.started-forms-block::before { content: ""; position: absolute; left: 0; top: -100px; width: 1px; height: calc(100% + 200px); background: #9C9C9C26;}
.started-forms-block::after { content: ""; position: absolute; left: 0; top: -100px; width: 1px; height: calc(100% + 200px); background: #9C9C9C26; margin:0 auto; right: 0;}
.book-consultation-form form { position: relative; z-index: 1;}
.started-forms-block h3 { color: #fff; font-family: Space Grotesk; font-weight: 700; font-size: 30px; line-height: 36px; letter-spacing: -0.9px;}
.consultation-title{ padding:0 0 75px}
.book-consultation-form .form-group label { display: block; margin: 0 0 10px; font-family: Space Grotesk; font-weight: 700; font-size: 13px; line-height: 13.2px; letter-spacing: -0.33px; text-transform: uppercase; color: #F4F4E8;}
.book-consultation-form .form-group { margin: 0 0 30px;}
.book-consultation-form .form-rows { display: flex; flex-wrap: wrap;}
.book-consultation-form .form-group input[type="text"], .book-consultation-form .form-group input[type="email"], .book-consultation-form .form-group input[type="text"], .book-consultation-form .form-group input[type="tel"] { background: #1C1E19; font-family: Outfit; font-weight: 600; font-size: 16px; line-height: 20px; letter-spacing: -0.32px; color: #fff; height: 50px; padding: 5px 16px; outline: 0; box-shadow: 0 0 0 transparent; width: 100%; border-color: #9C9C9C26; border-style: solid; border-width: 1px 0px 1px 1px;}

.checkmark-listing .budget-option { background: #1C1E19; font-family: Outfit; font-weight: 900; font-size: 13px; line-height: 20px; letter-spacing: -0.26px; color: #F4F4E8; border: 1px solid #9C9C9C26; padding: 12px 10px 12px 40px; position: relative;}
.checkmark-listing .budget-option input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; width: 100%; height: 100%; left: 0; top: 0;  z-index: 1;}
.checkmark-listing .budget-option .checkmark-text::before { content: ""; position: absolute; top: 50%; left: 10px; height: 20px; width: 20px; background-color: #3D3D3D; transform: translateY(-50%);}


.checkmark-listing .budget-option input[type="radio"]:checked ~ .checkmark-text::after { opacity: 1; visibility: visible;}
.checkmark-listing { display: flex; flex-wrap: wrap; gap: 16px;  margin: 20px 0 0;}
.checkmark-listing .budget-option .checkmark-text::after { content: ""; position: absolute; top: 14px; left: 17px; width: 7px; height: 12px; border-style: solid; border-width:0 2px 2px 0; border-color:#fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; visibility: hidden;} 
.book-consultation-form .form-group textarea { background: #1C1E19; font-family: Outfit; font-weight: 600; font-size: 16px; line-height: 20px; letter-spacing: -0.32px; color: #fff; height: 150px; padding: 16px; outline: 0; box-shadow: 0 0 0 transparent; width: 100%; border-color: #9C9C9C26; border-style: solid; border-width: 1px 0px 1px 1px;}
.form-policy-check { position: relative; padding: 0 0 0 30px;}
.book-consultation-form .form-policy-check .form-check-label { color: #F4F4E8; cursor: pointer; line-height: 20px; margin: 0; padding: 4px 0;}
.book-consultation-form .form-policy-check .form-check-label a{color: #F4F4E8; text-decoration: underline;}
.consultation-submit-btns { max-width: 340px; margin: 0 0 0 auto; padding: 0 0 0 10px;}
.consultation-submit-btns .form-hour-text { display: flex; align-items: center; gap: 10px; font-family: Outfit; font-weight: 900; font-size: 13px; line-height: 20px; letter-spacing: -0.26px; color: #BCBCBC; padding: 16px 0 0;}
.form-hour-text .form-hour-icon { display: flex; align-items: center; justify-content: center; width: 12px; min-width: 12px;}

/* Footer Css Add Here */

.footer-info-section {padding: 100px 0 0; background-color: #EAF3FF; background-image: url("../images/footer-bg.png"); background-position: center left;background-size: cover;}

.footer-newsletter-block { display: flex; flex-wrap: wrap; padding: 0 0 40px; align-items: center;}
.newsletter-left-colm { width: 25%; padding: 0 20px 0 0;}
.newsletter-right-colms { width: 75%; padding: 0 0 0 6px;}
.newsletter-content-info h3 { font-family: Outfit; font-weight: 600; font-size: 30px; line-height: 36px; letter-spacing: 0px; text-transform: uppercase; color: #050505; padding: 0 0 10px;}
.newsletter-content-info p { margin: 0; font-family: Space Grotesk; font-weight: 500; font-size: 13px; line-height: 20px; letter-spacing: -0.26px; color: #686868;}
.newsletter-content-info { max-width: 260px;}
.newsletter-consultation-block .form-rows { display: flex; flex-wrap: wrap; align-items: flex-end;}
.newsletter-consultation-block .form-group { display: flex;flex-direction: column; gap: 10px;}
.newsletter-consultation-block .form-group label { margin: 0; font-family: Space Grotesk; font-weight: 700; font-size: 13px; line-height: 16px; letter-spacing: -0.33px; text-transform: uppercase; color: #050505;}

.newsletter-consultation-block .form-group input[type="text"] { font-family: Outfit; font-weight: 600; font-size: 16px; line-height: 20px; letter-spacing: -0.32px; color: #050505; height: 50px; padding: 5px 16px; border-style: solid; border-width: 1px 0px 1px 1px; border-color: #9C9C9C26; outline: 0; box-shadow: 0 0 0 transparent;}
.newsletter-consultation-block .form-group input[type="email"] { font-family: Outfit; font-weight: 600; font-size: 16px; line-height: 20px; letter-spacing: -0.32px; color: #050505; height: 50px; padding: 5px 16px; border-style: solid; border-width: 1px 1px 1px 0px; border-color: #9C9C9C26; outline: 0; box-shadow: 0 0 0 transparent;}
.consultation-submit-btns button.btn-btn-main { width: 100%; font-family: Space Grotesk; font-weight: 700; font-size: 13px; line-height: 18px; letter-spacing: -0.26px; text-transform: uppercase; padding: 15px 16px; position: relative; color: #fff; text-decoration: none; gap: 10px; max-width: 360px; background: #0a1c35; border: 1px solid #14396B52; box-shadow: 0 2px 0px #3088FF; display: inline-flex; justify-content: space-between;}

.newsletter-consultation-block .form-policy-check { position: relative; padding: 0 0 0 30px; margin: 30px 0 20px;}
.form-policy-check input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; width: 100%; height: 100%; display: inline-flex;left: 0;  margin: 0;}
.newsletter-consultation-block .form-group .form-policy-check label { color: #686868; cursor: pointer;  line-height: 20px;}
.form-policy-check label::before { content: ""; position: absolute; top: 4px; left: 0; height: 20px; width: 20px; background-color: #3D3D3D;}
.form-policy-check input[type="checkbox"]:checked ~ .form-check-label::after { opacity: 1; visibility: visible;}

.form-policy-check label::after { content: ""; position: absolute; top: 6px; left: 7px; width: 7px; height: 12px; border-style: solid; border-width:0 2px 2px 0; border-color:#fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; visibility: hidden;} 

.footer-logo-blocks { padding: 40px 0;}
.footer-title-text { font-family: Space Grotesk; font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: -0.52px; text-transform: uppercase; color: #686868; padding: 0 0 18px;}
.footer-contact-info ul.contact-info-list {display: flex; flex-direction: column; list-style: none; padding: 0; margin: 0; gap: 16px;}
.footer-contact-info ul.contact-info-list li { font-family: Space Grotesk; font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: -0.65px; text-transform: uppercase; color: #050505;}
.footer-contact-info ul.contact-info-list li a{ color: #050505; text-decoration:none;}
.footer-main-menu ul { padding: 0; list-style: none; margin: 0; display: flex; flex-direction: column; gap: 10px;}
.footer-main-menu ul li { font-family: Outfit; font-weight: 600; font-size: 37px; line-height: 42px; letter-spacing: -0.8px; text-transform: uppercase; color: #050505;}
.footer-main-menu ul li a, .footer-social-block ul li a { color: #050505; text-decoration: none;}
.footer-navigation-blocks { padding: 40px 0;}
.footer-social-block { display: flex; flex-direction: column; gap: 40px;}
.footer-social-block ul { display: flex; flex-direction: column; gap: 5px; margin: 0; padding: 0; list-style: none;}
.footer-social-block ul li { display: inline-flex; gap: 16px; font-family: Space Grotesk; font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: -0.65px; text-transform: uppercase; color: #686868;}
.footer-logo-blocks .footer-logo img { max-width: 100%;}


/* Blog Page Css */

.inner-blog-banner-section { padding: 160px 0 80px; background: #F8F8F8;}
.inner-header-block h1 { font-size: 130px; color: #000; line-height: 1; font-family: 'Red Hat Display'; font-weight: 600;}
.inner-header-block { padding: 0 0 20px;}
.blog-banner-description p:last-of-type { margin: 0;}
.blog-banner-description p { color: #686868;}
.blog-banner-description { max-width: 750px;}


/* Communication Page Css */
.communication-banner-section { background-image: url("../images/communication-banner-bg.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 160px 0 70px;}
.communication-banner-content { padding: 0 0 30px;}
.communication-banner-content h1 { margin: 0 0 20px; background-image: linear-gradient(90.58deg, #FFF 0.5%, #BFDAFF 85.99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.communication-phone-content { padding: 35px 0 0;}
.communication-phone-content p { color: #fff; margin: 0 0 20px;}
.communication-tag-item { background: #343434; border-radius: 5px; display: inline-block; color: #BFDAFF; font-size: 14px; line-height: 20px; text-transform: uppercase; padding: 5px 12px; font-family: 'Outfit'; font-weight: 600;}
.communication-phone-card { background-color: rgba(29,29,29,0.53); padding: 25px; max-width: 700px; margin: 0 0 0 auto;}
.communication-tag-block { display: flex; flex-wrap: wrap; gap: 10px 12px;}

.pricing-tab-section { background: #050505; padding: 100px 0;}
.pricing-title-block h2 { color: #fff;}
.pricing-title-block {text-align: center;padding: 0 0 80px;}
.pricing-title-block .subHeading { color: #2388FF;}
.pricing-title-block .subHeading span { color: #F4F4E8;}
.pricing-tablist #myTab { gap: 10px; align-items: center; border: 0;}
.nav-price-btn-text { text-transform: uppercase; color: #fff; font-size: 14px; line-height: 20px; font-weight: bold; letter-spacing: -0.52px;font-family: 'Outfit';}
.pricing-tablist .nav-tabs button.nav-link { width: 20px; height: 20px; border-radius: 3px; padding: 0; border: 0; background: transparent;}
.nav-price-btns { width: 48px; height: 28px; border: 1px solid rgba(156,156,156,0.15); display: flex; align-items: center; gap: 0px; padding: 0 4px; border-radius: 4px;}
.pricing-tablist .nav-tabs button.nav-link.active { background: #F4F4E8;}

.pricing-tablist { padding: 0 0 50px;}
.tab-custom-row { display: grid; grid-template-columns: repeat(3, 1fr);align-items: flex-start;}
.pricing-top-item { padding: 10px 40px; border-style: solid; border-width: 1px 0; border-color: rgba(256,256,256,0.15); min-height: 164px; display: flex; flex-direction: column; justify-content: center;}
.pricing-top-item h3 { color: #F4F4E8; font-size: 30px; line-height: 36px; font-family: 'Outfit'; font-weight: 600; letter-spacing: -0.9px; margin: 0 0 12px; position: relative;  text-transform: capitalize;}
.popular-tag { position: absolute; right: 0px; top: 6px; background: #2388FF; border-radius: 5px; font-size: 12px; line-height: 16px; color: #050505; letter-spacing: -0.33px; font-weight: bold; padding: 4px 10px; display: inline-block;}
.pricing-top-item .plan-subheading { font-size: 14px; line-height: 20px; color: #BCBCBC; font-weight: bold; font-family: 'Outfit'; letter-spacing: -0.52px;}
.popular-price-items .pricing-top-item h3 {padding: 0 70px 0 0;}
.plan-price { padding: 22px 40px; border-style: solid; border-width: 0px 0 1px; border-color: rgba(256,256,256,0.15); font-size: 40px; line-height: 1; letter-spacing: -2px; font-family: 'Outfit'; color: #F4F4E8; gap: 5px;}
.plan-price span { font-size: 14px; letter-spacing: -0.52px; vertical-align: bottom;}
.pricing-body-text .plan-list-txt { padding: 40px 40px 40px; min-height: 390px;}

.plan-list-txt ul { padding: 0; margin: 0; display: flex; flex-direction: column; gap: 15px;}
.plan-list-txt ul li { font-size: 14px; line-height: 20px; color: #F4F4E8; font-weight: bold; letter-spacing: -0.52px; text-transform: uppercase; position: relative; list-style: none; padding: 0 0 0 20px;}
.plan-list-txt ul li::before { content: ""; background-image: url("../images/plan-list-icon.svg"); position: absolute; left: 0; top: 6px; width: 12px; height: 9px;}
.plan-footer-txt a.primary_btns { margin: 0 0 0 auto;border-width: 0 0 0 1px;}
.percent-off-text { width: 100%; text-align: center; color: #686868; font-size: 13px; line-height: 20px; margin: 12px 0 0; font-weight: bold; letter-spacing: -0.33px; text-transform: uppercase; font-family: 'Outfit';}
.plan-footer-txt { border: 1px solid rgba(256,256,256,0.15);}
.popular-price-items .pricing-body-text { background-image: url("../images/popular-plan-bg.png"); background-position: center; background-size: cover;}
.pricing-card-items.popular-price-items { padding: 0;}
.popular-price-items .pricing-body-text .plan-list-txt { min-height: 490px;}
.pricing-card-items { padding: 100px 0 0;}
.popular-price-items .plan-footer-txt { border-width: 1px 0;}


.businesses-operate-section { padding: 100px 0;}
.operate-grid-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 60px 0 0;}
.operate-work-icon-items { padding: 20px; background: linear-gradient(180deg, #5DA2FE 0%, #FFF 100%);}
.operate-icon-title { font-family: Outfit; font-weight: 600; font-size: 20px; line-height: 26px; letter-spacing: -0.4px; text-transform: uppercase; color: #050505; margin: 0 0 5px;}
.operate-work-icon-items .operate-icon-boxs { padding: 0 0 140px;}
.operate-work-content p { font-family: Outfit; font-weight: 400; font-size: 16px; line-height: 20px; letter-spacing: -0.45px; color: #000; margin: 0;}
.operate-work-icon-items .operate-work-content { max-width: 90%;}
.operate-icon-boxs .operate-number-text { background: #A0C8FF; width: 24px; height: 24px; border-radius: 5px; font-family: Outfit; font-weight: 500; font-size: 12px; line-height: 16px;letter-spacing: -0.33px; text-transform: uppercase; color: #050505; display: inline-flex; justify-content: center; align-items: center;}
.operate-work-icon-items:nth-child(2n) { background: linear-gradient(0deg, #5DA2FE, #5DA2FE);}
.operate-work-icon-items:nth-child(2n) .operate-icon-title, .operate-work-icon-items:nth-child(2n) .operate-work-content p{ color: #fff;}
.operate-work-icon-items:nth-child(2n) .operate-icon-boxs .operate-number-text{ color: #fff;}



.communication-call-section { background-image: url("../images/call-action-bg.jpg"); background-position: center; background-size: cover; padding: 400px 0 130px; position: relative; margin: 0 0 50px;}
.communication-call-section::before { content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(101.55deg, rgba(0, 0, 0, 0) 33.93%, rgba(0, 0, 0, 0.49) 63.92%);}
.communication-call-blocks { max-width: 740px; margin: 0 0 0 auto; text-align: right; position: relative;}
.communication-call-content h2, .communication-call-content p { color: #fff;}
.communication-call-content h2 { margin: 0 0 20px;}
.communication-call-content .call-btns { margin: 30px 0 0;}




/* Blog Single Page Css */

.blog-single-banner-section { position: relative; padding: 242px 0 150px; overflow: hidden;}
.blog-single-image { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%;}
.blog-single-image img { width: 100%; object-fit: cover; height: 100%;}
.blog-single-banner-section .container { position: relative;}
.blog-single-image::before { content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.68);}

.blog-category span { color: #BCBCBC;}
.blog-category {color: #fff; font-family: 'Outfit'; font-weight: 600; font-size: 12px; line-height: 16px; letter-spacing: -0.33px; text-transform: uppercase;  padding: 0 0 25px;}
.sinble-blog-author-box { gap: 15px;}
.sinble-blog-image-box { width: 35px; min-width: 35px;}
.sinble-blog-image-box img{ border-radius:5px;}
.blog-user-name { font-family: Outfit; font-weight: 600; font-size: 12px; line-height: 16px; letter-spacing: -0.33px; text-transform: uppercase; color: #FFF; margin: 0 0 5px;}
.blog-user-role { font-family: Outfit; font-weight: 600; font-size: 12px; line-height: 16px; letter-spacing: -0.33px; text-transform: uppercase; color: #2388FF;}
.blog-single-meta-info { padding: 0 0 25px;}
.article-badge-box .article-badge-text { background: #2388FF; font-family: Outfit; font-weight: 500; font-size: 12px; line-height: 16px; letter-spacing: -0.33px; text-transform: uppercase; color: #050505; padding: 2px 6px; display: inline-block;}
.article-badge-box {gap: 10px;}
.blog-read-time { font-family: Outfit; font-weight: 500; font-size: 12px; line-height: 16px; letter-spacing: -0.44px; text-transform: uppercase; color: #F4F4E8; gap: 10px;}
.blog-single-banner-content h1 { background-image: linear-gradient(90.58deg, #FFF 0.5%, #BFDAFF 85.99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; padding: 0 0 25px;}
.blog-single-meta-boxs { gap: 20px; max-width: 500px;}
.blog-excerpt-content { color: #FFF;}

.blog-banner-scroll { padding: 50px 0 0; text-align: center;}
.blog-banner-scroll a { font-family: Outfit; font-weight: 700; font-size: 12px; line-height: 17px; letter-spacing: -0.33px; text-transform: uppercase; color: #F4F4E8; text-decoration: none; gap: 10px;}



.single-blog-summary-section { padding: 100px 0;}
.blog-left-sticky-boxs { top: 110px;}
.table-content-title {font-family: Outfit; font-weight: 600; font-size: 18px; line-height: 24px; letter-spacing: -0.4px; text-transform: uppercase; color: #050505; padding: 0 0 20px;}
.blog-left-sticky-boxs ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px;}
.blog-left-sticky-boxs ul li { font-family: Outfit; font-weight: 600; font-size: 12px; line-height: 16px; letter-spacing: -0.44px; text-transform: uppercase; color: #686868;}
.blog-left-sticky-boxs ul li a{color: #686868; text-decoration:none;}
.blog-detail__title { font-family: Outfit; font-weight: 600; font-size: 24px; line-height: 28px; letter-spacing: 0px; text-transform: uppercase; color: #050505; padding: 0 0 60px;}
.blog-article-content h2 { font-family: Outfit; font-weight: 600; font-size: 18px; line-height: 24px; letter-spacing: -0.6px; text-transform: uppercase; color: #050505; padding: 0 0 25px;}
.blog-article-content p {font-family: Outfit; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.51px; color: #686868; margin: 0 0 30px;}
.blog-article-content blockquote { font-family: Outfit; font-weight: 600; font-size: 18px; line-height: 24px; letter-spacing: -0.6px; color: #050505; margin: 30px 0; border-left: 2px solid #1C1E19; padding: 10px 0 10px 20px;}
.blog-article-content table { border-collapse: collapse; margin: 30px 0; width:100%;}
.blog-article-content table tr th { background: #EAF3FF; font-family: Outfit; font-weight: 600;font-size: 16.1px; line-height: 24px; letter-spacing: -0.51px; color: #686868; padding: 10px; border: 1px solid rgba(156,156,156,0.15);}
.blog-article-content table tr td { padding: 10px; border: 1px solid rgba(156,156,156,0.15); font-family: Outfit; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.51px; color: #686868; background: #EDF0F5;}
.blog-article-content ul, .blog-article-content ol { margin: 0 0 30px;}
.blog-article-content ul li, .blog-article-content ol li{ font-family: Outfit; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.51px; color: #686868;}




/* ABout Us Page Css */

.about-banner-section { background: #000;padding: 160px 0 150px;}
.about-header-block h1 { font-family: 'Red Hat Display'; font-weight: 600; font-size: 208.9px; line-height: 1; letter-spacing: -6.59px; text-transform: uppercase; background-image: linear-gradient(90.58deg, #FFF 0.5%, #BFDAFF 85.99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.about-header-block { padding: 0 0 60px;}
.about-quote-image-box { width: 45px; min-width: 45px;}
.about-quote-author { gap: 20px;}
.about-quote-author-info .blog-user-role {color: #B2B2B2;}
.about-quote-text { font-family: Outfit; font-weight: 500; font-size: 38px; line-height: 42px; letter-spacing: 0px; text-transform: uppercase; color: #FFF;}
.primary-color-txt { color: #74AFFF;}
.about-quote-block { position: relative; padding: 0 0 0 70px;}
.about-quote-block::before { content: ""; position: absolute; left: 0; top: 7px; background-image: url("../images/about-quote-icon.svg"); width: 29px; height: 36px; background-repeat: no-repeat;}



.about-horizontal-mission-section { background: #F7F7F7; padding: 100px 0 0;overflow: hidden;}
.horizontal-mission-grid-row { display: flex; flex-wrap: wrap;}
.horizontal-left-colm, .horizontal-right-colm {width: 30%;}
.horizontal-center-colm { width: 40%; padding: 0 30px;display: flex; flex-wrap: wrap;}

.text-slider{display: flex; gap:3em; position: relative;}
.scroll-content h2{white-space: nowrap;font-family: Outfit;font-weight: bold;font-size: 93px;line-height: 100px;letter-spacing: -3px;text-transform: uppercase;color: rgba(0,0,0,0.13);}

.what-drives-items { max-width:90%; margin: 0 auto; display: flex; align-content: space-between;flex-wrap: wrap;}
.horizontal-mission-image img { width: 100%; vertical-align: top;}
/* .horizontal-solution-items .horizontal-mission-image img { max-width: 300px;} */
.summer-text { font-family: Outfit; font-weight: 700; font-size: 13px; line-height: 16px; letter-spacing: -0.33px; text-transform: uppercase; padding: 0 0 10px;}
.horizontal-mission-image { padding: 0 0 10px;}
.horizontal-mission-text p, .what-drives-text p { font-family: Outfit; font-weight: 600; font-size: 14.2px; line-height: 20.25px; letter-spacing: -0.45px;}
.horizontal-mission-text p:last-of-type, .what-drives-text p:last-of-type{margin:0px;}
.horizontal-mission-text { padding: 0 50px 0 0px;}
.what-drives-top, .what-bottom-top { width: 100%;}
.what-drives-top { display: flex; flex-direction: column; gap: 70px;}

.horizontal-right-colm { display: flex; flex-wrap: wrap;}
.horizontal-solution-items {display: flex; flex-wrap: wrap; gap: 20px;}
.hor-solution-top {width:100%;}
.hor-solution-top .hor-solution-max-content { width:100%; max-width: 60%; margin: 0 0 0 auto; text-align: right;}
.hor-solution-top .horizontal-mission-text { padding: 0px;}
.hor-solution-btm { width: 100%;}
.hor-solution-btm .hor-solution-max-content { width: 100%; max-width: 60%;}


.about-horizontal-value-section { background: #050505; padding: 20px 0 100px;overflow: hidden;}
.about-horizontal-value-section .scroll-content h2{color:rgba(255,255,255,0.13);}
.horizontal-work-grid-row { display: flex; flex-wrap: wrap; align-items: center; padding: 40px 0 0;}
.work-right-colms { width: 60%; padding: 0 0 0 30px;}
.work-left-colms {width: 40%;}
.horizontal-work-content-info h2 { color: #fff; margin: 0 0 16px;}
.horizontal-work-content-info p { color: #BCBCBC;}
.horizontal-work-content-info p:last-of-type{margin:0px;}
.horizontal-work-content-info .subHeading { color: #A0C8FF;}
.horizontal-work-content-info .subHeading span { color: #F4F4E8;}
.horizontal-work-grid-row .operate-grid-row { grid-template-columns: repeat(2, 1fr); padding: 0; gap: 0;}
.horizontal-work-grid-row .operate-work-icon-items { background: linear-gradient(180deg, #5DA2FE 0%, #050505 100%);}
.horizontal-work-grid-row .operate-icon-title { color: #F4F4E8; font-size: 18px;}
.operate-number-txt { font-family: Outfit; font-weight: 500; font-size: 12px; line-height: 16px; letter-spacing: -0.44px; text-transform: uppercase; color: #F4F4E8; padding: 0 0 0 12px;}
.horizontal-work-description { padding: 0 20% 0 0;}
.horizontal-work-grid-row .operate-work-icon-items:nth-child(2n) { background: linear-gradient(180deg, #050505 0%, #5DA2FE 100%);}



/* .horizontal-section {
    position: relative;
    min-height: 300vh;
    overflow: hidden;
}

.horizontal-sticky {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
}

.horizontal-wrapper {
    display: flex;
    width: max-content;
    height: 100vh;
    will-change: transform;
}

.about-horizontal-block {
    width: 100vw;
    flex-shrink: 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
}
 */

.about-horizontal-work-section { background-color: #74afff; padding: 20px 0 18%; overflow: hidden;}
.origin-story-left-colm { width: 70%; padding: 0 30px 0 0;}
.origin-story-right-colm { width: 30%;}
.origin-story-boxs-content { max-width: 70%;}
.origin-description-item p { color: #fff; font-family: Outfit; font-weight: 400; font-size: 15px; line-height: 20px; letter-spacing: -0.45px;}
.origin-description-item p:last-of-type { margin: 0;}
.origin-description-row { grid-template-columns: repeat(2, 1fr); padding: 0; gap: 30px; display: grid;}
.origin-intro { font-family: Outfit; font-weight: 500; font-size: 28px; line-height: 32px; letter-spacing: -0.9px; color: #fff; margin: 0 0 30px; max-width: 90%;}
.origin-story-boxs-content h2 { color: #fff; margin: 0 0 25px;}
.origin-story-content-row .subHeading {color: #FFF; margin: 0;}
.origin-story-wrapper { padding: 40px 0 0;}
.origin-milestones-boxs { max-width: 460px; width: 100%; margin: 0 0 0 auto; gap: 30px;}
.milestone-heading { font-family: Red Hat Display; font-weight: 700; font-size: 15px; line-height: 20px; letter-spacing: -0.6px; text-transform: uppercase; color: #fff;}
.milestone-listing-row { display: flex; flex-wrap: wrap; max-width: 160px; gap: 80px; justify-content: flex-end;}
.milestone-item .milestone-year { font-family: Red Hat Display; font-weight: 800; font-size: 50px; line-height: 1; letter-spacing: -1.8px; text-align: right; text-transform: uppercase; color: #FFF; margin: 0 0 16px;}
.milestone-item .milestone-text { font-family: Outfit; font-weight: 700; font-size: 12px; line-height: 16px; letter-spacing: -0.33px; text-align: right; text-transform: uppercase; color: #FFF;}
.work-btm-img img { width: 100%;}
.horizontalSwiper .swiper-slide, .horizontalSwiper .swiper-wrapper {height: auto;}
.horizontalSwiper .swiper-slide {display: flex;}
.about-horizontal-block { width: 100%; display: flex;}
.work-btm-img { position: absolute; left: 0; right: 0; bottom: 0; width: 100%;}





.about-team-section { padding: 100px 0;}
.about-team-title-boxs, .about-partner-title-blocks { text-align: center; max-width: 810px; margin: 0 auto; width: 100%;  padding: 0 0 60px;}
.about-team-title-boxs h2, .about-partner-title-blocks h2 { margin: 0 0 16px;}
.about-team-title-boxs p, .about-partner-title-blocks p { color: #686868;}
.about-team-title-boxs p:last-of-type, .about-partner-title-blocks p:last-of-type{margin:0px;}
.about-team-grid-row { display: grid; grid-template-columns: repeat(2, 340px); justify-content: space-between; max-width: 1020px; margin: 0 auto; width: 100%; gap: 50px;}
.about-team-items:nth-child(3n) { grid-column: 1 / span 2; justify-self: center;}
.about-team-items { border: 1px solid rgba(156, 156, 156, 0.15); background: #EAF3FF;}
.team-card-label { background: #BFDAFF; padding: 6px 16px; gap:10px;}
.team-card-label .team-id { font-family: Outfit; font-weight: 700; font-size: 12px; line-height: 16px; letter-spacing: -0.33px; text-transform: uppercase; color: #686868;}
.team-card-label .team-location { font-family: Outfit; font-weight: 700; font-size: 12px; line-height: 16px; letter-spacing: -0.33px; text-transform: uppercase; color: #050505;}
.about-team-image-box img {vertical-align: top;}
.team-card-content { padding: 20px 15px;}
.team-card-content .team-member-name { font-family: Outfit; font-weight: 600; font-size: 19px; line-height: 24px; letter-spacing: -0.4px; text-transform: uppercase; margin: 0 0 3px;}
.team-card-content .team-member-role { font-family: Outfit; font-weight: 700; font-size: 12px; line-height: 16px; letter-spacing: -0.33px; text-transform: uppercase; color: #686868;}
.team-social-block ul { display: flex; flex-wrap: wrap; align-items: center; list-style: none; margin: 0; padding: 0;}
.team-social-block ul li a { width: 37px; height: 37px; display: inline-flex; justify-content: center; align-items: center; border-right: 1px solid rgba(156, 156, 156, 0.15);}
.team-social-block{border-top: 1px solid rgba(156, 156, 156, 0.15);}
.team-social-block ul li a:hover{background: #BFDAFF;}
.about-team-picture-section img { width: 100%; vertical-align: top;}



.about-mission-section { background: #050505; padding: 100px 0;}
.mission-swiper-boxs { padding: 30px; background-image: url("../images/mission-back-bg.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover;}
.about-mission-title-block { padding: 0 0 60px;}
.about-mission-title-block h2 { background-image: linear-gradient(90.58deg, #FFF 0.5%, #BFDAFF 85.99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.about-mission-title-block .subHeading { color: #A0C8FF;}
.about-mission-title-block .subHeading span{color:#F6FAFF;}
.about-mission-grid-row { display: grid; grid-template-columns: 5fr 7fr; gap: 30px;}

.about-mission-image { padding: 30px 30px 30px 50px; background-color: rgba(49,49,49,0.54); display: flex; align-items: center; justify-content: center;}
.about-mission-content { padding: 30px; background-color: rgba(49,49,49,0.54); display: flex; flex-direction: column; justify-content: center;}
.about-mission-content p { color: #FFF; margin: 0 0 30px;}
.about-mission-content p:last-of-type { margin: 0;}
.about-mission-content .mission-learn-link { padding: 30px 0 0;}
.mission-learn-link a.learn-more-links { font-family: Outfit; font-weight: 700; font-size: 16px; line-height: 20px; letter-spacing: -0.78px; text-transform: uppercase; color: #FFF; text-decoration: none; gap: 30px;}
.mission-learn-link a.learn-more-links span { display: flex; align-items: center; min-width: 13px; width: 13px;}
.about-mission-image img { width: 100%; vertical-align: top;}

.about-mission-section .mission-swiper-boxs .misson-swiper-pagination .swiper-pagination-bullet { width: 2px; height: 50px; margin: 0; border-radius: 0; background: #D9D9D9; opacity: 0.44}
.about-mission-section .mission-swiper-boxs .misson-swiper-pagination { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); bottom: auto; width: 10px; display: flex; flex-direction: column; gap: 15px; z-index: 1;}
.about-mission-section .mission-swiper-boxs .misson-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #3088FF; opacity: 1;}



.about-partner-section { padding: 100px 0 50px; background: #F8F8F8; overflow: hidden;}
.top-logos-items { white-space: nowrap; position: relative; display: flex; gap: 80px;}
.top-logos-slider { display: flex; gap: 80px; animation: 20s slide infinite linear; align-items: center;}
.top-logos-items { white-space: nowrap; position: relative; display: flex; gap: 80px;}
.logo-blocks { width: 142px;}
@keyframes slide{
	
  from{
    transform:translateX(0);
    
  }
  to{
    transform:translateX(-100%);
  
  }
}

.about-vission-section { padding: 50px 0; background: #f8f8f8;}
.about-vission-content-block p { color: #686868;}
.about-vission-content-block p:last-of-type { margin: 0;}
.about-vission-tile-block h2 { color: #3088FF;}
.vission-slider-image {position: relative;}
.vission-slider-image img { vertical-align: top;width: 100%;}
.vission-slider-image::before { background: linear-gradient(167.92deg, rgba(0, 0, 0, 0) 10.28%, rgba(0, 0, 0, 0.49) 32.75%); content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%;}

.vision-controls .vision-swiper-pagination { position: relative; height: 6px !important; background-color: rgba(255,255,255,0.2); border-radius: 30px; overflow: hidden;}
.visionSwiper .vision-controls { position: absolute; left: 0; right: 0; padding: 40px; bottom: 0; z-index: 1; gap: 80px}
.vision-controls .vision-swiper-pagination .swiper-pagination-progressbar-fill { background: #3088FF; border-radius: 20px !important;}
.vision-swiper-button-prev, .vision-swiper-button-next { width: 40px; height: 40px; min-width: 40px; background: #3088FF; border-radius: 30px; display: inline-flex; justify-content: center; align-items: center; border: 1px solid rgba(249, 249, 239, 0.3);}
.vision-navigation { gap: 16px;}



.about-process-section { background-color: #050505; background-image: url("../images/process-back-bg.jpg"); background-position: center bottom; background-repeat: no-repeat; padding: 100px 0; background-size: cover;}

.about-process-title-boxs { text-align: center; max-width: 810px; margin: 0 auto; width: 100%; padding: 0 0 60px;}
.about-process-title-boxs .subHeading {color: #A0C8FF;}
.about-process-title-boxs .subHeading span {color: #F6FAFF;}
.about-process-title-boxs h2 { background-image: linear-gradient(90.58deg, #FFF 0.5%, #BFDAFF 85.99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin: 0 0 16px;}
.about-process-title-boxs p:last-of-type { margin: 0;}
.about-process-title-boxs p { color: #686868;}
.about-process-grid-row { max-width: 1200px; margin: 0 auto; width: 100%; gap: 26px;}

.about-process-items { background-color:#1d1d1d; padding: 35px 25px; display: grid; grid-template-columns: 5fr 7fr; gap: 30px;}
.about-process-left { gap: 50px;}
.process-number { font-family: Outfit; font-weight: 600; font-size: 24px; line-height: 1; letter-spacing: 0; color: #FFF;}
.process-icon { width: 53px; min-width: 53px;}
.process-title h4 { font-family: Outfit; font-weight: 700; font-size: 24px; line-height: 32px; letter-spacing: 0; color: #fff; margin: 0;}
.process-content p { font-size: 16px; line-height: 24px;color: #BBB;}
.process-content p:last-of-type { margin: 0;}



/* Responsive Css */

@media(max-width:1600px){
h1{font-size: 50px;  line-height: 1.2;}	
.banner-content-block { padding: 0 10% 0 0px;}	
.banner-links-info{  min-height: 700px;}

.offer-listing-items .right_colms{ gap: 80px;}
.faq-accordion-block h2, .article-insight-header-block h2{font-size: 50px;  line-height: 1.2;}
.inner-header-block h1 { font-size: 100px;}
.about-header-block h1 { font-size: 180px;}

	
}


@media(max-width:1440px){
.banner-right-content p{ font-size: 20px; line-height: 28px;}
h2{font-size: 40px;line-height: 1.2;}	

.what-we-offer-list-block{ gap: 60px;}
.offer-listing-items .right_colms{ gap: 60px;}
.quote-content-block p{font-size: 36px; line-height: 1.2;}
.faq-accordion-block h2, .article-insight-header-block h2 { font-size: 40px;}
.started-content-info h2{ padding: 0 5% 0 0px;}
.footer-main-menu ul li{font-size: 30px; line-height: 36px;}
.inner-header-block h1 { font-size: 80px;}
.visionSwiper .vision-controls{gap: 50px;}
.about-mission-content p { margin: 0 0 20px;}
.about-quote-text{ font-size: 30px; line-height: 36px;}
.about-header-block h1 { font-size: 150px;letter-spacing: -3px;}

	
}


@media(max-width:1199px){
body{ font-size: 18px; line-height: 24px;}	
.header-section{ padding: 20px 10px;}
h1{font-size: 40px;}	
.banner-content-block { padding: 0 5% 0 0px;}	
.get-quote-btns{max-width: 200px; min-width: 200px;}
.container { max-width: 100%;}
.banner-content-info {padding: 0 10px;}	
.banner-links-info { min-height: 550px; padding: 100px 10px 45px;}


.who-we-are-section .about-graph-image{  padding: 0 10px 50px;}
.who-we-are-section .who-content-info { max-width: 100%; padding: 0 10px;}
h2 {font-size: 36px;}

.what-we-offer-section{  padding: 60px 10px;}
.what-we-offer-header-block{  padding: 0 0 50px;}
.offer-listing-items .right_colms { gap: 30px; width: 90%;}
.offer-listing-items .offer-id-text, .offer-service-text, .what-we-do-text{  padding: 0 0 36px;}
.offer-service-content-box h3{  font-size: 24px;}
.offer-price-block { width: 90%;  padding: 60px 0 0;}
.starting-plan-text{ font-size: 30px; line-height: 38px;}

.how-work-section { padding: 50px 10px 30px;}
.how-work-grid-row{  padding: 40px 0 0;}	
.how-work-icon-title{  font-size: 18px;}
h3, .post-launch-section .post-launch-title-boxs h3{  font-size: 30px; line-height:1.2;}
.post-launch-section { padding: 20px 10px 50px;}	
.post-launch-icon-title{  font-size: 18px;}

.main-hero-section{  padding: 100px 0 150px;}
.testimonials-content-boxs p, .testimonials-slogon-title{font-size: 16px; line-height: 22px;}	
.testi-percent-text{font-size: 40px; line-height: 1.3;}
.testimonials-stats .testimonials-stats-info{ padding: 10px;}
.testimonials-user{ padding:15px 10px;}	
.testimonials-scrolling-section { padding: 50px 10px 30px;}	
.testimonila-top-block { padding: 0 0 20px;}	
	
.testimonial-quote-section{padding: 30px 10px 50px; margin: 0 0 30px;}	
.quote-image-colm { width: 20%;}
.quote-content-colm { width: 80%;}
.quote-content-block p { font-size: 30px;}


.faq-accordion-block h2, .article-insight-header-block h2 { font-size: 36px;}
.hm-faq-section { padding: 30px 10px;}	
.faq-heading-colm { width: 20%; padding: 0 20px 0 0;}
.faq-content-colm { width: 80%;}

.article-insight-section { padding: 30px 10px 50px;}
.article-left-colm { width: 20%;}
.article-insight-header-block { padding: 0 0 40px;}
.blog-title-text{font-size: 20px; line-height: 1.2;}
.blog-grid-container{  gap: 20px;}
.insight-blog-items { padding: 0 0 20px;}

.get-started-form-section {padding: 50px 10px;}
.started-grid-row::before, .started-grid-row::after, .started-content-info::after, .started-forms-block::before, .started-forms-block::after{height: calc(100% + 100px); top: -50px;}


.footer-info-section { padding: 50px 10px 0;}
.newsletter-left-colm { width: 25%;padding: 0 10px 0 0;}
.newsletter-right-colms { width: 75%; padding: 0 0 0 6px;}
.footer-newsletter-block{  padding: 0 0 25px;}
.footer-navigation-blocks { padding: 25px 0;}
.footer-logo-blocks { padding: 25px 0 30px;}
.newsletter-content-info h3{ font-size: 24px; line-height: 32px;}
.inner-header-block h1 { font-size: 60px;}
.inner-blog-banner-section { padding: 150px 10px 50px;}
.article-insight-blog-section .insight-blog-items{ padding: 15px;}
.article-insight-blog-section{ padding: 0 10px 60px;}

.communication-call-section{padding: 250px 10px 100px; margin: 0 0 30px;}
.communication-call-blocks { max-width: 550px;}
.businesses-operate-section { padding: 50px 10px;}
.operate-grid-row{ padding: 40px 0 0;}
.operate-work-icon-items .operate-icon-boxs { padding: 0 0 80px;}
.pricing-tab-section{padding: 60px 10px;}
.pricing-title-block{ padding: 0 0 40px;}
.pricing-top-item h3{font-size: 26px; line-height: 32px;}
.pricing-top-item {padding: 10px 20px; min-height: 130px;}
.plan-price{font-size: 30px;}
.plan-price { padding: 16px 20px;}
.pricing-body-text .plan-list-txt { padding: 30px 20px 30px;}
.communication-banner-section{padding: 150px 10px 60px;}
.communication-phone-card{ padding: 20px;}

.single-blog-summary-section { padding: 60px 10px 30px;}
.blog-single-banner-section{padding: 180px 10px 100px;}
.blog-banner-scroll { padding: 30px 0 0;}

.about-process-section { padding: 60px 10px;}
.about-vission-section { padding: 30px 10px 50px;}
.visionSwiper .vision-controls{gap: 30px;padding: 30px;}
.about-partner-section { padding: 50px 0 30px;}
.about-partner-title-blocks {padding: 0 10px 30px;}
.top-logos-slider, .top-logos-items{gap: 50px;}

.about-mission-content p { margin: 0 0 16px;}
.about-mission-image { padding: 20px 20px 20px 40px;}
.about-mission-section .mission-swiper-boxs .misson-swiper-pagination{left: 20px;}
.about-mission-grid-row{gap: 20px;}
.about-mission-content{ padding:20px;}
.about-mission-content p { font-size: 16px;}
.about-mission-content .mission-learn-link { padding: 20px 0 0;}
.about-mission-section { padding: 60px 10px;}
.about-mission-title-block { padding: 0 0 40px;}
.about-team-section { padding: 60px 10px;}
.about-team-title-boxs{padding: 0 0 30px;}
.about-team-grid-row{gap: 30px;}
.about-header-block h1 {font-size: 14vw; letter-spacing: 0;}
.about-banner-section{padding: 150px 10px 80px;}
.about-quote-block { padding: 0 0 0 50px;}
.about-quote-text {font-size: 24px;line-height: 28px;}
.about-header-block { padding: 0 0 30px;}

}

@media(max-width:991px){
	
/* Hedaer Css */

.header-section .header-menu .navbar-toggler-icon { background-image: url(../images/menu-icon.svg); width: 40px; height: 29px; padding: 0; background-size: 40px; display: flex; align-items: center;}
 .header-menu-section { padding: 0px 0; position: fixed; left: 0; right: 0; top: 94px; background: #1a1a1a; width: 100%; z-index: 1021; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; overflow-y: auto; height: calc(100% - 95px);    border-top: 3px solid #74AFFF;}
.header-section .header-menu .navbar-toggler { padding: 0; outline: 0; box-shadow: 0 0 0 transparent; border: 0;}
.header-section .header-menu button[aria-expanded="true"] .navbar-toggler-icon { background-image: url(../images/close-icon.svg); height: 29px; background-size: 29px;}
.header-menu { display: flex; align-items: center; gap: 20px;}
.header-grid-block{  grid-template-columns: auto auto;}	
.header-phone-text a { text-decoration: none;}
.header-menu ul.navbar-nav li a { border-bottom: 1px solid rgba(255,255,255,0.3); padding: 10px 30px 16px !important; font-size: 18px; line-height: 28px;}
.header-menu .header-menu-section ul li a.active::before { top: 23px; left: 16px;}	
.header-section { padding: 20px 10px;}
.header-menu ul.navbar-nav { gap: 0;}
.white-headers .header-menu-section{ border-top: 3px solid #14396B; background: #74afff;}
.white-headers .header-menu .header-menu-section ul li a.active, .white-headers .header-menu .header-menu-section ul li a{  color: #FFF;}
.white-headers .header-menu .header-menu-section ul li a.active::before { background: #FFF;}

.header-section.white-headers .header-menu button[aria-expanded="true"] .navbar-toggler-icon {background-image: url(../images/close-black-icon.svg);}
.header-section.white-headers .header-menu .navbar-toggler-icon { background-image: url(../images/menu-black-icon.svg);}


h1 { font-size: 36px; letter-spacing: 0px;}	
.banner-section { padding: 130px 0 0;}
.banner-right-content p { font-size: 16px; line-height: 24px;}	
a.primary_btns{max-width: 200px; padding: 15px;}	
.banner-links-text{  gap: 12px;}	
.banner-links-info { min-height: 400px; padding: 70px 10px 40px;}	
.banner-content-block { padding: 0;}
 
 h2 { font-size: 30px;} 
.who-content-info h2 { margin: 0 0 20px;}


.offer-service-content-box p { font-size: 16px; line-height: 22px;}
ul.offer-service-list-ul li{  font-size: 13px;}
.offer-price-right-block { max-width: 250px;   width: 40%;}
.offer-price-left-block { max-width: 535px;width: 60%;}
.starting-plan-text{font-size: 26px; line-height: 36px;}

.main-hero-section{  padding: 80px 0 100px;}

.testimonials-content-boxs p, .testimonials-slogon-title{font-size: 18px; line-height: 24px;}
.testimonials-scrolling-grid { grid-template-columns: repeat(2, 1fr); gap: 24px;}
.quote-content-block p { font-size: 24px;}
.quote-content-block { padding: 0 0 30px;}

.faq-accordion-block h2 { font-size: 30px; margin: 0 0 30px;}
.article-insight-header-block h2{font-size: 30px;}
.blog-grid-container { grid-template-columns: repeat(2, 1fr);}
.insight-blog-items:nth-child(3) .blog-featured-image {padding-top: 56%;}

.started-grid-row { grid-template-columns: repeat(1, 1fr); gap: 30px;}
.started-grid-row::before, .started-grid-row::after, .started-content-info::after, .started-forms-block::before, .started-forms-block::after{display: none;}
.book-consultation-form .form-group textarea{ border-width: 1px;}
.book-consultation-form .form-group input[type="email"], .book-consultation-form .form-group input[type="tel"]{  border-width: 1px;}
.started-content-info h2 { padding: 0; margin: 30px 0;}
.consultation-title {padding: 0 0 30px;}
.started-forms-block h3{font-size: 24px; line-height:1.2;}

.footer-logo-blocks .footer-logo img { max-width: 450px; width: 100%;}
.inner-header-block h1 { font-size: 50px;}
.inner-blog-banner-section { padding: 130px 10px 30px;}
.article-insight-blog-section .blog-grid-container { grid-template-columns: repeat(2, 1fr);}
.communication-call-section{padding: 170px 10px 80px;}
.communication-call-section::before{background: linear-gradient(101.55deg, rgba(0, 0, 0, 0.5) 33.93%, rgba(0, 0, 0, 0.62) 63.92%);}

.blog-detail__title{font-size: 20px; line-height: 24px; padding: 0 0 30px;}
.blog-article-content h2{  padding: 0 0 16px;}
.blog-article-content p{  margin: 0 0 20px;}
.blog-article-content ul, .blog-article-content ol { margin: 0 0 20px;}
.blog-article-content blockquote{margin: 20px 0;}
.about-process-title-boxs{  padding: 0 0 40px;}
.process-title h4{ font-size: 20px; line-height: 24px;}
.about-process-left { gap: 30px;}
.about-process-items{gap: 20px; padding: 25px 20px;}
.process-icon { width: 40px; min-width: 40px;}

.about-mission-grid-row { grid-template-columns: 1fr; gap: 0;}
.about-mission-image {  padding: 20px 20px 0; }

.about-mission-section .mission-swiper-boxs .misson-swiper-pagination { top: auto; bottom: 20px; transform: inherit; left: 0; right: 0; flex-direction: revert; justify-content: center; width: 100%;}
.about-mission-section .mission-swiper-boxs .misson-swiper-pagination .swiper-pagination-bullet { width: 30px; height: 5px;}
.about-mission-content { padding: 20px 20px 50px;}
.about-banner-section { padding: 100px 10px 60px;}





}



@media(max-width:767px){

.get-quote-btns .btn-icon img { max-width: 100%;}
.get-quote-btns .btn-icon { display: flex; align-items: center; width: 12px; min-width: 12px;}
.get-quote-btns { max-width: 140px; min-width: 140px; padding: 12px 15px;}
.header-menu-section{top: 84px; height: calc(100% - 84px);}

h1 { font-size: 26px; letter-spacing: 0px;}  
.banner-right-content p, .banner-right-content{ text-align: left;} 
.banner-content-block { padding: 0 0 16px;} 
.banner-right-content .banner-btns {padding: 20px 0 0;} 
.banner-right-content .banner-btns a.primary_btns { margin: 0;}	
 h2, .faq-accordion-block h2 { font-size: 26px;} 
.about-grid-logo{grid-template-columns: repeat(2, 1fr); gap: 0;} 
.about-logo-blocks .container { padding: 0;}
.about-grid-logo .about-logo-items:nth-child(2) {border-width: 0 0 1px;}
.about-grid-logo .about-logo-items:nth-child(1) { border-width: 0 1px 1px 0;}
.about-grid-logo .about-logo-items:last-child { border: 0;} 
 
.offer-listing-items .offer-id-text, .offer-service-text, .what-we-do-text { padding: 0 0 30px;} 
.offer-listing-items { display: grid;grid-template-columns: 60px 1fr;}
.offer-listing-items .right_colms {gap: 40px; width: 100%;}
.what-we-do-text { padding: 0 0 20px;}
.offer-listing-items .right_colms{grid-template-columns: repeat(1, 1fr);}
.offer-price-block { width: 100%;  padding: 50px 0 0; flex-direction: column; gap: 30px;}
.offer-price-left-block, .offer-price-right-block { max-width: 100%; width: 100%;}
 
 
.how-work-grid-row {grid-template-columns: repeat(2, 1fr); gap: 10px;}
.how-work-icon-items:nth-child(3) { margin: 0 0 0;}
.how-work-icon-items{  padding: 25px 16px;}
.how-work-icon-items:nth-child(4) { margin: 16px 0 0;}
.how-work-grid-row { padding: 20px 0 0;}
.how-work-title-block h2 {padding: 0 0 20px;}
.post-launch-header-block { padding: 0 0 20px;} 
.post-launch-icon-items { max-width: 100%; padding: 5px 0;}
/* .post-launch-header-block h3 br { display: none;} */
.post-launch-title-boxs { padding: 16px 0 0;}

  h3, .post-launch-section .post-launch-title-boxs h3 { font-size: 24px;}
 
a.secondary_btns{  max-width: 200px;} 
 
.testimonials-scrolling-grid { grid-template-columns: repeat(1, 1fr); gap: 24px;} 
.quote-image-colm{  padding: 0 20px 0 0px;  width: 15%;}
.quote-content-colm { width: 85%;}
.quote-content-block p { font-size: 20px;} 
.quote-author-info .author-left-colm { gap: 16px;  flex-wrap: nowrap !important;}
.author-right-colm { width: 100%; padding: 16px 0 0;}
.quote-author-info .quote-author-block { flex-wrap: wrap;}

.faq-heading-colm { width: 100%; padding: 0 0 0px;} 
.faq-content-colm { width: 100%;}
 
.article-left-colm { width: 100%; padding: 0;} 
.article-center-colm { width: 100%;} 
.article-insight-header-block h2 { font-size: 26px;}
.blog-grid-container { grid-template-columns: repeat(1, 1fr); } 
.article-right-colm { display: none;}
.article-insight-header-block { padding: 0 0 30px;}
 
 
.newsletter-left-colm { width: 100%; padding: 0 0 20px;} 
.newsletter-right-colms { width: 100%; padding: 0;}
.footer-main-menu { padding: 0 0 30px;}
.footer-social-block { display: grid; grid-template-columns: 5fr 7fr; gap: 20px;} 
.footer-logo-blocks .footer-logo { padding: 0 0 40px;}
.newsletter-content-info { max-width: 100%;}

.inner-header-block h1 { font-size: 32px;}
.article-insight-blog-section .blog-grid-container { grid-template-columns: repeat(1, 1fr);}
.communication-call-section{  padding: 100px 10px 60px;} 
 .operate-grid-row {grid-template-columns: repeat(1, 1fr);}
 
.tab-custom-row {grid-template-columns: repeat(1, 1fr); gap:40px;} 
.pricing-body-text .plan-list-txt{  min-height: inherit;}
.popular-price-items .pricing-body-text .plan-list-txt { min-height: 390px;}
.pricing-card-items { padding: 0;}
.blog-sinle-left-box { padding: 0 0 40px;}
.blog-single-meta-info, .blog-category { padding: 0 0 20px;}
.blog-single-banner-section{padding: 140px 10px 60px;} 
.about-process-items { grid-template-columns: 1fr;} 
.about-process-left { gap: 20px;}
.process-icon { width: 30px; min-width: 30px;}
.about-vission-tile-block {padding: 0 0 16px;} 
.visionSwiper .vision-controls{gap: 30px;padding: 20px;}
.about-vission-section { padding: 30px 10px 40px;}
.top-logos-slider, .top-logos-items{gap: 30px;}
 
.about-team-grid-row { gap: 30px;grid-template-columns: repeat(1, 1fr); max-width: 450px;}
.about-team-items:nth-child(3n) {grid-column: 1;}
.about-team-image-box img {width: 100%;}
.about-quote-author {margin: 0 0 30px;}
.about-header-block h1 { font-size: 10vw;}
.about-quote-text { font-size: 20px; line-height: 24px;} 
 
 
 
}