@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");:root{--theme-primary:#c2021b;--theme-dark:#000;--theme-white:#fff;--font-family1:"Inter",sans-serif;--font-family2:"Poppins",sans-serif;--step--2:clamp(0.6076rem,0.5964rem + 0.0563vw,0.64rem);--step--1:clamp(0.7292rem,0.7045rem + 0.1232vw,0.8rem);--step-0:clamp(0.875rem,0.8315rem + 0.2174vw,1rem);--step-1:clamp(1.05rem,0.9804rem + 0.3478vw,1.25rem);--step-2:clamp(1.26rem,1.1548rem + 0.5261vw,1.5625rem);--step-3:clamp(1.512rem,1.3586rem + 0.7672vw,1.9531rem);--step-4:clamp(1.8144rem,1.5963rem + 1.0904vw,2.4414rem);--step-5:clamp(2.1773rem,1.8731rem + 1.5208vw,3.0518rem);}
body,html{font-size:var(--step-0);color:var(--theme-dark);line-height:1.6em;font-weight:400;-webkit-font-smoothing:antialiased;background-color:#fff;font-family:var(--font-family1);transition:all 0.3s ease-in-out;scroll-behavior:smooth;overflow-x:hidden;}
a{text-decoration:none !important;}
ul,li{margin:0;padding:0;list-style:none;}
.font-inter{font-family:var(--font-family1) !important;}
.font-Poppins{font-family:var(--font-family2) !important;letter-spacing:0.05rem;font-weight:700 !important;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:700 !important;}
.h1,h1{font-size:var(--step-5);}
.h2,h2{font-size:var(--step-4);}
.h3,h3{font-size:var(--step-3);}
.h4,h4{font-size:var(--step-2);}
.h5,h5{font-size:var(--step-1);}
.h6,h6{font-size:var(--step-0);}
.small,small{font-size:var(--step--1);}
.smallest{font-size:var(--step--2);}
.bg-theme-primary{background-color:var(--theme-primary) !important;}
.bg-dark{background-color:var(--theme-dark) !important;}
.bg-white{background-color:var(--theme-white) !important;}
.text-white{color:var(--theme-white) !important;}
.text-theme-primary{color:var(--theme-primary) !important;}
.text-theme-dark{color:var(--theme-dark) !important;}
/* Coded by Ramanand Dubey =========== */
.navbar-brand img{width:300px;aspect-ratio:8/2;}
.offcanvas-title img{width:100% !important;}
.offcanvas-body .nav-link{padding:12px 14px;font-size:18px;}
.facebook-link:hover i{background-color:#1877f2;border:1px solid #1877f2;}
.instagram-link:hover i{background-color:#e1306c;border:1px solid #e1306c;}
.youtube-link:hover i{background-color:#ff0000;border:1px solid #ff0000;}
.contactUl li a{display:flex;align-items:center;gap:5px;}
.dropdown-menu{background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,0.1);}
.navbar-nav .dropdown-menu{right:0;}
.dropdown-menu li a{color:var(--theme-dark);}
.nav-item,.nav-item li{transition:all 0.3s ease-in-out;}
.nav-item:hover,.nav-item li:hover{transition:all 0.3s ease-in-out;background-color:rgba(0,0,0,0.1);}
.dropdown-item:focus,.dropdown-item:hover{background-color:rgba(0,0,0,0.25);}
.lh-1{line-height:1;}
.lh-13{line-height:1.3;}
/* About Us ------- */
.welcome .MainSlider img{object-fit:cover;}
.MainSlider .welcomeText{position:absolute;left:0%;top:50%;transform:translate(0%,-50%);background-color:rgb(194 2 27 / 90%) !important;height:100%;display:flex;align-items:start;justify-content:center;flex-direction:column;padding-left:clamp(1rem,calc(4vw + 1rem),calc((100vw - 1920px) / 2 + 30rem)) !important;padding-right:clamp(1rem,calc(4vw + 1rem),calc((100vw - 1920px) / 2 + 30rem)) !important;}
.main-slider .owl-nav{position:absolute;top:50%;left:50%;transform:translate(-50%);width:98%;display:flex;justify-content:space-between;}
.main-slider .owl-nav button{color:#fff !important;background-color:rgba(194,2,28,1) !important;font-size:var(--step-3) !important;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem;}
.solutions .card,.why .card{position:relative;overflow:hidden;transition:all 0.3s ease-in-out;}
.why .card::before,.solutions .card::before{content:"";position:absolute;left:0%;top:-100%;transform:rotateY(0deg);transition:0.5s;height:100%;width:100%;background-color:var(--theme-primary);z-index:0;}
.internal-section .card::before{content:none;}
.innerCard{position:relative;}
.solutions .card a,.solutions .card h4,.solutions .card p{transition:all 0.5s;}
.solutions .card:hover a,.solutions .card:hover h4,.solutions .card:hover p{color:#fff !important;transition:all 0.5s;}
.why .card:hover::before,.solutions .card:hover::before{top:0%;transform:rotateY(180deg);transition:0.5s;}
.cardIcon img,.cardIcon i{position:relative;width:4rem;object-fit:contain !important;}
.why .cardIcon img{position:relative;padding:10px;}
.cardIcon{height:4rem;width:4rem;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:var(--step-4);border-radius:8px;margin:auto;margin-bottom:0.5rem;}
.cardIcon::before{content:"";height:100%;width:100%;background-color:var(--theme-primary);position:absolute;left:0;top:0;z-index:0;border-radius:8px;transition-duration:0.3s;}
.card:hover .cardIcon::before{background-color:var(--theme-dark);transform:rotate(90deg);transition-duration:0.3s;}
.solutions .shine-box img{object-position:top;}
.internal-section .card img,.solutions .card img{aspect-ratio:4/3;object-fit:cover;}
header button img{filter:none;transition:0.3s;}
header button:hover img{filter:brightness(0) invert(1) !important;transition:0.3s;}
.secHeader{position:relative;line-height:1;}
.secHeader::after{content:"";position:absolute;bottom:-10px;left:0%;transform:translateX(0%);width:100px;border-radius:2px;height:4px;background-color:var(--theme-primary);}
.affilations .item img{background-color:#fff;padding:5px;filter:grayscale(1);transform:translateY(0px);transition-duration:0.3s;}
.affilations .item img:hover{filter:grayscale(0);transform:translateY(4px);transition-duration:0.3s;}
.affilations>img{height:7.5rem;aspect-ratio:1;position:absolute;right:0;top:25%;}
.bg-transparent{background-color:transparent !important;}
.dropdown-item.active,.dropdown-item:active{background-color:rgba(194,2,27,1);color:#fff;font-weight:600;}
.why-carousel .owl-stage{display:flex;}
.why-carousel .owl-item{display:flex;}
.whyContent{flex-grow:1;}
.accordion-button:not(.collapsed){background-color:rgba(255,0,0,0.1);color:var(--theme-primary);}
.accordion-button:hover{background-color:rgba(255,0,0,0.1);color:var(--theme-primary);transition:all 0.3s;}
.accordion-button{font-weight:600;position:relative;border-radius:0 !important;transition:all 0.3s;}
.accordion-button:focus{box-shadow:none;}
.accordion-button::after{color:var(--theme-primary);font-size:1.5rem;font-weight:700;}
.accordion{--bs-accordion-btn-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ff0000' stroke-width='2' d='M8 2v12M2 8h12'/%3E%3C/svg%3E");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ff0000' stroke-width='2' d='M2 2l12 12M14 2L2 14'/%3E%3C/svg%3E");--bs-accordion-btn-icon-width:0.85rem;--bs-accordion-border-color:rgba(255,0,0,0.5);}
.getInTouch .secHeader::after{left:0%;transform:translateX(0%);}
.getInTouch{background-color:rgb(255 0 0 / 4%);}
.form::-webkit-scrollbar { display: none; }
.form { scrollbar-width: none; }
.form-control:focus{box-shadow:0 0 0 0.25rem rgba(255,0,0,0.1);border-color:rgba(255,0,0,0.1);border-bottom:2px solid transparent;transition:all 0.3s;}
.form-control{border-bottom:2px solid var(--theme-primary);transition:all 0.3s;}
.contact-ul li{display:flex;align-items:center;justify-content:start;gap:10px;margin-bottom:0.5rem;padding:5px;border-radius:4px;border:1px solid var(--theme-dark);background-color:#f2f2f2;}
.contact-ul li div:first-child{display:inline-flex;align-items:center;justify-content:center;height:2rem;width:2rem;border-radius:4px;background-color:var(--theme-dark);color:#fff;}
.contact-ul li a{color:#000;font-weight:600;line-height:1;}
.socialMedia{border-radius:4px;}
.socialMedia li a i{display:inline-flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem;background-color:var(--theme-white);color:var(--theme-dark);border:1px solid var(--theme-dark);border-radius:50%;transition:all 0.3s;}
.socialMedia li a:hover i{color:var(--theme-white);transition:all 0.3s;}
.lookin{background-color:rgba(255,0,0,0.1);}
.about-us{background:linear-gradient(180deg,rgba(255,255,255,1) 75%,rgba(0,0,0,1) 50%);}
.services .secHeader::after{left:0;transform:translateX(0);}
@keyframes popupIn{from{transform:scale(0.85);opacity:0;}
to{transform:scale(1);opacity:1;}
}
.btn{padding:0.75rem 1.25rem;}
.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;border:none;background:rgba(0,0,0,0.6);color:#fff;font-size:28px;cursor:pointer;animation:pulse 1.5s infinite;}
.play-btn:hover{background:rgba(0,0,0,0.8);}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,0,0,0.7);}
70%{box-shadow:0 0 0 20px rgba(255,0,0,0);}
100%{box-shadow:0 0 0 0 rgba(255,0,0,0);}
}
.nav-link{color:var(--theme-dark);font-size:var(--step-1) !important;}
.nav-link::after{color:var(--theme-dark);}
.nav-link.active{color:var(--theme-primary) !important;}
.breadcrumb-wrap{display:flex;align-items:center;justify-content:center;gap:10px;}
.breadcrumb-wrap .sep,.breadcrumb-wrap a{color:#000;}
.breadcrumb-wrap .active{color:var(--theme-dark);font-weight:600;border-bottom:2px solid #000;}
.navbar-toggler:focus{box-shadow:none;}
.navbar-toggler{border:1px solid var(--theme-primary);}
.faqs{background:url("../images/question.svg") no-repeat right;background-size:cover;}
.form>img{position:absolute;top:0;right:1rem;height:5rem;aspect-ratio:1;}
.secHeader .arrow{position:absolute;right:0;top:0;height:4rem;}
.lookin h3 span{position:relative;}
.lookin h3 span::before,.lookin h3 span::after{content:"\2726";position:absolute;right:-1.25rem;top:0;color:#fff;}
.internal-section .lookin h3 span::before,.internal-section .lookin h3 span::after{color:#000;}
.lookin h3 span::after{font-size:0.5em;}
.lookin h3 span::before{right:-1.5rem;top:0.75rem;font-size:0.25em;}
.internal-section .solutions{position:relative;overflow:hidden;z-index:1;color:var(--theme-dark);}
table tr th,table tr td{vertical-align:middle;}
table thead tr th{background-color:rgba(255,0,0,1) !important;color:var(--theme-white) !important;}
.uList li{padding:10px 0;padding-left:20px;position:relative;}
.uList li::before{content:"\27A2";position:absolute;left:0;top:50%;transform:translate(-25%,-50%);font-size:var(--step-1);color:var(--theme-dark);}
table .uList li::before{content:"📍";}
.project-img{width:18rem;margin:auto;}
.nav.nav-tabs{background-color:var(--theme-dark);}
.nav.nav-tabs button{color:var(--theme-white);border-radius:0;}
.nav-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;}
.w-fit{width:fit-content;}
.nav-tabs::-webkit-scrollbar{display:none;}
.nav-tabs .nav-link{flex-shrink:0;}
.stack-wrapper{position:relative;max-width:520px;margin-bottom:4rem;height:280px;}
.stack-card{position:absolute;top:0;left:0;width:100%;background:rgba(255,255,255,1);border-radius:14px;padding:25px 28px;box-shadow:0 12px 28px rgba(0,0,0,0.15);transition:all 0.45s ease;}
.stack-card h3{margin-bottom:8px;border-bottom:2px solid var(--theme-primary);display:inline;width:fit-content;}
.stack-card p{color:#555;line-height:1.6;}
.stack-arrow{position:absolute;bottom:-110px;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;z-index:5;background:#000;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,0.25);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0px 0px 8px #fff;}
.stack-arrow span{font-size:20px;line-height:1;}
.shine-box{position:relative;display:inline-block;overflow:hidden;}
.shine-box img{display:block;width:100%;height:auto;}
/* Shine layer */
.shine-box::after{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%);transform:skewX(-25deg);pointer-events:none;}
@keyframes shineMove{100%{left:150%;}
}
.shine-box::after{animation:shineMove 3s infinite;}
.blogCard{background:url("../images/quotes.webp") no-repeat center;object-fit:contain;}
.blog-carousel .owl-stage{display:flex;}
.blog-carousel .owl-item{display:flex;}
.blog-carousel .blogCard{display:flex;flex-direction:column;height:100%;}
.futuristic-toggler{position:relative;width:56px;height:56px;border-radius:50%;border:2px solid rgba(194,2,27,0.7);background:rgba(0,0,0,0.04);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all 0.35s ease;}
.futuristic-toggler::before{content:"";position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(120deg,#c2021b,#ff304a,#c2021b);opacity:0;filter:blur(10px);transition:opacity 0.35s ease;}
.toggler-glow{position:absolute;inset:6px;border-radius:50%;box-shadow:0 0 18px rgba(194,2,27,0.7);opacity:0;animation:pulseGlow 2.2s infinite;}
.toggler-icon{font-size:1.8rem;color:#c2021b;z-index:2;transition:transform 0.4s ease;}
.futuristic-toggler:hover{transform:rotate(90deg) scale(1.05);}
.futuristic-toggler:hover::before,.futuristic-toggler:hover .toggler-glow{opacity:1;}
.futuristic-toggler:active{transform:scale(0.95);}
@keyframes pulseGlow{0%,100%{opacity:0.4;box-shadow:0 0 12px rgba(194,2,27,0.4);}
50%{opacity:0.95;box-shadow:0 0 32px rgba(194,2,27,0.95);}
}
.toggler-icon{transition:transform 0.3s ease,opacity 0.3s ease;}
.bi-x-lg{transform:rotate(180deg);}
.blogs{background:linear-gradient(0deg,rgba(0,0,0,0.1) 0%,rgba(255,255,255,0) 5%,rgba(255,255,255,0) 52%,rgba(255,255,255,0) 95%,rgba(0,0,0,0.1) 100%);}
.blogs>img:first-child,.blogs>img:nth-child(2),.blogs>img:nth-child(3),.blogs>img:nth-child(4){position:absolute;width:4rem;height:4rem;border-radius:50%;z-index:3;transform:translateX(0);}
.blogs>img:first-child,.blogs>img:nth-child(3){left:25%;}
.blogs>img:nth-child(2),.blogs>img:nth-child(4){right:25%;}
.blogs>img:first-child,.blogs>img:nth-child(2){top:15%;animation:movingImg2 3s infinite;animation-timing-function:ease-in-out;animation-fill-mode:both;animation-direction:alternate;}
.blogs>img:nth-child(3),.blogs>img:nth-child(4){bottom:15%;animation:movingImg1 3s infinite;animation-timing-function:ease-in-out;animation-fill-mode:both;animation-direction:alternate;}
@keyframes movingImg1{0%{transform:translateX(10px);}
100%{transform:translateX(-10px);}
}
@keyframes movingImg2{0%{transform:translateY(10px);}
100%{transform:translateY(-10px);}
}
.bannerStrip{position:absolute;top:0;left:50%;z-index:2;transform:translate(-50%,-50%);}
.solutionStrip{height:12.5rem;}
.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#c2021b;--bs-btn-border-color:#c2021b;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#a90117;--bs-btn-hover-border-color:#a90117;--bs-btn-active-color:#fff;--bs-btn-active-bg:#8f0113;--bs-btn-active-border-color:#8f0113;--bs-btn-focus-shadow-rgb:194,2,27;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#c2021b;--bs-btn-disabled-border-color:#c2021b;}
.btn-outline-danger{--bs-btn-color:#c2021b;--bs-btn-border-color:#c2021b;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#c2021b;--bs-btn-hover-border-color:#c2021b;--bs-btn-active-color:#fff;--bs-btn-active-bg:#a90117;--bs-btn-active-border-color:#a90117;--bs-btn-focus-shadow-rgb:194,2,27;--bs-btn-disabled-color:#c2021b;--bs-btn-disabled-border-color:#c2021b;}
.services{background:linear-gradient(0deg,rgba(255,255,255,1) 65%,rgba(0,0,0,1) 0%);}
.servies-card img{aspect-ratio:9/13;object-fit:cover;object-position:top;}
.servies-content>div{position:absolute;left:0;bottom:0;z-index:3;height:100%;width:100%;display:flex;flex-direction:column;justify-content:end;}
.servies-content::before,.servies-content::after{content:"";position:absolute;left:0;bottom:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:end;z-index:2;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);transition:all 0.3s;}
.servies-content::after{height:0%;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,0,0,1) 100%);transition:all 0.3s;}
.servies-card:hover .servies-content::after{height:100%;transition:all 0.3s;}
.servies-card:hover .servies-content::before{height:0%;transition:all 0.3s;}
.contact-strip{background:linear-gradient(180deg,rgba(255,255,255,1) 50%,rgba(0,0,0,1) 0%);}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;}
.owl-dots{margin-top:15px !important;display:flex;align-items:end;justify-content:center;}
.owl-dots button span{display:block;margin-right:0.25rem;height:1.25rem !important;width:1.25rem !important;border-radius:4px !important;background-color:var(--theme-primary) !important;transition-duration:0.5s;}
.owl-dots button.active span{height:1.5rem !important;width:1.5rem !important;background-color:var(--theme-dark) !important;transition-duration:0.5s;}
.internal-section .secHeader::after,.affilations .secHeader::after,.faqs .secHeader::after,.blogs .secHeader::after,.why .secHeader::after{left:50%;transform:translateX(-50%);}
.footerP hr{border:0;border-top:2px solid #ffffff;width:100%;opacity:1;}
.footerIcon{border:2px solid var(--theme-primary);border-radius:6px;padding:5px;}
.footerIcon img{background-color:#fff;padding:5px;border-radius:4px;width:300px;}
.btn.text-theme-dark:hover{color:#fff !important;transition:all 0.3s;}
.form-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);display:none;align-items:center;justify-content:center;z-index:9999;}
.form-overlay.active{display:flex;}
.contact-modal-box{background:#fff;padding:40px;max-width:650px;width:95%;border-radius:14px;position:relative;animation:scaleIn 0.3s ease;}
@keyframes scaleIn{from{transform:scale(0.8);opacity:0;}
to{transform:scale(1);opacity:1;}
}
.close-modal{position:absolute;top:10px;right:15px;background:none;border:none;font-size:26px;cursor:pointer;}
.custom-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);}
.custom-modal.active{display:flex;align-items:center;justify-content:center;}
.custom-modal-content{background:#fff;width:90%;max-width:700px;border-radius:10px;padding:15px;position:relative;max-height:90vh;/* overflow-y:auto;*/
}
.close-audit{position:absolute;right:15px;top:10px;font-size:22px;cursor:pointer;}
.custom-modal-content{width:95%;height:95vh;}
.custom-modal-content iframe{height:100%;}