:root{
    --primary-color: #F2A843;
    --secondary-color: #35373B;
    --primary-color-15 : #05549926;
    --primary-light-color : #E1EEF9;
    --light-bg-color: #F8F7F3;
    --white-color-20: #FFFFFF33;
    --white-color-30: #FFFFFF4D;
    --color-black : #191919;
    --theme-border-color : #E6F3FF;
    --blue-color : #25395C;
    --blue-border-color : #25395C1A;
}

.section-inner-head h2{ user-select: none; margin-bottom: 10px;}
.sub-heading {font-size: 20px; line-height: 28px; font-weight: 400; padding-bottom: 5px; margin-bottom: 10px; display: inline-flex; position: relative;}
.sub-heading::after {content: ''; height: 3px; width: 32px; border-radius: 2px; background-color: var(--primary); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
a:hover{color: var(--primary-color);}
.section-spacing {padding: 100px 0px;}
.title-wrapper h2 {margin-bottom: 12px;}
.index-1 {z-index: 1;}
p a {color: var(--primary);}
.mb-40 {margin-bottom: 40px;}

/* Button */
.btn1 svg path {transition: all ease-in-out 0.3s;}
.btn1:hover svg path {fill: var(--color-black);}
.btn1 span {position: relative;}

html {scroll-behavior: unset !important;}
/* body, html {overflow-x: hidden;} */
.flex { display: flex;}
.items-stretch { align-items: stretch;}
.flex-nowrap { flex-wrap: nowrap;}
.flex-start { align-items: flex-start;}
.gap-2 { gap: 20px !important;}
.gap-3 { gap: 30px !important;}
.gap-4 { gap: 40px !important;}
.mb-5 { margin-bottom: 50px;}
.m-auto { margin: auto;}
.h-full { height: 100%;}
.btn--primary-outline {background-color: var(--color-white);}
.btn--primary-outline::after, .btn--primary-outline::before, .btn--primary-outline:hover::after, .btn--primary-outline:hover::before {background-color: var(--primary);}
:first-letter, h1, h2, h3, h4, h5, h6, select{text-transform: inherit;}

.animated-title { font-size: 20px; line-height: 28px; font-weight: 400; position: relative; padding: 0px 0px 2px; max-width: max-content; margin: 0px auto 12px auto; display: block;}
.animated-title::before { content: ''; width: 32px; height: 3px; border-radius: 4px; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); background-color: var(--primary);} 

section .title-wrapper { text-align: center; max-width: 750px; margin-inline: auto; position: relative; z-index: 1;}

