.clients img { width: 100px !important; height: auto; aspect-ratio: 3/2; object-fit: contain } .madcard { height: 297px !important } .icon-svg.icon-svg-md { width: 66px; height: 58px } .wrapper-border { border-bottom: 1px solid rgba(255, 255, 255, .2) } .bg-pale-red { background-color: #ffc67933 !important } .bg-pale-leaf { background-color: #ffc67933 !important } .card-body { flex: 1 1 auto; padding: 10px } h4.main-hr { font-size: 14px } .col-md-6.hire { margin-top: 0 } section.wrapper.bg-light.wrapper-border.section-two { margin-top: -32px } .icon-svg.icon-svg-md { width: 66px; height: 61px; width: 69px !important; margin-top: 10px } section.new-bgchange { background-color: #ff6a0b14 } #counter { text-align: center; display: flex; align-items: center; justify-content: center; background: #ffffff12; padding: 0 0 83px 0; width: 100% } #counter .item { background: #fff; width: 200px; padding: 25px 16px; margin: 10px; text-align: center; border-radius: 20px; -webkit-box-shadow: 0 0 38px -8px rgba(0, 0, 0, .34); -moz-box-shadow: 0 0 38px -8px rgba(0, 0, 0, .34); box-shadow: 0 0 38px -8px rgb(255 148 0 / 23%) } #counter .item .count { color: #e8b12d; margin-bottom: 5px; font-size: 40px } #counter .item h3 { color: #4f4e28; text-transform: capitalize; font-size: 16px } #counter { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; padding: 20px } .maincount { flex: 1 1 150px; text-align: center; min-width: 120px } .count {
    font-size: 2em;
    color: #e86b1b;
} .text { font-size: 1em; color: #666 } .achievements-section { background: #ff6a0b14 } .maincount h1 { color: #fab758; font-size: 40px; font-weight: 700; margin-bottom: 10px } .maincount h5 { color: #444; font-size: 16px } @media (max-width:600px) { .item { flex: 1 1 100% } } #counter .maincount:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, .1) } #counter .maincount h1 { font-size: 36px; color: #e3631f; font-weight: 700; margin-bottom: 10px } #counter .maincount h5 { font-size: 16px; color: #333; margin: 0 } section.wrapper.bg-light.pt-5.pb-12.clientsec { background-color: #ff6a0b14 !important } .item.px-5 { background-color: #fff; border: 1px solid #fff; padding: 22px; border-radius: 11px } .container.py-2.py-md-5.cardslider { padding-bottom: 65px !important } section.wrapper.bg-gradient-reverse-primary.site-wework { background-color: #ff6a0b14 !important } .container.py-5.py-md-5.site-container { padding-top: 62px !important } blockquote.icon:before { content: "\201D"; position: absolute; top: 11.5rem; left: 11.1rem; color: rgb(255 131 52 / 9%); font-size: 16rem; line-height: 1; z-index: 1 } .test-card { padding: 20px !important } .blockquote-details .info { padding-left: 0 } .card-body.test-card { height: 426px } .home-form-outer-blk.shadow-lg1.py-3 { padding-top: 35px !important } a.btn.btn-primary.btn-lg.btn-outline-white.rounded-pill.text-center.text-lg-start.next-banner { background-color: transparent; color: #e86b1b } .gradient-text { background: linear-gradient(90deg, #ff6400, #583b28); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700 } .sub-bannertext { position: relative; display: inline-block; padding: 6px 16px; font-weight: 700; z-index: 1 } .sub-bannertext::before { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(232, 107, 27, .25), rgba(232, 107, 27, .45), rgba(232, 107, 27, .25)); border-radius: 14px; z-index: -1 } .pulse-core { position: relative; animation: corePulse 3s infinite ease-in-out } .benefit-item { position: relative; animation: floatItem 4s ease-in-out infinite } .madcard { position: relative; perspective: 1200px; border-radius: 16px; overflow: hidden } .madcard::before { content: ""; position: absolute; inset: 0; border-radius: 16px; padding: 2px; background: linear-gradient(120deg, rgba(232, 107, 27, .8), rgba(255, 200, 120, .8), rgba(232, 107, 27, .8)); z-index: 0 } .madcard:hover::before { opacity: 1 } .madcard .card-body { position: relative; z-index: 1; background: #fff; border-radius: 14px } h4.service-head { font-size: 19px !important } #counter .maincount { border: 2px solid #f374206b; border-radius: 12px; padding: 20px 10px; background: #fff; box-shadow: 0 4px 15px rgba(0, 0, 0, .05); transition: transform .3s ease, box-shadow .3s ease } body { overflow-x: hidden !important } .logo-img { max-width: 100%; height: auto; display: block } .banner-textwow { font-size: 40px !important } a.btn.btn-primary.rounded-pill.mt-0.servicess-buttoncost { background: #fff !important; color: #e86b1b !important; border: #ffdead !important } .mobile_repo { margin-top: 0 } .ai-feature-section { padding: 0 0 70px 0; background: #fff } .ai-container { width: 90%; max-width: 1200px; margin: auto } .ai-card-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px } .ai-card { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, .08); transition: .3s ease } .ai-card:hover { transform: translateY(-5px) } .ai-card-header { height: 90px; display: flex; align-items: center; justify-content: center } .ai-card-blue .ai-card-header { background: linear-gradient(90deg, #e86b1b, #fae0d0) } .ai-chip { color: #fff; font-weight: 700; border: 2px solid #fff; padding: 6px 12px; border-radius: 6px } .ai-chart { width: 40px; height: 40px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; transform: skewY(-20deg) } .ai-card-body { padding: 14px 25px 0 } .ai-title { margin-bottom: 10px } .ai-desc { color: #6b7280; margin-bottom: 0 } .ai-list { list-style: none; padding: 0 } .ai-list li { margin-bottom: 10px; position: relative; padding-left: 18px } .ai-list li::before { content: ""; width: 6px; height: 6px; background: #3b82f6; border-radius: 50%; position: absolute; left: 0; top: 7px } .ai-list.green li::before { background: #22c55e } @media (max-width:768px) { .ai-card-wrapper { grid-template-columns: 1fr } .manner-mobt { margin-top: 10px !important } section.new-bgchange { background-color: #ff6a0b14; padding-top: 52px; padding-bottom: 52px } } .ai-header-icon { width: 40px; height: 40px; object-fit: contain } .ai-center-content { text-align: center; margin-bottom: 6px } .ai-title { margin-bottom: 8px } .ai-desc { font-size: 17px; color: #000 } .ai-divider { width: 100%; height: 1px; background: #e5e7eb; margin: 6px 0 } .ai-list { list-style: none; padding: 0; text-align: left } .ai-list li { margin-bottom: 10px; padding-left: 18px; position: relative } .ai-list li::before { content: ""; width: 6px; height: 6px; background: #f37420; border-radius: 50%; position: absolute; left: 0; top: 12px } .ai-card-header { width: 100%; height: 84px; overflow: hidden } .ai-header-img { width: 100%; height: 100%; object-fit: cover; display: block } .sectors { padding-bottom: 60px !important } a { color: #e86b1b; text-decoration: none } .home1 { height: 50px; width: auto } .count2 { color: #e86b1b } .home23 { animation-name: slideInDown; animation-duration: .7s; animation-timing-function: ease; animation-delay: .6s; animation-direction: normal; animation-fill-mode: both } .home233 { animation-name: slideInRight; animation-duration: .7s; animation-timing-function: ease; animation-delay: 1.5s; animation-direction: normal; animation-fill-mode: both } /* Layout Shift (CLS) thambvanyasathi height fix */ #homepage-main-banner { min-height: 500px; background: #fff; position: relative; } /* FCP Sudharanyasathi: Slider load honyapoorvi pahila slide dakhva */ .homepagebanner:not(.owl-loaded) .container:first-child { display: block !important; } .homepagebanner:not(.owl-loaded) .container:not(:first-child) { display: none; } /* LCP Image reservation */ .banner-img { aspect-ratio: 500 / 500; width: 100%; height: auto; content-visibility: auto; } /* Animation performance optimization */ .animated-caption { will-change: transform, opacity; } .main-bg { background: #fff9f1; padding: 0px 0; }