@font-face { font-family: "Product Sans"; src: url("../fonts/subset-ProductSans-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Product Sans"; src: url("../fonts/subset-ProductSans-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Product Sans"; src: url("../fonts/subset-ProductSans-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: Montserrat; src: url("../fonts/subset-Montserrat-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Montserrat; src: url("../fonts/subset-Montserrat-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } p { font-weight: 300; } body, code, html, kbd, pre, samp { font-family: "Product Sans", "Montserrat", Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { margin-top: 0; } ol, ul { list-style: none; } a { text-decoration: none !important; } .newfont { font-family: "Product Sans"; } .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); } } @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); } } @-webkit-keyframes wobble { 0%, 100% { -webkit-transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } } .homebannerbtns a:first-child { color: #fff; font-size: 18px; display: inline-flex; align-items: center; margin-right: 36px; border-right: 1px solid #f2f2f2ed; padding: 6px 26px 6px 0; } .homebannerbtns { display: flex; margin-top: 20px; align-items: center; } .homebannerbtns a:first-child img { margin-right: 10px; animation: 1s infinite wobble; max-width: 27px; } /* home-page */ .newhome-banner-bx { overflow: hidden; height: 100vh; position: relative; } .newhome-banner-bx::after { background: #08223a86; position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .newhome-banner-bx .bannervideo { height: 100%; width: 100%; object-fit: cover; z-index: 0; position: relative; } .newhome-banner-bx .home-ban-content { position: absolute; z-index: 1; left: 10%; top: 50%; right: 0; max-width: 750px; text-align: left; transform: translateY(-50%); } .newhome-banner-bx .home-ban-content h1 { color: #ffff; font-size: 48px; margin: 0px 0 18px; line-height: 60px; font-weight: 900; } .newhome-banner-bx .home-ban-content p { color: #fff; font-size: 20px; line-height: 34px; margin-bottom: 20px; } .home-trusted { color: #fff; border-top: 1px solid #1a81ff; background: linear-gradient(to bottom right, #151b3a, #121836); } .home-trusted .marquee_bx { height: 130px; position: relative; width: 100%; max-width: 100%; display: flex; align-items: center; overflow: hidden; } .home-trusted .client_logos { display: flex; position: absolute; will-change: transform; align-items: center; white-space: nowrap; animation: 35s linear 0s infinite normal none running client-marquee; } @keyframes client-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } .home-trusted .clients_icon { width: 95px; margin: 0px 20px; outline: 0px !important; } .home-trusted .clients_icon img { width: 100%; aspect-ratio: 6 / 5; height: auto; object-fit: contain; filter: brightness(0) invert(1); } .home-trusted span { font-size: 25px; font-weight: 700; min-width: 150px; display: inline-flex; background: linear-gradient(90deg, #1a81ff 0, rgba(13, 16, 17, 0) 90%); border-radius: 5px; padding: 10px 15px; } .home-trusted .row { display: flex; align-items: center; } .home-trusted .row .lft-trusted { border-right: 1px solid #fff; } .about-home { overflow: hidden; height: 65vh; position: relative; display: flex; align-items: center; justify-content: center; } .about-home video { height: 100%; width: 100%; object-fit: cover; z-index: 0; position: relative; } .about-home .about-contt { position: absolute; width: 80%; top: auto; } .about-home h2 { font-size: 36px; font-weight: 700; line-height: 50px; color: #fff; } .animated-heading { font-size: 2rem; font-weight: bold; line-height: 1.4; } .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; } .animated-heading span:nth-child(9) { animation-delay: 1.28s; } .animated-heading span:nth-child(10) { animation-delay: 1.44s; } .animated-heading span:nth-child(11) { animation-delay: 1.6s; } .animated-heading span:nth-child(12) { animation-delay: 1.76s; } .animated-heading span:nth-child(13) { animation-delay: 1.92s; } .animated-heading span:nth-child(14) { animation-delay: 2.08s; } .animated-heading span:nth-child(15) { animation-delay: 2.24s; } .animated-heading span:nth-child(16) { animation-delay: 2.4s; } .animated-heading span:nth-child(17) { animation-delay: 2.56s; } .animated-heading span:nth-child(18) { animation-delay: 2.72s; } .animated-heading span:nth-child(19) { animation-delay: 2.88s; } .animated-heading span:nth-child(20) { animation-delay: 3.04s; } .animated-heading span:nth-child(21) { animation-delay: 3.2s; } .animated-heading span:nth-child(22) { animation-delay: 3.36s; } .animated-heading span:nth-child(23) { animation-delay: 3.52s; } .animated-heading span:nth-child(24) { animation-delay: 3.68s; } .animated-heading span:nth-child(25) { animation-delay: 3.84s; } .animated-heading span:nth-child(26) { animation-delay: 4s; } .animated-heading span:nth-child(27) { animation-delay: 4.16s; } .animated-heading span:nth-child(28) { animation-delay: 4.32s; } .animated-heading span:nth-child(29) { animation-delay: 4.48s; } .animated-heading span:nth-child(30) { animation-delay: 4.64s; } /* Keyframes for color animation */ @keyframes colorChange { 0%, 40%, 100% { color: white; } /* white by default */ 50% { color: #175eff; } /* blue at mid animation */ } .padding_coman { padding: 60px 0; } .homebg { background: linear-gradient(to bottom right, #151b3a, #121836); } .homebg1 { background: rgba(18, 21, 38, 1); } .overflow-hidden { overflow: hidden !important; } .colorgradient { background: linear-gradient(to bottom right, #151b3a, #121836); position: relative; background-attachment: fixed; overflow: hidden !important; z-index: 0; } /* Left blob */ .colorgradient:before { position: absolute; content: ""; background: #006eef; width: 400px; height: 400px; left: -22%; top: 80px; filter: blur(100px); border-radius: 50%; animation: blobMove1 5s ease-in-out infinite alternate; } /* Right blob */ .colorgradient:after { position: absolute; content: ""; background: #006eef; width: 400px; height: 400px; right: -20%; bottom: 152px; filter: blur(100px); border-radius: 50%; animation: blobMove2 5s ease-in-out infinite alternate; } /* Keyframes */ @keyframes blobMove1 { 0% { transform: translate(0, 0) scale(1); opacity: 0.7; } 50% { transform: translate(80px, -60px) scale(1.2); opacity: 1; } 100% { transform: translate(-60px, 40px) scale(0.9); opacity: 0.8; } } @keyframes blobMove2 { 0% { transform: translate(0, 0) scale(1); opacity: 0.7; } 50% { transform: translate(-100px, -80px) scale(1.3); opacity: 1; } 100% { transform: translate(60px, 60px) scale(0.95); opacity: 0.8; } } .colorgradient .container { position: relative; z-index: 1; } .home-heading { margin-bottom: 40px; color: #fff; } .home-heading h2 { font-size: 36px; font-weight: 600; line-height: 50px; margin-bottom: 15px; } .home-heading h4 { font-size: 18px; color: #06c; font-weight: 600; line-height: 22px; } .home-heading p { font-size: 18px; font-weight: 300; line-height: 28px; margin-bottom: 0px; } .about-section { padding: 50px; gap: 50px; color: #fff; } .about-section .about-text { flex: 1; max-width: 300px; } .about-section .about-text h2 { font-size: 20px; border-bottom: 1px solid #fff3; padding-bottom: 10px; } .about-section .about-text .percent { font-size: 80px; font-weight: bold; margin: 20px 0 5px; } .performancemile .row { display: flex; align-items: center; } .performancemile .row .col-md-7 { padding-right: 30px; } .performancemile .milestone .mileitems { border-radius: 12px; background-color: #121526; overflow: hidden; position: relative; padding: 30px 30px; margin: 10px 0px; margin-top: 30px; color: #fff; cursor: pointer; transition: all 0.3s ease-in-out 0s; } .performancemile .milestone .iconper { position: absolute; top: -2px; right: -2px; width: 82px; height: 82px; padding: 15px; background-color: #1a81ff; border-bottom-left-radius: 12px; border-left: 2px solid transparent; border-bottom: 2px solid transparent; transition: all 0.3s ease-in-out 0s; z-index: 2; border-top-right-radius: 12px; } .performancemile ul.slick-dots { position: relative; display: flex; justify-content: center; padding: 0; } .performancemile .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 5px; height: 5px; padding: 5px; cursor: pointer; color: #fff; border: 0; outline: 0; background: 0 0; z-index: 3; border: 1px solid; position: relative; border-radius: 50%; } .performancemile .slick-dots li.slick-active button { background-color: #fff; } .performancemile .milestone .iconper img { max-width: 45px; transition: all 0.4s linear 0s; } .performancemile .milestone .mileitems:hover img { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } .performancemile .milestone .mile_count { display: flex; align-items: flex-start; font-size: 34px; gap: 15px; } .performancemile .milestone .purecounter { font-size: 45px; font-weight: 900; } .performancemile .milestone h3 { font-size: 25px; font-weight: 400; line-height: 32px; margin-bottom: 5px; } .performancemile .milestone .milecontt ul { padding-left: 30px; } .performancemile .milestone ul li { margin-top: 10px; position: relative; font-size: 16px; font-weight: 300; padding-left: 12px; line-height: 25px; } .performancemile .milestone .milecontt ul li::after { position: absolute; content: ""; left: -7%; top: -2%; 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); } /* Slick Arrows - Vertical Style (Optimized) */ .performancemile .slick-prev, .performancemile .slick-next { position: absolute; left: -35px; /* Push outside slider */ width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background: transparent; border: none; cursor: pointer; font-size: 0; color: transparent; outline: none; z-index: 10; } /* Use minimal chevron icons */ .performancemile .slick-prev:before, .performancemile .slick-next:before { content: ""; display: inline-block; width: 12px; height: 12px; border-left: 2px solid rgba(255, 255, 255, 0.7); border-bottom: 2px solid rgba(255, 255, 255, 0.7); transform: rotate(45deg); transition: border-color 0.25s ease; } /* Hover effect - brighter */ .performancemile .slick-prev:hover:before, .performancemile .slick-next:hover:before { border-color: #fff; } /* Position vertically (prev above next) */ .performancemile .slick-prev { top: 75%; transform: translateY(-5%) rotate(90deg); /* Rotate for UP chevron */ } .performancemile .slick-next { top: 85%; transform: translateY(-50%) rotate(-92deg); /* Rotate for DOWN chevron */ } .slide-title span { font-size: 36px; font-weight: 600; line-height: 50px; background: linear-gradient(180deg, #006eef 15%, #87bdfe 60%, #fff 100%); -webkit-background-clip: text; /* for Chrome, Safari */ -webkit-text-fill-color: transparent; /* makes gradient visible */ background-clip: text; /* for Firefox */ color: transparent; /* fallback */ } .animated-text { display: inline-block; height: 45px; overflow: hidden; vertical-align: bottom; } .animated-text span { display: block; animation: slideWords 6s infinite; } @keyframes slideWords { 0% { transform: translateY(0%); } 25% { transform: translateY(-100%); } 50% { transform: translateY(-200%); } 75% { transform: translateY(-100%); } 100% { transform: translateY(0%); } } .serviceitem { min-height: 465px; flex-direction: column; align-items: stretch; justify-content: flex-end; position: relative; height: inherit; display: flex !important; margin: 0px 20px; border-radius: 30px; background: linear-gradient( 85.85deg, rgb(1, 16, 34) -4.89%, rgb(4, 64, 136) 101.95% ); overflow: hidden; padding: 40px 30px; } .serviceport .serviceitem img { width: 100%; } .serviceport .slick-next, .serviceport .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; } .serviceport .slick-prev { right: auto; left: -60px; top: 50%; transform: translateY(-50%) scale(-1); } .serviceport .slick-next { right: -60px; left: auto; top: 50%; transform: translateY(-50%); } .serviceport .slick-next::after, .serviceport .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; } .serviceport .circle_grid { display: flex; align-items: center; margin: auto 0; gap: 36px; padding: 0; margin-top: 30px; } .serviceport .circle_grid li { flex: 1; aspect-ratio: 1/1; border-radius: 50%; position: relative; padding: 2%; } .serviceport .circle_grid li:not(:last-child):after { content: ""; top: 50%; left: 100%; width: 2.4vw; height: 35px; position: absolute; transform: translate(0, -50%); background-image: url(../images/home-image/blue-arrow.png); background-size: 100%; background-repeat: no-repeat; background-position: center right; pointer-events: none; z-index: 1; } .serviceport .circle_grid li::before { content: ""; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background-image: url(../images/home-image/build_dotted.webp); background-size: cover; background-repeat: no-repeat; background-position: center; pointer-events: none; transition: all 0.3s ease-in-out 0s; z-index: 1; } .serviceport .circle_grid li:nth-child(2n)::before { filter: brightness(0) invert(1); } .serviceport .circle_grid li:nth-child(odd) { --bg_color: #1a81ff; --color: #fff; } .serviceport .circle_grid li:nth-child(2n) { --bg_color: #fff; --color: #1a81ff; } .serviceport .circle_grid li .inner { width: 100%; padding: 20px 15px; aspect-ratio: 1/1; border-radius: 50%; background-color: var(--bg_color); transition: all 0.3s ease-in-out 0s; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; overflow: hidden; } .serviceport .circle_grid li .inner img { max-width: 45px; margin-bottom: 15px; } .serviceport .circle_grid li .inner * { color: var(--color); } .serviceport .circle_grid li .inner figure { margin-bottom: 6%; } .serviceport .circle_grid li .inner h4 { font-size: 16px; font-weight: 500; margin-bottom: 4.5%; line-height: 1.2; } .serviceport .circle_grid li .inner p { font-size: 0.84vw; font-weight: 400; line-height: 1.25; } .serviceport .circle_grid li[data-scroll-delay="0.3"] { transition-delay: 0.3s; } .serviceport .circle_grid li[data-scroll-delay="0.4"] { transition-delay: 0.4s; } .serviceport .circle_grid li:hover::before { transform: rotate(180deg); } .serviceport .circle_grid li:hover .inner { transform: scale(1.05); } .serviceport h3 { font-size: 25px; font-weight: 400; line-height: 32px; margin-bottom: 5px; color: #fff; } .serviceport .serviceitem p { font-size: 16px; font-weight: 300; line-height: 25px; color: #fff; } .serviceport .world-clocks { display: flex; flex-wrap: wrap; gap: 10px; border-radius: 12px; color: #fff; margin-top: 30px; justify-content: center; } .hour { top: 30px; left: calc(50% - 1px); position: absolute; transform: rotate(0deg); transform-origin: bottom center; border-left: 1px solid transparent; border-right: 2px solid transparent; border-bottom: 45px solid var(--c_black); z-index: 1; } .minute { top: 15px; left: calc(50% - 1px); position: absolute; transform: rotate(90deg); transform-origin: bottom center; border-left: 1px solid transparent; border-right: 2px solid transparent; border-bottom: 60px solid var(--c_black); z-index: 2; } .second { top: 15px; left: 50%; position: absolute; transform: rotate(1800deg); transform-origin: bottom center; border-left: 1px solid transparent; border-right: 2px solid transparent; border-bottom: 60px solid var(--c_primary); z-index: 3; } .world-clocks .clock-box canvas { background: url(../images/home-image/clock.webp) no-repeat center center; background-size: cover; border-radius: 50%; display: block; } .serviceport .clock-box { text-align: center; padding: 15px; background: #0000002b; border-radius: 10px; width: 19%; border: 1px solid #ffffff26; display: flex; justify-content: center; align-items: center; flex-direction: column; } .serviceport .clock-box h4 { margin-bottom: 10px; font-size: 18px; color: #fff; } .serviceport .clock-box p { margin-top: 10px; font-size: 18px; font-weight: bold; color: #fff; } .serviceport .serviceitem .servicemainimg { display: flex; justify-content: start; align-items: start; } .serviceport .serviceitem .servicemainimg img { width: 100%; margin-top: 30px; } .home-achievement ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding-left: 0; } .home-achievement ul li { background-color: rgba(18, 21, 38, 1); border-radius: 12px; padding: 20px 20px; color: #fff; } .home-achievement ul li .icon-achi { display: flex; background: #337ab7; height: 50px; width: 50px; align-items: center; justify-content: center; border-radius: 8px; width: 20%; } .home-achievement ul li .contt-achi { width: 80%; } .home-achievement ul li .icon-achi img { max-width: 35px; } .home-achievement ul li .top-achi { display: flex; gap: 20px; margin-bottom: 10px; align-items: center; } .home-achievement ul li h3 { font-size: 25px; font-weight: 400; line-height: 32px; margin-bottom: 0; } .home-achievement ul li p { position: relative; font-size: 16px; font-weight: 300; line-height: 25px; margin-bottom: 0; } .home-achievement ul li.home-cta { background-repeat: no-repeat; background-size: cover; } .home-achievement ul li.home-cta .cta-contt h3 { max-width: 70%; font-size: 26px; font-weight: 600; line-height: 30px; margin-bottom: 20px; } .home-achievement ul li.achievement-cta { background-position: bottom right; background-repeat: no-repeat; background-size: 55%; } .home-achievement ul li.achievement-cta h3 { margin-bottom: 20px; } .centre-heading { text-align: center; } .video_cards_panel .common__btn.text-center { margin: 8rem auto 0; } .video_cards_panel .vid_card_grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 20px; } .video_cards_panel .card_col { position: relative; } .video_cards_panel .video_card_inner { border-radius: 12px; position: relative; transition: all 0.5s; } .video_cards_panel .video_poster { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .video_cards_panel .video_poster img { width: 100%; } .video_cards_panel .muteunmute { position: absolute; right: 6px; bottom: 2px; cursor: pointer; } .video_cards_panel .mute, .video_cards_panel .unmute { display: none; } .video_cards_panel .video_card video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 12px; transition: transform 1s ease; } .video_cards_panel .video_play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .video_cards_panel .card_col:nth-child(even) { margin-top: 55px; } .video_cards_panel .video_caption { text-align: center; padding-top: 20px; } .video_cards_panel .video_caption span { display: block; font-size: 16px; color: #fff; text-shadow: 0 2px 7px #333; } .video_cards_panel .cl-dt { font-weight: 300; padding-top: 5px; } .video_cards_panel .video_card_inner { position: relative; overflow: hidden; } .video_cards_panel .video_card_inner video { width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.4s ease; border-radius: 12px; } .video_cards_panel .video_play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; transition: opacity 0.3s ease; } .video_cards_panel .video_poster { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; transition: opacity 0.4s ease; } .video_cards_panel .video_poster img { width: 100%; height: 100%; object-fit: cover; } .video_cards_panel .video_card_inner:hover .video_play { opacity: 0; } .video_cards_panel .video_card_inner:hover .video_poster { opacity: 0; } .video_cards_panel .video_card_inner:hover video { opacity: 1; } .video_cards_panel { background: url(../images/home-image/video_bg.webp) no-repeat; background-size: cover; background-position: center; height: 100%; position: relative; margin-top: -2px; } .recognizedcase .recoscroll { height: 450px; overflow-y: auto; scroll-behavior: smooth; padding-right: 20px; box-sizing: border-box; } .recognizedcase .recoscroll::-webkit-scrollbar { width: 8px; height: 6px; } .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: 30px; } .recognizedcase .mainreco .recoimg img { width: 100%; height: 100%; object-fit: cover; } .recognizedcase .mainreco .recocontt { width: 45%; padding: 30px 0; color: #fff; } .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; } .home-cta { padding: 0px 0 0; color: #fff; position: relative; overflow: hidden; z-index: 0; background: #0b0925; /* fallback */ animation: bgCycle 12s ease-in-out infinite; } @keyframes bgCycle { 0% { background: rgb(11, 9, 37); } /* deep dark */ 25% { background: #004ca3; } /* royal blue */ 50% { background: rgba(18, 21, 38, 1); } /* bright blue */ 75% { background: #1a81ff; } /* navy */ 100% { background: rgb(11, 9, 37); } /* back to start */ } .home-cta .contt-cta h2 { font-size: 46px; font-weight: 600; line-height: 58px; margin-bottom: 10px; } .home-cta .contt-cta p { position: relative; font-size: 22px; font-weight: 300; margin: 15px 0 30px; line-height: 26px; padding-left: 12px; } .home-cta .cta-bx { position: relative; display: flex; align-items: center; } .home-cta .side-cta { position: relative; width: 40%; height: 360px; z-index: 2; } .home-cta .side-cta img { width: 100%; position: absolute; bottom: 0; right: 0; } .aiengineer .tab-content { display: none; } .aiengineer .tab-content.active { display: block; } .aiengineer .tab-nav li { cursor: pointer; padding: 8px 15px; display: inline-block; opacity: 0.2; transition: opacity 0.5s ease; cursor: pointer; } .aiengineer .tab-nav li.active { opacity: 1; } .aiengineer .mainaitab { display: flex; gap: 30px; } .aiengineer .mainaitab .aileft { width: 30%; padding: 20px 18px; background: rgb(19 25 55); border-radius: 20px; margin-bottom: 0; color: #fff; } .aiengineer .mainaitab .aileft ul { padding: 0; } .aiengineer .mainaitab .aileft li { display: flex; flex-direction: column; cursor: pointer; align-items: stretch; gap: 5px; } .aiengineer .mainaitab .aileft li { font-size: 22px; line-height: 1.2; } .aiengineer .mainaitab .aileft li span { font-size: 16px; font-weight: 300; line-height: 22px; } .aiengineer .mainaitab .aileft li:not(:last-child) { padding-bottom: 20px; border-bottom: 1px solid #1a81ff; margin-bottom: 20px; } .aiengineer .mainaitab .airight { width: 70%; padding: 35px; background: #131937; border-radius: 20px; color: #fff; } .aiengineer .mainaitab .airight h3 { font-size: 25px; font-weight: 400; line-height: 32px; margin-bottom: 20px; } .aiengineer .mainaitab .airight h4 { font-size: 20px; font-weight: 400; line-height: 30px; margin-top: 40px; } .aiengineer .mainaitab .airight p { font-size: 16px; font-weight: 300; line-height: 25px; } .aiengineer .mainaitab .airight ul { padding: 0; display: flex; flex-wrap: wrap; row-gap: 20px; column-gap: 20px; margin-top: 20px; justify-content: center; } .aiengineer .mainaitab .airight li img { max-width: 45px; } .aiengineer .mainaitab .airight li { padding: 20px 10px; display: flex; flex-direction: column; gap: 20px; text-align: center; justify-content: center; align-items: center; background: #1a81ff; border-radius: 12px; width: 31%; } .home-awards { overflow: hidden; } .home-awards .awdd-bx { margin: 30px 10px; border-radius: 12px; padding: 20px 30px; display: flex !important; justify-content: center; align-items: center; border: 2px solid #ffffff21; transition: all 0.5s; box-shadow: rgb(255 255 255 / 24%) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; justify-content: center; align-items: center; } .home-awards .awdd-bx img { max-width: 160px; } .home-awards .awdd-bx.slick-slide.slick-current.slick-active.slick-center { transform: scale(1.1); box-shadow: rgb(255 255 255 / 0%) 0px 30px 60px -12px inset, #00000000 0px 18px 36px -18px inset; border: 2px solid #1a81ff; } .home-awards .awdd-bx.slick-slide.slick-current.slick-active.slick-center img { max-width: 180px; } .home-awards .slick-next, .home-awards .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; } .home-awards .slick-prev { right: 9%; left: auto; top: -36%; transform: translateY(-50%) scale(-1); } .home-awards .slick-next { right: 4%; left: auto; top: -36%; transform: translateY(-50%); } .home-awards .slick-next::after, .home-awards .slick-prev::after { position: absolute; content: ""; background-image: url(../images/home-image/slide-arrow.png); background-repeat: no-repeat; background-position: center; background-size: 12px; border: 2px solid #1a81ff; border-radius: 50px; width: 50px; height: 50px; background-color: #1a81ff; } .winpartern ul { padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; } .winpartern ul li { transition: all ease-in 0.2s; text-align: center; margin-top: 30px; } .winpartern ul li img { max-width: 100px; } .crafting-bx .craft-bx { background-image: url(../images/home-image/line.png); background-size: 100%; background-repeat: no-repeat; padding: 20px 20px 35px; color: #fff; border: 2px solid #ffffff21; border-radius: 12px; background-position: top; height: 100%; transition: all 0.3s ease-in-out 0s; } .crafting-bx .craft-bx:hover { border: 2px solid #1a81ff; } .crafting-bx .craft-top { display: flex; justify-content: space-between; margin-bottom: 20px; gap: 10px; align-items: center; } .crafting-bx .craft-top img { max-width: 45px; } .crafting-bx .craft-top h3 { background-color: rgba(18, 21, 38, 1); color: #fff; display: flex; align-items: center; justify-content: center; padding: 10px 15px; border-radius: 30px; font-size: 18px; font-weight: 400; line-height: 32px; margin-bottom: 0px; } .crafting-bx .craft-bottom p { font-size: 16px; font-weight: 300; line-height: 25px; margin-bottom: 10px; } .crafting-bx .craft-bottom li { position: relative; } .crafting-bx .craft-bottom li::after { position: absolute; content: ""; left: -11%; top: -2%; 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); } .crafting-bx .col-md-6 li::after { position: absolute; content: ""; left: -7%; top: -2%; 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); } .crafting-bx { background-size: 100%; background-repeat: no-repeat; margin: 0 15px; } .crafting-bx .row { display: flex; height: auto; } .crafting-bx .col-md-4 { margin-bottom: 30px; } .crafting-bx .col-md-7 .craft-bottom li::after { position: absolute; content: ""; left: -6%; } .besthomecta .cost-container { background-color: #fff; border-radius: 20px; position: relative; display: flex; } .reducectacontent { padding: 30px 40px; width: 68%; color: #08223a; } .reducectacontent h2 { font-size: 46px; font-weight: 600; line-height: 58px; margin-bottom: 10px; text-transform: capitalize; } .reducectacontent p { font-size: 18px; font-weight: 300; margin: 15px 0 30px; line-height: 26px; padding-left: 12px; } .besthomecta .cost-container .side-reduce { position: relative; width: 32%; } .besthomecta .cost-container .side-reduce .imm-reduce { position: absolute; right: 4%; bottom: 0; } .besthomecta .cost-container .side-reduce img { width: 100%; height: 370px; } .besthomecta .cost-container .side-reduce .textt span { color: #08223a; font-size: 18px; line-height: 28px; font-weight: 500; } .besthomecta .cost-container .side-reduce .textt { transition: 1s linear; background: #fff; padding: 20px 30px; position: absolute; left: 0; width: 40%; z-index: 1; border-radius: 20px; border: 2px solid #1a81ff; box-shadow: #0080ff 0 px 0 0, #1a81ff 0 0 0 0; text-align: center; } .besthomecta .cost-container .side-reduce .textt.me-1 { z-index: 2; position: absolute; left: -12%; top: 5%; animation: 2s linear infinite alternate-reverse about-anim; } .besthomecta .cost-container .side-reduce .textt.me-2 { position: absolute; top: auto; z-index: 2; left: 65%; bottom: 46%; animation: 2s linear infinite alternate-reverse hero-anim; } .besthomecta .cost-container .side-reduce .textt.me-3 { position: absolute; left: -12%; top: auto; z-index: 2; bottom: 20%; animation: 2s linear infinite alternate-reverse hero-anim; } @keyframes hero-anim { 0% { transform: translateY(0); } 100% { transform: translateY(15px); } } @keyframes about-anim { 0% { transform: translateX(0); } 100% { transform: translateX(15px); } } .homeindustry .industrylist ul { display: grid; grid-template-columns: repeat(4, 1fr); position: relative; z-index: 2; padding: 0; cursor: pointer; overflow: hidden; } .homeindustry .industrylist ul li img { max-width: 65px; margin-bottom: 20px; filter: brightness(0) invert(1); } .homeindustry { position: relative; } .homeindustry .circlebg { animation: rotate-day 50s linear infinite, spin-clouds 50s ease infinite; height: 700px; width: 700px; margin: auto; border: 80px solid rgba(0, 0, 0, 0); border-radius: 50%; position: absolute; top: 20%; left: 25%; } .homeindustry .circlebg img { width: 100%; } @keyframes spin-clouds { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .homeindustry li { display: flex; align-items: center; justify-content: center; text-align: center; position: relative; min-height: 250px; height: auto; overflow: hidden; color: #fff; z-index: 1; background: rgb(21 27 57 / 61%); border-bottom: 1px solid #ffffff40; box-shadow: 0 0 0 2px transparent; transition: 0.5s ease-in-out; background-position: center; } .homeindustry li:nth-child(-n + 3), .homeindustry li:nth-child(5), .homeindustry li:nth-child(6), .homeindustry li:nth-child(7), .homeindustry li:nth-child(9), .homeindustry li:nth-child(10), .homeindustry li:nth-child(11) { border-right: 1px solid #ffffff40; } .homeindustry li:nth-child(n + 9) { border-bottom: none; } .homeindustry li .indushidden { inset: 0; width: 100%; height: 100%; padding: 20px 25px; position: absolute; transform: translate(0, 100%); transition: all 0.3s ease-in-out 0s; display: flex; align-items: stretch; justify-content: center; align-items: center; flex-direction: column; visibility: hidden; opacity: 0; } .homeindustry li .indushidden p { font-size: 16px; font-weight: 300; line-height: 25px; margin-bottom: 0px; } .homeindustry li h3 { font-size: 25px; font-weight: 400; line-height: 32px; margin-bottom: 0px; } .homeindustry li:hover .indushidden { transform: translate(0, 0); visibility: visible; opacity: 1; } .homeindustry li .indushidden:after { position: absolute; content: ""; backdrop-filter: blur(6px); background-color: #1a81ff; inset: 0; margin: auto; width: 100%; height: 100%; z-index: -1; } .home-experts { padding-top: 60px; background-position: top right; background-repeat: no-repeat; background: rgb(19 25 55); } .home-experts ul.nav.nav-pills { display: flex; flex-direction: column; gap: 15px; padding-bottom: 40px; border-left: 6px solid #2d355c; } .home-experts .tab-content > .active { padding-top: 35px; } .home-experts ul.nav.nav-pills > li { transition: all 0.5s; background-image: url(../images/home-image/tab.png); display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; height: 62px; background-size: 100%; color: #fff; cursor: pointer; margin-left: 20px; } .home-experts ul.nav.nav-pills > li > a { width: 100%; text-align: left; padding-left: 22%; color: #fff; font-size: 17px; font-weight: 400; line-height: 26px; } .home-experts ul.nav.nav-pills > li > a:focus, .home-experts ul.nav.nav-pills > li > a:hover { background-color: transparent; color: #fff; } .home-experts ul.nav.nav-pills > li.active > a, .home-experts ul.nav.nav-pills > li.active > a:focus, .home-experts ul.nav.nav-pills > li.active > a:hover { color: #fff; background-color: transparent; } .home-experts ul.nav.nav-pills > li.active { height: 70px; background-image: url(../images/home-image/active-tab.png); } .home-experts ul.nav.nav-pills .circle { position: absolute; background-position: center center; border-radius: 25px; transform: translate(-50%, -50%); top: 50%; left: -7%; width: 30px; height: 30px; background-color: #1a81ff; box-shadow: 0 0 12px 0px #4d4d4d; } .home-experts ul.nav.nav-pills .inner-circle { transform: translate(-50%, -50%); top: 50%; background-position: center center; content: ""; display: block; position: absolute; width: 15px; height: 15px; margin: 0 auto; bottom: 40%; left: 50%; right: auto; z-index: 3; border-radius: 50%; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14); background: #fff; animation: ripple 0.7s linear infinite; } .home-experts .expert-bx { padding: 0; background: #1e2440; border-radius: 12px; border: 2px solid #ffffff21; transition: all 0.5s; } .home-experts .expert-bx ul { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; color: #fff; text-align: center; padding: 40px 30px; margin: 0; } .home-experts .expert-bx ul li { background-color: #384864; border: 2px solid #ffffff21; padding: 20px; border-radius: 12px; display: flex; flex-direction: column; gap: 8px; align-items: center; } .home-experts .expert-bx ul li p { font-size: 16px; line-height: 22px; padding-bottom: 0; } .home-experts .expert-bx ul li img { max-width: 55px; background-color: #fff; border-radius: 10px; transition: all 0.5s; } .home-experts .expert-bx ul li:hover img { transform: scale(1.1); } .home-experts .expert-bx .techbtn a { width: 100%; display: flex; justify-content: space-between; background: #1a81ff; padding: 20px 35px; border-radius: 0 0 12px 12px; box-shadow: #1a81ff 0px 4px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; } .home-experts .expert-bx .techbtn a span { font-size: 16px; color: #fff; font-weight: 400; } .home-experts .expert-bx .techbtn a img { width: 20px; height: 20px; } .home-experts .real-world { padding: 20px 0; text-align: center; background-color: #1a81ff; box-shadow: #1a81ff73 0 -7px 18px 0px; border-top: 1px solid #fff; } .home-experts .real-world p { font-size: 18px; font-weight: 500; line-height: 32px; margin-bottom: 0; color: #fff; } .titlehead { padding: 15px 20px; text-align: center; background-color: #1a81ff; box-shadow: #1a81ff73 0 -7px 18px 0px; border: 1px solid #fff; width: max-content; border-radius: 100px 100px 1px 100px; margin-bottom: 30px; } .titlehead h4 { font-size: 20px; font-weight: 600; line-height: 32px; margin-bottom: 0; color: #fff; text-transform: capitalize; } .realStories .clutch-item { margin: 0 10px; background-color: #263b5a; border: 2px solid #ffffff21; padding: 20px 20px; border-radius: 12px; color: #fff; transition: all 0.5s; } .realStories .clutch-item .topp img { max-width: 100px; margin-right: 10px; } .realStories .clutch-item .topp { display: flex; justify-content: space-between; margin-bottom: 30px; } .realStories .clutch-item .topp div { display: flex; gap: 2px; align-items: center; justify-content: center; } .realStories .clutch-item .bottomm { display: flex; gap: 10px; margin-top: 30px; } .realStories .clutch-item .bottomm img { max-width: 45px; } .realStories .clutch-item h3 { font-weight: 400; font-size: 24px; line-height: 32px; } .realStories .clutch-item h4 { font-weight: 400; font-size: 16px; line-height: 22px; margin-bottom: 4px; } .realStories .clutch-item p { font-weight: 300; font-size: 16px; line-height: 20px; margin-bottom: 0px; } .realStories .clutch-item .hidee { display: none; transition: all 0.5s; } .realStories { overflow: hidden; } .realStories .clutch-item.slick-slide.slick-current.slick-active.slick-center .hidee { display: block; } .realStories .clutch-item.slick-slide.slick-current.slick-active.slick-center { background-color: #fff; color: #08223a; } .realStories .clutch-item.slick-slide.slick-current.slick-active.slick-center .logoo { filter: invert(1); } .realStories .slick-track { display: flex; align-items: end; } .realStories .slick-next, .realStories .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; } .realStories .slick-prev { right: 9%; left: auto; top: -25%; transform: translateY(-50%) scale(-1); } .realStories .slick-next { right: 4%; left: auto; top: -25%; transform: translateY(-50%); } .realStories .slick-next::after, .realStories .slick-prev::after { position: absolute; content: ""; background-image: url(../images/home-image/slide-arrow.png); background-repeat: no-repeat; background-position: center; background-size: 12px; border: 2px solid #1a81ff; border-radius: 50px; width: 50px; height: 50px; background-color: #1a81ff; } .minutes-bx { padding: 50px 0; text-align: center; background-color: #1a81ff; box-shadow: #1a81ff73 0 -7px 18px 0px; } .minutes-bx ul { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; align-items: center; padding: 0; } .minutes-bx ul li { border-right: 1px solid #fff; display: flex; align-items: center; padding: 0 10px 0 0; height: 100%; } .minutes-bx ul li:last-child { border-right: none; } .minutes-bx .mintt-bx { display: flex; align-items: center; justify-content: space-between; } .minutes-bx ul li img { max-width: 115px; filter: brightness(0) invert(1); } .minutes-bx .minn-cta a { border: 2px solid #fff; border-radius: 12px; padding: 10px 20px; font-size: 18px; display: flex; align-items: center; gap: 10px; color: #ffff; transition: all 0.5s; filter: brightness(0) invert(1); } .minutes-bx .minn-cta a:hover { padding: 10px 25px; } .faq-home .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-home .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-home .faq_box.active .faq_box_head::after { background-image: url(../images/common_icons/subtract-fill.svg); } .faq-home .faq_box_head { display: flex; font-weight: 600; color: #fff; font-size: 18px; height: 90px; align-items: center; padding-right: 30px; } .faq-home .faq_data { font-size: 17px; padding-bottom: 18px; line-height: 27px; color: #fff; text-align: left; display: none; } .faq-home .faq_box.active .faq_data { display: block; } .faq-home .faq_box.active { height: auto; } .faq-home .faq_data ul { padding-left: 20px; list-style: circle; } .faq-home .row .col-md-6 .faq_box:last-child { margin: 0; } .gett-form { background-size: cover; background-repeat: no-repeat; color: #fff; } .gett-form h3 { font-size: 25px; font-weight: 400; line-height: 32px; margin-bottom: 20px; } .gett-form ul.nav.nav-pills { display: flex; border: 1px solid #ffffff63; border-radius: 30px; width: max-content; cursor: pointer; } .gett-form ul.nav.nav-pills li a { font-size: 16px; font-weight: 400; padding: 10px 20px; border-radius: 30px; width: 100%; display: flex; align-items: center; gap: 10px; } .gett-form ul.nav.nav-pills li a img { width: 40px; height: 40px; border-radius: 50%; border: 2px solid #fff; } .gett-form .nav-pills > li.active > a, .gett-form .nav-pills > li.active > a:focus, .gett-form .nav-pills > li.active > a:hover { color: #fff; background-color: #1a81ff; width: 100%; } .gett-form .tab-pane img { max-width: 50px; } .gett-form .tab-content > .active { display: flex; gap: 20px; align-items: flex-start; border: 1px solid #ffffff63; padding: 10px 20px; border-radius: 12px; margin-top: 20px; width: 95%; } .gett-form .tab-content p { font-size: 16px; font-weight: 300; line-height: 25px; margin-bottom: 0px; } .gett-form .tab-content p a{ color: #fff; } .gett-form .tab-content p a:hover{ color: #1a81ff; } .gett-form .tab-content h4 { font-size: 18px; font-weight: 400; line-height: 28px; margin-bottom: 10px; } .gett-form .nav > li > a:focus, .gett-form .nav > li > a:hover { background-color: transparent; color: #fff; } .gett-form .getintouch-form h2 { color: #fff; font-size: 20px; margin-bottom: 26px; font-weight: 700; text-align: center; } .gett-form .getintouch-form .form-control { border: 1px solid #f2f2f2; background-color: transparent; border-radius: 50px; height: 50px; color: #fff; font-size: 16px; padding: 20px 30px; box-shadow: unset; font-weight: 700; } .gett-form .getintouch-form .form-group textarea.form-control { height: 100px; border-radius: 20px; } .gett-form .getintouch-form .form-group { margin-bottom: 24px; } .gett-form .getintouch-form .form-group:last-child { margin-bottom: 0; } .gett-form .getintouch-form .form-group .formbtn { border-radius: 50px; } .gett-form .getintouch-form { padding: 45px 40px; background: #141a39; border-radius: 20px 20px; box-shadow: 0 31px 42px 0 rgb(0 0 0 / 0.5); } .gett-form .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; } .gett-form .left-content { padding-right: 30px; } /* home-page */ @media (max-width: 1023px) { .newhome-banner-bx { height: 70vh; } .newhome-banner-bx .home-ban-content h1 { font-size: 30px; line-height: 40px; margin: 0 0 10px; } .newhome-banner-bx .home-ban-content { top: 50%; text-align: center; left: auto; padding: 10px 15px; } .serviceport .clock-box { padding: 10px; border-radius: 5px; width: 50%; } .serviceport .serviceitem { margin: 0px 5px; border-radius: 10px; padding: 25px 30px; justify-content: flex-start; min-height: auto; } .serviceport .slick-next { right: -70px; left: 0; top: auto; bottom: -75px; margin: 0 auto; } .serviceport .slick-prev { left: -70px; right: 0; top: auto; bottom: -75px; margin: 0 auto; } .serviceport .getserviceslide { margin-bottom: 40px; } .recognizedcase .states_head span { font-size: 28px; } .home-achievement ul { grid-template-columns: repeat(2, 1fr); } .besthomecta .cost-container .side-reduce { display: none; } .reducectacontent { padding: 20px; width: 100%; text-align: center; } .reducectacontent h2 { font-size: 22px; line-height: 36px; margin-bottom: 0px; } .reducectacontent p { margin: 5px 0 10px; padding-left: 0; } .aiengineer .mainaitab { gap: 10px; flex-direction: column; } .aiengineer .mainaitab .aileft { width: 100%; padding: 10px; border-radius: 10px; margin-bottom: 0; } .aiengineer .mainaitab .aileft ul { padding: 0; display: flex; overflow-x: scroll; margin-bottom: 10px; gap: 10px; } .aiengineer .mainaitab .aileft ul::-webkit-scrollbar { width: 8px; height: 6px; } .aiengineer .mainaitab .aileft ul::-webkit-scrollbar-track { background: #2928284b; border-radius: 10px; } .aiengineer .mainaitab .aileft ul::-webkit-scrollbar-thumb { background: #1a81ff; border-radius: 10px; } .aiengineer .mainaitab .aileft li { font-size: 18px; line-height: 1.2; border-radius: 10px; width: max-content; border: 1px solid #1a81ff; } .aiengineer .mainaitab .aileft li h3 { font-size: 20px !important; line-height: 26px !important; width: max-content; } .home-cta .side-cta { display: none; } .home-cta .col-md-7 { width: 100%; padding: 20px; text-align: center; } .aiengineer .mainaitab .airight { width: 100%; padding: 20px; border-radius: 10px; } .winpartern ul { grid-template-columns: repeat(6, 1fr); gap: 10px; } .homeindustry .industrylist ul { grid-template-columns: repeat(3, 1fr); } .homeindustry .circlebg { display: none; } .homeindustry li { border: 1px solid #ffffff40; margin-top: 15px; border-radius: 10px; } .home-experts ul.nav.nav-pills { flex-direction: row; border-left: none; gap: 5px; overflow-x: scroll; padding: 0; margin-bottom: 5px; } .home-experts ul.nav.nav-pills::-webkit-scrollbar { width: 8px; height: 6px; } .home-experts ul.nav.nav-pills::-webkit-scrollbar-track { background: #2928284b; border-radius: 10px; } .home-experts ul.nav.nav-pills::-webkit-scrollbar-thumb { background: #1a81ff; border-radius: 10px; } .home-experts ul.nav.nav-pills .circle { display: none; } .home-experts ul.nav.nav-pills > li.active { height: auto; background-image: none; background: #1a81ff; } .home-experts ul.nav.nav-pills > li { height: auto; background-image: none; background: #08223a; border-radius: 10px; margin-bottom: 15px; } .home-experts ul.nav.nav-pills > li a { width: max-content; padding: 10px; } .home-experts .expert-bx { border-radius: 10px; margin-bottom: 50px; overflow: hidden; } .home-experts .expert-bx ul { animation: 5s linear 0s infinite normal none running client-marquee; display: flex !important; gap: 10px; padding: 10px; margin-bottom: 20px; } .homebannerbtns { display: flex; margin-top: 20px; justify-content: center; } .home-experts .tab-content > .active { padding-top: 15px; } .performancemile .milestone .mileitems { border-radius: 10px; padding: 20px; margin: 0px 10px; } .recognizedcase .mainreco .recoimg img { border-radius: 8px 8px 0 0; } } @media (max-width: 767px) { .homebannerbtns a:first-child { width: 100%; border: 1px solid #f2f2f24f !important; border-right: 0; padding: 13px 10px; justify-content: center; margin: 0 0 15px; border-radius: 10px; font-size: 16px; } .homebannerbtns { margin-top: 20px; flex-wrap: wrap; } .homebannerbtns .newbtn_design { width: 100%; justify-content: flex-start; border-radius: 10px; } .newbtn_design, .newbtn_design_white { font-size: 14px; line-height: 21px; height: 50px; border-radius: 12px; } .home-trusted .marquee_bx { overflow: visible; height: 80px; } .home-trusted span { font-size: 20px; } .home-trusted .row .lft-trusted { border-right: none; } .home-trusted .row { flex-direction: column; } .home-trusted { padding: 20px 0; } .home-trusted .clients_icon { width: 80px; margin: 0px 10px; } .about-home h2 { font-size: 22px; line-height: 35px; } .about-home .about-contt { width: 100%; padding: 0 20px; } .performancemile .row { flex-direction: column; } .home-heading h2 { font-size: 26px; line-height: 38px; margin-bottom: 10px; } .home-heading { margin-bottom: 15px; } .home-heading p { font-size: 17px; } .performancemile .slick-prev, .performancemile .slick-next { display: none !important; } .titlehead { padding: 15px 10px; margin-bottom: 20px; } .titlehead h4 { font-size: 18px; line-height: 26px; } .animated-text { height: auto; display: flex; flex-wrap: wrap; } .animated-text span { animation: none; } .serviceport .clock-box { width: 100%; } .recognizedcase .recoscroll { height: 760px; padding-right: 6px; } .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; } .recognizedcase .mainreco .recoimg { width: 100%; } .recognizedcase .mainreco { gap: 10px; flex-direction: column-reverse; border: 1px solid #1a81ff; padding-bottom: 20px; border-radius: 8px; position: sticky; top: 10px; background: #000; } .home-achievement ul { grid-template-columns: repeat(1, 1fr); } .video_cards_panel .vid_card_grid { grid-template-columns: repeat(2, 1fr); } .video_cards_panel .card_col:nth-child(even) { margin-top: 0; } .crafting-bx .row { flex-direction: column; } .aiengineer .mainaitab .airight li { padding: 10px; gap: 5px; border-radius: 10px; width: 46%; } .aiengineer .mainaitab .airight li img { max-width: 30px; } .aiengineer .mainaitab .airight ul { row-gap: 10px; column-gap: 10px; margin-top: 10px; } .winpartern ul { grid-template-columns: repeat(3, 1fr); } .winpartern .main-clutch { margin-bottom: 0; } .crafting-bx .col-md-6 { margin-bottom: 30px; } .home-cta .contt-cta h2 { font-size: 22px; line-height: 36px; margin-bottom: 0px; } .homeindustry li h3 { font-size: 18px; } .homeindustry .industrylist ul li img { max-width: 45px; margin-bottom: 10px; } .minutes-bx { padding: 30px 10px; } .minutes-bx .mintt-bx { justify-content: center; flex-direction: column; gap: 10px; } .minutes-bx ul { grid-template-columns: repeat(2, 1fr); row-gap: 20px; column-gap: 20px; } .minutes-bx ul li { border: 1px solid #fff; } .gett-form .tab-content > .active { width: 100%; margin-bottom: 30px; } .gett-form .left-content { padding-right: 0; } .gett-form .getintouch-form { padding: 20px; border-radius: 10px; } .gett-form .getintouch-form .form-control { border-radius: 12px; height: 45px; padding: 10px 15px; } .gett-form .getintouch-form .form-group textarea.form-control { height: 100px; border-radius: 12px; } .gett-form .getintouch-form .form-group .formbtn { border-radius: 12px; } .faq-home .col-md-6 { margin-top: 30px; } .faq-home .faq_box { padding: 15px 5px 15px 15px; margin-bottom: 30px; height: auto; } .faq-home .faq_box_head { height: auto; } .faq-home .faq_data { margin-top: 20px; } .faq-home .faq_box_head::after { right: 5px; background-size: 29px; top: auto; } .home-awards .awdd-bx { margin: 15px 5px; border-radius: 10px; } .minutes-bx ul li:last-child { border-right: 1px solid #fff; grid-column: 1 / span 2; justify-content: center; } .home-awards .slick-next { right: auto; left: 52%; top: auto; bottom: -34%; } .home-awards .slick-prev { right: auto; left: 36%; top: auto; bottom: -35%; } .crafting-bx { margin: 0; } .home-experts ul.nav.nav-pills > li { margin-left: 0; } .realStories .clutch-item .hidee { display: block; } .realStories .slick-track { display: block; align-items: center; height: 52vh; } .realStories .slick-slide { height: -webkit-fill-available; } .padding_coman { padding: 40px 0; } .homeindustry li { min-height: auto; } .homeindustry li .indushidden { transition: unset; position: relative; transform: unset; visibility: visible; opacity: 1; } .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; } .indusfront { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 20px; } .homeindustry li:hover .indushidden { transform: unset; transform-style: unset; } .home-awards .awdd-slider { margin-bottom: 30px; } .serviceport .world-clocks, .serviceport .circle_grid, .serviceport .serviceitem .servicemainimg { display: none; } .home-achievement ul li h3, .performancemile .milestone h3, .serviceport h3, .realStories .clutch-item h3 { font-size: 20px; line-height: 26px; } .performancemile .milestone .mileitems { margin: 10px 5px; min-height: 425px; } .home-experts .expert-bx ul li { padding: 10px; border-radius: 10px; } .homeindustry .industrylist ul { overflow: visible; display: flex !important; } .gett-form ul.nav.nav-pills li a { padding: 10px 10px; gap: 5px; } .winpartern ul li img { max-width: 80px; } }