p { font-weight: 300; } body, code, html, kbd, pre, samp { font-family: "Product Sans", Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { margin-top: 0; } ol, ul { list-style: none; padding: 0; } a { text-decoration: none !important; } .py { padding: 34px 0 !important; } .overflow-x-add { overflow-x: hidden !important; } .newbtn_design { background: #0080ff; color: #fff !important; font-size: 16px; line-height: 24px; font-weight: 600; height: 60px; display: inline-flex; align-items: center; justify-content: center; border-radius: 20px; padding: 5px 60px 5px 25px; transition: 0.3s ease-in-out; position: relative; border: 0; } .newbtn_design img, .newbtn_white img { max-width: 20px; position: absolute; right: 22px; animation: 1s infinite wobble; transition: 0.5s; } .newbtn_design:hover img, .newbtn_design_white:hover img, .newbtn_white:hover img { right: calc(100% - 50px); } .newbtn_design:hover, .newbtn_design_white:hover, .newbtn_white:hover { padding: 5px 25px 5px 60px; } .newbtn_design_white { background: #fff; color: #0080ff !important; font-size: 16px; line-height: 24px; font-weight: 600; height: 60px; display: inline-flex; align-items: center; justify-content: center; border-radius: 20px; padding: 5px 60px 5px 25px; transition: 0.3s ease-in-out; position: relative; border: 0; } .newbtn_design_white img { max-width: 20px; position: absolute; right: 22px; animation: 1s infinite wobble; transition: 0.5s; filter: invert(35%) sepia(100%) saturate(7471%) hue-rotate(197deg) brightness(100%) contrast(101%); } .newbtn_design_white:hover { padding: 5px 25px 5px 60px; } @keyframes wobble { 0%, 100% { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } } .pg_bg { background-color: #000; } .agentic_banner { overflow: hidden; height: 100vh; position: relative; text-align: center; } .agentic_banner .bannervideo { height: 100%; width: 100%; object-fit: cover; z-index: 0; position: relative; } .agentic_banner .partnericon { margin-top: 40px; } .agentic_banner::after { background: #000000a3; position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .agentic_banner .agentic_banner_content { position: absolute; z-index: 1; left: 0; top: 60px; bottom: 0; right: 0; width: 100%; overflow: hidden; height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; } .agentic_banner .agentic_banner_content .genbannercontent { text-align: center; width: 85%; } .genbannercontent h1 { color: #fff; font-size: 60px; font-weight: 700; margin-bottom: 20px; line-height: 90px; } .genbannercontent p { color: #fff; font-size: 18px; line-height: 29px; margin-bottom: 12px; } .genbannercontent h1 span { color: #0080ff; } .headleft { text-align: left; color: #fff; } .heading h2 { font-size: 36px; line-height: 1.3; margin-bottom: 15px; font-weight: 700; } .heading p { font-size: 18px; line-height: 1.7; font-weight: 400; margin-top: 8px !important; } .headcenter { margin-bottom: 30px; text-align: center; color: #fff; } .fdc { display: flex; flex-direction: column; gap: 24px; } .marquee-partership { position: relative; width: 100%; height: 130px; max-width: 100%; display: flex; align-items: center; padding: 50px 0; } .track-partership { position: absolute; white-space: nowrap; will-change: transform; animation: marquee-partnership 70s linear infinite; } .track-partership2 { position: absolute; white-space: nowrap; will-change: transform; animation: marquee-partnership2 70s linear infinite; } @keyframes marquee-partnership { from { transform: translateX(-50%); } to { transform: translateX(0); } } @keyframes marquee-partnership2 { from { transform: translateX(0); } to { transform: translateX(-50%); } } .logo_head { color: #e7e7e7; font-size: 18px; line-height: 28px; font-weight: 600; display: block; } .logo_head a { color: #fff; border-bottom: 1px solid #fff; } .logo_head a:hover { color: #1163fb; border-bottom: none; } .marquee-card { padding: 32px; border-radius: 19px; border: 1.54px solid #ffffff4f; background: 0 0; width: 215px; height: 110px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .content-partership, .content-partership2 { display: flex; align-items: center; gap: 24px; } .content-partership figure, .content-partership2 figure { display: flex; height: 100px; align-items: center; justify-content: center; } .content-partership figure img, .content-partership2 figure img { max-width: 100%; object-fit: contain; filter: brightness(0) invert(1); } .aibuy ul { display: grid; gap: 30px; padding: 0; grid-template-columns: repeat(3, 1fr); } .aibuy ul li { background-color: #1a81ff; position: relative; text-align: left; border-radius: 16px; transition: all 0.25s linear 0s; position: relative; color: #fff; cursor: pointer; padding: 30px 30px; } .aibuy ul img { max-width: 80px; position: relative; left: 5px; filter: brightness(0) invert(1); } .aibuy ul li p { font-size: 18px; line-height: 28px; margin: 0px; } .aibuy ul li h3 { font-weight: 700; font-size: 24px; line-height: 32px; margin-top: 15px; margin-bottom: 18px; background: #fff; color: #1a81ff; width: max-content; padding: 0 10px; border-radius: 8px; } .ctaagentic .container { background-size: cover !important; border-radius: 20px; border: 1px solid #fff; background: #000; box-shadow: #1a81ff69 0px 7px 20px 0px; overflow: hidden; background-position: bottom; background-repeat: no-repeat; } .ctaagentic .ctaagenticcontt { width: 60%; color: #fff; padding: 65px 45px; text-align: left; border-radius: 75px 0 75px 0; position: relative; z-index: 1; overflow: hidden; } .ctaagentic h2 { font-size: 32px; line-height: 46px; font-weight: 700; margin-bottom: 20px; text-transform: capitalize; } .ctaagentic p { font-size: 18px; line-height: 26px; font-weight: 500; margin-bottom: 20px; } .domainindustry ul.nav.nav-pills { display: flex; flex-direction: column; text-align: start; padding: 30px 30px; gap: 20px; } .domainindustry .row.tabbg { background-color: #ffffff14; border-radius: 30px; height: auto; display: flex; } .domainindustry .tab-content.clearfix { display: flex; background: #1a81ff12; padding: 40px 50px; border-radius: 30px; align-items: center; text-align: left; } .domainindustry .col-md-4 { padding: 0; } .domainindustry .col-md-8 { padding: 0; height: auto; display: flex; } .domainindustry .tab-pane h3 { color: #fff; font-size: 24px; margin-bottom: 14px; font-weight: 800; } .domainindustry .tab-pane ul { list-style: disc; } .domainindustry .tab-pane li { color: #fff; font-size: 18px; margin-bottom: 10px; line-height: 28px; font-weight: 300; } .domainindustry .tab-pane img { filter: brightness(0) invert(1); max-width: 65px; margin-bottom: 20px; } .domainindustry .nav-pills > li > a img { filter: brightness(0) invert(1); max-width: 45px; } .domainindustry .nav-pills > li > a { display: flex; border-radius: 16px; align-items: center; gap: 11px; font-size: 18px; color: #fff; } .domainindustry .nav-pills > li.active > a, .domainindustry .nav-pills > li.active > a:focus, .domainindustry .nav-pills > li.active > a:hover { color: #fff; background-color: #1a81ff; } .domainindustry .nav > li > a:focus, .domainindustry .nav > li > a:hover { background-color: transparent; } .returncounter .about-us-box { background: #ffffff17; border: 1px solid #1a81ff; border-radius: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; height: 100%; margin-bottom: 30px; color: #fff; padding: 30px; position: relative; } .returncounter .about-us-item .icon-box { position: absolute; background: #1a81ff4b; border: 1px solid #fff; border-radius: 50%; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; right: 20px; padding: 5px; } .returncounter .about-us-item { width: 100%; display: flex; flex-wrap: wrap; gap: 50px; } .returncounter .about-item-content { width: 100%; } .returncounter .about-item-content h3 { font-size: 16px; line-height: 26px; margin-bottom: 30px; } .returncounter .about-item-content .num { font-size: 48px; font-weight: 800; } .returncounter .about-us-box { background: #ffffff17; border: 1px solid #1a81ff; border-radius: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; height: 100%; margin-bottom: 30px; color: #fff; padding: 30px; } .returncounter .about-us-box .usernumber_count { display: flex; width: 100%; justify-content: center; } .returncounter .about-us-item .icon-box::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(120deg, #fdfdfd69, #1a81ff) no-repeat; border-radius: 50%; height: 100%; width: 100%; transform: scale(0); transition: all 0.4s ease-in-out; } .returncounter .about-us-box:hover .about-us-item .icon-box::before { transform: scale(1); } .returncounter .about-us-item .icon-box img { position: relative; max-width: 45px; z-index: 1; } .returncounter .about-item-image img { max-height: 80px; } .returncounter .counter-grid { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 30px; row-gap: 30px; cursor: pointer; } .returncounter img { width: 100%; } .returncounter .why-choose-image { position: relative; text-align: center; } .returncounter .col-md-4 { position: sticky; top: 110px; } .casestudycomp ul.nav.nav-pills { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .casestudycomp .nav:before { display: none; } .casestudycomp .nav-pills > li a { border: 1px solid #1a81ff; padding: 10px 0px; border-radius: 16px; display: flex; align-items: center; gap: 20px; color: #ffff; margin: 30px 5px; background-color: transparent; justify-content: center; width: 100%; } .casestudycomp .nav-pills > li a img { width: 70px; height: 70px; } .casestudycomp a h3 { font-size: 18px; font-weight: 500; line-height: 26px; margin-bottom: 0; } .casestudycomp .nav-pills > li.active > a, .casestudycomp .nav-pills > li.active > a:focus, .casestudycomp .nav-pills > li.active > a:hover { border: 1px solid #fff; background-color: #1a81ff; position: relative; } .casestudycomp .nav-pills > li.active > a::before { position: absolute; content: ""; clip-path: polygon(48% 100%, 0px 0px, 100% 0px); height: 30px; width: 60px; background-color: rgb(26, 129, 255); bottom: -30%; } .casestudycomp .caseitem { display: flex; gap: 30px; background-color: #1b1b1b4a; padding: 30px 30px; border-radius: 16px; border: 1px solid #1a81ff; } .casestudycomp .caseleft { width: 20%; } .casestudycomp .caseleft img { width: 100%; } .casestudycomp .slick-initialized .slick-slide { display: flex; gap: 40px; align-items: center; background: #00000033; border: 1px solid #ffff; padding: 20px 30px; border-radius: 16px; position: relative; } .casestudycomp .caseright { width: 80%; text-align: left; color: #fff; } .casestudycomp .caseright h3 { font-size: 24px; margin-bottom: 14px; font-weight: 800; } .casestudycomp .caseright p { font-size: 18px; margin-bottom: 10px; line-height: 28px; font-weight: 300; } .casestudycomp .caseright ul { display: grid; grid-template-columns: repeat(2, 1fr); padding: 0; } .casestudycomp .caseright ul li { padding: 35px 10px; border-radius: 16px; color: #ffff; margin: 10px; background-color: transparent; text-align: center; box-shadow: #06c 0px 30px 60px -12px inset, #337ab7 0px 18px 36px -18px inset; } .casestudycomp .caseright ul li .usernumber_count { font-size: 28px; display: flex; justify-content: center; margin-bottom: 20px; } .casestudycomp .caseright ul li span { font-size: 18px; } .buyagentic { color: #fff; text-align: left; position: relative; } .buyagentic .buytop img { max-width: 45px; } .buyagentic .buytop { display: flex; align-items: center; margin-bottom: 20px; gap: 15px; } .buyagentic h3 { font-size: 24px; font-weight: 800; margin-bottom: 0; line-height: 30px; } .buyagentic .buybx li { font-size: 18px; margin-bottom: 10px; line-height: 28px; font-weight: 300; } .buyagentic .buybx ul { list-style: disc; } .buyagentic .col-md-5 { position: sticky; top: 110px; } .buyagentic .buybx { background-color: #1b1b1b4a; padding: 30px 30px; margin-bottom: 30px; border-radius: 16px; border: 1px solid #1a81ff; } .custombx { display: flex; justify-content: center; } .custombx .custom { display: flex; gap: 30px; align-items: center; background-color: rgba(255, 255, 255, 0.06); border-radius: 16px; max-width: 1000px; padding: 30px 30px; color: #fff; } .custombx .custom p { font-style: italic; font-size: 22px; line-height: 1.7; font-weight: 400; margin: 0; } .sustainbx .sumax { display: flex; justify-content: center; } .sustainbx .sustainslide { width: 1000px; } .sustainbx .mevideopartbox { height: 515px; background-size: contain !important; background-position: center; background-repeat: no-repeat; border-radius: 16px; border: 2px solid #1a81ff; display: flex; align-items: end; justify-content: center; color: #1a81ff; text-align: center; } .sustainbx .slick-next, .sustainbx .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .sustainbx .slick-prev { right: auto; left: -60px; top: 50%; transform: translateY(-50%) scale(-1); } .sustainbx .slick-next { right: -60px; left: auto; top: 50%; transform: translateY(-50%); } .sustainbx .slick-next::after, .sustainbx .slick-prev::after { position: absolute; content: ""; background-image: url(../images/common_icons/arrow_icn.webp); background-repeat: no-repeat; background-position: center; background-size: 23px; border: 2px solid #fff; border-radius: 50px; width: 50px; height: 50px; background-color: #fff; } .sustainbx .mevideopartbox h3 { width: 100%; font-size: 18px; line-height: 22px; padding: 15px; font-weight: 800; background-color: #fff; margin-bottom: 0; border-radius: 0px 0px 16px 16px; } .sustainbx .mevideopartbox .Video_btn { width: 65px; height: 50px; background-color: #ff0000; align-items: center; justify-content: center; top: 50%; transform: translateY(-50%); color: #fff !important; border-radius: 16px; font-size: 30px; animation-name: pulsewala2; animation-duration: 1.5s; animation-timing-function: ease-out; animation-iteration-count: infinite; margin: 0 auto; display: flex; right: 0; position: absolute; left: 0; text-align: center; } .sustainbx .mevideopartbox .Video_btn img { filter: brightness(20.5); max-width: 20px; } @keyframes pulsewala2 { 0% { box-shadow: 0 0 0 0 #fff; } 80% { box-shadow: 0 0 0 14px #ffffff14; } } .agentbenefit ul { padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); cursor: pointer; column-gap: 30px; row-gap: 30px; } .agentbenefit ul .benitem { position: relative; background-color: #1b1b1b4a; padding: 30px 30px; border-radius: 16px; border: 1px solid #1a81ff; backdrop-filter: blur(20px); border-radius: 12px; height: 100%; overflow: hidden; color: #fff; } .agentbenefit ul .benitem:hover:before { height: 100%; border-radius: 0; } .agentbenefit ul .benitem::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(90deg, #1a81ff 0%, #08223a 100%); border-radius: 999px 999px 0 0; width: 100%; height: 0%; transition: all 0.4s ease-in-out; } .agentbenefit ul .benitem h3 { font-size: 24px; line-height: 30px; font-weight: 800; margin-bottom: 10px; position: relative; z-index: 2; } .agentbenefit ul p { font-size: 18px; margin-bottom: 10px; line-height: 28px; font-weight: 300; position: relative; z-index: 2; } .agentbenefit ul .benitem img { max-width: 45px; margin-bottom: 15px; position: relative; z-index: 2; transition: all 0.6s ease-in-out; } .agentbenefit ul .benitem:hover img { filter: brightness(0) invert(1); } .agentbenefit .bencta { background-color: #1b1b1b4a; border-radius: 16px; border: 1px solid #1a81ff; height: 100%; position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 10px; align-items: center; padding: 20px 20px 0; color: #fff; } .agentbenefit .bencta .benimg { position: absolute; bottom: 0; right: 0; } .agentbenefit .bencta img { width: 100%; } .faq-tabb .row .col-md-6 .faq_box:last-child { margin: 0; } .faq-tabb ul.nav.nav-pills { display: flex; margin-bottom: 30px; justify-content: center; gap: 30px; cursor: pointer; } .faq-tabb ul.nav.nav-pills li.active { background-color: rgb(255 255 255 / 11%); border-radius: 12px; } .faq-tabb ul.nav.nav-pills li a { font-size: 18px; line-height: 28px; font-weight: 400; color: #fff; padding: 20px 20px; } .faq-tabb ul.nav.nav-pills > li.active > a, .faq-tabb ul.nav.nav-pills > li.active > a:focus, .faq-tabb ul.nav.nav-pills > li.active > a:hover, .faq-tabb ul.nav.nav-pills > li > a:hover { color: #fff; background-color: transparent; border-radius: 12px; } .faq-tabb .faq_box { padding: 0 10px 0 25px; border-radius: 10px; margin-bottom: 30px; cursor: pointer; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: unset; height: 90px; align-items: center; } .faq-tabb .faq_box_head::after { content: ""; position: absolute; right: 10px; background-image: url(../images/common_icons/add-fill.svg); height: 32px; width: 32px; background-size: 29px; top: 30px; } .faq-tabb .faq_box.active .faq_box_head::after { background-image: url(../images/common_icons/subtract-fill.svg); } .faq-tabb .faq_box_head { display: flex; font-weight: 600; color: #fff; font-size: 18px; height: 90px; align-items: center; padding-right: 30px; } .faq-tabb .faq_data { font-size: 17px; padding-bottom: 18px; line-height: 27px; color: #fff; text-align: left; display: none; } .faq-tabb .faq_box.active .faq_data { display: block; } .faq-tabb .faq_box.active { height: auto; } .faq-tabb .faq_data ul { padding-left: 20px; list-style: circle; } .reward .badge_card { background-color: #1b1b1b4a; border-radius: 16px; border: 1px solid #1a81ff; backdrop-filter: blur(20px); border-radius: 10px; padding: 30px 10px; color: #fff; margin: 0 10px; text-align: center; display: flex !important; justify-content: center; flex-direction: column; align-items: center; } .reward .badge_card img { width: 60%; display: flex; align-items: center; justify-content: center; } .reward .badge_head { font-size: 18px; line-height: 1.5; padding-top: 10px; } .reward .slick-next, .reward .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .reward .slick-prev { right: auto; left: -60px; top: 50%; transform: translateY(-50%) scale(-1); } .reward .slick-next { right: -60px; left: auto; top: 50%; transform: translateY(-50%); } .reward .slick-next::after, .reward .slick-prev::after { position: absolute; content: ""; background-image: url(../images/common_icons/arrow_icn.webp); background-repeat: no-repeat; background-position: center; background-size: 23px; border: 2px solid #fff; border-radius: 50px; width: 50px; height: 50px; background-color: #fff; } .autonext .nextimg img { width: 100%; border-radius: 16px; } .autonext ul li { font-size: 18px; margin-bottom: 10px; line-height: 28px; font-weight: 300; } .autonext ul { list-style: disc; margin-bottom: 20px; } .hire-agentic img { width: 100%; height: 85vh; object-fit: contain; } .hire-agentic { position: relative; } .hire-agentic .container { position: relative; z-index: 2; } .hire-agentic .panel { background-color: transparent; color: #fff; } .hire-agentic .panel-default > .panel-heading { color: #ffffff; background-color: transparent; border-color: #fff; padding: 20px 25px; } .hire-agentic .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #fff; padding: 20px 25px; } .hire-agentic .accordion .accordion-item .accordion-header a { display: block; width: 100%; font-size: 18px; font-weight: 500; line-height: 26px; } .hire-agentic { overflow: hidden; } .hire-agentic .panel-group h3 a { font-size: 22px; font-weight: 600; text-align: left; line-height: 30px; } .hire-agentic .panel-group p { font-weight: 300; font-size: 17px; line-height: 22px; padding-top: 10px; } .hire-agentic h3.panel-title a { position: relative; display: block; padding-right: 30px; } .hire-agentic h3.panel-title a::after { content: ""; position: absolute; right: 0; top: 50%; width: 25px; height: 25px; background-image: url(../images/dubai-uae/down.webp); background-size: contain; background-repeat: no-repeat; transform: translateY(-50%) rotate(0deg); transition: transform 0.3s ease; filter: brightness(0) invert(1); } .hire-agentic h3.panel-title a[aria-expanded="true"]::after { transform: translateY(-50%) rotate(180deg); } .hire-agentic:after { position: absolute; content: ""; background-image: url(../images/agenticai/ai-bg.webp); width: 100%; height: 100%; z-index: 1; right: 5%; top: 25%; bottom: 0; margin: auto; background-position: right; background-repeat: no-repeat; mix-blend-mode: lighten; background-size: 85%; } .growth-bx ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; padding: 0; } .growth-bx ul li { transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); height: 350px; display: flex; padding: 0; width: 100%; overflow: hidden; position: relative; border-radius: 16px; cursor: pointer; border: 1px solid #ffffff; } .growth-bx ul li img { height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; } .growth-bx ul li .grotop { background-color: #000000c2; color: #fff; position: absolute; z-index: 1; bottom: 0; padding: 30px 20px 20px; transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); } .growth-bx ul li:hover .grotop { transform: translateY(100%); } .growth-bx ul li .botgro { transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 0; transform: translateY(100%); padding: 20px; background-color: #000000c2; color: #fff; display: flex; flex-direction: column; align-items: start; justify-content: center; } .growth-bx ul li:hover .botgro { opacity: 1; transform: translateY(0); } .growth-bx ul li h3 { font-size: 24px; line-height: 30px; font-weight: 800; margin-bottom: 15px; } .growth-bx ul li h4 { font-size: 18px; font-weight: 500; margin-bottom: 20px; border-bottom: 1px solid #fff; width: max-content; } .growth-bx ul li p { font-size: 18px; margin-bottom: 0px; line-height: 28px; font-weight: 300; } .agentsystem .multiple-process img { width: 100%; } .techinti .tools_tech_wrap { padding: 8rem 0 0; } .techinti .tools_tech_wrap .app__subhead, .case_studies .app__subhead { padding-bottom: 15px; } .techinti .tools_tech_wrapper { display: flex; margin-top: 30px; border-radius: 25px; overflow: hidden; } .techinti .tools_tech_left { position: relative; padding: 20px 20px 0 30px; width: 45%; background-color: rgba(17, 99, 251, 1); } .techinti .tools_tab_link { color: #fff; font-size: 22px; font-weight: 600; padding: 24px 10px 24px 20px; margin-bottom: 5px; cursor: pointer; position: relative; } .techinti .tools_tech_scroll_num { position: absolute; left: 20px; font-weight: 500; } .techinti .tools_tab_link.active { color: #fff; background: rgba(60, 128, 254, 1); border-radius: 12px; } .techinti .tools_tab_link:hover { background: rgba(8, 83, 221, 1); border-radius: 12px; } .techinti .total_count { color: #89b5fd; } .techinti .tools_tech_rt { position: relative; width: 60%; padding: 20px 20px 0; background-color: #fff; } .techinti .tools_rt_inner { position: relative; padding: 30px; } .techinti .list_head { cursor: pointer; color: #fff; font-size: 18px; position: relative; } .techinti .list_num { position: absolute; left: 0; } .techinti .tab_cont_dtl { margin: 30px 0 0; } .techinti .tab_cont_dtl li:not(:last-child) { border-bottom: 1px solid #fff; padding-bottom: 25px; margin-bottom: 25px; } .techinti .tools_cornerstonebx_head { color: #08223a; font-size: 22px; padding-bottom: 20px; } .techinti .accor_content { display: none; } .techinti .accor_content .para { color: #fff; } .techinti .tools_tab_content { display: none; } .techinti .tools_tab_content.active { display: block; } .techinti .tools_tech_scroll_num img { max-width: 20px; } .techinti .tools_tab_grid ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; padding: 0; } .techinti .tools_tab_grid ul li { background-color: #f7f7f7; border-radius: 16px; height: auto; display: flex; align-items: center; padding: 22px; gap: 10px; align-items: center; justify-content: center; } .techinti .tools_tab_grid ul li img { max-width: 50px; } .techinti .tools_tab_grid ul li span { margin: 0 0 0 4px; font-size: 14px; line-height: 1.2; font-weight: 600; text-align: center; color: #08223a; } .techinti .tools_tech_scroll li:last-child { margin-bottom: 0; } .techinti .tools_right_scroll { overflow-y: scroll; height: 500px; padding-right: 35px; } .techinti .scrollle_content::-webkit-scrollbar, .techinti .tools_right_scroll::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .techinti .tools_right_scroll::-webkit-scrollbar-thumb { background-color: #f0ebeb01; border-radius: 20px; } .techinti .tools_tech_scroll { overflow-y: scroll; height: 480px; padding-right: 15px; padding-left: 0; } .techinti .scrollle_content::-webkit-scrollbar, .techinti .tools_tech_scroll::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .techinti .tools_tech_scroll::-webkit-scrollbar-thumb { background-color: rgba(118, 165, 253, 1); border-radius: 20px; } .techinti .list_head { cursor: pointer; } .techinti .tools-tab-accordion { display: none; position: relative; padding-left: 40px; background: #3c80fe; border-radius: 8px; margin-bottom: 20px; } .techinti .tech_stack_head { font-size: 18px; line-height: 28px; font-weight: 600; color: #010101; margin-bottom: 20px; } .techinti .tools_tab_content { display: none; opacity: 0; transition: opacity 0.3s ease-in-out; } .techinti .tools_tab_content.active { display: block; opacity: 1; } .techinti .tools_tab_link.active { background: #1a81ff; } .aitestimonial .quote_aitestimonial img { max-width: 40px; } .aitestimonial .aitestimonial_video { position: relative; border-radius: 8px; overflow: hidden; width: 30%; height: 450px; } .aitestimonial .aitestimonial_slider { width: 70%; padding-left: 10px; } .aitestimonial .aitestimonial_video > img { max-width: 100%; height: 100%; object-fit: cover; width: 100%; } .aitestimonial .aitestimonial_video:after { content: ""; display: block; position: absolute; left: 0; top: 0; opacity: 1; width: 100%; height: 100%; z-index: 1; background: linear-gradient(to bottom, rgba(50, 87, 153, 0.3) 0, rgba(32, 124, 202, 0.4) 70%, rgba(0, 0, 0, 0.8) 100%); } .aitestimonial .clients_aitestimonials_main { display: flex; margin-bottom: 50px; } .aitestimonial .aitestimonial_video .Video_btn { z-index: 2; } .aitestimonial .papularapps_icons img, .aitestimonial .quote_aitestimonial img { max-width: 40px; } .aitestimonial .aitestimonial_content p { font-size: 17px; line-height: 25px; font-weight: 400; color: #08223a; margin: 0; } .aitestimonial .aitestimonialbottom { display: flex; align-items: center; margin-top: 20px; } .aitestimonial .aitestimonialprofile { display: flex; align-items: center; justify-content: center; border-radius: 10px; overflow: hidden; height: 60px; width: 60px; margin-right: 16px; } .aitestimonial .aitestimonialbottom h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 4px; line-height: 22px; display: block; } .aitestimonial .aitestimonialbottom h4 { color: #0080ff; font-size: 14px; font-weight: 400; margin-bottom: 5px; } .aitestimonial .aitestimonialbottom h5 { color: #000; margin: 0; font-size: 14px; } .aitestimonial .aitestimonial_content { height: 269px; overflow-y: auto; overflow-x: hidden; } .aitestimonial .aitestimonial_content::-webkit-scrollbar { display: none; } .aitestimonial .Video_btn { color: #fff !important; border-radius: 50px; font-size: 30px; animation-name: pulsewala1; animation-duration: 1.5s; animation-timing-function: ease-out; animation-iteration-count: infinite; margin: 0 auto; display: flex; right: 0; position: absolute; left: 0; text-align: center; width: 80px; height: 80px; background-color: #0080ff; align-items: center; justify-content: center; top: 50%; transform: translateY(-50%); } .aitestimonial .Video_btn img { filter: brightness(20.5); } .aitestimonial .aitestimonialprofile img { height: 100%; width: 100%; object-fit: cover; } @keyframes pulsewala1 { 0% { box-shadow: 0 0 0 0 #89beff; } 80% { box-shadow: 0 0 0 14px #5e9de9; } } .aitestimonial .aitestimonial_main { display: flex; margin-bottom: 0; } .aitestimonial .aitestimonial_box { position: relative; z-index: 1; background: #fff; padding: 17px; margin: 6px 14px 4px; border-radius: 8px; box-shadow: 1px 0 0 3px rgb(123 149 162 / 15%); } .aitestimonial .aitestimonial_slider { width: 70%; padding-left: 10px; } .aitestimonial .quote_aitestimonial { margin-bottom: 20px; } .aitestimonial .slick-next, .aitestimonial .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .aitestimonial .slick-prev { right: auto; left: -60px; top: 50%; transform: translateY(-50%) scale(-1); } .aitestimonial .slick-next { right: -60px; left: auto; top: 50%; transform: translateY(-50%); } .aitestimonial .slick-next::after, .aitestimonial .slick-prev::after { position: absolute; content: ""; background-image: url(../images/common_icons/arrow_icn.webp); background-repeat: no-repeat; background-position: center; background-size: 23px; border: 2px solid #fff; border-radius: 50px; width: 50px; height: 50px; background-color: #fff; opacity: 0; } .makeagentic ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; cursor: pointer; padding: 0; } .makeagentic ul li { position: relative; overflow: hidden; margin-bottom: 10px; perspective: 1000px; } .makeagentic ul li .makefront { width: 100%; height: 230px; padding: 20px; text-align: center; transition: all 0.5s ease; background-color: #1b1b1b4a; padding: 30px 30px; border-radius: 16px; border: 1px solid #1a81ff; backdrop-filter: blur(20px); color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; } .makeagentic ul li .makeback { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; width: 100%; height: 230px; padding: 15px; border-radius: 16px; text-align: center; transition: all 0.5s ease; background-color: #1a81ff; backface-visibility: hidden; transform-style: preserve-3d; color: #fff; transform: translateY(110px) rotateX(-90deg); display: flex; align-items: center; } .makeagentic ul li .makefront { position: relative; top: 50%; transform: translateY(-50%); } .makeagentic ul li .makefront img { max-width: 45px; margin-bottom: 20px; filter: brightness(0) invert(1); } .makeagentic ul li:hover .makeback { opacity: 1; transform: rotateX(0); transform: rotateX(0); } .makeagentic ul li h3 { font-size: 24px; line-height: 30px; font-weight: 800; margin-bottom: 0px; } .makeagentic ul li p { font-size: 18px; margin-bottom: 0px; line-height: 28px; font-weight: 300; } .motionbx .shapbx { display: flex; align-items: center; padding: 30px 30px; margin: 0 20px; gap: 30px; color: #fff; padding: 30px 30px; border-radius: 16px; border: 1px solid #1a81ff; backdrop-filter: blur(20px); position: relative; overflow: hidden; background: repeating-conic-gradient(from var(--a), #1a81ff 0%, #fff 5%, transparent 5%, transparent 40%, #1a81ff 50%); border-radius: 20px; animation: animate 4s linear infinite; } .motionbx .shapbx::before, .motionbx .shapbx::after { content: ""; position: absolute; } .motionbx .shapbx::before { width: 100%; height: 100%; background: repeating-conic-gradient(from var(--a), #45f3ff 0%, #45f3ff 5%, transparent 5%, transparent 40%, #45f3ff 50%); border-radius: 20px; animation: animate 4s linear infinite; animation-delay: -1s; } .motionbx .shapbx::after { inset: 2px; background: #08223a; border-radius: 16px; } @property --a { syntax: "<angle>"; inherits: false; initial-value: 0deg; } @keyframes animate { 0% { --a: 0deg; } 100% { --a: 360deg; } } .motionbx .shapbx .shapleft { width: 25%; position: relative; z-index: 2; } .motionbx .shapbx .shapleft img { width: 100%; } .motionbx .shapbx .shapright { width: 75%; position: relative; z-index: 2; } .motionbx .shapbx h3 { font-size: 24px; line-height: 30px; font-weight: 800; margin-bottom: 30px; } .motionbx .shapbx ul { list-style: disc; } .motionbx .shapbx li { font-size: 18px; margin-bottom: 0px; line-height: 28px; font-weight: 300; margin-bottom: 15px; } .motionbx .slick-next, .motionbx .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .motionbx .slick-prev { right: auto; left: -60px; top: 50%; transform: translateY(-50%) scale(-1); } .motionbx .slick-next { right: -60px; left: auto; top: 50%; transform: translateY(-50%); } .motionbx .slick-next::after, .motionbx .slick-prev::after { position: absolute; content: ""; background-image: url(../images/common_icons/arrow_icn.webp); background-repeat: no-repeat; background-position: center; background-size: 23px; border: 2px solid #fff; border-radius: 50px; width: 50px; height: 50px; background-color: #fff; } .videocta { text-align: center; } .crossindustry .singleindustry { display: flex; gap: 30px; color: #fff; align-items: center; margin-top: 20px; } .crossindustry .industry-single { padding: 0px 20px !important; } .crossindustry .singleindustry .indusimg { width: 100%; display: flex; justify-content: center; height: 340px; } .crossindustry .singleindustry .indusimg img { width: 100%; object-fit: cover; border-radius: 16px; } .crossindustry .singleindustry .induscontt { width: 100%; padding: 30px 40px; } .crossindustry .singleindustry .induscontt h3 { font-size: 22px; font-weight: 600; line-height: 30px; margin-bottom: 20px; } .crossindustry .singleindustry .induscontt p { font-size: 18px; margin-bottom: 0px; line-height: 28px; font-weight: 300; margin-bottom: 30px; } .crossindustry .singleindustry .induscontt h4 { font-size: 18px; font-weight: 600; line-height: 26px; text-align: center; width: max-content; } .crossindustry .indusnav.slick-slide.slick-current.slick-active.is-active h4 { border-bottom: 3px solid #1a81ff; color: #fff; padding-bottom: 10px; } .crossindustry .indusnav { margin: 0 10px; text-align: center; } .crossindustry .indusnav h4 { color: #ccc; } .crossindustry .slick-next, .crossindustry .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .crossindustry .slick-prev { right: auto; left: -60px; top: 50%; transform: translateY(-50%) scale(-1); } .crossindustry .slick-next { right: -60px; left: auto; top: 50%; transform: translateY(-50%); } .crossindustry .slick-next::after, .crossindustry .slick-prev::after { position: absolute; content: ""; background-image: url(../images/common_icons/arrow_icn.webp); background-repeat: no-repeat; background-position: center; background-size: 23px; border: 2px solid #fff; border-radius: 50px; width: 50px; height: 50px; background-color: #fff; } .autonext .newbtn_design { margin-left: 45px; } .Consolidatevideo { margin-bottom: 20px; } .aigetintouchleft { display: flex; width: 50%; height: 650px; background-size: cover; background-position: center; position: relative; padding: 60px 50px; } .aigetintouchleft::after { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; background-color: #000; opacity: 0.7; } .aigetintouchleft > div { position: relative; z-index: 1; } .aigetintouchmain { display: flex; } .aigetintouchleft h2 { color: #fff; font-weight: 700; font-family: "Product Sans"; text-transform: capitalize; font-size: 36px; margin-bottom: 15px; line-height: 48px; } .aigetintouchleft p { font-weight: 400; font-size: 18px; margin: 0; line-height: 30px; color: #fff; } .aigetintouch { padding-bottom: 0 !important; } .aigetintouchright { width: 50%; padding: 30px 50px; text-align: center; } .aigetintouchform h2 { color: #fff; font-size: 34px; margin-bottom: 30px; font-weight: 700; } .aigetintouchform .form-group .form-control { border: 1px solid #f2f2f2; background-color: transparent; border-radius: 50px; height: 60px; color: #fff; font-size: 16px; padding: 20px 30px; box-shadow: unset; font-weight: 700; } .aigetintouchform .form-group textarea.form-control { height: 150px; border-radius: 20px; } .aigetintouchform .form-group { margin-bottom: 24px; } .aigetintouchform .form-group:last-child { margin-bottom: 0; } .aigetintouchform .form-group .formbtn { border-radius: 50px; } .new-slider { height: 750px; width: 100%; display: flex; perspective: 1000px; position: relative; align-items: center; overflow: hidden; } .aigetintouchleft li { position: relative; margin-bottom: 10px; padding-left: 30px; } .aigetintouchleft li::after { position: absolute; content: ""; left: 0px; top: 2px; background-image: url("../images/common_icons/check-double-line.svg"); background-repeat: no-repeat; height: 18px; width: 24px; background-size: 24px; filter: brightness(0) invert(1); } .aigetintouchleft ul { padding-left: 0; padding-top: 20px; } .formbtn { background: #1a81ff; color: #fff !important; font-weight: 600; text-transform: uppercase; border-radius: 50px; padding: 16px 20px; display: flex; font-size: 16px; transition: 0.5s all; box-shadow: 0 0 20px #0000002e; justify-content: center; text-align: center; border: 0; width: 100%; margin-top: 25px; } .interlink_update { color: #1a81ff !important; font-weight: 900; font-style: italic; } .aibusinessgrowth .headingmain p { margin-bottom: 15px; } .aibusinessgrowth_box { background-color: #ffffff14; border-radius: 20px; padding: 30px 20px; transition: 0.3s ease-in-out; box-shadow: 0 0 350px #ffffff00; width: 24%; margin: 0 5px 0; } .aibusinessgrowth_box img { max-width: 50px; margin-bottom: 15px; } .aibusinessgrowth_box h3 { color: #fff; margin-bottom: 12px; } .aibusinessgrowth_box h3 .usernumber_count { color: #fff; font-size: 28px; justify-content: flex-start; margin: 0; } .aibusinessgrowth_box p { color: #fff; margin: 0; font-size: 17px; } .aibusinessgrowthmain { display: flex; flex-wrap: wrap; justify-content: center; } .aimap { border-radius: 20px; overflow: hidden; } .aiofficeaddress h3 img { max-width: 40px; filter: brightness(10.5); margin-right: 10px; } .aiofficeaddress h3 { color: #fff; font-size: 20px; display: flex; align-items: center; font-weight: 700; } .aiofficeaddress p { color: #fff; margin: 0; font-size: 17px; } .aiofficeaddress { background-color: #ffffff14; border-radius: 20px; padding: 20px 20px; transition: 0.3s ease-in-out; box-shadow: 0 0 350px #ffffff00; margin-top: 12px; } .aibusinessgrowthmain { margin-top: 20px; } /* saudi */ .ai_banner { height: 100vh; display: flex; align-items: center; background-size: cover; background-position: right; } .ai_banner .animated-heading span { color: #fff; display: inline-block; text-transform: capitalize; animation: colorChange 5s linear infinite; } /* Staggered animation delays for each word */ .animated-heading span:nth-child(1) { animation-delay: 0s; } .animated-heading span:nth-child(2) { animation-delay: 0.16s; } .animated-heading span:nth-child(3) { animation-delay: 0.32s; } .animated-heading span:nth-child(4) { animation-delay: 0.48s; } .animated-heading span:nth-child(5) { animation-delay: 0.64s; } .animated-heading span:nth-child(6) { animation-delay: 0.8s; } .animated-heading span:nth-child(7) { animation-delay: 0.96s; } .animated-heading span:nth-child(8) { animation-delay: 1.12s; } @keyframes colorChange { 0%, 40%, 100% { color: white; } /* white by default */ 50% { color: #175eff; } /* blue at mid animation */ } .ai_banner .ai_banner_contt h1 { color: #fff; font-size: 50px; font-weight: 700; margin-bottom: 14px; line-height: 65px; } .ai_banner .ai_banner_contt p { color: #fff; font-size: 18px; line-height: 29px; margin-bottom: 30px; } .ai_banner .ai_banner_contt { width: 100%; padding-top: 70px; } .ai_banner .aigetintouchform { padding-top: 50px; } .aichoose ul li { padding: 40px 30px; border-bottom: 1px solid #1a81ff; color: #fff; transition: color 0.4s ease; overflow: hidden; position: relative; cursor: pointer; } .aichoose .service-link-hover { background-color: #1163fb; border-radius: 50%; height: 0; width: 0; position: absolute; top: 100%; left: 0; transform: translate(-50%, -50%); transition: width 0.6s ease, height 0.6s ease; cursor: pointer; z-index: 0; } .aichoose li:hover .service-link-hover { width: 800px; height: 800px; } .aichoose ul li img { max-width: 45px; margin-bottom: 15px; position: relative; z-index: 1; transition: 0.6s ease; } .aichoose li:hover img { filter: brightness(0) invert(1); } .aichoose ul li h3 { font-size: 24px; margin-bottom: 14px; font-weight: 800; position: relative; z-index: 1; } .aichoose ul li p { font-size: 18px; margin-bottom: 10px; line-height: 28px; font-weight: 300; position: relative; z-index: 1; } .aichoose .col-md-5 { position: sticky; top: 120px; background-color: #1b1b1b4a; padding: 30px 30px; margin-bottom: 30px; border-radius: 16px; border: 1px solid #1a81ff; } .root-out .roottop { display: flex; gap: 20px; justify-content: start; align-items: center; margin-bottom: 20px; } .root-out li img { max-width: 45px; } .root-out ul { padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 30px; column-gap: 30px; color: #fff; } .root-out ul li h3 { font-size: 24px; margin-bottom: 0px; font-weight: 800; } .root-out ul li p { font-size: 18px; margin-bottom: 10px; line-height: 28px; font-weight: 300; } .root-out ul li { background: #161616be; border: 3px solid transparent; padding: 30px 15px 30px 15px; position: relative; overflow: hidden; border-radius: 20px; cursor: pointer; transition: background 0.4s ease, border-color 0.4s ease; } .root-out ul li:hover { background: linear-gradient(#000000bf, #0e141e47) padding-box, linear-gradient(180deg, #337ab7 0, #0066cc3b 69%, #000 97%) border-box; } .aiconsultants ul.nav.nav-pills { display: grid; padding: 0; gap: 20px; height: 400px; overflow-y: scroll; padding-right: 20px; } .aiconsultants ul.nav.nav-pills::-webkit-scrollbar { width: 10px; } .aiconsultants ul.nav.nav-pills::-webkit-scrollbar-track { background: #ffff; border-radius: 10px; } .aiconsultants ul.nav.nav-pills::-webkit-scrollbar-thumb { background: #1a81ff; border-radius: 10px; } .aiconsultants ul.nav.nav-pills li { border: 1px solid #1a81ff; border-radius: 20px; } .aiconsultants ul.nav.nav-pills li a { font-size: 18px; color: #1a81ff; width: 100%; border-radius: 20px; padding: 20px; } .aiconsultants .nav-pills > li.active > a, .aiconsultants .nav-pills > li.active > a:focus, .aiconsultants .nav-pills > li > a:hover { color: #fff !important; background-color: #1a81ff; } .aiconsultants .nav:before { display: none; } .aiconsultants .container { background-color: #121516; border-radius: 20px; border: 1px solid #ffffff60; padding: 40px 60px; } .aiconsultants .aicontt { background-size: cover; height: 400px; border-radius: 20px; color: #fff; padding: 40px 40px; } .aiconsultants .aicontt h3 { font-size: 24px; margin-bottom: 14px; font-weight: 800; } .aiconsultants .aicontt p { font-size: 18px; margin-bottom: 10px; line-height: 28px; font-weight: 300; } .aiconsultants .aicontt li { font-size: 16px; margin-bottom: 10px; line-height: 26px; font-weight: 300; margin-bottom: 10px; } .aiconsultants .aicontt ul { list-style: disc; } .aicornerstone .cornerstonebx { --start: 0; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 20px 30px; background-color: #040404; border-radius: 20px; transition: border-color 0.3s ease-in-out; overflow: hidden; color: #fff; background-color: #0f0f0f; cursor: pointer; } .aicornerstone .cornerstonebx::before { position: absolute; content: ""; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 20px; border: 2px solid transparent; background: conic-gradient(from 90deg at 50% 50%, #1a81ff, rgba(18, 21, 38, 1), #1a81ff, rgba(27, 206, 255, 1), rgba(42, 107, 255, 1), #337ab7, #337ab7); background-attachment: fixed; mask: linear-gradient(#0000, #0000), conic-gradient(from calc((var(--start) - (20 * 1.1)) * 1deg), #ffffff1f 0deg, white, #ffffff00 100deg); mask-composite: intersect; mask-clip: padding-box, border-box; opacity: 0; transition: 0.5s ease; } .aicornerstone .glow { pointer-events: none; position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); filter: blur(14px); } .aicornerstone .glow::before { position: absolute; content: ""; width: 98%; height: 98%; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 14px; border: 15px solid transparent; background: conic-gradient(from 90deg at 50% 50%, #fff, rgba(18, 21, 38, 1), #1a81ff, rgba(27, 206, 255, 1), rgba(42, 107, 255, 1), #337ab7, #337ab7); background-attachment: fixed; mask: linear-gradient(#0000, #0000), conic-gradient(from calc((var(--start) - (20 * 1.1)) * 1deg), #ffffff1f 0deg, white, #ffffff00 100deg); mask-composite: intersect; mask-clip: padding-box, border-box; opacity: 0; transition: 1s ease; } .aicornerstone .cornerstonebx:hover > .glow::before { opacity: 1; } .aicornerstone .cornerstonebx:hover::before { opacity: 0.6; } .aicornerstone .cornerstonebx img { max-width: 45px; margin-bottom: 20px; } .aicornerstone .cornerstonebx h3 { font-size: 24px; margin-bottom: 14px; font-weight: 800; } .aicornerstone .cornerstonebx p { font-size: 18px; margin-bottom: 10px; line-height: 28px; font-weight: 300; } .aicornerstone .cornerstonebx ul { list-style: disc; } .aicornerstone .cornerstonebx li { font-size: 17px; margin-bottom: 10px; line-height: 28px; font-weight: 300; } .aicornerstone .cornerbox { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .recognizedcase .recoscroll { height: 430px; overflow-y: auto; scroll-behavior: smooth; padding-right: 20px; box-sizing: border-box; position: relative; } .recognizedcase .recoscroll::-webkit-scrollbar { width: 6px; height: 4px; } .recognizedcase .recoscroll::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.253); border-radius: 10px; } .recognizedcase .recoscroll::-webkit-scrollbar-thumb { background: #1a81ff; border-radius: 10px; } .recognizedcase .mainreco { display: flex; gap: 25px; position: sticky; top: 0; } .recognizedcase .mainreco .recoimg img { width: 100%; height: 100%; object-fit: cover; } .recognizedcase .mainreco .recocontt { width: 45%; padding: 30px 0; color: #fff; background-color: #000000; } .recognizedcase .mainreco .recoimg { width: 55%; } .recognizedcase .mainreco .recocontt h5 { color: #1a81ff; margin-bottom: 20px; font-size: 16px; } .recognizedcase .mainreco .recocontt h3 { font-size: 22px; font-weight: 600; line-height: 38px; margin-bottom: 10px; } .recognizedcase .mainreco .recocontt p { font-size: 16px; line-height: 25px; font-weight: 300; } .recognizedcase .results_count { display: grid; grid-template-columns: repeat(2, 1fr); color: #fff; padding: 5px 0 30px; gap: 10px; } .recognizedcase .states_head { border: 1px solid; text-align: center; padding: 10px; border-radius: 16px; } .recognizedcase .states_head span { font-size: 25px; } .recognizedcase .skipbtn { position: sticky; top: 33%; right: 0; display: flex; justify-content: end; z-index: 2; } .recognizedcase .skipbtn a { background-color: #fff; padding: 10px 20px; border-radius: 50px; color: #175eff; font-size: 16px; display: none; width: max-content; } .recognizedcase .skipbtn a { position: relative; animation: pulse-animation 2s infinite; } .aiwave .aiwavebx { background: #0f0f0f; padding: 30px 40px; border-radius: 20px; } .aiwave .aiwavebx ul { display: grid; padding: 0; gap: 30px; grid-template-columns: repeat(2, 1fr); } .aiwave .aiwavebx ul li { background-color: #000; padding: 20px; border-radius: 20px; color: #fff; display: flex; align-items: center; gap: 15px; } .aiwave .aiwavebx ul li h3 { font-size: 45px; line-height: 55px; font-weight: 500; color: #1a81ff; width: 30%; } .aiwave .aiwavebx ul li p { font-size: 18px; margin-bottom: 0px; line-height: 28px; font-weight: 300; width: 70%; } .aisaudicta .ceobx img { width: 100%; border-radius: 20px; } .aisaudicta h4 { font-size: 24px; margin-bottom: 14px; font-weight: 800; margin-bottom: 30px; } .newbtn_design_white { background: #fff; color: #0080ff !important; font-size: 16px; line-height: 24px; font-weight: 600; height: 60px; display: inline-flex; align-items: center; justify-content: center; border-radius: 20px; padding: 5px 60px 5px 25px; transition: 0.3s ease-in-out; position: relative; border: 0; } .newbtn_design_white img { max-width: 20px; position: absolute; right: 22px; animation: 1s infinite wobble; transition: 0.5s; filter: invert(35%) sepia(100%) saturate(7471%) hue-rotate(197deg) brightness(100%) contrast(101%); } .newbtn_design_white:hover { padding: 5px 25px 5px 60px; } .testimonialai .testi-wrap { position: relative; height: 455px; margin-top: -80px; } .testimonialai .client-single { margin-top: 20px; text-align: center; position: absolute; transition: all 1s ease; } .testimonialai .client-single.active { border: 1px solid #83797954; border-radius: 20px; padding: 20px 20px 10px; background: #0f0f0f; } .testimonialai .client-info, .testimonialai .client-comment { transition: all 0.3s ease; } .testimonialai .client-single.inactive .client-comment, .testimonialai .client-single.inactive .client-info { display: none; opacity: 0; visibility: hidden; } .testimonialai .client-single.position-1 { transform: scale(0.65); } .testimonialai .client-single.position-2 { top: 30px; left: 30px; } .testimonialai .client-single.position-3 { right: -60px; top: 240px; transform: scale(0.4) !important; } .testimonialai .client-single.position-4 { left: -60px; top: 240px; } .testimonialai .client-single.position-5 { top: 30px; right: 30px; } .testimonialai .client-single.active { top: 10%; left: 50%; transform: translateX(-50%); z-index: 10; width: 70%; } .testimonialai .client-single.active .client-comment, .testimonialai .client-single.active .client-info { transition-delay: 0.6s; color: #fff; } .testimonialai .client-single:not(.active) { -webkit-transform: scale(0.55); transform: scale(0.55); z-index: 99; } .testimonialai .client-single.active .client-img { width: 140px; height: 140px; margin: 0 auto 0px; position: relative; } .testimonialai .client-single .client-img img { width: 150px; border-radius: 50%; border: 8px solid #d1e9ff; cursor: pointer; position: relative; animation: pulse-animation 2s infinite ease-in-out; } /* Pulse effect */ @keyframes pulse-animation { 0% { box-shadow: 0 0 0 0 rgba(26, 129, 255, 0.6); } 70% { box-shadow: 0 0 0 20px rgba(26, 129, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(26, 129, 255, 0); } } .testimonialai .client-single.active .client-img img { max-width: 120px; border: 0; animation: none; border: 4px solid #1a81ff; } .testimonialai .client-single p { font-size: 18px; margin-bottom: 20px; line-height: 28px; font-weight: 300; } .testimonialai h3 { font-size: 18px; margin-bottom: 0px; line-height: 28px; font-weight: 400; } .distinctive-table table { margin: 40px 0; border-collapse: collapse; } .distinctive-table table img { max-width: 35px; } .distinctive-table tr th.cls { border-top: none; } .distinctive-table tr .cls.last:after, .distinctive-table tr .cls:after { content: ""; height: 135px; top: -29px; position: absolute; padding: 30px 0; left: 0; z-index: -1; } .distinctive-table table { width: 100%; position: relative; z-index: 1; } .distinctive-table tr { border: 1px solid #1a81ff; color: #fff; } .distinctive-table td, .distinctive-table th { padding: 24px 30px; text-align: center; } .distinctive-table th { font-size: 24px; font-weight: 600; line-height: 30px; } .distinctive-table td { font-size: 18px; font-weight: 400; line-height: 25px; } .distinctive-table tr:nth-child(2) td:nth-child(2), .distinctive-table tr:nth-child(4) td:nth-child(2), .distinctive-table tr:nth-child(6) td:nth-child(2), .distinctive-table tr:nth-child(8) td:nth-child(2) { background: #06c; } .distinctive-table tr:first-child { background-image: url(../images/custom_software_dubai/table-headingbg.webp); background-size: 100% 100%; background-repeat: no-repeat; border: none; } .distinctive-table tr:nth-child(8) { border-radius: 20px; } .distinctive-table tr .cls { background-color: #0080ff; position: relative; color: #fff; width: 30%; } .distinctive-table tr .cls:after { width: 100%; background: #0080ff; border-radius: 20px; border: 1px solid; } .distinctive-table tr .cls.last:after { width: 100%; background: #06c; border-radius: 20px; border: 1px solid; } .distinctive-table td.cls.last { border-bottom: 1px solid transparent !important; } .engagementcost .costitem img { max-width: 45px; margin-bottom: 15px; } .engagementcost .costitem { background-color: #0f0f0f; margin: 0 10px; padding: 20px 20px; border-radius: 20px; color: #fff; height: 490px; } .engagementcost .costitem h3 { font-size: 24px; margin-bottom: 14px; font-weight: 800; } .engagementcost .costitem p { font-size: 18px; margin-bottom: 10px; line-height: 28px; font-weight: 300; min-height: 130px; } .engagementcost .costitem ul { list-style: disc; background-color: #000; padding: 10px 15px 10px 40px; border-radius: 12px; } .engagementcost .costitem li { font-size: 17px; margin-top: 10px; line-height: 28px; font-weight: 300; } .engagementcost .slick-next, .engagementcost .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .engagementcost .slick-prev { right: auto; left: -60px; top: 50%; transform: translateY(-50%) scale(-1); } .engagementcost .slick-next { right: -60px; left: auto; top: 50%; transform: translateY(-50%); } .engagementcost .slick-next::after, .engagementcost .slick-prev::after { position: absolute; content: ""; background-image: url(../images/common_icons/arrow_icn.webp); background-repeat: no-repeat; background-position: center; background-size: 23px; border: 2px solid #fff; border-radius: 50px; width: 50px; height: 50px; background-color: #fff; } .welcome-video { color: #fff; font-family: "Product Sans"; overflow-y: hidden; } .welcome-video .row .new_vedio_content h2 { font-size: 36px; line-height: 1.3; font-weight: 700; margin-bottom: 15px; text-transform: capitalize; } .welcome-video .row .new_vedio_content p { font-size: 18px; line-height: 1.7; font-weight: 400; margin-bottom: 20px; } .welcome-video .right-video { position: relative; display: flex; } .welcome-video .right-video::after { position: absolute; content: ""; background-color: #000; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; opacity: 0.5; } .welcome-video .right-video a { position: absolute; left: 38%; right: auto; top: auto; bottom: 38%; background: #fff; padding: 10px 20px; border-radius: 50%; height: 90px; width: 90px; display: flex; align-items: center; justify-content: center; z-index: 2; } .welcome-video .right-video img { width: 100%; } .welcome-video .right-video a:after { line-height: 10px; position: absolute; content: "Click Here"; background: url(../images/dubai-uae/arrow1.webp) 0 0 / contain no-repeat; width: 150px; height: 120px; bottom: -90%; left: -154px; animation: 3s ease-out infinite zoom-in-zoom-out; filter: brightness(0); font-size: 16px; font-weight: 600; text-transform: capitalize; filter: brightness(0) invert(1); color: #fff; } .welcome-video .right-video a img { cursor: pointer; animation: 8s linear infinite animateC; height: 80px; width: 80px; box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0; border-radius: 50%; } @keyframes animateC { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .techcolla ul { padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; } .techcolla ul li { transition: all ease-in 0.2s; text-align: center; margin-top: 30px; } .techcolla ul li img { max-width: 100px; } .aiprocess .proitem { background-color: #0f0f0f; margin: 0 10px; padding: 20px 20px; border-radius: 20px; color: #fff; position: relative; text-align: left; height: 330px; border: 2px solid #1a81ff; } .aiprocess .proitem h3 { font-size: 24px; margin-bottom: 14px; font-weight: 800; } .aiprocess .proitem ul { list-style: disc; } .aiprocess .proitem li { font-size: 18px; margin-top: 10px; line-height: 28px; font-weight: 300; } .aiprocess .proitem span { font-size: 75px; position: absolute; right: 20px; top: -10px; color: #ffffff2e; display: block; } .aiprocess .proitem img { max-width: 45px; margin-bottom: 15px; } .aiprocess .slick-next, .aiprocess .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .aiprocess .slick-prev { right: auto; left: -60px; top: 50%; transform: translateY(-50%) scale(-1); } .aiprocess .slick-next { right: -60px; left: auto; top: 50%; transform: translateY(-50%); } .aiprocess .slick-next::after, .aiprocess .slick-prev::after { position: absolute; content: ""; background-image: url(../images/common_icons/arrow_icn.webp); background-repeat: no-repeat; background-position: center; background-size: 23px; border: 2px solid #fff; border-radius: 50px; width: 50px; height: 50px; background-color: #fff; } .altrafeature .tab-container { display: flex; background: #fff; border-radius: 20px; overflow: hidden; } .altrafeature .tab-menu { display: flex; list-style: none; padding: 30px 20px; flex-direction: column; width: 40%; background: #1a81ff; border-radius: 20px; margin-bottom: 0; } .altrafeature .tab-menu li { padding: 15px 20px; cursor: pointer; transition: all 0.3s ease; color: #fff; font-size: 20px; font-weight: 500; padding-left: 50px; position: relative; opacity: 50%; border-bottom: 1px solid #ffffff9c; } .altrafeature .tab-menu li:last-child { border-bottom: none; } .altrafeature .tab-menu li.active, .altrafeature .tab-menu li:hover { opacity: 100%; } .altrafeature .tab-content { display: none; padding: 20px 30px; width: 60%; color: #08223a; } .altrafeature .tab-content h3 { font-size: 24px; margin-bottom: 14px; font-weight: 800; } .altrafeature .tab-content p { font-size: 18px; margin-bottom: 10px; line-height: 28px; font-weight: 300; } .altrafeature .tab-content.active { display: block; animation: fadeIn 0.4s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .altrafeature img { width: 100%; border-radius: 12px; } .aisdiarba_dvlp_lst { display: flex; align-items: stretch; justify-content: flex-start; gap: 20px; flex-wrap: wrap; color: #fff; padding: 0; } .aisdiarba_dvlp_bx { background: #1a81ff; border: 1px solid transparent; padding: 40px 25px 120px 30px; border-radius: 20px; width: 32%; margin: 0; position: relative; transition: all 0.5s ease-in-out 0s; } .aisdiarba_dvlp_bx figure { position: absolute; bottom: 20px; right: 30px; width: 80px; height: 80px; } .aisdiarba_dvlp_bx figure img { max-width: 95px; } .aisdiarba_dvlp_bx:hover { background: #fff; box-shadow: 0 2px 56px rgba(0, 0, 0, 0.1); transform: scale(0.96); transition: all 0.5s ease-in-out 0s; color: #08223a; cursor: pointer; } .aisdiarba_dvlp_bx h3 { font-size: 24px; margin-bottom: 14px; font-weight: 800; } .aisdiarba_dvlp_bx p { font-size: 18px; margin-bottom: 10px; line-height: 28px; font-weight: 300; } .aisdiarba_dvlp_bx:hover figure { transition: 0.9s; transform: rotateY(360deg); } .aisdiarba_dvlp_bx:nth-last-child(-n + 2) { width: 48%; } .premiumservice .service_mn { display: flex; gap: 40px; color: #fff; } .premiumservice .slider3 { width: 45%; height: 590px; border-radius: 20px; overflow: hidden; position: sticky; top: 120px; margin: 0; transition: all 0.5s; } .premiumservice .cntnt_mn { width: 55%; } .premiumservice .slider3 img { width: 100%; height: 500px; border-radius: 20px; object-fit: cover; } .premiumservice .service_mn p { font-size: 18px; margin-bottom: 10px; line-height: 28px; font-weight: 300; display: none; transition: all 0.5s; padding-top: 15px; } .service_mn .slider1 li.active p { display: block; } .premiumservice .service_mn li:hover p { display: block; } .premiumservice .slider3 li { display: none; transition: all 0.5s; } .premiumservice ul { padding: 0; } .premiumservice .slider3 li.active { display: block; transition: all 0.5s; } .premiumservice .blockbg { display: flex; gap: 10px; align-items: center; } .premiumservice .blockbg h3 { font-size: 24px; line-height: 32px; margin-bottom: 0px; font-weight: 800; } .premiumservice .blockbg img { max-width: 45px; } .premiumservice .cntnt_mn li { background: #101010; padding: 20px 25px; border-radius: 20px; margin-bottom: 20px; cursor: pointer; } .aigetintouch iframe { width: 100%; border-radius: 12px; position: relative; z-index: 2; } .aigetintouchform .map-box { width: 100%; height: 100%; } .aigetintouchform .map-box iframe { height: 100%; border: 3px solid #0080ff !important; border-radius: 20px; width: 100%; } .aigetintouchform .row { display: flex; } .aigetintouchform .col-md-6 .commanform { margin-left: 50px; } .aigetintouchform form .form-group .form-control { background-color: transparent; border-radius: 0; height: 50px; padding: 14px 0; resize: none; color: #fff; font-size: 16px; box-shadow: unset; border: 0; border-bottom: 2px solid #fff; } .aigetintouchform form .form-group .form-control::placeholder { color: #fff; } .aigetintouchform form .form-group textarea.form-control { height: 100px; } .aigetintouchform form .form-group::after { position: absolute; content: ""; bottom: 0; height: 2px; background-color: #1a81ff; width: 20%; left: 0; transition: 0.3s ease-in-out; } .aigetintouchform form .form-group { margin-bottom: 15px; position: relative; } .aigetintouchform form { backdrop-filter: blur(20px); padding: 30px 40px 20px; border-radius: 20px; position: relative; background: radial-gradient(circle at 30% 30%, rgba(15, 76, 129, 0.8), #000c1a); } .aigetintouchform form .form-group:has(input:focus)::after { width: 100%; } .aigetintouchform form .form-group:last-child::after { display: none; } .aigetintouchform .formbtn { background: #1a81ff; color: #fff !important; font-weight: 600; text-transform: uppercase; border-radius: 7px; padding: 16px 20px; display: flex; font-size: 16px; transition: 0.5s all; box-shadow: 0 0 20px #0000002e; justify-content: center; text-align: center; border: 0; width: 100%; margin-top: 25px; } .iti--separate-dial-code .iti__selected-dial-code { color: #fff; } /* saudi */ .whatangentic .nexbttimg img { width: 100%; border-radius: 20px; } .whatangentic .whatrow { display: flex; gap: 40px; align-items: center; } .whatangentic .nexbttimg { width: 40%; } .whatangentic .whatrightt { width: 80%; background: #ffffff17; border: 1px solid #1a81ff; border-radius: 20px; color: #fff; padding: 30px; } .whatangentic .heading img { max-width: 45px; margin-bottom: 20px; } .genvsangent .vsrow { display: flex; gap: 40px; background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient(65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%); padding: 40px 40px; border: 2px solid #ffffff29; border-radius: 20px; color: #ffffff; } .genvsangent .vsrightt { width: 60%; } .genvsangent .vsrightt .agenticbtn { display: flex; gap: 20px; background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient(65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%); padding: 10px 20px; border: 1px solid #ffffff29; border-radius: 50px; color: #ffffff; align-items: center; width: max-content; } .genvsangent .vsrightt .agenticbtn p { font-size: 16px; line-height: 1.7; font-weight: 300; margin: 0 !important; } .genvsangent .vsrightt .agenticbtn a { margin-bottom: 0; font-size: 16px; line-height: 1.7; font-weight: 400; color: #1a81ff; transform: all 0.5s; } .genvsangent .vsrightt .agenticbtn:hover a { text-decoration: underline !important; cursor: pointer; } .genvsangent .vsbttimg { width: 40%; } .genvsangent .vsbttimg img { width: 100%; } .aicore ul { display: flex; gap: 60px; justify-content: center; } .aicore ul li img { max-width: 45px; margin-bottom: 10px; } .aicore ul li { position: relative; background-color: #1a81ff; color: #fff; height: 180px; width: 180px; border-radius: 50%; align-items: center; justify-content: center; display: flex; flex-direction: column; font-size: 16px; text-align: center; } .aicore ul li::before { content: ""; position: absolute; background-color: transparent; border: 1px solid #fff; height: 210px; width: 210px; border-radius: 50%; align-items: center; justify-content: center; display: flex; font-size: 16px; } .whyangentic .heading { margin-bottom: 0; width: 80%; background: #ffffff17; border: 1px solid #1a81ff; border-radius: 20px; color: #fff; padding: 30px; } .whyangentic .container { justify-content: center; display: flex; } .benefitangentic ul li { position: relative; background: #ffffff17; border: 1px solid #1a81ff; border-radius: 20px; color: #fff; padding: 40px 20px 20px; margin: 65px 0; min-height: 200px; } .benefitangentic .beright, .benefitangentic .berleft { width: 35%; } .benefitangentic .bemid { width: 30%; display: flex; justify-content: center; } .benefitangentic .bemid img { width: 100%; } .benefitangentic .icc { display: flex; align-items: center; justify-content: center; height: 70px; width: 70px; border-radius: 12px; position: absolute; background-color: #1a81ff; top: -22%; } .benefitangentic .icc img { max-width: 45px; } .benefitangentic .mainbenefit { display: flex; align-items: center; } .benefitangentic ul li h3 { font-size: 24px; margin-bottom: 14px; font-weight: 800; } .benefitangentic ul li p { font-size: 18px; margin-bottom: 10px; line-height: 28px; font-weight: 300; } .metricsai .metimg img { width: 100%; } .metricsai ul { margin-top: 30px; padding-left: 20px; list-style: disc; } .metricsai ul li { font-size: 18px; margin-bottom: 10px; line-height: 28px; color: #fff; font-weight: 300; margin-bottom: 20px; } .aistepsbx h4 { font-weight: 700; font-size: 20px; line-height: 25px; margin-bottom: 5px; } .aistepsbx h3 { font-weight: 400; font-size: 17px; line-height: 28px; margin-bottom: 0px; } .aistepsbx .tab-content p { font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 0px; } .aistepsbx .nav-pills > li.active > a, .aistepsbx .nav-pills > li.active > a:focus, .aistepsbx .nav-pills > li.active > a:hover { color: #fff; background-color: transparent; } .aistepsbx .nav-pills > li > a { border-radius: 4px; display: flex; gap: 20px; align-items: center; padding: 10px 0; position: relative; left: -6%; justify-content: flex-start; } .aistepsbx .nav-pills > li > a span { height: 50px; width: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; background-color: #0080ff; color: #fff; } .aistepsbx ul.nav.nav-pills { border-left: 4px solid #fff; position: relative; display: flex; flex-direction: column; } .aistepsbx .nav > li > a:focus, .aistepsbx .nav > li > a:hover { text-decoration: none; background-color: transparent; } .aistepsbx .tab-content { color: #fff; } .aistepsbx .tab-content img { width: 100%; height: 215px; border-radius: 20px; margin-bottom: 20px; object-fit: cover; } .agenticcases ul li img { max-width: 45px; margin-bottom: 15px; } .agenticcases ul li h3 { font-weight: 700; font-size: 20px; line-height: 25px; margin-bottom: 5px; } .agenticcases ul li p { font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 0px; } .agenticcases ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .agenticcases ul li { background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient(65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%); padding: 20px; border: 2px solid #ffffff29; border-radius: 20px; color: #ffffff; transition: all 0.5s; cursor: pointer; } .agenticcases ul li:hover { background: radial-gradient(65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, rgba(21, 27, 58, 0.15), rgba(21, 27, 58, 0.15)); border: 2px solid #fff; } .devchoose img { width: 100%; } .devchoose ul { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0; } .devchoose ul li { background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient(65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%); padding: 10px; border: 2px solid #ffffff29; border-radius: 20px; color: #fff; text-align: center; font-size: 16px; } .ctaimpact .container { background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient(65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%); padding: 30px 40px; border: 2px solid #ffffff29; border-radius: 20px; } .ctaimpact h2 { font-size: 32px; line-height: 46px; font-weight: 700; margin-bottom: 20px; color: #fff; text-transform: capitalize; } .ctaimpact p { font-size: 18px; line-height: 26px; font-weight: 500; color: #fff; margin-bottom: 20px; } .ctaimpact .impactvideo { width: 100%; } .ctaimpact .impactvideo video { width: 100%; height: auto; border-radius: 10px; } .ctaimpact .row { display: flex; align-items: center; } .lazy-section { opacity: 0; transition: opacity 0.5s ease-in-out; } .lazy-section.loaded { opacity: 1; } .lazyload { opacity: 0; transition: opacity 0.5s ease; } .lazyloaded { opacity: 1; } .allaboutmain{ display: flex; } .allaboutcol a { display: flex; align-items: center; justify-content: center; background-color: #fff; height: 160px; font-size: 24px; padding: 20px 30px; text-align: center; border: 1px solid #fff; color: #000; position: relative; overflow: hidden; font-weight: 800; /* Smooth animation */ transition: background-color 0.4s ease, color 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease; } /* Hover effect */ .allaboutcol a:hover { background-color: transparent; color: #fff; transform: translateY(-6px) scale(1.02); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25); } /* Subtle shine overlay */ .allaboutcol a::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255, 255, 255, 0.25), transparent ); transition: left 0.6s ease; } .allaboutcol a:hover::before { left: 100%; } @media (max-width: 1023px) { .aibuy ul { gap: 20px; grid-template-columns: repeat(2, 1fr); } .ctaagentic .ctaagenticcontt { width: 100%; padding: 20px; border-radius: 10px; text-align: center; } .ctaagentic .ctaagenticcontt::before { border-radius: 10px; } .domainindustry .row.tabbg { border-radius: 10px; flex-direction: column; } .domainindustry ul.nav.nav-pills { padding: 10px; gap: 10px; flex-direction: row; overflow-x: scroll; } .domainindustry .nav-pills > li > a { width: max-content; } .domainindustry .nav-pills > li > a img { display: none; } .returncounter .why-choose-image img { width: 55%; margin-bottom: 20px; } .returncounter .col-md-4 { position: relative; top: auto; } .agentbenefit ul { grid-template-columns: repeat(2, 1fr); column-gap: 10px; row-gap: 20px; } .agentbenefit .bencta .benimg { position: relative; bottom: 0; display: flex; justify-content: center; } .growth-bx ul { grid-template-columns: repeat(1, 1fr); gap: 10px; row-gap: 20px; } .reward { overflow: hidden; } .makeagentic ul { grid-template-columns: repeat(2, 1fr); gap: 15px; } .hire-agentic:after { display: none; } .autonext ul { text-align: left; } .casestudycomp ul.nav.nav-pills { gap: 10px; overflow-x: scroll; } .domainindustry .tab-content.clearfix { padding: 10px 20px; border-radius: 0; text-align: left; } .overflow-x-add { overflow-x: auto !important; } .fdc { gap: 0; } .Consolidatevideo video { height: auto; } .techinti .tools_tech_left { padding: 10px; width: 100%; } .techinti .tools_tech_rt { width: 100%; padding: 10px; } .techinti .tools_tech_scroll { height: auto; overflow-y: hidden; overflow-x: scroll; display: flex; } .techinti .tools_tab_link { font-size: 18px; padding: 10px; width: max-content; display: block; } .techinti .tools_tab_link span { width: max-content; display: block; } .techinti .tools_tech_wrapper { border-radius: 10px; flex-direction: column; } .techinti .tools_right_scroll { padding-right: 0; } .techinti .tools_rt_inner { padding: 10px 0; } .container { overflow: hidden; } .motionbx .shapbx { margin: 0 5px; padding: 15px; } .techinti .tools_tab_grid ul { grid-template-columns: repeat(3, 1fr); } .sustainbx .sustainslide { width: auto !important; } .sustainbx .sumax { display: block; } .sustainbx .sustainslide { padding-bottom: 40px; } .ctaagentic .container { background-image: none !important; background-color: #08223a; } .autonext .newbtn_design { margin-left: 0; } .recognizedcase .states_head span { font-size: 28px; } .client-comment h3 { font-size: 14px; line-height: 26px; } .testimonialai .client-single.active { width: 100%; } .testimonialai .testi-wrap { height: 700px; } .client-single.inactive { display: none; } .distinctive-table td, .distinctive-table th { font-size: 15px; line-height: 20px; padding: 10px; } .distinctive-table table img { max-width: 20px; } .distinctive-table td { font-size: 15px; font-weight: 300; line-height: 22px; } .ai_banner .ai_banner_contt { width: 100%; padding-top: 50px; text-align: center; } .aiconsultants ul.nav.nav-pills { height: auto; overflow-y: hidden; display: flex; padding-bottom: 15px; overflow-x: scroll; } .aiconsultants ul.nav.nav-pills li a { font-size: 16px; width: max-content; border-radius: 8px; padding: 10px; } .aiconsultants ul.nav.nav-pills li { border-radius: 8px; } .aicornerstone .cornerbox { grid-template-columns: repeat(2, 1fr); } .techcolla ul { grid-template-columns: repeat(3, 1fr); } .new_vedio_content { margin-bottom: 30px; text-align: center; } .welcome-video .row .new_vedio_content h2 { font-size: 26px; } .techinti .tools_right_scroll { overflow-y: hidden; height: auto; } .techinti .tools_card_head { margin-bottom: 20px; } .aisaudicta .row { display: flex; flex-direction: column-reverse; } .aisaudicta .row img { margin-bottom: 20px; } .aigetintouchform .col-md-6 .commanform { margin: 20px 0 0 0; } .aistepsbx .roadmapimg { display: none; } .aistepsbx .roadmapcontt { width: 100%; } .aistepsbx .roadmapagile { border-radius: 10px; gap: 20px; } .aicore ul { flex-wrap: wrap; } .aicore ul li { height: 150px; width: 25%; border-radius: 12px; border: 1px solid #fff; } .aicore ul li::before { display: none; } .aicore ul { gap: 20px; } .benefitangentic .bemid { display: none; } .benefitangentic .mainbenefit { display: flex; align-items: start; gap: 0px; } .benefitangentic .beright, .benefitangentic .berleft { width: 47%; } .benefitangentic .icc { position: relative; top: auto; margin-bottom: 10px; } .benefitangentic ul { margin-top: 0; margin-bottom: 0px; } .benefitangentic ul li { border-radius: 10px; padding: 20px 20px 20px; margin: 35px 0 0; min-height: auto; } .aistepsbx ul.nav.nav-pills { border-left: none; flex-direction: row; overflow-x: scroll; gap: 10px; } .aistepsbx .nav-pills > li > a { border-radius: 4px; border: 1px solid #fff; left: auto; width: max-content; padding: 10px 10px; margin-bottom: 20px; } .aistepsbx .roaditem { margin-top: 20px; text-align: center; } .aistepsbx ul.nav.nav-pills::-webkit-scrollbar { width: 10px; height: 10px; } .aistepsbx ul.nav.nav-pills::-webkit-scrollbar-track { background: #fff; border-radius: 10px; } .aistepsbx ul.nav.nav-pills::-webkit-scrollbar-thumb { background: #1a81ff; border-radius: 10px; } .aistepsbx ul.nav.nav-pills::-webkit-scrollbar-thumb:hover { background: #1a81ff; } .agenticcases ul { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .pg_bg { overflow: hidden; } .aibuy ul { grid-template-columns: repeat(1, 1fr); } .genbannercontent h1 { font-size: 26px; line-height: 35px; } .agentic_banner .agentic_banner_content .genbannercontent { width: 100%; } .marquee-card { width: 135px; height: 85px; padding: 12px; border-radius: 10px; } .aibuy ul li h3 { font-size: 15px; line-height: 30px; margin-top: 18px; border-radius: 4px; } .aibuy ul img { max-width: 45px; left: auto; } .aibuy ul .buyicon { padding: 0; } .aibuy .buycontt { padding: 0; position: relative; color: #fff; } .ctaagentic h2 { font-size: 26px; line-height: 38px; } .returncounter .about-us-item { justify-items: center; gap: 10px; align-items: center; } .returncounter .about-item-content h3 { margin-bottom: 10px; text-align: center; } .returncounter .about-item-content .num { font-size: 30px; } .returncounter .about-us-box { border-radius: 10px; padding: 10px; } .techinti .tools_tab_grid ul li img { max-width: 60px; } .heading h2 { font-size: 24px; line-height: 32px; } .returncounter .about-us-item .icon-box { position: relative; right: 0; left: 0; margin: 0 auto; } .buyagentic .col-md-5 { position: relative; top: auto; text-align: center; margin-bottom: 30px; } .buyagentic.pg_bg.py { padding-bottom: 0; } .headleft { text-align: center; } .buyagentic h3 { font-size: 20px; line-height: 26px; } .custombx .custom { gap: 10px; border-radius: 10px; max-width: 100%; padding: 10px 15px; margin: 0 5px; } .custombx .custom p { font-size: 18px; line-height: 1.3; } .sustainbx .mevideopartbox { margin-bottom: 30px; height: 310px; background-position: top; } .sustainbx .mevideopartbox h3 { font-size: 20px; } .agentbenefit ul { grid-template-columns: repeat(1, 1fr); } .autonext .nextimg img { margin-bottom: 20px; } .returncounter .counter-grid { column-gap: 15px; row-gap: 15px; } .reward .awardusbx { padding-bottom: 80px; } .awardusbx .slick-next { right: -70px; left: 0; top: auto; bottom: -25px; margin: 0 auto; } .awardusbx .slick-prev { left: -70px; right: 0; top: auto; bottom: -25px; margin: 0 auto; } .faq-tabb ul.nav.nav-pills { flex-direction: row; gap: 5px; margin-bottom: 20px; justify-content: center; } .faq-tabb ul.nav.nav-pills li a { padding: 10px; } .makeagentic ul { grid-template-columns: repeat(1, 1fr); } .motionbx .shapbx { flex-direction: column; } .motionbx .slick-next { right: -70px; left: 0; top: auto; bottom: -25px; margin: 0 auto; } .motionbx .slick-prev { left: -70px; right: 0; top: auto; bottom: -25px; margin: 0 auto; } .casestudycomp .caseleft { width: 100%; text-align: center; } .casestudycomp .caseleft img { width: 50%; } .casestudycomp .caseitem { gap: 26px; flex-direction: column; padding: 30px 10px; } .casestudycomp .caseright ul { gap: 10px; } .casestudycomp .caseright ul li { padding: 10px 20px; border-radius: 8px; margin: 0; } .casestudycomp .caseright { width: 100%; text-align: center; } .casestudycomp .caseright ul li .usernumber_count { margin-bottom: 0; } .aitestimonial .aitestimonial_main { flex-direction: column; gap: 30px; } .aitestimonial .aitestimonial_video { width: 100%; height: 350px; } .aitestimonial .aitestimonial_slider { width: 100%; } .aitestimonial .papularapps_icons img { max-width: 15px; } .shaping-slider.slick-initialized.slick-slider { padding-bottom: 50px; } .techinti .tools_tab_grid ul { grid-template-columns: repeat(2, 1fr); } .agentic_banner { height: auto; padding: 40px 0 40px; align-items: center; } .agentic_banner .agentic_banner_content { position: relative; height: auto; bottom: 0; width: 91%; left: 0; right: 0; margin: 0 auto; z-index: 1; top: 0; } .agentic_banner .bannervideo { height: 100%; width: 100%; z-index: 0; position: absolute; left: 0; right: 0; bottom: 0; object-fit: cover; } .why-choose-image { display: none; } .newbtn_design { font-size: 14px; line-height: 21px; height: 50px; border-radius: 12px; } .heading p { font-size: 16px; line-height: 26px; font-weight: 400; } .aibuy ul { padding: 20px 16px; border-radius: 8px; min-height: auto; } .aibuy ul li p { font-size: 16px; line-height: 26px; margin: -7px 0 0; } .aibuy ul li { margin: 0 0px 0; } .content-partership figure img, .content-partership2 figure img { max-width: 80%; object-fit: contain; } .marquee-partership { height: 102px; padding: 0 0; } .ctaagentic h2 { font-size: 24px; line-height: 33px; } .domainindustry .row.tabbg { margin: 0; } .domainindustry .nav-pills > li > a { border-radius: 5px; gap: 10px; font-size: 16px; } .domainindustry .tab-content.clearfix { padding: 20px 20px; } .domainindustry .tab-pane img { max-width: 45px; margin-bottom: 16px; } .domainindustry .tab-pane h3 { font-size: 18px; margin-bottom: 12px; line-height: 25px; } .domainindustry .tab-pane ul { list-style: disc; padding-left: 20px; } .domainindustry .tab-pane li { font-size: 16px; margin-bottom: 10px; line-height: 26px; } .crossindustry .slick-next { right: -70px; left: 0; top: auto; bottom: -80px; margin: 0 auto; } .crossindustry .slick-prev { left: -70px; right: 0; top: auto; bottom: -80px; margin: 0 auto; } .aitestimonial .aitestimonial_content { height: auto; } .crossindustry .singleindustry .induscontt { padding: 10px; } .crossindustry .singleindustry { flex-direction: column; border: 1px solid #1a81ff; border-radius: 10px; gap: 10px; text-align: center; margin: 0 5px; } .crossindustry .singleindustry .indusimg { height: auto; } .crossindustry .singleindustry .indusimg img { border-radius: 12px 12px 0 0; } .crossindustry .industbx { padding-bottom: 70px; } .crossindustry .singleindustry .induscontt p { font-size: 16px; line-height: 26px; margin-bottom: 14px; } .crossindustry .industry-single { padding: 0px !important; } .mobileslider { margin-bottom: 90px; } .mobileslider .slick-next, .mobileslider .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .mobileslider .slick-prev { right: 0; left: -60px; top: auto; transform: scale(-1); bottom: -70px; } .mobileslider .slick-next { right: -60px; left: 0; top: auto; transform: unset; bottom: -70px; } .mobileslider .slick-next::after, .mobileslider .slick-prev::after { position: absolute; content: ""; background-image: url(../images/common_icons/arrow_icn.webp); background-repeat: no-repeat; background-position: center; background-size: 23px; border: 2px solid #fff; border-radius: 50px; width: 50px; height: 50px; background-color: #fff; } .returncounter .about-us-item .icon-box img { max-width: 35px; } .techinti .tools_tab_grid ul li { text-align: center; flex-direction: column; padding: 10px; } .makeagentic ul li .makefront { width: 100%; height: auto; position: relative; top: auto; transform: unset; border-radius: 12px 12px 0 0; } .makeagentic ul li .makeback { width: 100%; height: auto; position: relative; top: auto; transform: unset; opacity: 1; border-radius: 0 0 12px 12px; } .makeagentic ul li:hover .makeback { transform: unset; } .makeagentic ul li h3, .hire-agentic h3.panel-title a, .growth-bx ul li h3, .agentbenefit ul .benitem h3 { font-size: 20px; line-height: 26px; } .motionbx .shapbx ul { padding-left: 16px; } .motionbx .shapbx .shapright { width: 100%; height: 300px; overflow-y: scroll; } .motionbx .shapbx .shapright::-webkit-scrollbar { width: 8px; height: 4px; } .motionbx .shapbx .shapright::-webkit-scrollbar-track { background: #ffffff98; border-radius: 10px; } .motionbx .shapbx .shapright::-webkit-scrollbar-thumb { background: #1a81ff; border-radius: 10px; } .casestudycomp .nav-pills > li a img { display: none; } .casestudycomp .nav-pills > li a { padding: 10px 12px; border-radius: 10px; align-items: start; gap: 10px; margin: 10px 5px; } .ctaagentic .container { margin: 0 15px; box-shadow: none; } .sustainbx .slick-next { right: -60px; left: 0; top: auto; transform: unset; bottom: 0px; } .sustainbx .slick-prev { right: 0; left: -60px; top: auto; transform: scale(-1); bottom: 0px; } .growth-bx ul li .botgro { height: 350px; } .reward .badge_card img { width: 100%; max-width: auto; } .aitestimonial .slick-next::after, .aitestimonial .slick-prev::after { opacity: 1; } .aitestimonial .slick-next { right: -60px; left: 0; top: auto; transform: unset; bottom: 0px; } .aitestimonial .slick-prev { right: 0; left: -60px; top: auto; transform: scale(-1); bottom: 0px; } .aitestimonial_slider { padding-bottom: 50px; } .aigetintouchmain { flex-wrap: wrap; } .aigetintouchleft { width: 100%; height: auto; padding: 40px 30px; text-align: center; } .py { padding: 20px 0 !important; } .aigetintouchleft h2 { font-size: 28px; margin-bottom: 10px; line-height: 38px; } .aigetintouchleft p { font-size: 16px; margin: 0; line-height: 28px; } .aigetintouchright { width: 100%; padding: 40px 30px; } .aigetintouchform h2 { font-size: 22px; margin-bottom: 30px; } .aigetintouchform .form-group { margin-bottom: 18px; } .aigetintouchform .form-group textarea.form-control { height: 110px; border-radius: 10px; } .aigetintouchform .form-group .formbtn { border-radius: 10px; } .aigetintouch { padding-bottom: 0 !important; } .aigetintouchform .form-group .form-control { border-radius: 10px; height: 45px; font-size: 15px; padding: 10px 17px; } .aimap { border-radius: 10px; } .recognizedcase .mainreco { gap: 10px; flex-direction: column-reverse; border: 1px solid #1a81ff; padding-bottom: 20px; border-radius: 8px; position: sticky; top: 10px; background: #000; } .recognizedcase .mainreco .recocontt { width: 100%; text-align: center; padding: 10px 20px 30px; } .states_head span { font-size: 30px; } .recognizedcase .mainreco .recoimg { width: 100%; } .recognizedcase .mainreco .recoimg img { width: 100%; height: auto; object-fit: cover; border-radius: 8px 8px 0 0; } .recognizedcase .recoscroll { height: 700px; padding-right: 6px; position: sticky; top: 0; } .recognizedcase .mainreco .recocontt h3 { font-size: 19px; line-height: 28px; margin-bottom: 6px; } .recognizedcase span.results_head { font-size: 18px; } .recognizedcase .states_head span { font-size: 20px; } .recognizedcase .mainreco .recocontt h5 { margin-bottom: 10px; } .ai_banner .ai_banner_contt h1 { font-size: 30px; line-height: 36px; } .ai_banner .ai_banner_contt { padding-top: 30px; } .ai_banner { height: 800px; } .ai_banner .aigetintouchform { padding-top: 30px; } .aichoose .col-md-5 { position: relative; top: auto; padding: 20px; margin: 10px 10px; border-radius: 8px; text-align: center; } .aichoose ul { padding: 0; } .root-out ul { grid-template-columns: repeat(1, 1fr); } .root-out ul li { padding: 15px; position: relative; overflow: hidden; border-radius: 8px; } .aiconsultants .container { border-radius: 8px; padding: 20px; } .aiconsultants .aicontt { height: auto; border-radius: 8px; padding: 20px; } .aiwave .aiwavebx ul { gap: 20px; grid-template-columns: repeat(1, 1fr); } .aiwave .aiwavebx { border-radius: 8px; } .aiwave .aiwavebx ul li { flex-direction: column; } .aiwave .aiwavebx ul li h3 { font-size: 30px; width: 100%; line-height: 36px; } .aiwave .aiwavebx ul li p { width: 100%; gap: 10px; } .aiwave .aiwavebx { padding: 15px; border-radius: 8px; } .aicornerstone .cornerbox { grid-template-columns: repeat(1, 1fr); } .costslider { padding-bottom: 60px; } .engagementcost .slick-prev { left: 33%; top: auto; bottom: -3%; } .engagementcost .slick-next { right: 33%; left: auto; top: auto; bottom: -3%; } .engagementcost .costitem { padding: 10px; border-radius: 8px; color: #fff; height: 500px; } .aiprocess .slick-prev { left: 33%; top: auto; bottom: -5%; } .aiprocess .slick-next { right: 33%; left: auto; top: auto; bottom: -5%; } .aisdiarba_dvlp_bx { border-radius: 10px; width: 100%; } .aisdiarba_dvlp_bx:nth-last-child(-n + 2) { width: 100%; } .techcolla ul { grid-template-columns: repeat(2, 1fr); gap: 20px; } .welcome-video .right-video a:after { width: 121px; height: 107px; left: -105px; } .altrafeature .tab-container { flex-direction: column; border-radius: 8px; } .altrafeature .tab-menu { display: flex; padding: 20px; flex-direction: row; width: 100%; border-radius: 8px; overflow-x: scroll; } .altrafeature .tab-menu li { width: max-content; padding: 10px 20px; } .altrafeature .tab-content { padding: 20px; width: 100%; } .premiumservice .slider3 { display: none; } .premiumservice .cntnt_mn { width: 100%; } .premiumservice .service_mn p { display: block; } .aigetintouchform .row { flex-direction: column; } .recognizedcase .skipbtn a { display: block; } .aistepsbx .mobileslider .roaditem { border-radius: 10px; min-height: 315px; } .aistepsbx .roaditem { border-radius: 10px; } .whatangentic .whatrow { gap: 10px; flex-direction: column; } .whatangentic .nexbttimg, .whatangentic .whatrightt { width: 100%; } .whatangentic .whatrightt { border-radius: 10px; padding: 10px 15px; } .genvsangent .vsrow { gap: 20px; padding: 20px; border-radius: 10px; flex-direction: column-reverse; } .genvsangent .vsrightt, .genvsangent .vsbttimg { width: 100%; } .aicore ul li { width: 47%; } .whyangentic .heading { width: 100%; border-radius: 10px; padding: 20px; } .benefitangentic .beright, .benefitangentic .berleft { width: 100%; } .benefitangentic .mainbenefit { flex-direction: column; } .agenticcases ul { grid-template-columns: repeat(1, 1fr); } .ctaimpact h2 { font-size: 22px; line-height: 36px; font-weight: 700; } .ctaimpact .row { flex-direction: column-reverse; } .devchoose ul li { width: 47%; } .devchoose ul li:last-child { width: 100%; } .genvsangent .vsrightt .agenticbtn { display: block; width: 100%; border-radius: 10px; } .aicore ul li { width: 45%; } .faq-tabb .faq_box_head { font-size: 16px; } .faq-tabb .faq_box { margin-bottom: 20px !important; } .allaboutmain { display: flex; flex-wrap: wrap; margin: 0; } .allaboutcol a { height: auto; font-size: 18px; padding: 30px 30px; } .allaboutcol { margin-bottom: 12px; } }