/* hero section */
.hero{padding:100px 0px 0px;text-align:center;position:relative;overflow: hidden;background-image: url(../../images/new-services/browser-extension/browser-hero-bg.webp);background-size: inherit;background-repeat: no-repeat;background-position: center bottom;}
.hero .container {max-width: 1920px; padding-inline: 62px;}
.hero-content-wrapper {display: flex; justify-content: space-between; align-items: end; gap: 50px;}
.hero-content{width:100%;max-width:806px;padding-top:58px;margin:0 auto;text-align:center}
.hero_eyebrow {font-size: 20px; line-height: 28px; font-weight: 500; padding: 4px 8px; border: 1px dashed #25395C33; display: inline-block;}
.hero .hero-content h1{margin:24px 0}
.hero_mockup .mobile_view, .hero_right_img .left_img {display: none;}
.hero_left_img img {animation: floatY 4s ease-in-out infinite;}
.hero_right_img img {animation: floatrY 4s ease-in-out infinite;}
@keyframes floatY { 0% { transform: translateY(0); } 50% { transform: translateY(-20px); } 100% { transform: translateY(0); }}
@keyframes floatrY { 0% { transform: translateY(0); } 50% { transform: translateY(20px); } 100% { transform: translateY(0); }}

/* Service Section */
.services_tabs {padding: 10px; border: 1px solid #F2A84333; border-radius: 20px; background-color: var(--color-white); display: flex; gap: 10px; position: sticky; top: 100px; z-index: 1;}
.services_tabs .nav_item {flex: 1;}
.services_tabs .nav_item .nav_link {width: 100%; padding: 20px; font-size: 20px; line-height: 28px; font-weight: 500; transition: all ease-in-out 0.3s; border: 1px solid transparent; color: var(--color-black); display: block; text-align: center;}
.services_tabs .nav_item:not(:last-child) .nav_link {border-right-color: #F2A84333;}
.services_tabs .nav_item .nav_link.active, .services_tabs .nav_item .nav_link {background-color: var(--color-white);}
.services_tabs .nav_item .nav_link.active {border-radius: 20px; border-color: var(--primary-color); box-shadow: 0px 4px 22.2px 0px #F2A84333; font-weight: 700;}
.services_tabs .nav_item .nav_link:not(.active):hover {color: var(--primary-color);}
.services-solutions .tab_pane {margin-top: 90px; scroll-margin-top: 250px;}
.service_content_wrapper {display: grid; gap: 40px; grid-template-columns: 1.3fr 2fr;}
.service_left_side {display: flex; align-items: center;}
.service_left_side .content {margin-left: -30px; position: relative; padding-top: 30px;}
.service_left_side .badge {padding: 7px 18px; border-radius: 40px; background-color: #F2A8431A; border: 1px solid #F2A84333; backdrop-filter: blur(4px); transform: rotate(-14.35deg); color: var(--color-black); font-size: 20px; line-height: 28px; font-weight: 500; position: absolute; left: -50px; top: 0; text-transform: uppercase;}
.service_grid {display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 20px; border: 1px solid #25395C1A; border-radius: 20px;}
.service_grid_item {padding: 16px; border-radius: 16px; background-color: #F2A8431A;}
.browser_icon_mobile {display: none;}
html {scroll-behavior: smooth;}
@media (prefers-reduced-motion: reduce) {html {scroll-behavior: auto;}}


/* CTA Section */
.cta-first{position: relative;padding:0;padding-left: calc((100% - 1356px)/2);display: flex;align-items: center;justify-content: space-between;background: linear-gradient(89.82deg, #F9DF4E -45.62%, #FDCD56 3.55%, var(--primary-color) 56.65%);}
.cta-first .section-inner-head{max-width: 743px;}
.cta-first .cta-img{max-width:100%;width: 100%;margin-top: -80px;position: relative; align-self: flex-end;}
.cta-first .btn1{border-color: var(--blue-color);background-color: transparent;box-shadow: 0px 4px 15px 0px #1D190E1A;}
.cta-first .btn1::before, .cta-first .btn1::after{background: #FFFFFF1A;}
.cta-first .section-inner-head p{color: var(--secondary);margin-bottom: 40px;}
.cta-first button.btn1{text-transform: inherit;}
.cta-first.cta2_bg {background: url(../../images/new-services/browser-extension/cta2-bg.webp) no-repeat;}
.cta-first.cta1_bg {background: url(../../images/new-services/browser-extension/cta1-bg.webp) no-repeat;}

/* CTA Second */
.cta-second{position: relative;padding:0;padding-left: calc((100% - 1356px)/2);display: flex;align-items: center;justify-content: space-between; margin-top: 0;background: linear-gradient(89.82deg, #F9DF4E -45.62%, #FDCD56 3.55%, var(--primary-color) 56.65%);}
.cta-second .cta-img{text-align: right;margin: 0;}


/* Benefits Section */
.benefits_group {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.benefits_item {display: flex; flex-direction: column;}
.benefits_item .description {flex: 1;}
.benefits_item .title {font-size: 20px; line-height: 28px; font-weight: 700; color: var(--color-black); margin: 0px;}
.benefits_item .title, .benefits_item .description {padding: 20px 30px; border-radius: 20px; border: 1.5px solid #F2A84333; transition: all ease-in-out 0.3s;}
.benefits_item:hover .title, .benefits_item:hover .description {box-shadow: 7px 9px 20px 0px #F2A84333; border-color: var(--primary-color);}


/* Solutions Section */
.solutions-listing {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 30px; margin-inline: auto}
.solutions-listing .solutions-item { font-weight: 500; color: #191919; padding: 24px 24px 24px 68px; border: 1px solid var(--primary-color); border-radius: 20px; position: relative; transition: .3s ease-in-out; font-size: 20px; line-height: 28px;}
.solutions-listing .solutions-item::before { content: ''; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23F2A843'/%3E%3Cpath d='M9.74299 14.3125L16.8055 7.25C16.9722 7.08333 17.1666 7 17.3888 7C17.611 7 17.8055 7.08333 17.9722 7.25C18.1388 7.41667 18.2222 7.61472 18.2222 7.84417C18.2222 8.07361 18.1388 8.27139 17.9722 8.4375L10.3263 16.1042C10.1597 16.2708 9.96521 16.3542 9.74299 16.3542C9.52077 16.3542 9.32632 16.2708 9.15966 16.1042L5.57632 12.5208C5.40966 12.3542 5.32966 12.1564 5.33632 11.9275C5.34299 11.6986 5.42993 11.5006 5.59716 11.3333C5.76438 11.1661 5.96243 11.0828 6.19132 11.0833C6.42021 11.0839 6.61799 11.1672 6.78466 11.3333L9.74299 14.3125Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; position: absolute; top: 50%; left: 24px; transform: translate(0, -50%); transition: .3s ease-in-out}
.solutions-listing .solutions-item:hover { background-color: var(--primary-color); color: var(--color-white); font-weight: 700;}
.solutions-listing .solutions-item:hover::before { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='white'/%3E%3Cpath d='M9.74201 14.3125L16.8045 7.25C16.9712 7.08333 17.1656 7 17.3878 7C17.6101 7 17.8045 7.08333 17.9712 7.25C18.1378 7.41667 18.2212 7.61472 18.2212 7.84417C18.2212 8.07361 18.1378 8.27139 17.9712 8.4375L10.3253 16.1042C10.1587 16.2708 9.96423 16.3542 9.74201 16.3542C9.51979 16.3542 9.32535 16.2708 9.15868 16.1042L5.57535 12.5208C5.40868 12.3542 5.32868 12.1564 5.33535 11.9275C5.34201 11.6986 5.42896 11.5006 5.59618 11.3333C5.7634 11.1661 5.96146 11.0828 6.19035 11.0833C6.41923 11.0839 6.61701 11.1672 6.78368 11.3333L9.74201 14.3125Z' fill='%23F2A843'/%3E%3C/svg%3E%0A")}

/* Workflows Section */
.workflows-wrapper {background-color: var(--light-bg-color);}
.workflows-wrapper .solutions-listing {max-width: 1026px; display: grid; grid-template-columns: 1fr 1fr;}
.workflows-wrapper .solutions-listing .solutions-item {border-top: none; border-bottom: none; border-width: 2px; border-radius: 8px; border-right-color: transparent; background-color: var(--color-white); font-weight: 400 !important;}
.workflows-wrapper .solutions-listing .solutions-item:hover {border-right-color: var(--primary-color); color: var(--color-black);}
.workflows-wrapper .solutions-listing .solutions-item:hover::before {background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2185_3038)"><path d="M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12Z" fill="%23F2A843" fill-opacity="0.2"/><path d="M9.74298 14.3125L16.8055 7.25C16.9722 7.08333 17.1666 7 17.3888 7C17.6111 7 17.8055 7.08333 17.9722 7.25C18.1388 7.41667 18.2222 7.61472 18.2222 7.84417C18.2222 8.07361 18.1388 8.27139 17.9722 8.4375L10.3263 16.1042C10.1597 16.2708 9.9652 16.3542 9.74298 16.3542C9.52076 16.3542 9.32632 16.2708 9.15965 16.1042L5.57632 12.5208C5.40965 12.3542 5.32965 12.1564 5.33632 11.9275C5.34298 11.6986 5.42993 11.5006 5.59715 11.3333C5.76437 11.1661 5.96243 11.0828 6.19132 11.0833C6.4202 11.0839 6.61798 11.1672 6.78465 11.3333L9.74298 14.3125Z" fill="%23F2A843"/></g><defs><clipPath id="clip0_2185_3038"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');}
.workflow_score_group {display: grid; grid-template-columns: repeat(3, 1fr); padding: 30px 0px; border-radius: 18px; border: 1px solid #25395C1A; background-color: var(--color-white);}
.workflow_score_item {padding: 0px 30px; display: flex; flex-direction: column; gap: 10px;}
.workflow_score_item * {margin: 0px;}
.workflow_score_item:not(:last-child) {border-right: 1px solid #25395C1A;}
.workflow_score_wrapper {position: relative;}
.workflow_score_wrapper::before {content: ''; width: 100%; position: absolute; top: 0; left: 0; height: 100px; background-color: var(--light-bg-color);}
.workflow_score_wrapper>div {position: relative;}

/* Integrations Section */
.integrations-section {background-color: var(--light-bg-color);}
.integrations-section .swiper-wrapper {display: flex; align-items: stretch;}
.integration_fluid {padding-left: calc((100% - 1370px) / 2);}
.integrations-card {padding: 30px; border: 1px solid #F2A84333; border-radius: 20px; background-color: var(--color-white); transition: all ease-in-out 0.3s; height: auto !important; position: relative; transition: all ease-in-out 0.3s; overflow: hidden;}
.integrations-card::before {content: ''; height: 15px; width: 200px; position: absolute; top: -11px; border-radius: 20px; left: 30px; background-color: #F2A84366; transition: all ease-in-out 0.3s;}
.integrations-card-title { margin: 0px 0px 12px; font-size: 20px; line-height: 28px; font-weight: 700;}
.integrations-card:hover {border-color: var(--primary-color); box-shadow: 2px 4px 20px 0px #0D0F2A1A;}
.integrations-card:hover::before {background-color: var(--primary-color);}

/* Industry Section */
.industry .industry-grid {display: flex; flex-wrap: wrap; justify-content: center;}
.industry-item {width: 20%; flex: 0 0 20%; display: flex;flex-direction: column;align-items: center;text-align: center;gap: 12px; padding: 24px 20px; border-bottom: 1px solid var(--blue-border-color);border-right: 1px solid var(--blue-border-color);}
.industry-icon-wrap {position: relative;transition: transform 0.3s ease; width: 60px; height: 60px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; flex: 0 0 auto; background-color: var(--color-white); box-shadow: 0px 10px 15px 0px #0000001A;}
.industry-item:hover .industry-icon-wrap {transform: translateY(-4px);}
.industry .industry-grid .industry-item:nth-child(-n+4) {width: 25%; flex: 0 0 25%;}
.industry .industry-grid .industry-item:nth-child(4n), .industry .industry-grid .industry-item:nth-child(9n) {border-right: none;}
.industry .industry-grid .industry-item:nth-child(n+5) {border-bottom: none;}
.industry .industry-grid .industry-item:nth-child(9n) {border-left: 1px solid var(--blue-border-color);}
.index-91 {z-index: 91 !important;}

/* Platforms Specialise */
.platform_block {background: #FFFFFF;border: 1px solid #25395C1A;border-radius: 20px;overflow: hidden; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.platform_block .pl-head {padding: 30px 40px 40px; display: flex; align-items: center; gap: 30px;}
.platform_block .pl-head .icon {flex: 0 0 auto;}
.platform_block .pl-head h3 {font-size: 20px;line-height: 28px;margin-bottom: 10px;}
.platform_block .pl-body {padding:0 40px 40px;margin-top: 40px;background-color: #F8F7F3;}
.platform_block .pl-body .pl-tabs .nav-tabs {transform: translate(0px, -40px);width: fit-content;margin: auto;background-color: #ffffff;border: 1px solid #25395C1A;border-radius: 30px; flex-wrap: nowrap; margin-bottom: -15px; overflow: hidden;}
.platform_block .pl-body .pl-tabs .nav-tabs .nav-link {font-size: 20px;line-height: 28px;padding: 12px 22px;color: #191919;border-radius: 30px; min-height: 100%; border: none;}
.platform_block .pl-body .pl-tabs .nav-tabs .nav-link.active,.platform_block .pl-body .pl-tabs .nav-tabs .nav-link:hover {color: #F2A843;box-shadow: 2px 4px 20px 0px #0D0F2A1A;}
.platform_block .pl-body .tab-pane .details_group {display: grid; grid-template-columns: 1fr 1fr; gap: 10px 20px;}
.platform_block .pl-body .tab-pane ul li {font-size: 20px;line-height: 28px;margin-bottom: 10px;padding-left: 18px;position: relative;}
.platform_block .pl-body .tab-pane ul li::before{content: '';width: 8px;height: 14px;position:absolute;left: 0;top: 5px;background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.37629 5.93771C7.56376 6.12524 7.66907 6.37955 7.66907 6.64471C7.66907 6.90988 7.56376 7.16418 7.37629 7.35171L1.71929 13.0087C1.62704 13.1042 1.5167 13.1804 1.39469 13.2328C1.27269 13.2852 1.14147 13.3128 1.00869 13.314C0.87591 13.3151 0.744231 13.2898 0.621335 13.2395C0.498438 13.1893 0.386786 13.115 0.292893 13.0211C0.199 12.9272 0.124747 12.8156 0.0744663 12.6927C0.0241854 12.5698 -0.00111606 12.4381 3.77571e-05 12.3053C0.00119157 12.1725 0.0287779 12.0413 0.0811869 11.9193C0.133596 11.7973 0.209778 11.687 0.305288 11.5947L5.25529 6.64471L0.305288 1.69471C0.12313 1.50611 0.0223355 1.25351 0.0246139 0.99131C0.0268924 0.729113 0.132061 0.478301 0.317469 0.292893C0.502877 0.107485 0.75369 0.00231622 1.01589 3.78026e-05C1.27808 -0.00224062 1.53069 0.0985537 1.71929 0.280712L7.37629 5.93771Z' fill='%23F2A843'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;}
.platform_block .pl-body .tab-pane ul li:last-child {margin-bottom: 0px;}
.platform_block .pl-body .tab-pane ul li a {font-size: 16px;line-height: 24px;display: flex;}


/* Why Choose Us Section */
.choose-group{display: grid; grid-template-columns: repeat(2, 1fr); border-radius: 20px; background-color: var(--light-bg-color);}
.choose-group, .choose-item {padding: 30px;}
.choose-item {background-color: var(--color-white);position: relative; border-right: 1px solid var(--color-white);box-shadow: -1px 0px 17px 0px #0D0F2A1A;}
.choose-item:not(:last-child)::before{content: ''; height: 100%; width: 1px; border-right: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(180deg, #F8F7F3 17.93%, #25395C 50.65%, #F8F7F3 82.14%);  position: absolute; top: 0; right: -1px;}
.choose-item h3 {position: relative; font-size: 20px; line-height: 28px; font-weight: 700; padding-left: 10px; margin-bottom: 16px;}
.choose-item h3::before {content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 28px; background-color: var(--primary); border-radius: 4px;}
.choose-item:nth-child(2)::before {display: none;}
.choose-item:nth-child(2){border-radius: 0px 20px 0px 0px;}
.choose-item:nth-child(3){border-radius: 0px 0px 0px 20px;}
.choose-item:first-child {border-radius: 20px 0px 0px 0px;}
.choose-item:last-child {border-radius: 0px 0px 20px 0px;}

/* Process Section */
.process .process-slider-container { position: relative;  overflow: hidden; padding-block: 20px; margin-block: -20px;}
.process .process-wrapper { display: flex; align-items: stretch; will-change: transform;}
.process .process-wrapper .process-card { height: auto;  padding: 24px; width: 100%; flex-shrink: 0; border: 1px solid #25395C1A; border-radius: 20px; position: relative; transition : 0.3s ease;}
.process .process-wrapper .process-card .counts {font-size: 20px; font-weight: 700; color: var(--primary); margin-bottom: 10px;}
.process .process-wrapper .process-card h3 { font-size: 20px; line-height: 28px; font-weight: 700; margin-bottom: 20px;}
.process .process-wrapper .process-card .point-arrow { position: absolute; top: 50%; transform: translateY(-50%); right: -12.5px;}
.process .process-wrapper .process-card .point-arrow span.circle { display: inline-block; width: 25px; height: 25px; background-color: var(--primary); border: 5px solid var(--color-white); border-radius: 50%; box-shadow: 0px 4px 4px 0px #69400940;}
.process .process-wrapper .process-card .point-arrow::before { content: ''; display: block; width: 10px; height: 4px; border-radius: 2px; background-color: var(--primary); position: absolute; top: 50%; transform: translateY(-50%); right: -15px;}
.process .process-wrapper .process-card:hover { border-color: var(--primary); box-shadow: 2px 4px 20px 0px #0D0F2A1A;}
.process .process-wrapper .process-card:last-child .point-arrow { display: none;}
.process .process-wrapper .process-card .process-count {font-weight: 700;font-size: 20px;line-height: 28px;color: #F2A843;margin-bottom: 10px;}
.process .title-wrapper .animated-title { padding-bottom: 5px;}
.process .mobile-wrapper { border-bottom: 2px solid var(--primary); width: 100%; flex: 1; position: relative;}
.process-title-wrapper .divider_line {width: 100%; height: 2px; background-color: var(--primary); align-self: end; margin-bottom: 20px; border-radius: 6px;}
.process-slider-arrow.mobileview {display: none;}
.process-slider-arrow {display: flex; align-items: center; justify-content: center; gap: 30px;}
.process-slider-arrow .swiper-button-arrow {position: unset; margin: 0px; width: 58px; height: 58px; border: 1px solid var(--color-black); border-radius: 50%;}
.process-slider-arrow .swiper-button-arrow , .process-slider-arrow .swiper-button-arrow svg path {transition: all ease-in-out 0.3s;}
.process-slider-arrow .swiper-button-arrow:hover svg path {stroke: var(--color-white);}
.process-slider-arrow .swiper-button-arrow:hover {border-color: var(--primary); background-color: var(--primary);}
.process-slider-arrow .swiper-button-arrow::after {display: none;}
.process-slider-arrow .swiper-button-arrow svg {flex: 0 0 auto;}
.process-slider-nav {position: relative;width: 100%;display: flex; flex-direction: column; align-items: center; justify-content: flex-end; text-align: right;}
.process-slider-nav p{max-width: 588px;margin-left: auto;}
.process .process-wrapper .process-card .icon {margin-bottom: 20px;}

/* Tools And Frameworks Section */
.framework-section{background-color: var(--light-bg-color);}
.framework-section .section-inner-head{text-align: center; max-width:750px; margin-inline: auto;}
.framework-section:after{content: '';position: absolute;right: 0;top: 0;width: 100%;height: 100%;background-image: url(../../images/ai-developments/ai-chatbot/framework-shape1.webp);background-repeat: no-repeat;background-position: top right;z-index: -1;mix-blend-mode: screen;}
.framework-section:before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background-image: url(../../images/ai-developments/ai-chatbot/framework-shape2.webp);background-repeat: no-repeat;background-position: left bottom;z-index: -1;mix-blend-mode: screen;}
.framework-section h2{margin-bottom: 24px;}
.frame-box{display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;}
.frame-box>*{flex: 0 0 calc(16.66% - 17px);max-width: calc(16.66% - 17px);}
.framework-section .nav-tabs>*{flex: 1;}
.framework-section .nav-tabs{margin-bottom: 0;border-bottom: none;}
.framework-section .nav-item .nav-link{width: 100%;font-size: var(--font-20);line-height: 28px;font-weight: bold;background-color: var(--color-white);border: none !important;border-bottom: 1px solid rgba(206, 206, 205, 0.4) !important;color: var(--color-black);border-radius: 0 !important;margin: 0;padding: 20px 5px; height: 100%;}
.framework-section .nav-item .nav-link.active{background-color: transparent;border-bottom-color: var(--primary) !important;}
.framework-section .tab-content{margin-top: 30px;}
.box-inner{text-align: center;box-shadow: 7px 8px 30px rgba(23, 22, 71, 0.05);padding: 20px 10px;border-radius: 10px;background-color: var(--color-white);}
.box-inner p{font-size: 24px;line-height: 32px;margin-top: 20px;}
.box-inner img{min-height: 80px; object-fit: contain;}

/* Faqs Section */
.faq-section::before{content: '';position: absolute; left: 0;top: 0;width: 100%;height: 150px;background-color: var(--color-white);z-index: -1;}
.faq-section .accordion{max-width: 1150px;margin: 0 auto;}
.faq-section .accordion-button{font-size: var(--font-20);line-height: 28px; font-weight: 500; color: var(--color-black);padding: 20px;border-radius: 0 !important;}
.faq-section .accordion-button:not(.collapsed){background-color: transparent;box-shadow: none;}
.faq-section .accordion-button:focus{box-shadow: none;}
.faq-section .accordion-item{border: none; border-style: solid; border-width: 0px; border-color: var(--blue-border-color); border-bottom-width: 1px;}
.faq-section .accordion-item:last-child {border-bottom-width: 0px;}
.faq-section .accordion-item + .accordion-item{margin-top: 20px;}
.faq-section .accordion-item.active{border-width: 1px !important; border-color: #F2A84333; box-shadow: 0px 6px 16px 0px #6666661A;border-radius: 8px; }
.faq-section .accordion-item.active .accordion-button{color: var(--primary);font-weight: bold;}
.faq-section .accordion-button::after{background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M6.69854 17.3024L17.3051 6.69577M17.3051 6.69577L9.08502 6.4306M17.3051 6.69577L17.5703 14.9159" stroke="%23191919" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');width: 28px;height: 28px;background-size: auto;}
.faq-section .accordion-button:not(.collapsed)::after{background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none"><path d="M7.8126 7.81366L20.187 20.188M20.187 20.188L20.4963 10.5979M20.187 20.188L10.5968 20.4974" stroke="%23F2A843" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/></svg>');transform: rotate(0deg);}
.faq-section .accordion-body{padding: 0 20px 20px;color: var(--secondary);}
.faq-section .accordion-body>*{color: var(--secondary);}
.faq-section .accordion-item ul li {padding-left: 18px; position: relative;}
.faq-section .accordion-item ul li::before {content: ''; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background-color: var(--secondary); border-radius: 50%;}
.gap-24{gap: 24px;}



/* Responsive CSS */
@media screen and (max-width : 1641px) {
    /* CTA Section */
    .cta-first .section-inner-head {max-width: 550px;}
    .cta-first .cta-img img{z-index: 1;position: relative;}
    .cta-first .cta-img::before{z-index: 1;}
    .cta-second{background-position: center right;}
}

@media screen and (max-width : 1441px) {
    .section-spacing {padding: 80px 0px;}
    .mb-40 {margin-bottom: 30px;}

    /* hero section */
    .hero .container {padding-inline: 27px;}
    .hero-content {max-width: 600px;}
    .hero-content-wrapper {gap: 50px;}

    /* Service Section */
    .services-solutions .tab_pane {margin-top: 70px; scroll-margin-top: 230px;}
    .services_tabs {top: 80px;}
    .services_tabs .nav_item .nav_link, .service_left_side .badge  {font-size:18px; line-height: 28px;}

    /* CTA Section */
    .cta-first{padding-left: calc((100% - 1150px)/2)}
    .cta-first .section-inner-head{max-width: 500px; padding-block: 40px;}
    .cta-first .cta-img img {max-width: 650px;}

    /* Benefits Section */
    .benefits_item .title {font-size: 18px; line-height: 26px;}

    /* Integrations Section */
    .integration_fluid {padding-left:calc((100% - 1150px)/2);}

    /* Why Choose Us Section */
    .choose-item h3 {font-size: 18px;}

    /* Process Section */
    .process-slider-arrow {gap: 20px;}
    .process-slider-arrow .swiper-button-arrow { width: 50px; height: 50px; }

    /* Platforms Specialise */
    .platform_block .pl-head {padding: 20px 20px 30px;}
    .platform_block .pl-body{padding: 0 20px 20px;}
    .platform_block .pl-body .pl-tabs .nav-tabs{margin-bottom: -20px;}
    .platform_block .pl-body .pl-tabs .nav-tabs .nav-link{font-size: 18px;line-height: 26px;padding: 12px;}
    .platform_block .pl-body .tab-pane ul li{font-size: 18px;line-height: 26px;}

    /* Tools And Frameworks Section */
    .framework-section .nav-item .nav-link,.box-inner p{font-size: var(--font-18); line-height: 28px;}
}

@media screen and (max-width : 1199px) {
    .mb-40 {margin-bottom: 30px;}

    /* hero section */
    .hero .container {padding-inline: 20px;}
    .hero-content {max-width: 500px;}
    .hero-content-wrapper {gap: 40px;}

    /* Service Section */
    .services-solutions .tab_pane {margin-top: 60px;}
    .services_tabs {top: 95px;}
    .services_tabs .nav_item .nav_link, .service_left_side .badge  {font-size:16px; line-height: 26px;}
    .service_content_wrapper {grid-template-columns: 1fr 1.5fr;}

    /* CTA Section */
    .cta-first,.cta-second {background: radial-gradient(55.52% 186.34% at 11.56% -55.15%, #f9be4c 0%, #f9be4d 48.08%, #f8bc4d 100%);padding: 30px 24px;margin-top: 0;}
    .cta-first .section-inner-head {max-width: 576px;margin-inline: auto;text-align: center;}
    .cta-first .btn1 {margin-top: 0;}    
    .cta-first .cta-img, .cta-second .cta-img {display: none;}
    .cta-second .section-inner-head{padding: 20px 0;}

    /* Benefits Section */
    .benefits_item .title, .benefits_item .description {padding: 20px 24px; border-radius: 18px;}

    /* Integrations Section */
    .integration_fluid {padding-inline: 25px;}

    /* Process Section */
    .process .title-wrapper{margin: 0 auto !important;flex: auto;text-align: center !important;}
    .process .process-title-wrapper {flex-direction: column;align-items: center;justify-content: center;gap: 20px !important;}
    .process .title-wrapper .animated-title::before{left: 50%; transform: translateX(-50%);}
    .process .title-wrapper .animated-title{margin: 0px auto 10px auto;}
    .process-slider-nav{flex-direction: column;align-items: center;justify-content: center;text-align: center;}
    .process-slider-nav p {margin: auto;}
    .process-title-wrapper .divider_line{display: none;}

    /* Tools And Frameworks Section */
   .framework-section .nav-item .nav-link,.box-inner p{font-size: var(--font-16); line-height: 27px;}
   .frame-box>* {flex: 0 0 calc(20% - 16px); max-width: calc(20% - 16px);}
}

@media screen and (max-width : 1024px) {

    /* hero section */
    .hero-content-wrapper {display: block;}
    .hero-content {max-width: 800px;}
    .hero_eyebrow {font-size: 18px;}
    .hero_right_side, .hero_mockup .desktop_view, .hero_left_img, .hero_right_img {display: none;}
    .hero_mockup .mobile_view {display: block;}

   /* Service Section */
    .service_content_wrapper {grid-template-columns: 1fr; gap: 20px;}
    .service_left_side .content {padding-bottom: 40px;}

    /* Benefits Section */
    .benefits_group {grid-template-columns: 1fr 1fr;}

    /* Platforms Specialise */
    .platform_block .pl-body {margin-top: 30px;}
    .platform_block .pl-body .pl-tabs .nav-tabs {transform: translate(0px, -30px); margin-top: 0px; max-width: 100%; overflow: auto hidden;}
    .platform_block .pl-body .tab-pane .details_group {margin-top: 10px;}
    .platform_block .pl-body .pl-tabs .nav-tabs .nav-link{font-size: 16px;line-height: 26px; white-space: nowrap;}
    .platform_block .pl-body .tab-pane ul li{font-size: 16px;line-height: 24px;}

    /* Why Choose Us Section */
    .choose-group{grid-template-columns: repeat(2, 1fr);}
    .choose-item:first-child {border-radius: 20px 0px 0px 0px;}
    .choose-item:nth-of-type(2) {border-radius: 0px 20px 0px 0px;}
    .choose-item:nth-of-type(3) {border-radius: 0px 0px 0px 20px;}  
    .choose-item:last-child {border-radius: 0px 0px 20px 0px;}
    .choose-item:nth-of-type(2)::before {opacity: 0;}
    .choose-item:nth-of-type(1)::after, .choose-item:nth-of-type(2)::after { content: ''; height: 100%; width: 1px; border-right: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(180deg, #F8F7F3 17.93%, #25395C 50.65%, #F8F7F3 82.14%); position: absolute; right: -1px; transform: translate(0%, -50%) rotate(90deg); bottom: -100%; left: 50%;}


    /* Tools And Frameworks Section */
    .framework-section .section-inner-head {max-width: 576px; margin-inline: auto; text-align: center;}
}

@media screen and (max-width : 991px) {

    /* body, html {overflow-x: hidden;} */

    /* Service Section */
     .services-solutions .tab_pane {scroll-margin-top: 280px;}

    /* Solutions Section */
    .solutions-listing {gap: 20px;}
    .solutions-listing .solutions-item { padding: 14px 14px 14px 48px; border-radius: 10px; font-size: 18px;}
    .solutions-listing .solutions-item::before { left: 14px}
    .service_left_side .content {padding-bottom: 20px;}


    /* Workflows Section */
    .workflow_score_group {grid-template-columns: repeat(1, 1fr); padding: 0px 30px}
    .workflow_score_item {padding: 30px 0px;}
    .workflow_score_item:not(:last-child) {border-right: none}
    .workflow_score_item:not(:last-child) {border-bottom: 1px solid #25395C1A;}

    /* Industry Section */
    .industry .industry-grid .industry-item, .industry .industry-grid .industry-item:nth-child(-n+4) {width: 33.33%; flex : 0 0 33.33%;}
    .industry .industry-grid .industry-item:nth-child(4n), .industry .industry-grid .industry-item:nth-child(9n) {border-right: none;}
    .industry .industry-grid .industry-item:nth-child(5n), .industry .industry-grid .industry-item:nth-child(6n) {border-bottom: 1px solid var(--blue-border-color);}
    .industry .industry-grid .industry-item:nth-child(4n) {border-right: 1px solid var(--blue-border-color);}
    .industry .industry-grid .industry-item:nth-child(3n),.industry .industry-grid .industry-item:nth-child(12n) {border-right: none;}
    .industry .industry-grid .industry-item:nth-child(9n){border-left: none;}

    /* Tools And Frameworks Section */
    .framework-section .nav-tabs{white-space: nowrap;flex-wrap: nowrap;overflow-x: auto;}
    .framework-section .nav-tabs::-webkit-scrollbar{ width: 0px; height: 0px;}
    .framework-section .nav-item .nav-link{line-height: 22px;padding-left: 16px;padding-right: 16px;}
    .frame-box>* {flex: 0 0 calc(25% - 15px); max-width: calc(25% - 15px);}
}


@media screen and (max-width : 768px) {

    /* Service Section */
    .service_left_side>img {max-width: 150px;}
    .service_left_side .content {margin-left: -25px;}
    .services_tabs {flex-wrap: wrap;}
    .services_tabs .nav_item {width: calc(33.33% - 7px); flex: unset;}
    .services_tabs .nav_item:nth-of-type(3) .nav_link:not(.active) {border-right-color: transparent;}
    .services_tabs .nav_item .nav_link {padding: 16px 10px;}
    .services_tabs .nav_item .nav_link.active {border-radius: 16px;}

    /* Benefits Section */
    .benefits_group {grid-template-columns: 1fr;}

    /* Workflows Section */
    .workflows-wrapper .solutions-listing {grid-template-columns: 1fr;}
}


@media screen and (max-width: 620px) {

    /* Platforms Specialise */
    .platform_block .pl-head {flex-direction: column-reverse; text-align: center;}
    .platform_block .pl-head .icon img {max-height: 70px; object-fit: contain; object-position: center;}
    .platform_block .pl-body .pl-tabs .nav-tabs{width: 100%;}
    .platform_block .pl-body .tab-pane .details_group {grid-template-columns: 1fr;}
}

@media screen and (max-width : 576px) {
    /* hero section */
    .hero_eyebrow {font-size: 16px; line-height: 26px;}

    /* Service Section */
    .service_left_side {display: block;}
    .service_left_side>img {max-width: 70px;}
    .service_left_side .content {margin-left: 0px; padding: 16px 0px 0px;}
    .service_grid {grid-template-columns: 1fr;}
    .browser_icon_desktop, .service_left_side .badge {display: none;}
    .browser_icon_mobile {display: block;} 
    .service_grid {gap: 10px;}
    .service_grid_item {padding: 10px 16px;}

    /* Industry Section */
    .industry .industry-grid .industry-item, .industry .industry-grid .industry-item:nth-child(-n+4) {width: 50%; flex: 0 0 50%;}
    .industry .industry-grid .industry-item:nth-child(4n) {border-right: 1px solid var(--blue-border-color);}
    .industry .industry-grid .industry-item:nth-child(3n),.industry .industry-grid .industry-item:nth-child(6n) {border-right: 1px solid var(--blue-border-color);}
    .industry .industry-grid .industry-item:nth-child(7n),.industry .industry-grid .industry-item:nth-child(8n) {border-bottom: 1px solid var(--blue-border-color);}
    .industry .industry-grid .industry-item:nth-child(9n){border-right: none; }
    .industry .industry-grid .industry-item:nth-child(odd) {border-left: none; padding-right: 20px; padding-left: 0;}
    .industry .industry-grid .industry-item:nth-child(even) {border-right: none; padding-left: 20px; padding-right: 0;}

    /* Why Choose Us Section */
    .choose-group{grid-template-columns: repeat(1, 1fr);}
    .choose-group, .choose-item { padding: 24px;}
    .choose-item h3 {margin-bottom: 15px; padding-bottom: 6px;}
    .choose-item:not(:last-child)::before{transform: translate(0%, -50%) rotate(90deg); top: unset; bottom: -100%; left: 50%;}
    .choose-item:first-child {border-radius: 20px 20px 0px 0px;}
    .choose-item:nth-of-type(2), .choose-item:nth-of-type(3) {border-radius: 0;}
    .choose-item:last-child {border-radius: 0px 0px 20px 20px;}
    .choose-item:nth-of-type(2)::before {opacity: 1;}
    .choose-item:nth-of-type(1)::after, .choose-item:nth-of-type(2)::after  {display: none;}

    /* Process Section */
    .process .process-wrapper .process-card h3 {margin-bottom: 28px;}

    /* Tools And Frameworks Section */
    .frame-box>*{flex: 0 0 calc(50% - 10px);max-width: calc(50% - 10px);}
}

@media screen and (max-width : 480px) {
    /* hero section */
    .hero_eyebrow {font-size: 14px; line-height: 24px;}
    
}