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; } .newfont { font-family: "Product Sans"; } .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); } } .overflow-x-add { overflow: hidden; } .interlink_dark { color: #000 !important; font-weight: 700; font-weight: 900; font-style: italic; } .interlink_update { color: #1a81ff !important; font-weight: 900; } /* home-page */ .home-trusted { padding-top: 20px; background: linear-gradient(180deg, rgba(18, 24, 54, 0.7) 0%, rgba(18, 24, 54, 0.178365) 74.52%, rgba(18, 24, 54, 0) 100%); } .home-trusted .marquee_bx { height: 100px; 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: 85px; 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: 35px; font-weight: 700; border-radius: 5px; padding: 10px 15px; color: #fff; } .about-home { overflow: hidden; height: 560px; position: relative; display: flex; align-items: center; justify-content: center; position: relative; } .about-contt .title-head { margin-top: 0; } .about-home::before { background: #121936d9; z-index: 1; position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .about-home video { height: 100%; width: 100%; object-fit: cover; z-index: 0; pointer-events: none; position: relative; } .about-home .about-contt { position: absolute; top: auto; } .about-home .about-contt .container { position: relative; z-index: 2; } .about-home h2 { font-size: 36px; font-weight: 700; line-height: 50px; color: #fff; margin-bottom: 30px; } .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: 40px 0; } .newbg { position: relative; background: #121836; } .newbg .container { position: relative; z-index: 2; } .newbg .container-fluid { position: relative; z-index: 2; } .newbg::before { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; background: linear-gradient(270deg, rgba(21, 27, 58, 0) 32.33%, rgba(19, 25, 55, 0.9) 78.5%); z-index: 1; } .overflow-hidden { overflow: hidden !important; } .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; } .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; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; } .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%); } } .serviceport .serviceitem { flex-direction: column; position: relative; display: flex !important; margin: 0px 5px; 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: 40px; border: 2px solid #ffffff29; border-radius: 20px; color: #ffffff; height: 500px; } .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: 8%; left: auto; top: -24%; bottom: auto; transform: translateY(-50%) scale(-1); } .serviceport .slick-next { right: 2%; left: auto; bottom: auto; top: -24%; transform: translateY(-50%); } .serviceport .slick-next::after, .serviceport .slick-prev::after { position: absolute; content: ""; background-image: url(../images/home-image/slidearrow.png); background-repeat: no-repeat; background-position: center; background-size: 50px; border-radius: 50px; width: 50px; height: 50px; } .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/clock1.png) no-repeat center center; background-size: cover; border-radius: 50%; display: block; } .serviceport .clock-box { text-align: center; padding: 15px; background: url(../images/home-image/Cardclock.png) no-repeat center center; border-radius: 10px; width: 19%; display: flex; justify-content: center; align-items: center; flex-direction: column; box-shadow: 0px 0px 15px 0px #49b0d94f; } .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: 10px; } .serviceport .home-heading { max-width: 90%; } .home-achievement ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding-left: 0; } .home-achievement ul li { border-radius: 12px; padding: 20px 20px; color: #fff; background: linear-gradient(134.46deg, rgba(73, 176, 217, 0.16) 1.92%, rgba(193, 237, 255, 0.1) 99.43%); } .home-achievement ul li .icon-achi { display: flex; background: #0080ff; height: 60px; width: 50px; align-items: center; justify-content: center; border-radius: 8px; width: 20%; box-shadow: #1a81ff66 0px 7px 29px 0px; } .home-achievement ul li .contt-achi { width: 80%; } .home-achievement ul li .icon-achi img { max-width: 44px; } .home-achievement ul li .top-achi { display: flex; gap: 20px; margin-bottom: 10px; align-items: center; } .home-achievement ul li h3 { font-size: 22px; 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_card { position: relative; cursor: pointer; } .video_cards_panel .video_caption { position: absolute; bottom: 0px; z-index: 2; width: 100%; padding-bottom: 20px; background: linear-gradient(180deg, rgba(73, 176, 217, 0) 71.26%, rgba(0, 0, 0, 0.685) 100%); border-radius: 12px; transition: all 0.5s; } .video_cards_panel .video_card:hover .video_caption { border-radius: 12px; background: linear-gradient(180deg, rgba(73, 176, 217, 0) 71.26%, rgba(73, 176, 217, 0.8) 100%); padding: 40px 0 20px; bottom: 6px; } .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_volume_control { position: absolute; bottom: 10px; right: 10px; width: 80px; appearance: none; background: rgba(255, 255, 255, 0.6); border-radius: 5px; height: 4px; cursor: pointer; } .video_volume_control::-webkit-slider-thumb { -webkit-appearance: none; width: 12px; height: 12px; background: #ff3b3b; border-radius: 50%; cursor: pointer; } .video_volume_control::-moz-range-thumb { width: 12px; height: 12px; background: #ff3b3b; border-radius: 50%; cursor: pointer; } .video_card_inner { position: relative; /* Ensure volume control positions correctly */ } .home-cta .container { padding: 0; } .home-cta .ctabgc { color: #fff; background-image: linear-gradient(180deg, #3681da 0, #4c91e3 100%); padding: 0; border: 1px solid #ffffff26; border-radius: 20px; box-shadow: 0 0 55px 0 rgba(255, 255, 255, 0.3); display: flex; margin-bottom: 30px; } .home-cta .col-md-5 { display: flex; height: auto; padding: 0; } .home-cta .side-cta img { width: 100%; height: 100%; object-fit: cover; } .home-cta .contt-cta { padding: 30px 0 30px 30px; } .home-cta .contt-cta h2 { font-size: 40px; font-weight: 600; line-height: 50px; 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; } .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.4; 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; border-radius: 20px; margin-bottom: 0; color: #fff; 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%); border: 2px solid #ffffff29; } .aiengineer .mainaitab .aileft ul { padding: 0; } .aiengineer .mainaitab .aileft li { display: flex; flex-direction: column; cursor: pointer; align-items: stretch; gap: 5px; margin-bottom: 20px; } .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; border-radius: 20px; color: #fff; 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%); border: 2px solid #ffffff29; padding: 40px 40px; } .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: start; } .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: 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%); border: 2px solid #ffffff29; 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-slider { position: relative; z-index: 2; } .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; justify-items: flex-start; display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; } .winpartern ul li { transition: all ease-in 0.2s; text-align: center; margin-top: 30px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 20px 10px; } .winpartern ul li:nth-child(1), .winpartern ul li:nth-child(2), .winpartern ul li:nth-child(3), .winpartern ul li:nth-child(4), .winpartern ul li:nth-child(6), .winpartern ul li:nth-child(7), .winpartern ul li:nth-child(8), .winpartern ul li:nth-child(9) { border-right: 1px solid #ffffff33; border-bottom: 1px solid #ffffff33; } .winpartern ul li:nth-child(5), .winpartern ul li:nth-child(10) { border-bottom: 1px solid #ffffff33; } .winpartern ul li:nth-child(11), .winpartern ul li:nth-child(12), .winpartern ul li:nth-child(13), .winpartern ul li:nth-child(14) { border-right: 1px solid #ffffff33; } .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: start; margin-bottom: 20px; gap: 10px; align-items: center; } .crafting-bx .craft-top img { max-width: 50px; } .crafting-bx .craft-top h3 { background-color: #0a1d3669; color: #fff; display: flex; align-items: center; justify-content: center; padding: 10px 12px; border-radius: 10px; font-size: 17px; font-weight: 400; line-height: 24px; margin-bottom: 0px; width: 100%; } .crafting-bx .craft-bottom p { font-size: 16px; font-weight: 400; line-height: 26px; 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 { height: auto; } .crafting-bx .col-md-4 { margin-bottom: 30px; min-height: 315px; } .crafting-bx .col-md-7 .craft-bottom li::after { position: absolute; content: ""; left: -6%; } .besthomecta .container { position: relative; min-height: 300px; display: flex; flex-direction: column; justify-content: center; background-size: cover; background-repeat: no-repeat; align-items: stretch; padding: 50px 60px; background-position: right bottom; color: #fff; border-radius: 20px; } .reducectacontent { width: 68%; } .reducectacontent h2 { font-size: 40px; font-weight: 600; line-height: 50px; margin-bottom: 10px; text-transform: capitalize; } .reducectacontent p { font-size: 18px; font-weight: 300; margin: 15px 0 30px; line-height: 26px; padding-left: 12px; } .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: 20%; } .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 { position: relative; } .home-experts .container { position: relative; z-index: 1; } .home-experts ul.nav.nav-pills { display: flex; flex-direction: column; gap: 15px; padding-bottom: 40px; border-left: 6px solid #0066cc3b; } .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: 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%); border: 2px solid #ffffff29; border-radius: 12px; 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 { border: 2px solid #ffffff21; padding: 20px; border-radius: 12px; display: flex; flex-direction: column; gap: 8px; align-items: center; background: linear-gradient(139.76deg, rgba(73, 176, 217, 0.2) 7.71%, rgba(193, 237, 255, 0.2) 92.29%); } .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; position: relative; z-index: 1; } .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 { font-size: 20px; font-weight: 600; line-height: 32px; margin-bottom: 15px; color: #fff; text-transform: capitalize; } .title-head { color: #fff; font-weight: 700; font-size: 19px; text-align: center; padding: 15px 20px; border-radius: 12px; border-style: solid; border-color: #fff; border-width: 2px 4px 4px 2px; } .title-head { width: max-content; margin: 30px 0; } .realStories .clutch-slider { position: relative; z-index: 2; } .realStories .clutch-item { margin: 0 10px; 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%); border: 2px solid #ffffff29; 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; } .realStories { overflow: hidden; position: relative; } .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; min-height: 320px; } .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: linear-gradient(92.43deg, rgba(255, 255, 255, 0.25) -36.32%, rgba(255, 255, 255, 0.025) 266.98%); border: 2px solid #ffffff29; 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 { filter: brightness(0) invert(1); 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; background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); } .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 { padding: 30px 0; background-image: linear-gradient(to right, #1A81FF 0%, #1A81FF -10%, #000000 40%, #000000 60%, #1A81FF 100%, #1A81FF 100%); } .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 span { color: #1a81ff; } .gett-form ul.nav.nav-pills li.active a span { color: #fff; } .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 #fff; background-color: transparent; border-radius: 8px; height: 44px; color: #fff; font-size: 16px; padding: 10px 20px; box-shadow: unset; font-weight: 700; } .gett-form .getintouch-form .form-group textarea.form-control { height: 80px; border-radius: 8px; } .gett-form .getintouch-form .form-group { margin-bottom: 15px; } .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: 25px 40px; background: linear-gradient(0deg, rgb(21 27 58), rgb(21 27 58 / 88%)), radial-gradient(65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%); border: 2px solid #ffffff29; 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; height: 50px; } .gett-form .left-content { padding-right: 30px; } .performancemile .milestoreitem { background: linear-gradient(0deg, rgba(21, 27, 58, 0.09), rgba(21, 27, 58, 0.09)), radial-gradient(57.47% 137.79% at 81.1% -37.79%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 69.49%); border-radius: 12px; color: #ffffff; border: 2px solid #49b0d9; padding: 20px 30px; margin: 30px 10px; min-height: 180px; } .blogpage .main-blog-bx { color: #fff !important; } .blogpage .main-blog-bx .slick-prev::after, .blogpage .main-blog-bx .slick-next::after { filter: brightness(0) invert(1) !important; } .blogpage .main-blog-bx .all-blg .blg-contt { color: #08223a !important; } .performancemile .milestoreslide { position: relative; z-index: 2; } .performancemile .topmile { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; } .performancemile .milestoreitem img { max-width: 55px; } .performancemile .milestoreitem h3 { font-size: 25px; font-weight: 400; line-height: 32px; margin-bottom: 0; color: #fff; text-shadow: 0 0 18px rgba(255, 255, 255, 0.86); } .performancemile .milestoreitem h4 { font-size: 20px; font-weight: 400; line-height: 32px; margin-bottom: 0; } .performancemile .milestoreitem ul { margin-top: 20px; padding: 20px 0 0 40px; border-top: 1px solid rgba(255, 255, 255, 0.5); transition: all 0.5s ease; display: none; } .performancemile .milestoreitem.slick-current ul { display: block; } .performancemile .milestoreitem.slick-current { border: 2px solid #1f79bd; box-shadow: #49b0d9 0 -3px 10px 0px; min-height: 390px; } .performancemile .milestoreitem li { position: relative; font-size: 16px; font-weight: 300; line-height: 25px; margin-bottom: 10px; } .performancemile .milestoreitem li::before { position: absolute; content: ""; background-image: url(../images/home-image/check.png); height: 20px; width: 20px; background-size: 20px; left: -12%; right: auto; top: 3px; } .performancemile .slick-track { display: flex; align-items: end; } .performancemile .slick-next, .performancemile .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; } .performancemile .slick-prev { right: 6%; left: auto; top: 10%; bottom: auto; transform: translateY(-50%) scale(-1); } .performancemile .slick-next { right: 2%; left: auto; bottom: auto; top: 10%; transform: translateY(-50%); } .performancemile .slick-next::after, .performancemile .slick-prev::after { position: absolute; content: ""; background-image: url(../images/home-image/slidearrow.png); background-repeat: no-repeat; background-position: center; background-size: 50px; border-radius: 50px; width: 50px; height: 50px; } .casestudydocket .caseitem { display: flex !important; 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: 40px 40px; border: 2px solid #ffffff29; border-radius: 20px; color: #ffffff; } .casestudydocket .caseitem .contt { width: 40%; } .casestudydocket .caseitem .imgitem { width: 60%; } .casestudydocket .caseitem .imgitem img { width: 100%; height: 100%; } .casestudydocket .caseitem h3 { font-weight: 700; font-size: 24px; line-height: 32px; } .casestudydocket .caseitem .contt img { margin-bottom: 20px; } .casestudydocket .caseitem span { font-weight: 400; font-size: 17px; line-height: 28px; margin-bottom: 20px; } .casestudydocket .caseitem p { color: #e6e6e6; font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 20px; } .casestudydocket .caseitem ul { border-top: 1px solid #ffffff29; } .casestudydocket .caseitem ul li p { margin-bottom: 0; } .casestudydocket .caseitem ul { display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr); padding: 25px 0 20px; } .casestudydocket .caseitem .contt a img { margin-bottom: 0; } .casestudydocket .caseitem a { padding: 10px 20px; border-radius: 20px; display: flex; align-items: center; color: #fff; gap: 10px; background: linear-gradient(139.76deg, rgba(73, 176, 217, 0.2) 7.71%, rgba(193, 237, 255, 0.2) 92.29%); width: fit-content; } .casestudydocket .caselist { padding-left: 20px; list-style: disc; display: flex !important; flex-direction: column; } .casestudydocket .slick-next, .casestudydocket .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; } .casestudydocket .slick-prev { right: auto; left: -60px; top: 50%; transform: translateY(-50%) scale(-1); } .casestudydocket .slick-next { right: -60px; left: auto; top: 50%; transform: translateY(-50%); } .casestudydocket .slick-next::after, .casestudydocket .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; } /* */ .company-section { background-size: cover; color: #fff; position: relative; padding: 60px 0; } .company-section::before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; right: 0; top: 0; bottom: 0; background-color: #0000009c; } .company-section .toggle-read { display: none; } .company-section h3 { font-size: 25px; font-weight: 400; line-height: 32px; margin-bottom: 5px; } .company-section p { margin-bottom: 15px; } .company-section ul { padding-left: 20px; list-style: disc; } .company-section li { font-size: 16px; font-weight: 300; line-height: 28px; margin-top: 10px; } .company-section .more-text { display: none; } .company-section .toggle-read:checked ~ .contentbx .more-text { display: block; } .company-section .toggle-read:checked ~ .read-btn::after { content: "Read Less"; } .company-section .read-btn { margin-top: 10px; display: inline-block; color: #fff; background: #0080ff; padding: 8px 16px; font-size: 15px; cursor: pointer; border-radius: 6px; user-select: none; } .company-section .read-btn::after { content: "Read More"; } .company-section .contentbx { height: auto; overflow: hidden; } .company-section .container { position: relative; z-index: 2; } .bootupmain { display: flex; flex-wrap: wrap; } .bootupmain .col-md-4 { display: flex; } .bootupmain .col-md-4 .craft-bx { width: 100%; } .locationtext p { color: #fff; font-size: 18px; margin-bottom: 15px; line-height: 30px; text-align: justify; } .locationhomeimg { display: flex; align-items: center; justify-content: center; 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%); border: 2px solid #ffffff29; padding: 20px; border-radius: 20px; height: 460px; overflow: hidden; } .locationhomeimg img { height: 100%; width: 100%; object-fit: cover; border-radius: 20px; } .locationtext h2 { font-size: 36px; font-weight: 600; line-height: 50px; margin-bottom: 15px; color: #fff; } .moretext { max-height: 0; overflow: hidden; transition: max-height 0.6s ease; } .moretext-btn { color: #fff; cursor: pointer; border: 0; background-color: transparent; padding: 0; border-bottom: 2px solid; font-size: 18px; } .locationhome .row .col-md-6:first-child { position: sticky; top: 100px; } .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; } .crafting-bx { backdrop-filter: blur(7.859848976135254px); 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: 50px; border-radius: 40px; margin: 0; border: 3px solid #f2f2f236; max-width: 1280px; margin: 0 auto; position: relative; z-index: 2; } /* ------------ */ .homebg_slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } .homebanner_slide { position: relative; height: 100vh; display: flex; align-items: center; padding-top: 100px; } .bannertitle { font-weight: 700; font-size: 42px; color: #fff; line-height: 55px; margin-bottom: 15px; max-width: 750px; } .homebanner_content p { font-weight: 400; color: #fff; font-size: 20px; margin-bottom: 25px; line-height: 30px; max-width: 560px; } /* Hand cursor */ .homepartner_text h2 { color: #fff; font-size: 36px; line-height: 50px; margin-bottom: 15px; font-weight: 600; } .homepartner_text p { font-weight: 400; color: #fff; font-size: 18px; margin-bottom: 10px; line-height: 30px; } .homepartner { position: relative; } .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .smartsapps_box { border-radius: 16px; padding: 30px 20px; text-align: center; transition: border-color .15s ease, box-shadow .15s ease; backdrop-filter: blur(7.859848976135254px); background: #fff; margin: 0; border: 3px solid #f2f2f236; } .smartsapps_box span { display: flex; align-items: center; justify-content: center; border-radius: 16px; background-color: #0080ff; width: 70px; height: 70px; margin: 0 auto 20px; } .smartsapps_box span img { max-width: 50px; } .smartsapps_box h3 { font-weight: 600; font-size: 20px; margin-bottom: 12px; color: #2d2d2d; } .smartsapps_box p { font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 16px; color: #2d2d2d; } .smartsapps_box ul { list-style: none; padding: 0; margin: 0; text-align: left; } .smartsapps .container { max-width: 100%; width: 1220px; } .smartsapps_box ul li { position: relative; font-size: 14px; font-weight: 400; color: #2d2d2d; padding-left: 28px; margin-bottom: 10px; line-height: 20px; transition: all 0.3s ease; } .smartsapps_box ul li::before { content: '✓'; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: linear-gradient(135deg, #0080ff, #00a8ff); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: white; transition: all 0.3s ease; } .smartsapps_row { display: flex; } .smartsapps_row .col-md-3 { display: flex; } .smartsapps_box:hover { border-color: #0080ff; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); } .engprocess_row { display: flex; flex-wrap: wrap; } .engprocess_card { background: #ffffff; border-radius: 14px; padding: 32px; height: 100%; width: 100%; margin-bottom: 30px; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06); transition: all 0.35s ease; position: relative; } .engprocess_card:hover { transform: translateY(-6px); box-shadow: 0 18px 45px rgba(0, 0, 0, 0.1); } .engprocess_icon { margin-bottom: 20px; } .engprocess_card h3 { font-weight: 600; font-size: 20px; margin-bottom: 12px; color: #2d2d2d; } .engprocess_card p { font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 0; color: #2d2d2d; } .engprocess_row .col-md-6 { display: flex; margin-bottom: 30px; } .homebanner_slide::after { position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; background-color: #000; opacity: 0.6; } .homebanner_slide .container { position: relative; z-index: 1; } .homepartner_img img { max-width: 100%; } .engprocess_icon img { max-width: 50px; } .homepartner .row { display: flex; flex-wrap: wrap; align-items: center; } /* .homebanner_slider .slick-next, .homebanner_slider .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; } .homebanner_slider .slick-prev { right: 140px; left: auto; bottom: auto; top: auto; bottom: 14px; transform: scale(-1); } .homebanner_slider .slick-next { right: 80px; left: auto; bottom: auto; top: auto; bottom: 14px; } .homebanner_slider .slick-next::after, .homebanner_slider .slick-prev::after { position: absolute; content: ""; background-image: url(../images/home-image/slidearrow.png); background-repeat: no-repeat; background-position: center; background-size: 50px; border-radius: 50px; width: 50px; height: 50px; } */ .homeform_text h2 { font-size: 44px; font-weight: 700; line-height: 60px; color: #fff; margin-bottom: 19px; } .homeform_text p { color: #fff; font-weight: 400; font-size: 20px; margin: 0; } .gett-form .row { display: flex; align-items: center; flex-wrap: wrap; } a.interlink_update_white { color: #fff !important; } @media (max-width: 1023px) { .about-home { overflow: hidden; height: 80vh; } .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; height: auto !important; } .serviceport .slick-next { right: 35%; left: auto; bottom: -34%; top: auto; } .serviceport .slick-prev { right: 51%; left: auto; top: auto; bottom: -34%; } .serviceport .getserviceslide { margin-bottom: 40px; } .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 .col-md-5 { display: none; } .home-cta .col-md-7 { width: 100%; padding: 0px; text-align: center; } .aiengineer .mainaitab .airight { width: 100%; padding: 20px; border-radius: 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; } .home-experts .tab-content > .active { padding-top: 15px; } .besthomecta .container { min-height: auto; padding: 20px; border-radius: 10px; background-position: top; border: 2px solid #ffffff29; object-fit: contain; } .home-cta .contt-cta { padding: 15px; } .overflow-x-add { overflow: auto; } .home-cta .ctabgc { margin-bottom: 0px; box-shadow: none; margin: 0 15px; border-radius: 10px; } .home-cta .contt-cta p { font-size: 20px; margin: 15px 0 18px; line-height: 20px; padding-left: 0px; } .home-experts .expert-bx ul li p { width: max-content; } .winpartern { overflow: hidden; } .winpartern ul { animation: 5s linear 0s infinite normal none running client-marquee; display: flex !important; } .winpartern ul li { margin: 0 5px; } } @media (max-width: 767px) { .gett-form .row .col-md-5, .gett-form .row .col-md-7 { width: 100%; text-align: center; } .newbtn_design, .newbtn_design_white { font-size: 14px; line-height: 21px; height: 50px; border-radius: 12px; } .home-trusted .marquee_bx { height: 60px; } .home-trusted span { font-size: 20px; } .home-trusted { padding: 20px 0 5px; } .home-trusted .clients_icon { width: 65px; margin: 0px 10px; } .about-home h2 { font-size: 18px; line-height: 26px; margin-bottom: 15px; } .about-home .about-contt { width: 100%; padding: 0; } .home-heading h2 { font-size: 22px; line-height: 32px; margin-bottom: 8px; } .home-heading { margin-bottom: 15px; } .home-heading p { font-size: 16px; line-height: 26px; } .titlehead { padding: 12px 10px; margin-bottom: 15px; box-shadow: none; font-size: 14px; line-height: 18px; border-radius: 10px 10px 1px 10px; } .slide-title span { font-size: 26px; line-height: 38px; } .animated-text { height: auto; display: flex; flex-wrap: wrap; } .animated-text span { animation: none; } .serviceport .clock-box { width: 100%; } .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; } .aiengineer .mainaitab .airight li { padding: 10px; gap: 5px; border-radius: 10px; width: 46%; } .aiengineer .mainaitab .airight ul { justify-content: center; } .aiengineer .mainaitab .airight li:last-child { width: 100%; } .aiengineer .mainaitab .airight li img { max-width: 30px; } .aiengineer .mainaitab .airight ul { row-gap: 10px; column-gap: 10px; margin-top: 10px; } .winpartern .main-clutch { margin-bottom: 0; } .crafting-bx .col-md-6 { margin-bottom: 30px; } .home-cta .contt-cta h2 { font-size: 22px; line-height: 31px; margin-bottom: 0px; } .homeindustry li h3 { font-size: 18px; } .homeindustry .industrylist ul li img { max-width: 45px; margin-bottom: 10px; } .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: 10px; } .faq-home .faq_box { padding: 15px 5px 15px 15px; margin-bottom: 14px; 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; } .home-awards .slick-next { right: -40px; left: 0; top: auto; transform: unset; bottom: -30px; height: 30px !important; width: 30px !important; } .home-awards .slick-prev { right: 0; left: -40px; top: auto; transform: scale(-1); bottom: -30px; height: 30px !important; width: 30px !important; } .crafting-bx { margin: 0 auto; max-width: 90%; border-radius: 10px; padding: 0 0px; } .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; } .padding_coman { padding: 20px 0; } .homeindustry li { min-height: auto; margin: 0; } .homeindustry li .indushidden { transition: unset; position: relative; transform: unset; visibility: visible; opacity: 1; } .mobileslider { margin-bottom: 50px; } .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: -40px; top: auto; transform: scale(-1); bottom: -50px; height: 30px !important; width: 30px !important; } .mobileslider .slick-next { right: -40px; left: 0; top: auto; transform: unset; bottom: -50px; height: 30px !important; width: 30px !important; } .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: 16px; border: 2px solid #fff; border-radius: 50px; width: 30px; height: 30px; 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; } .serviceport .serviceitem .home-heading { max-width: 100%; } .home-achievement ul li h3, .performancemile .milestone h3, .serviceport h3, .realStories .clutch-item h3 { font-size: 20px; line-height: 26px; } .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 { border-radius: 12px; } .gett-form ul.nav.nav-pills li a { padding: 10px 10px; gap: 5px; border-radius: 12px; } .winpartern ul li img { max-width: 80px; } .besthomecta .container { margin: 0 15px; } .serviceport .serviceitem { height: auto !important; padding: 15px 20px; gap: 2px; } .home-achievement ul li { min-height: auto; height: auto; } .homeindustry li .indushidden { min-height: 200px; } .home-awards .slick-next::after, .home-awards .slick-prev::after { background-size: 8px; width: 30px; height: 30px; } .casestudydocket .caseitem { padding: 20px; border-radius: 10px; flex-direction: column-reverse; gap: 0; min-height: auto; justify-content: start; } .casestudydocket .caseitem h3 { font-size: 20px; line-height: 25px; margin-bottom: 4px; } .casestudydocket .caseitem p { margin-bottom: 10px; } .casestudydocket .caseitem .imgitem img { height: 25vh; object-fit: cover; } .casestudydocket .caseitem .imgitem { width: 100%; border-radius: 12px; overflow: hidden; } .casestudydocket .caseitem ul { padding: 15px 0 10px; } .casestudydocket .caseitem .contt { width: 100%; } .casestudydocket .caseitem .imgitem { width: 100%; margin-bottom: 12px; } .casestudydocket .caseitem .contt img { display: none; } .winpartern ul li { height: 90px; border: 1px solid #ffffff33; } .performancemile .slick-next { right: 33%; left: auto; bottom: -5%; top: auto; } .performancemile .slick-prev { right: 53%; left: auto; top: auto; bottom: -5%; } .video_cards_panel .video_card { margin-bottom: 15px; } .performancemile .milestoreitem { margin: 10px 5px; min-height: auto !important; height: 460px; } .performancemile .milestoreitem ul { display: block; } .performancemile .milestoreslide { padding-bottom: 65px; } .about-home { height: 440px; } .title-head { font-size: 15px; padding: 8px 13px; border-radius: 7px; margin: 0 0 14px; } .home-trusted span { font-size: 18px; display: block; text-align: center; } .caseslider .slick-list { margin: 0 10px; } /* Arrows */ .caseslider:is(.slick-next, .slick-prev) { top: auto; bottom: -60px; transform: none; width: 40px !important; height: 40px !important; } .caseslider .slick-next { right: 5vw; } .caseslider .slick-prev { right: calc(5vw + 52px); left: auto; } /* Dots Container */ .caseslider ul.slick-dots { background-color: rgba(255, 255, 255, 0.15); border-radius: 10px; height: 34px; display: flex !important; align-items: center; justify-content: center; width: max-content; padding: 0 15px; margin: 20px auto 0; position: relative; gap: 8px; left: 0; } /* Dot Buttons */ .caseslider .slick-dots li { width: 15px; height: 18px; overflow: hidden; border-radius: 50%; overflow: hidden; } .caseslider .slick-dots li button { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.3); border-radius: 50%; position: relative; overflow: hidden; padding: 0; border: none; font-size: 0; } .caseslider .slick-dots li button::after { content: ""; position: absolute; left: 0; top: 0; width: 0%; height: 100%; background-color: #fff; border-radius: 50%; transition: width 0.4s ease-out; } /* Active Dot Progress Animation */ .caseslider .slick-dots li.slick-active button { width: 100%; height: 100%; overflow: hidden; border-radius: 50%; } .caseslider .slick-dots li.slick-active button::after { animation: fill-to-right 5s linear forwards; width: 100%; } /* Pause/Play State */ .caseslider.pause .slick-dots li.slick-active button::after { animation-play-state: paused; } .caseslider.play .slick-dots li.slick-active button::after { animation-play-state: running; } /* Animation */ @keyframes fill-to-right { 0% { width: 0%; } 100% { width: 100%; } } .casestudydocket button.autoplay-toggle.pause, .casestudydocket button.autoplay-toggle.play { background: #fff; border: none; height: 40px; width: 40px; border-radius: 50%; position: absolute; bottom: 0; left: 13%; } .crafting-bx.padding_coman { padding-bottom: 0; } .crafting-bx .craft-bx { min-height: 400px; } .minutes-bx { display: none; } .locationhomeimg { border-radius: 10px; height: 320px; padding: 10px; margin-bottom: 20px; } .locationhomeimg img { border-radius: 10px; } .locationtext h2 { font-size: 26px; line-height: 38px; margin-bottom: 10px; } .locationtext p { font-size: 16px; margin-bottom: 13px; line-height: 26px; } .moretext-btn { font-size: 16px; } .crafting-bx .craft-bottom li::after { left: -15%; top: -1%; } .performancemile .slick-track { display: flex; align-items: flex-start; } .serviceport .getserviceslide { margin-bottom: 40px; } .autoplay-toggle { display: none !important; } .home-achievement ul li .icon-achi { width: 26%; } .home-achievement ul li .contt-achi { width: 71%; } .locationhome .row .col-md-6:first-child { position: relative; top: 0; } .homebanner_slide { height: 500px; padding: 40px 0; } .bannertitle { font-size: 26px; line-height: 36px; margin-bottom: 10px; max-width: 100%; } .homebanner_content p { font-weight: 300; color: #fff; font-size: 18px; margin-bottom: 20px; line-height: 28px; max-width: 100%; } .homebanner_content { text-align: center; position: relative; z-index: 1; } .homepartner_text h2 { font-size: 24px; line-height: 34px; margin-bottom: 10px; font-weight: 600; } .homepartner_text p { font-size: 16px; margin-bottom: 0; line-height: 26px; font-weight: 300; } .smartsapps_row { display: flex; flex-wrap: wrap; } .smartsapps_row .col-md-3 { display: flex; width: 100%; margin-bottom: 20px; } .smartsapps_box { border-radius: 10px; } .smartsapps_box span { width: 60px; height: 60px; border-radius: 10px; } .smartsapps_box span img { max-width: 40px; } .serviceport .slick-prev { right: 0; left: -40px; top: auto; transform: scale(-1); bottom: -40px; height: 30px !important; width: 30px !important; } .serviceport .slick-next { right: -40px; left: 0; top: auto; transform: unset; bottom: -40px; height: 30px !important; width: 30px !important; } .serviceport .slick-next::after, .serviceport .slick-prev::after { background-size: 30px; border-radius: 50px; width: 30px; height: 30px; } .crafting-bx .craft-bottom p { font-size: 16px; font-weight: 300; line-height: 26px; margin-bottom: 10px; } .crafting-bx .col-md-4 { margin-bottom: 0; min-height: auto; } .crafting-bx .craft-bx { min-height: auto; height: auto; padding: 20px 20px 15px; } .engprocess_card { border-radius: 10px; padding: 20px; height: auto; margin: 0; } .homepartner_img { width: 100%; order: -1; margin-bottom: 20px; text-align: center; } .homepartner_img img { max-width: 70%; margin: 0 auto; } .homeform_text h2 { font-size: 26px; line-height: 38px; margin-bottom: 10px; } .homeform_text p { color: #fff; font-weight: 300; font-size: 16px; margin: 0; } .homeform_text { margin-bottom: 20px; } .gett-form { padding: 25px 0; } .realStories .clutch-item{ height: auto; } .engprocess_row .col-md-6 { margin-bottom: 20px; display: block; } .engprocess_row .col-md-6:last-child { margin-bottom: 0; } .home-experts .expert-bx { margin-bottom: 30px; } .home-experts .real-world { padding: 10px 0; } .smartsapps_row .col-md-3:last-child{ margin-bottom: 0; } .crafting-bx .container { padding: 20px 15px; } .casestudydocket{ padding: 20px 0; } }