@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Space+Grotesk:wght@300..700&display=swap');

*, *::before, *::after {box-sizing:border-box;}
html {scroll-behavior:smooth;}
body {margin:0; padding:0; font-family: "Inter Tight", sans-serif; color:#111; background:#fff;}
a {color:inherit; text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-family: "Space Grotesk", sans-serif;font-weight: normal;}
p{font-size: 18px;}
button {font-family:inherit;}
.site-header {padding: 35px 0; background:#fff; position:relative; z-index:100;}
.header-inner {height:100%; max-width:1700px; margin:0 auto; padding:0 20px; display:flex; align-items:center; justify-content:space-between;}
.site-logo {display:flex; align-items:center; flex-shrink:0;}
.site-logo img {width:215px; height:auto; display:block;}
.main-navigation {display:flex; align-items:center; gap:37px; margin-left:auto; margin-right:60px; height:100%;}
.main-navigation > a, .nav-dropdown > a {font-size:16px; font-weight:500; line-height:1; white-space:nowrap; transition:color 0.25s ease;}
.main-navigation > a:hover, .nav-dropdown > a:hover, .main-navigation > a.active {color:#F04A23;}
.nav-dropdown {height:100%; display:flex; align-items:center; position:relative;}
.dropdown-arrow {margin-left:4px; font-size:13px;}
.dropdown-menu {position:absolute; top:82px; left:-20px; width:210px; padding:15px 0; background:#fff; opacity:0; visibility:hidden; transform:translateY(10px); box-shadow:0 10px 35px rgba(0,0,0,.08); transition:opacity .25s ease, visibility .25s ease, transform .25s ease;}
.nav-dropdown:hover .dropdown-menu {opacity:1; visibility:visible; transform:translateY(0);}
.dropdown-menu a {display:block; padding:10px 20px; font-size:13px;}
.dropdown-menu a:hover {color:#F04A23;}
.header-right {display:flex; align-items:center; gap:17px;}
.search-button {width:185px; height:40px; border:1px solid #ddd; border-radius:25px; background:transparent; position:relative;padding: 10px 40px 10px 15px;}
.searchIcon {position: absolute;right: 10px;top: 0px;background: transparent;border: 0;cursor: pointer;padding: 10px 5px;}
.searchBox{position: relative;}
.header-contact {display:flex; align-items:center; gap:13px;}
.phone-circle {width:60px; height:60px; border-radius:50%; background:#F04A23; display:flex; align-items:center; justify-content:center;}
.phone-circle img {width:25px; height:25px; filter:brightness(0) invert(1);}
.contact-details {display:flex; flex-direction:column; gap:5px;}
.contact-details small {font-size:13px;}
.contact-details strong {font-size:13px; font-weight:500; border-bottom:1px solid #111; padding-bottom:3px;}
.hero-section {height:calc(100vh - 130px); min-height:700px; position:relative; overflow:hidden; color:#fff; background:#111;padding: 50px 0;}
.hero-background {position:absolute; inset:0; background-image:url("../images/hero-banner.jpg"); background-size:cover; background-position:center center; transform:scale(1.01); z-index:0;}
/* .hero-background::after {content:""; position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,.35), rgba(0, 0, 0, .08) 55%, rgba(0, 0, 0, .25) ); pointer-events:none;} */

.hero-container {height:100%; margin:0 auto; padding:0 0; position:relative; z-index:2;display: flex;align-items: center;flex-wrap: wrap;}
/* .hero-heading-wrap {position:absolute; top:208px; left:0; width:100%;} */
.hero-heading {margin:0; color:#F04A23; font-size:110px; line-height:1; font-weight:400; letter-spacing:-4px; max-width:1200px;margin-bottom: 150px;}
.hero-bottom { display:grid; grid-template-columns:490px 1fr; gap:75px; align-items:end;}
.experience-card {width:490px; min-height:170px; padding:23px 25px; background:#F6F5F0; color:#111; display:flex; align-items:center; gap:20px;}
.experience-logo {width:170px; height:110px; background:#FFF; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.experience-logo img {width:105px; height:auto; display:block;}
.experience-content {align-self:stretch; display:flex; flex-direction:column; justify-content:space-between;}
.experience-content h3 {margin:6px 0 0; font-size:19px; line-height:1.25; font-weight:600;}
.learn-more {font-size:13px; display:flex; align-items:center; gap:7px;}
.learn-more span {color:#F04A23; font-size:18px; line-height:1;}
.hero-description {max-width:calc(100% - 200px); padding-bottom:3px;}
.hero-description p {margin:0 0 40px; line-height:1.55; font-weight:400; color:rgba(255,255,255,.9);}
.explore-btn {display:inline-flex; align-items:center; gap:10px; padding:13px 20px; background:#F04A23; border-radius:30px; font-size:13px; font-weight:500; transition:background .25s ease, transform .25s ease;}
.explore-btn span {font-size:15px;}
.explore-btn:hover {background:#ff5c32; transform:translateY(-2px);}
/* .scroll-indicator {position:absolute; right:60px; bottom:45px; width:145px; height:145px; border:1px solid rgba(255,255,255,.35); border-radius:50%; z-index:5; display:flex; align-items:center; justify-content:center;}
.scroll-indicator::before {content:""; position:absolute; width:82px; height:82px; border:1px solid rgba(255,255,255,.35); border-radius:50%;} */
.scroll-indicator {position:absolute; right:40px; bottom:40px; width:150px; height:150px;}
.scroll-indicator img{width: 100%;}
.scroll-arrow {font-size:30px; font-weight:200; z-index:2; margin-top:5px;}
.scroll-text {position:absolute; font-size:9px; letter-spacing:.5px; white-space:nowrap;}
.scroll-text-top {top:11px; left:31px; transform:rotate(-12deg);}
.scroll-text-right {right:-2px; top:65px; transform:rotate(78deg);}
.scroll-text-bottom {bottom:9px; left:33px; transform:rotate(168deg);}
.scroll-text-left {left:-3px; top:66px; transform:rotate(-78deg);}
.solutions-placeholder {min-height:500px; background:#fff;}

.container{width: 100%;max-width: 1400px;padding: 0 20px;}
.learn-more img{width:11px;margin-left: 3px;}

.solutions-section {background:#fff;padding: 100px 0;}
.headLabel{position: relative;padding-left: 80px;margin-bottom: 30px;display: inline-block;font-size: 14px;}
.headLabel:before {content: "";background: url(../images/headarrow.png) no-repeat;display: inline-block;position: absolute;width: 70px;height: 11px;background-size: contain;left: 0;top: 5px;}
.pageTitle{font-size: 50px;}
.solution-star {width: 40px;background: url(../images/tab-icon.svg) no-repeat;height: 40px;background-size: contain;margin-right: 20px;}
.solution-tab.active .solution-star{background: url(../images/tab-active.svg) no-repeat;background-size: contain;}
.solutionsTab{padding: 80px 0;}
#solutions-tab{width: 100%;max-width: 530px;}

.solution-tab {position:relative; width:100%; min-height:100px; padding:20px 25px !important; border:0 !important; border-radius:0 50px 50px 0 !important; background-color:#f5f4ef !important; color:#111 !important; display:flex !important; align-items:center; transition:.3s ease;}
.solution-tab.active {background-color:#004A66 !important; color:#fff !important;}
.solution-tab.active .solution-star {color:#F04A23;}
.solution-name {font-size:24px; font-weight:500;font-family: "Space Grotesk", sans-serif;}
.solution-arrow {width:60px; height:60px; margin-left:auto; border-radius:50%; background:#f04b23; color:#fff; display:flex; align-items:center; justify-content:center; font-size:18px; line-height:1;}
.solution-title {margin:0 0 10px; color:#F04A23; font-size:23px; font-weight:400;}
.solution-description {margin:20px 0 30px;}
.commonBtn {padding:13px 30px; background:#F04A23; border:0; border-radius:50px; color:#fff !important; font-size:13px; line-height:1;}
.solution-panel-image {object-fit:cover;}

.story-section {background:#F6F5F0;padding: 100px 0;}
.story-highlight {margin-bottom:25px; color:#f04b23; font-size:22px;font-family: "Space Grotesk", sans-serif;font-weight: 500;}
.story-description {margin-bottom:50px;font-size: 20px;font-family: "Space Grotesk", sans-serif;}
.stat-card {min-height:165px; background:#fff;}
.stat-number {color:#f04b23; font-size:52px; font-weight:300; line-height:1; letter-spacing:-2px;margin-bottom: 20px;}
.stat-label {font-family: "Space Grotesk", sans-serif;font-size: 20px;line-height: 1.2;}

.featured-products-section {padding:95px 0 105px; background:#fff; overflow:hidden;}
.featured-heading{margin-bottom: 80px;}
.featured-slider-wrap {position:relative; max-width:1320px; margin:0 auto;}
.featured-products-slider {margin:0 -10px;}
.product-slide {padding:0 10px;}
.product-card {min-height:400px; padding:28px 28px 34px; background:#f5f4ef;}
.product-image {height:190px; display:flex; align-items:center; justify-content:center; margin-bottom:25px;}
.product-image img {width:100%; height:100%; object-fit:contain; display:block;}
.product-divider {width:100%; height:1px; margin-bottom:20px; background:#c9c8c3;}
.product-category {min-height:15px; margin-bottom:12px; color:#727272; font-size:14px; font-weight:400; line-height:1.3;font-family: "Space Grotesk", sans-serif;}
.product-category span {margin:0 5px;}
.product-card h3 {font-family: "Space Grotesk", sans-serif;margin:5px 0 15px; color:#111; font-size:26px; font-weight:600; line-height:1.2;}
.product-card p {font-family: "Space Grotesk", sans-serif;min-height:35px; margin:0 0 25px; color:#777; font-size:20px; line-height:1.3;}
.product-button {display:inline-flex; align-items:center; justify-content:center; border-radius:50px; background:#fff; color:#000 !important; font-weight:500; text-decoration:none; transition:all .25s ease;}
.product-button:hover {background:#f04b23; color:#fff !important;}
.featured-arrow {position:absolute; top:50%; z-index:5; width:40px; height:40px; padding:0; border:0; border-radius:50%; background:#f4512a; color:#fff; font-size:22px; line-height:1; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; cursor:pointer;}
.featured-prev {left:-55px;}
.featured-next {right:-55px;}
.featured-arrow span {position:relative; top:-1px;}
.featured-all-button {margin-top:78px;}
.trusted-section {padding:75px 0 100px; background:#fff; overflow:hidden;}
.trusted-heading {margin-bottom:70px;}
.trusted-heading p {max-width:690px; margin:30px auto 0;font-family: "Space Grotesk", sans-serif;}
.trusted-slider {width:100%; margin:0; overflow:hidden;}
.trusted-logo-slide {padding:0 10px;}
.trusted-logo {height:80px; border:1px solid #E9E9E9; border-radius:6px; display:flex; align-items:center; justify-content:center; padding:15px 30px;  transition:opacity .3s ease;}
.trusted-logo:hover {opacity:1;}
.trusted-logo img {max-width:100%; max-height:70px; object-fit:contain;}
.featured-products-slider .slick-track, .trusted-slider .slick-track {display:flex;}
.featured-products-slider .slick-slide, .trusted-slider .slick-slide {height:auto;}
.featured-products-slider .slick-slide > div, .trusted-slider .slick-slide > div {height:100%;}
.featured-products-slider .slick-list {overflow:visible;}
.featured-products-slider .slick-prev, .featured-products-slider .slick-next {display:none !important;}

.why-arihant-section {background:#f6f5f1; padding:108px 0 145px;}
.why-title {margin:0; max-width:690px; font-size:42px; font-weight:400; line-height:1.02; letter-spacing:-2px; color:#111;}
.why-features {margin-top:70px;}
.why-item {padding-right:45px;}
.why-icon {height:75px; margin-bottom:23px; display:flex; align-items:center;}
.why-icon img {width:auto; max-width:75px; max-height:70px; object-fit:contain;}
.why-item h3 {margin:0 0 22px; color:#f4512a; font-size:24px; font-weight:400;font-family: "Inter Tight", sans-serif;}
.why-item p {max-width:235px; margin:0; color:#111; font-size:18px; line-height:1.48;font-family: "Space Grotesk", sans-serif;}
.get-touch-section {background:#fff; padding:106px 0 110px;}
.get-touch-content {padding-right:60px;}
.get-touch-content .section-label {margin-bottom:43px;}
.get-touch-content p {max-width:460px; margin:0; color:#111;line-height:1.5;}
.contact-form-box {max-width:650px; margin-left:auto; padding:40px 40px 42px; background:#f5f4ef;}
.contact-form-box .form-control {height:59px; padding:0 25px; border:0; border-radius:0; background:#fff; box-shadow:none; color:#111; font-size:15px;}
.contact-form-box textarea.form-control {height:119px; padding-top:20px; resize:none;}
.contact-form-box .form-control::placeholder {color:#999; opacity:1;}
.contact-form-box .form-control:focus {border:0; outline:none; box-shadow:none;}
.contact-submit {width:100%; height:60px; border:0; background:#f4512a; color:#fff; font-size:11px; font-weight:500; cursor:pointer; transition:background .25s ease;}
.contact-submit:hover {background:#df3e1d;}
.site-footer {background:#004A66; color:#fff; padding:92px 0 50px;}
.footer-main {align-items:flex-start;}
.footer-company {padding-right:70px;}
.footer-logo {width:205px; height:auto; margin-bottom:38px;}
.footer-company p {max-width:360px; margin:0; color:rgba(255,255,255,.9); font-size:16px; line-height:1.45;font-family: "Space Grotesk", sans-serif;}
.footer-company .copyright {margin-top:31px;}
.footer-column h3 {margin:0 0 28px; color:#f4512a; font-size:19px; font-weight:500;font-family: "Space Grotesk", sans-serif;}
.footer-column ul {list-style:none; margin:0; padding:0;}
.footer-column li {margin-bottom:18px;}
.footer-column li a {display:flex; justify-content:space-between; max-width:130px; color:#fff; font-size:14px; text-decoration:none;font-family: "Space Grotesk", sans-serif;}
.footer-column li a:hover {color:#f4512a;}
.footer-column li a span {margin-left:12px;}
.footer-address {max-width:330px; margin:0 0 28px; color:#fff; font-size:14px; line-height:1.45;}
.footer-contact {display:block; margin-bottom:17px; color:#fff; font-size:14px; text-decoration:none;}
.footer-contact:hover {color:#f4512a;}
.footer-contact-icon {display:inline-block; width:24px; color:#f4512a;}
.footer-social-area {padding-left:20px;}
.social-icons {display:flex; gap:10px; margin-bottom:43px;}
.social-icons a {width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#fff; color:#00566b; font-size:14px; font-weight:500; text-decoration:none;}
.social-icons a:nth-child(2) {background:#f4512a; color:#fff;}
.social-icons a:hover {transform:translateY(-2px);}
.catalogue-button {display:inline-flex; align-items:center; justify-content:center; height:55px; padding:0 35px; background:#f4512a; color:#fff; font-size:14px; font-weight:500; text-decoration:none; transition:background .25s ease;}
.catalogue-button:hover {background:#fff; color:#00566b;}
.footer-bottom {height:1px; margin:55px 20px 0; background:rgba(255,255,255,.15);}

@media (min-width: 1600px) {
    .hero-heading{font-size: 126px;}
    .experience-content h3{font-size: 22px;}
    .experience-card{width: 520px;}
    p{font-size: 20px;}
    .learn-more {font-size:15px;}
    .site-logo img {width: 250px;}
    .site-header{padding: 60px 0;}
    .search-button{width: 220px;}
    .contact-details small,.contact-details strong{font-size: 16px;}
    .header-contact{margin-left: 10px;}
    .hero-section {height:calc(100vh);}
    .hero-heading{max-width: 100%;}
    .hero-description{padding-left: 30px;}
    .pageTitle{font-size: 57px;}
    .solution-name {font-size: 24px;}
}

@media (max-width: 1500px) {
    .header-inner {padding:0 40px;}
    .main-navigation {gap:25px; margin-right:30px;}
    .hero-container {padding-left:70px; padding-right:70px;}
    .hero-heading {font-size:82px;}
    .hero-bottom {grid-template-columns:440px 1fr; gap:50px;}
    .experience-card {width:440px;}
}

@media (max-width: 1100px) {
    .site-header {height:90px;}
    .main-navigation {display:none;}
    .site-logo img {width:175px;}
    .search-button {width:120px;}
    .hero-section {height:calc(100vh - 90px);}
    .hero-heading-wrap {top:150px;}
    .hero-heading {font-size:65px; letter-spacing:-2px;}
    .hero-bottom {grid-template-columns:1fr; gap:25px; bottom:80px;}
    .hero-description {max-width:650px;}
    .scroll-indicator {width:110px; height:110px; right:25px; bottom:25px;}
}

@media (max-width: 767px) {
    .site-header {height:75px;}
    .header-inner {padding:0 20px;}
    .site-logo img {width:145px;}
    .header-right {gap:8px;}
    .search-button {display:none;}
    .phone-circle {width:43px; height:43px;}
    .phone-circle img {width:19px; height:19px;}
    .contact-details {display:none;}
    .hero-section {min-height:760px; height:auto;}
    .hero-container {padding:0 20px;}
    .hero-heading-wrap {position:relative; top:auto; left:auto; padding-top:100px;}
    .hero-heading {font-size:48px; line-height:.95; letter-spacing:-2px;}
    .hero-bottom {position:relative; left:auto; right:auto; bottom:auto; margin-top:110px; display:block;}
    .experience-card {width:100%; min-height:130px; padding:15px; gap:12px;}
    .experience-logo {width:125px; height:90px;}
    .experience-logo img {width:75px;}
    .experience-content h3 {font-size:14px;}
    .hero-description {margin-top:25px; padding-right:60px;}
    .hero-description p {font-size:13px;}
    .scroll-indicator {width:80px; height:80px; right:15px; bottom:20px;}
    .scroll-indicator::before {width:50px; height:50px;}
    .scroll-arrow {font-size:20px;}
    .scroll-text {font-size:6px;}
}


@media (max-width: 1399.98px) {
.featured-slider-wrap {max-width:1100px;}
.featured-prev {left:-48px;}
.featured-next {right:-48px;}
}

@media (max-width: 1199.98px) {
.featured-products-section {padding-top:80px;}
.featured-heading h2 {font-size:35px;}
.featured-slider-wrap {max-width:960px;}
.featured-prev {left:-20px;}
.featured-next {right:-20px;}
}

@media (max-width: 991.98px) {
.featured-products-section {padding:70px 0 80px;}
.featured-heading {margin-bottom:45px;}
.featured-heading h2 {font-size:32px;}
.featured-products-slider {margin:0 -8px;}
.product-slide {padding:0 8px;}
.featured-prev {left:5px;}
.featured-next {right:5px;}
.trusted-section {padding:65px 0 75px;}
.trusted-heading h2 {font-size:32px;}
}

@media (max-width: 767.98px) {
.featured-products-section {padding:60px 0 70px;}
.section-eyebrow {margin-bottom:25px;}
.featured-heading h2 {font-size:29px; letter-spacing:-1px;}
.product-card {min-height:390px; padding:22px;}
.product-image {height:180px;}
.featured-arrow {width:35px; height:35px;}
.featured-prev {left:0;}
.featured-next {right:0;}
.featured-all-button {margin-top:55px;}
.trusted-heading {margin-bottom:45px; padding:0 20px;}
.trusted-heading h2 {font-size:29px;}
.trusted-heading p {font-size:12px;}
.trusted-logo {height:75px;}
}

@media (max-width: 575.98px) {
.featured-heading h2 {font-size:27px;}
.product-card {padding:20px;}
.product-image {height:175px;}
.featured-prev {left:8px;}
.featured-next {right:8px;}
.trusted-heading h2 {font-size:27px;}
}


@media (max-width: 1199.98px) {
.why-title {font-size:38px;}
.why-item {padding-right:25px;}
.get-touch-content {padding-right:30px;}
}

@media (max-width: 991.98px) {
.why-arihant-section {padding:80px 0 90px;}
.why-title {font-size:36px;}
.why-features {margin-top:55px;}
.why-item {margin-bottom:50px;}
.get-touch-section {padding:80px 0;}
.get-touch-content {padding-right:0; margin-bottom:50px;}
.get-touch-content h2 {font-size:36px;}
.contact-form-box {max-width:none;}
.site-footer {padding-top:70px;}
.footer-company {padding-right:20px;}
.footer-social-area {padding-left:0;}
}

@media (max-width: 767.98px) {
.why-arihant-section {padding:65px 0 60px;}
.section-label {gap:18px; margin-bottom:30px;}
.section-line {width:55px;}
.why-title {font-size:31px; letter-spacing:-1.2px;}
.why-features {margin-top:45px;}
.why-item {padding-right:0; margin-bottom:45px;}
.why-item p {max-width:100%;}
.get-touch-section {padding:65px 0;}
.get-touch-content h2 {font-size:31px; letter-spacing:-1px;}
.contact-form-box {padding:25px;}
.contact-form-box .form-control {height:52px;}
.contact-form-box textarea.form-control {height:110px;}
.contact-submit {height:54px;}
.site-footer {padding:60px 0 25px;}
.footer-main > div {margin-bottom:45px;}
.footer-company {padding-right:0;}
.footer-logo {margin-bottom:25px;}
.footer-social-area {padding-left:0;}
.footer-bottom {margin-top:20px;}
}

@media (max-width: 575.98px) {
.why-title {font-size:28px;}
.get-touch-content h2 {font-size:29px;}
.contact-form-box {padding:20px;}
.footer-logo {width:175px;}
}