body{font-family: "Outfit", sans-serif;}
.custom-navbar { background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.custom-navbar { transition: all 0.4s ease; padding: 15px 0; background: #fff;}
.custom-navbar.scrolled { background: #fff; padding: 8px 0; box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.custom-navbar.scrolled .nav-link { color: #333 !important;}
.custom-navbar { transform: translateY(0);}
.custom-navbar.hide { transform: translateY(-100%);}
.dropdown-menu { border-radius: 8px; border: none;  box-shadow: 0 5px 20px rgba(0,0,0,0.1);}
.dropdown-menu .dropdown-item{ border-bottom: 1px solid #ddd;}
.dropdown-item:hover { background: #ffc107; color: #000;}
.mainmenu .navbar-nav .nav-link{ font-size: 20px; color: #000000; font-weight: 400; padding: 0;}
.mainmenu .navbar-nav .nav-link.active{ color: #ffc107; border-bottom: 1px solid #ffc107;}
.mainmenu .navbar-nav{ display: flex; gap: 20px;}
.textpatrn{ position: absolute; bottom: 0; width: 100%; top: inherit;}
.textpatrn .h3_title{ color: rgba(255,255,255,.1); font-size: 50px; font-weight: 700; text-transform:  uppercase; margin: 0;}
.mainmenu .navbar-nav li:last-child .nav-link{ padding-right: 0;}
.top-bar { position: absolute; top: 25px; text-align: right;}
.top-bar span{ color: #000000; font-size: 16px; font-weight: 300;}
.top-bar span a{ color: #000000; text-decoration:  none;}
.top-bar span b{ text-transform:  uppercase; font-weight: 600; color: #f1b72b;}
.top-bar span .fa{ color: #fff; background: #f1b72b; border-radius: 30px; width: 20px; height: 20px; font-size: 12px; line-height: 20px; text-align: center;}
.top-contact{ width: 1105px;}
.mainmenu{ margin-top: 50px;}
.btn::before,.btn::after { position: absolute; content: "";}
.btn-holder { flex-wrap: wrap; text-align: center; margin-top: 30px;}
.btn { position: relative; display: inline-block; width: auto; height: auto; background-color: transparent; border: none; cursor: pointer; min-width: 150px; outline:  none;}
.btn:focus{ box-shadow:  none;}
.btn span {position: relative; display: inline-block; font-size: 18px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; top: 0; left: 0; width: 100%; padding: 10px 20px;transition: 0.3s; }
.btn.hover-filled-slide-down::before { bottom: 0; left: 0; right: 0; height: 100%; width: 100%;}
.btn.hover-filled-slide-down:hover::before { height: 0%;}
.btn.hover-filled-opacity::before {top:0; bottom: 0; right: 0; height: 100%; width: 100%; opacity: 1;}
.btn.hover-filled-opacity:hover::before { opacity: 0;}
.btn-2::before { background-color: rgb(28, 31, 30); transition: 0.3s ease-out; border-radius: 30px;}
.btn-2 span { color: rgb(28, 31, 30); transition: 0.2s;}  
.btn-2 span:hover { color: rgb(255,255,255); transition: 0.2s 0.1s;}
.btn.hover-slide-down::before { top: 0; left: 0; right: 0; height: 0%; width: 100%;}
.btn.hover-slide-down:hover::before { height: 100%;}
.btn.hover-opacity::before {top:0; bottom: 0; right: 0; height: 100%; width: 100%; opacity: 0;}
.btn.hover-opacity:hover::before { opacity: 1;}
.yroscntl{ padding-left: 0; text-align: center;}
.yrosmws{ padding: 70px 0; position: relative; background: url('../images/home_about_bg.png'); background-size:  cover;}
.yrosmws .pattern{ position: absolute; right: 0; top: 0;}
.yroscntl .h2_title{ color: #464646; font-size: 20px; font-weight: 400; text-transform:  uppercase; font-family: "Poppins", sans-serif;}
.sitetitle h1{ color: #464646; font-size: 45px; font-weight: 700; text-transform:  uppercase; font-family: "Poppins", sans-serif; text-align: center; margin-bottom: 30px;}
.sitetitle h1 span{ display:  block; color: #f1b72b;}
.yroscntl p{ color: #000000; font-size: 18px; font-weight: 400; font-family: "Poppins", sans-serif; line-height: 33px;}
.yroscntr{ padding-right: 0; text-align: center;}
.yroscntrs h2{ color: #f1b72b; font-size: 110px; font-weight: 300; font-family: "Oswald", sans-serif;}
.yroscntrs p{ color: #000000; font-size: 18px; font-weight: 400; text-transform:  uppercase; font-family: "Poppins", sans-serif;}
.yroscntrs p span{ display:  block;}
.yroscntrs p label{ background: #262626; color: #fff; padding: 0 10px;}
.opmfs { position: relative; color: #fff; padding: 80px 0 150px 0; overflow: hidden;}
.services-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: 0.5s ease-in-out; z-index: 1;}
.overlay { position: absolute; width: 100%; height: 100%; z-index: 2;}
.services-content { position: relative; z-index: 3;}
.service-tab { background: #fff; color: #333; padding: 30px 40px; margin-bottom: 15px; cursor: pointer; transition: 0.3s; position: relative; overflow: visible;
  -webkit-mask: radial-gradient(circle at bottom right, transparent 40px, black 41px);  mask: radial-gradient(circle at bottom right, transparent 40px, black 41px); border-radius: 12px;}
.service-tab:after{ content: ""; position: absolute; bottom: -44px; right: -30px; width: 70px; height: 75px; background: #fff; border-radius: 35%;}
.service-tab.active { background: #f5b52e; color: #000;}
.service-tab h5 { font-weight: 700; color: #1f1f1f; font-size: 30px; text-transform:  uppercase;}
.service-tab p { margin: 0; font-size: 18px; color: #1f1f1f; line-height: 27px;}
.service-tab p span{ display:  block;}
.marquee-row { overflow: hidden; padding: 50px 0;}
.a-section,.b-section { overflow: hidden; white-space: nowrap;}
.a-section-marquee-box,.b-section-marquee-box { display: inline-flex; width: max-content;}
.marquee-text { font-size: 22px;}
.a-section-marquee-box { animation: marquee-left 75s linear infinite;}
.b-section-marquee-box { animation: marquee-right 75s linear infinite;}
.a-section-marquee-box h2 {list-style: none; padding-right: 30px; font-size: 50px; font-weight: 700; color: #fff; -webkit-text-stroke: 1px #b0b0b1; white-space: nowrap;flex-shrink: 0; padding: 0 10px;
   margin: 0;width: max-content; display: flex; align-items: center; transform: translateX(0); animation: a-text-scroll 75s linear infinite; font-family: "Poppins", sans-serif; text-transform:  uppercase;}
.a-section-marquee-box h2 img{ margin-top: 4px; display:  inline-block; padding: 0 10px; }
.b-section-marquee-box h2 img{ margin-top: 4px; display:  inline-block; padding: 0 10px; }
.a-section-marquee-box h2 img.last{ margin-left: 20px;}
.b-section-marquee-box h2 img.first{ margin-left: 20px;}
.b-section-marquee-box h2 { list-style: none; padding-right: 30px; font-size: 50px; font-weight: 700; color: #fff; -webkit-text-stroke: 1px #b0b0b1; white-space: nowrap;flex-shrink: 0; padding: 0 10px;
   margin: 0; width: max-content; display: flex; align-items: center; transform: translateX(0); animation: b-text-scroll 75s linear infinite; font-family: "Poppins", sans-serif;text-transform:  uppercase;}

@keyframes marquee-left {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes marquee-right {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

.why-choose h2{ color: #515151; font-size: 55px; font-weight: 700; text-transform:  uppercase; font-family: "Poppins", sans-serif; margin-bottom: 30px;}
.why-choose h2 span{ display:  block;}
.why_slider .custom-card{ background: url(../images/design_proto_bg.png); background-size:  cover; color: #333; padding: 47px 35px; margin-bottom: 15px; transition: 0.3s; position: relative; overflow: visible;
    -webkit-mask: radial-gradient(circle at bottom right, transparent 40px, black 41px); mask: radial-gradient(circle at bottom right, transparent 40px, black 41px);
    border-radius: 12px; text-align: left;}
.why_slider .custom-card h5{ color: #f1b72b; font-size: 25px; text-transform:  uppercase; font-weight: 700; margin: 20px 0; min-height: 86px;}
.why_slider .custom-card h5 span{ display:  block;}
.why_slider .custom-card p{ color: #fff; font-size: 14px; font-weight: 400; line-height: 25px; min-height: 225px;}
.why_slider .slide-item{ padding: 0 10px;}
.progress-bar-custom { position: relative; height: 6px; background: #3a3a3a; border-radius: 10px; overflow: visible;}
.progress-fill {position: absolute;top: -8px; left: 0; height: 20px; width: 120px; background: #f5b82e; border-radius: 50px; transition: left 0.6s ease; cursor: grab;}
.progress-fill:active { cursor: grabbing;}
.why_slider .slick-prev, .why_slider .slick-next { width: 45px; height: 45px; background: #f5b82e; border-radius: 50%; z-index: 2;}
.why_slider .slick-prev:before, .why_slider .slick-next:before { color: #000; font-size: 20px;}
.why_slider .slick-prev { left: -25px;}
.why_slider .slick-next { right: -25px;}
.why-choose { padding: 80px 0; background: #f9f9f9;}
.custom-card { transition: all 0.4s ease; transform: translateY(30px); background: url(../images/design_proto_bg.png); background-size:  cover; color: #333; padding: 47px 35px; margin-bottom: 15px;
   transition: 0.3s; position: relative; overflow: visible; -webkit-mask: radial-gradient(circle at bottom right, transparent 40px, black 41px);
   mask: radial-gradient(circle at bottom right, transparent 40px, black 41px); border-radius: 12px; text-align: left;}
.custom-card h5 { font-weight: 700; margin-bottom: 15px; font-size: 25px; text-transform:  uppercase; color: #f5b400; min-height: 88px;}
.custom-card h5 span { display: block; color: #f5b400;}
.custom-card p { font-size: 15px; line-height: 1.7; color: #fff; min-height: 255px;}
.custom-card:hover { transform: translateY(-10px); box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
.custom-card.show { transform: translateY(0); opacity: 1;}
.btn-holder.whychoose{ display:  inline-block; margin-top: 30px;}
.yroscntrs{ padding: 0 25px;}
.yroscntrss{ border: 1px solid #dbdbdb; padding: 20px 0;}
.stats{ position: relative;}
.why-choose{ padding-bottom: 50px; padding-top: 70px;}
.industries-section {text-align: center; background: #414141; padding: 70px 0; position: relative; overflow:  hidden;}
.industries-section .pattern{ position: absolute; top: 0; right: 0;}
.industries-section h2 { color: #fff; font-weight: 700; letter-spacing: 2px; margin-bottom: 50px; font-size: 55px; font-family: "Poppins", sans-serif;}
.industry-card { border-radius: 15px; overflow: hidden;position: relative; transition: all 0.4s ease; transform: translateY(30px); opacity: 0;}
.industry-card.show {transform: translateY(0); opacity: 1;}
.industry-card img { width: 100%; object-fit: cover; transition: transform 0.4s ease;}
.industry-label { background: #fff; padding: 15px; font-weight: 600; font-size: 22px; font-family: "Poppins", sans-serif; min-height: 95px; text-transform:  uppercase;}
.industry-card:hover { transform: translateY(-10px) scale(1.03); box-shadow: 0 10px 25px rgba(0,0,0,0.4);}
.industry-card:hover img { transform: scale(1.1);}
.industry-row { justify-content: center; line-height: 25px;}
.industry-col { padding: 10px;}
.endeefaq .card-header { position: relative;}
.endeefaq .accordion-title::after { content: "+"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 28px; font-weight: 600; color: #000; transition: 0.3s;}
.endeefaq .accordion-title:not(.collapsed)::after {content: "−"; color: #f1b72b;}
.endeefaq{ padding: 50px 0 0 0;}
.endeefaq h2{ text-align: center; margin-bottom: 30px; text-transform:  uppercase; color: #242424; font-size: 55px; font-weight: 700;}
.endeefaq .card-link{ display:  block; font-size: 25px; font-weight: 500; color: #242424; font-family: "Poppins", sans-serif;}
.endeefaq .card-body{ background: #f1b72b; line-height: 40px; font-size: 20px; font-weight: 400; font-family: "Poppins", sans-serif;} 
.endeefaq .card{ margin-bottom: 30px; border:  none;}
.footer-section {color: #ccc;padding: 125px 30px 30px 30px; border-radius: 20px; position: relative; overflow: hidden; background: url('../images/footer_bg.png') no-repeat; background-size:  cover; }
.footer-sections{}
.footer-sections:first-child{ padding-left: 0;}
.footer-sections h5{ color: #f1b72b; font-size: 25px; font-weight: 600; font-family: "Poppins", sans-serif; margin-bottom: 20px;}
.footer-sections h5 .fas{ color: #fff;}
.footer-sections p{ font-size: 16px; font-weight:  400; color: #fff; font-family: "Poppins", sans-serif; line-height: 30px;}
.footer-links li { list-style: none;  margin-bottom: 10px;  color: #fff; }
.footer-links li a { color: #fff; text-decoration: none; transition: 0.3s; font-size: 18px;font-weight: 400; font-family: "Poppins", sans-serif;}
.footer-links li a.active{ color: #f1b72b;}
.footer-links li a:hover { color: #f7b733; padding-left: 5px;}
.divider { border-right: 1px solid rgba(255,255,255,0.2); }
.social-icons a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%;background: #444;color: #fff; margin-right: 10px; transition: 0.3s;}
.social-icons a:hover { background: #f7b733; color: #000;}
.footer-mobile {background: url('../images/footer_mob_bg.png'); background-size:  cover;color: #ccc; padding: 20px; position: relative; overflow: hidden;}
.footer-mobile .card { background: transparent; border: none; border-bottom: 1px solid rgba(255,255,255,0.2);}
.footer-mobile .card-header { background: transparent; border: none; padding: 12px 0;}
.footer-mobile h5{ color: #f1b72b; font-size: 25px; font-weight: 600;}
.footer-mobile h5 .fas{ color: #fff;}
.btn-link { width: 100%; text-align: left; color: #f1b72b; font-weight: 600; text-decoration: none; position: relative; font-size: 25px; padding: 0; font-family: "Poppins", sans-serif; outline: none; outline: 0;}
.btn-link:hover { text-decoration: none; color: #f7b733;}
.btn-link::after {content: "+"; position: absolute; right: 0; font-size: 20px;}
.btn-link[aria-expanded="true"]::after { content: "-";}
.footer-links li {list-style: none; margin-bottom: 25px;}
.footer-links { padding-left: 0;}
.social-icons a { display: inline-block; width: 38px; height: 38px; line-height: 38px; text-align: center; border-radius: 50%; background: #444; color: #fff; margin-right: 8px;}
.footer-mobile .card-header button{ outline:  none; text-decoration:  none; outline: 0;}
.footer-mobile p{ font-size: 16px; color: #fff; font-weight: 400; font-family: "Poppins", sans-serif; line-height: 30px;}
.footer-mobile hr{ border-bottom: 1px solid rgba(255,255,255,0.2);}
.cpyrgt{ text-align: center;}
.cpyrgt p{ color: #242424; font-size: 18px; font-weight: 400; font-family: "Poppins", sans-serif; margin: 20px 0;}
.cpyrgt p a{ color: #242424; text-decoration:  none;}
.footer-sections p.follow{ font-size: 18px;}
#scrollTopBtn { position: fixed; bottom: 30px; right: 25px; width: 45px; height: 45px; background: #f7b733; color: #000; border-radius: 50%; text-align: center; line-height: 45px; font-size: 18px;
   cursor: pointer; display: none; z-index: 999; transition: all 0.3s ease;}
#scrollTopBtn:hover { background: #fff; color: #f7b733; transform: translateY(-5px);}
.mobsocfix{ position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100;}
.mobsocfix ul{ background: #f1b72b;}
.mobsocfix ul li{ display:  inline-block; padding: 10px 0;}
.mobsocfix ul li a{ display:  block; font-size: 20px; text-transform:  uppercase; color: #414141; font-weight: 500;}
.parallax_slider {position: relative;height: 100vh; overflow: hidden;}
.banner-img { width: 100%; height: 100vh; object-fit: cover;}
.overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
.banner-content { position: absolute; z-index: 2; color: #fff; bottom: inherit; top: 35%;}
.banner-content .h2_title { font-size: 80px; font-weight: 700; color: #f1b72b; font-family: "Poppins", sans-serif; line-height: 92px;}
.banner-content .h2_title span { color: #fff; display:  block;}
.banner-content .p_para { margin: 20px 0; font-size: 20px; font-weight: 500; max-width: 470px; line-height: 33px;}
.textpatrn { position: absolute; bottom: 0; font-size: 40px; z-index: 2;}
.animate-text { opacity: 0; transform: translateY(40px); transition: all 0.8s ease;}
.swiper-slide-active .animate-text {opacity: 1; transform: translateY(0);}
.delay-1 { transition-delay: 0.3s; }
.delay-2 { transition-delay: 0.6s; }
.delay-3 { transition-delay: 0.9s; }
.swiper-slide-active .banner-img { animation: zoomEffect 6s ease-in-out;}

@keyframes zoomEffect {
  from { transform: scale(1); }
  to { transform: scale(1.1); }
}
.btn-2 { background: #f1b72b;  color: #000; padding: 0 25px; border-radius: 30px; font-size: 18px; font-weight: 500;}
.swiper-button-next,.swiper-button-prev { color: #fff;}
.swiper-button-prev,.swiper-button-next { width: 50px !important; height: 50px !important; background: #f1b72b; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.swiper-button-prev::after,.swiper-button-next::after { font-size: 18px !important; color: #000;}
.swiper-button-next{ position: absolute; bottom: 0 !important; right: 0; top:  inherit !important;}
.swiper-button-prev{ position: absolute; bottom: 0 !important; right: 75px !important; top:  inherit !important; left: inherit !important;}
.textpatrn.service{ bottom: -188px; opacity: 0.2;}
.textpatrn.service h3{ color: #fff; font-size: 150px; font-family: "Poppins", sans-serif;}
.socfix { position: fixed; top: 45%; right: 20px; transform: translateY(-50%); z-index: 999;}
.socfix ul { display: flex; flex-direction: column; gap: 10px;}
.socfix ul li { list-style: none;}
.socfix ul li a { width: 45px; height: 45px; background: #f1b72b; color: #000; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: 0.3s; text-decoration:  none;}
.socfix ul li a .fa-brands{ font-size: 20px;}
.socfix ul li a:hover { background: #000; color: #fff;}
.socenq { position: fixed; top: 28%; right: -37px; z-index: 999;}
.socenq a{ background: #8c8c8c; color: #fff; text-transform:  uppercase; font-size: 13px; padding: 13px 35px; font-weight: 400; transform: rotate(-90deg); text-decoration:  none; display: flex;
 align-items: center; justify-content: center;}
.custom-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s ease; z-index: 9999;}
.modal-overlay { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); backdrop-filter: blur(6px); opacity: 0; transition: opacity 0.4s ease;}
.modal-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.85); background: #fff; padding: 30px; width: 360px; border-radius: 14px; opacity: 0;
 transition: all 0.45s cubic-bezier(0.25, 1, 0.5, 1);}
.custom-modal.active {opacity: 1; visibility: visible;}
.custom-modal.active .modal-overlay { opacity: 1;}
.custom-modal.active .modal-box { opacity: 1; transform: translate(-50%, -50%) scale(1);}
.close-btn { position: absolute; top: 10px; right: 15px; font-size: 22px; cursor: pointer;}
.modal-box h3 { margin-bottom: 20px; text-align: center; font-family: "Poppins", sans-serif; font-weight: 600;}
.modal-box input,.modal-box textarea { width: 100%; padding: 10px; margin-bottom: 12px; border: 1px solid #ddd; border-radius: 6px; font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 400;}
.modal-box button { width: 100%; padding: 10px; background: #f1b72b; border: none; border-radius: 6px; font-weight: 500; cursor: pointer; font-family: "Poppins", sans-serif;}
.modal-box button:hover { background: #000; color: #fff;}
.custom-modal.active .modal-box { animation: zoomBounce 0.5s ease;}
.mainmenu .dropdown-toggle::after { vertical-align: 2px; }

@keyframes zoomBounce {
  0% { transform: translate(-50%, -50%) scale(0.85); }
  60% { transform: translate(-50%, -50%) scale(1.05); }
  100% { transform: translate(-50%, -50%) scale(1); }
}
.feature-section{ padding: 0;}
.feature-section .feature-box {position: relative; height: 400px;background-size: cover; background-position: center; overflow: hidden; display: flex; align-items: center; padding: 60px; color: #fff;}
.feature-box:nth-child(1) { background-image: url('../images/excellence1.jpg');}
.feature-box:nth-child(2) { background-image: url('../images/excellence2.jpg');}
.feature-box:nth-child(3) { background-image: url('../images/excellence3.jpg');}
.feature-box .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.5s ease;}
.feature-box .content { position: relative; z-index: 2; transform: translateY(30px); transition: all 0.6s ease;}
.feature-box h3 { color: #f1b72b; font-weight: 700; margin-bottom: 15px; font-size: 25px;}
.feature-box h3 span{ display:  block;}
.feature-box p { font-size: 18px; line-height: 30px; font-weight: 400; min-height: 120px;}
.feature-box:hover .overlay { background: rgba(0,0,0,0.8);}
.feature-box:hover .content { transform: translateY(0); opacity: 1;}
.feature-box.show .content { transform: translateY(0); opacity: 1;}
.why-section { background: #f5f5f5 url('images/bg-pattern.png') repeat; padding: 80px 0;}
.why-section h2 { font-size: 40px; font-weight: 700; color: #333; margin-bottom: 50px;}
.why-section h2 span { color: #f5b400;}
.why-box { background: #fff; border: 1px solid #ddd; border-radius: 12px; text-align: center; padding: 30px 15px 0 15px; margin: 10px; transition: all 0.4s ease; transform: translateY(30px); opacity: 0;
  min-width: 185px; max-width: 185px;}
.why-box img { width: 45px; margin-bottom: 15px;}
.why-box p { font-weight: 600; font-size: 18px; color: #000000; line-height: 23px; min-height: 70px;}
.why-box:hover { transform: translateY(-8px) scale(1.03); box-shadow: 0 10px 25px rgba(0,0,0,0.15); border-color: #f5b400;}
.why-box.show { transform: translateY(0); opacity: 1;}
.why-sections{ padding: 0;}
.innerbnr{ position: relative; margin-top: 124px;}
.innerbnr .banner-content{ position: absolute; z-index: 2; color: #fff; bottom: inherit; top: 35%; left: 0; width: 100%; text-align: center;}
.innerbnr .textpatrn { position: absolute; bottom: 0; font-size: 40px; opacity: 1; z-index: 2; left: 0; padding-left: 20%;}
.innerbnr .banner-content .h2_title{ font-size: 50px;}
.innerbnr .banner-content .h2_title span{ display:  initial;}
.innerbnr .banner-content .breadcrumb{ background:  none; text-align: center; display:  inherit;}
.innerbnr .banner-content .breadcrumb li{ display: inline-block;}
.innerbnr .banner-content .breadcrumb li a{ color: #fff; font-size: 20px; font-weight: 300; text-decoration:  none;}
.innerbnr .banner-content .breadcrumb li a.active{ color: #f5b400;}
.innerbnr .banner-img{ height:  auto;}
.capabilities { padding: 90px 0; background: #f7f7f7; position: relative;}
.capabilities .title { font-size: 50px; font-weight: 600; margin-bottom: 10px;}
.capabilities .title span { color: #f1b72b;}
.capabilities .subtitle { max-width: 800px; margin: 0 auto 50px; color: #000000; font-size: 20px; line-height: 33px;}
.cap-card { position: relative; background: rgba(255,255,255,0.6); backdrop-filter: blur(10px); border-radius: 20px; padding: 35px 20px; margin: 15px; border: 1px solid rgba(0,0,0,0.1); overflow: hidden;
  transition: 0.4s ease; transform: translateY(40px); opacity: 0;}
.cap-card::before { content: ""; position: absolute; width: 120%; height: 120%; top: -10%; left: -10%; background: linear-gradient(120deg, transparent, rgba(255,180,0,0.2), transparent);
  opacity: 0; transition: 0.5s;}
.cap-card:hover::before { opacity: 1;}
.cap-card:hover { transform: translateY(-12px) scale(1.02); box-shadow: 0 15px 40px rgba(0,0,0,0.15);}
.cap-card .icon { font-size: 40px; margin-bottom: 15px;}
.cap-card .number { position: absolute; top: 20px; right: 25px; font-size: 50px; color: rgba(0,0,0,0.1); font-weight: 400;}
.cap-card h5 { font-weight: 600; margin-bottom: 10px; font-size: 22px;}
.cap-card p { font-size: 20px; color: #555; font-weight: 400; line-height: 30px;}
.cap-card.show { transform: translateY(0); opacity: 1;}
.factories {padding: 80px 0; background: #f5f5f5;}
.factories .title { font-size: 42px; font-weight: 700; margin-bottom: 50px; color: #444;}
.factory-card { background: #fff; border-radius: 12px; overflow: hidden; transition: 0.4s ease; border: 1px solid #ddd;}
.factory-card:hover { transform: translateY(-10px); box-shadow: 0 15px 35px rgba(0,0,0,0.15);}
.video-thumb { position: relative;}
.video-thumb img { width: 100%; display: block;}
.factories .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); width: 60px; height: 60px; background: #ff0000; color: #fff; font-size: 24px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; text-decoration: none; transition: 0.3s ease;}
.factories .play-btn::before { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%; background: rgba(255,0,0,0.4); animation: pulse 1.5s infinite;}

@keyframes pulse {
  0% { transform: scale(1); opacity: 0.7; }
  70% { transform: scale(1.6); opacity: 0; }
  100% { opacity: 0; }
}

.factory-card:hover .play-btn { transform: translate(-50%, -50%) scale(1.1);}
.factory-card .content { padding: 20px;}
.factory-card h5 { font-weight: 600; margin-bottom: 10px; color: #252525; font-size: 25px;}
.factory-card p { color: #252525; font-size: 20px; font-weight: 400;}
.video-modal {position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; background: rgba(0,0,0,0.9); justify-content: center; align-items: center; z-index: 9999;}
.video-modal iframe,.video-modal video { width: 80%; max-width: 800px; height: 450px; display: none;}
.close-btn { position: absolute; top: 20px; right: 30px; font-size: 40px; color: #fff; cursor: pointer;}
.laser-section { padding: 80px 0; background: #f7f7f7;}
.laser-section .sub-title { font-size: 20px; color: #777; letter-spacing: 1px; margin-bottom: 10px; font-weight: 400; text-transform:  uppercase;}
.laser-section .main-title { font-size: 25px; font-weight: 600; color: #f5b400; margin-bottom: 15px; text-transform:  uppercase;}
.main-title span { display: block;}
.laser-section .area { font-weight: 600; margin-bottom: 15px; font-size: 18px;}
.laser-section .desc { color: #000000; font-size: 18px; font-weight: 400; line-height: 33px;}
.image-box img { width: 100%; border-radius: 20px;}
.laser-box { margin-top: 50px; padding: 40px; border-radius: 20px; border: 1px solid #f5b400; background: #fff;}
.laser-box ul { list-style: none; padding: 0;}
.laser-box ul li { position: relative; padding-left: 25px; margin-bottom: 12px; color: #000000; font-size: 18px; font-weight: 400;}
.laser-box ul li::before { content: "✔"; position: absolute; left: 0; color: #f5b400; font-weight: bold;}
.laser-box .col-lg-6:first-child { border-right: 1px solid #ddd;}
.laser-section .laser-box.first{ margin-bottom: 50px;}
.laser-section .laserinfo{}
.laser-section .laserinfo ul{ padding: 0; margin: 0;}
.laser-section .laserinfo ul li { position: relative; padding-left: 25px; margin-bottom: 12px; color: #000000; font-size: 18px; font-weight: 400; list-style:  none; line-height: 30px;}
.laser-section .laserinfo ul li::before { content: "✔"; position: absolute; left: 0; color: #f5b400; font-weight: bold;}
.fabrication-section {padding: 60px 20px;}
.fabrication-box { padding: 20px 30px; height: 100%;}
.fabrication-box h4 {font-weight: 700; font-size: 22px;letter-spacing: 1px; margin-bottom: 15px; color: #000000; text-transform:  uppercase;}
.fabrication-box p { color: #000000; font-size: 18px; line-height: 30px;}
.border-right-custom { border-right: 1px solid #ddd;}
.locations { background: #f9f9f9; padding: 50px 0 0 0;}
.location-box { padding: 30px 5px; position: relative;}
.border-middle { border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 0 10px;}
.icon img { height: 85px; margin-bottom: 15px;}
.location-box h4 { font-weight: 700; margin-bottom: 15px;}
.location-box p { font-size: 18px; color: #000000; line-height: 30px; min-height: 150px;}
.contact-info { margin-top: 15px;}
.contact-info p{ min-height:  inherit; font-size: 20px;}
.contact-info p a{ color: #000000; text-decoration:  none;}
.circle { width: 45px; height: 45px; background: #f4b400; border-radius: 50%; align-items: center; justify-content: center; line-height: 43px; margin-right: 5px;
text-align: center;}
.circle i { color: #000;}
.map iframe { width: 100%; height: 215px; border-radius: 12px; border: 2px solid #f4b400; margin-top: 20px;}
.enquiry-section { background: #f5f5f5; padding: 60px 0;}
.enquiry-box { background: #fff; border-radius: 10px; padding: 50px; border: 1px solid #e0b14a; position: relative;}
.enquiry-section .sub-title { text-align: center; color: #000000; font-size: 20px; font-weight: 400;}
.enquiry-box h2 { text-align: center; font-weight: 600; margin-bottom: 40px; color: #000000; font-size: 35px;}
.enquiry-box .form-group { margin-bottom: 30px;}
.enquiry-box .form-group label { font-weight: 500; display: block; margin-bottom: 8px; color: #000000; font-size: 20px; text-transform:  uppercase;}
.enquiry-box .form-group input,.enquiry-box .form-group select { width: 100%; border: none; border-bottom: 1px solid #bebebe; color: #bebebe; outline: none;
   background: transparent; font-size: 18px; font-weight: 400;}
.enquiry-box .form-group input:focus,.enquiry-box .form-group select:focus { border-bottom: 1px solid #e0b14a;}
#captchaQuestion { display: block; margin-top: 5px; color: #000; font-weight: 600;}
.enquiry-box .btn-submit { background: #f1b72b; border: none; padding: 12px 35px; margin-top: 20px; cursor: pointer; font-weight: 400; font-size: 18px;}
.innrclient { padding: 60px 20px; text-align: center;}
.innrclient h2 { font-size: 45px; font-weight: 600;  margin-bottom: 40px; color: #000000;}
.client-grid { display: grid; grid-template-columns: repeat(5, 1fr);  border: 1px solid #ddd;}
.client-box { border: 1px solid #ddd; padding: 30px 0; background: #fff;  position: relative;  overflow: hidden; transition: all 0.4s ease;}
.client-box img { width: 100%; filter: grayscale(100%); transition: all 0.4s ease;}
.client-box:hover { transform: translateY(-8px);}
.client-box:hover img { filter: grayscale(0%); transform: scale(1.1);}
.client-box::before { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255,255,255,0.2), transparent 60%); opacity: 0; transition: 0.5s;}
.client-box:hover::before { opacity: 1;}
.capabilities.welding{ padding-top: 0;}
.cap-card h5.welding{ min-height: 52px;}
.capabilities .title.welding{ margin-bottom: 30px;}
.glrysec{ padding: 70px 0;}
.glrysec-gallery-item{}
.glrysec-gallery-items{ padding: 10px;}
.glrysec-gallery-item img { width: 100%; height: 270px; object-fit: cover; display: block; transition: transform 0.4s ease;}
.scroll-top { position: fixed; right: 25px; bottom: 25px; width: 60px; height: 60px; cursor: pointer; z-index: 999; opacity: 0; visibility: hidden;  transition: 0.3s;}
.scroll-top.show { opacity: 1; visibility: visible;}
.progress-ring { transform: rotate(-90deg);}
.progress-bg { stroke: #eee; stroke-width: 4; background: #000;}
.progress-bar { fill: none; stroke: #f5b000; stroke-width: 4; stroke-dasharray: 163; stroke-dashoffset: 163; transition: stroke-dashoffset 0.2s linear;}
.arrow {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 25px; font-weight: bold; color: #fff;}
.services-content.service .service-tab:nth-child(1) { background-image: url('../images/excellence1.jpg');}
.services-content.service .service-tab{ min-height: 235px; padding: 30px 25px;}
.service-tab h5.service{ color: #fff; font-size: 28px;}
.service-tab p.service{ color: #fff;}
.opmfs h2.service{ text-align: center;}
.opmfs h2 span.service{ color: #000;}
.opmfs.service{ padding: 80px 0 30px 0;}
.ocBg { background: #414141; padding: 70px 0 115px 0; position: relative;}
.ocBg h2{ text-align: center; color: #fff; color: #fff; font-weight: 700; letter-spacing: 2px; margin-bottom: 50px; font-size: 55px; font-family: "Poppins", sans-serif;}
.ocmqbg { background-color: rgb(255, 255, 255); border-radius: 10px; padding: 10px 0; margin-top: 30px;}
.service-tab.gallery{ background: #f5b000; border-radius: 0;}
.services-content.gallery{}
.services-content.gallery img{ width: 100%; object-fit: cover; height: 245px;}
.services-content.gallery a{ text-decoration:  none; display:  inline-block; margin-bottom: 15px;}
.laser-section.cncbending{ padding-bottom: 0;}
.fabrication-box h4 span{ display:  block;}
.laser-section .sub-title.cncpending{ font-size: 25px; font-weight:  500; color: #000000;}
.textpatrn.clients{ width:  auto; left:  inherit; bottom: 0;}
.mobile-call-top { display: none;}
.enquire-sticky { position: fixed; right: 0;top: 40%; transform: translateY(-50%); z-index: 9999;}
.enquire-btn { background: #888; color: #fff; writing-mode: vertical-rl; transform: rotate(180deg); padding: 12px 11px; cursor: pointer; font-size: 13px; letter-spacing: 1px;}
.icon-btn { display: block; background: #f1b72b; padding: 12px; text-align: center; color: #000; font-size: 18px;}
.icon-btn:hover { background: #ffcc00;}
.modal-dialog{ max-width: 675px;}
.enquiry-box.popup{ padding: 15px; padding-top: 30px;}
.modal-header{ text-align: center; display:  initial; background: #f1b72b;}
.modal-header .close{ position: absolute; right: 15px; top: 15px;}
.modal-title.popup{ font-size: 25px;}
.enquiry-box .form-group label.popup{ font-size: 16px;}
.modal-open .modal{ background: rgba(0,0,0,.5);}
.ftrlgoc{}
.ftrlgoc p{ font-size: 16px;font-weight: 400; font-family: "Poppins", sans-serif; line-height: 30px; color: #fff;}
.laser-section.machinery{ padding-bottom: 0;}
.form-header{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:2.5rem 1rem 2rem;text-align:center;position:relative;overflow:hidden; margin-bottom: 50px;}
.form-header::after{content:'';position:absolute;bottom:-40px;left:0;right:0;height:80px;background:var(--bg-light);border-radius:50% 50% 0 0}
.form-header h2{font-weight:700;font-size:35px;margin-bottom:.3rem;letter-spacing:.5px; color: #000;}
.form-header p{font-size:18px;opacity:.85;margin:0; color: #000;}
.stepper-wrap{position:relative;z-index:2;margin-top:20px;padding:0 .5rem}
.stepper{display:flex;justify-content:space-between;align-items:flex-start;margin:0 auto;position:relative}
.stepper::before{content:'';position:absolute;top:18px;left:24px;right:24px;height:3px;background:var(--border-color);z-index:0}
.stepper-progress{position:absolute;top:18px;left:24px;height:3px;background:var(--primary);z-index:1;transition:width .45s ease}
.step-item{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1;cursor:pointer}
.step-circle{width:38px;height:38px;border-radius:50%;background:#fff;border:3px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.82rem;color:var(--text-muted);transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.step-item.active .step-circle{border-color:var(--primary);background:#f1b72b;color:#fff;box-shadow:0 4px 14px rgba(13,71,161,.35);transform:scale(1.1)}
.step-item.completed .step-circle{border-color:var(--success);background:var(--success);color:#fff}
.step-item.completed .step-circle::after{content:'\2713';font-size:.9rem}
.step-item.completed .step-num{display:none}
.step-label{font-size:16px;font-weight:500;color:var(--text-muted);margin-top:.45rem;text-align:center;line-height:1.25}
.step-item.active .step-label{color:#f1b72b;font-weight:600}
.step-item.completed .step-label{color:var(--success)}
.form-card{background:#fff;border-radius:16px;box-shadow:var(--card-shadow);margin:1.8rem auto 2.5rem;padding:0;overflow:hidden}
.step-content{display:none;padding:2rem 2.4rem 1.5rem;animation:fadeSlide .4s ease}
.step-content.active{display:block}
@keyframes fadeSlide{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.section-title{font-size:25px;font-weight:700;color:#f1b72b;margin-bottom:1.5rem;padding-bottom:.6rem;border-bottom:2px solid #f1b72b;display:inline-block}
.step-progress-bar{margin-bottom:1.5rem}
.step-progress-bar .progress-text{display:flex;justify-content:space-between;align-items:center;margin-bottom:.45rem}
.step-progress-bar .progress-text .step-title{font-size:18px;font-weight:600;color:#f1b72b}
.step-progress-bar .progress-text .step-count{font-size:16px;font-weight:500;color:var(--text-muted)}
.step-progress-bar .progress-track{width:100%;height:8px;background:#e9ecf2;border-radius:8px;overflow:hidden;position:relative}
.step-progress-bar .progress-fill{height:100%;border-radius:8px;transition:width .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(90deg,var(--primary),var(--primary-light))}
.step-progress-bar .progress-fill.complete{background:linear-gradient(90deg,var(--success),#43a047)}
.form-row-custom{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px;margin-bottom:0}
.form-col{padding-left:12px;padding-right:12px;margin-bottom:1.2rem;display:flex;flex-direction:column}
.form-col-6{width:50%}.form-col-4{width:33.333%}.form-col-12{width:100%}
.field-label{font-weight:500;font-size:.82rem;color:var(--text-dark);margin-bottom:.4rem;display:block;min-height:20px}
.field-label .req{color:var(--danger);margin-left:2px}
.form-control{border-radius:8px;border:1.5px solid #dde1e5;;padding:.55rem .85rem;font-size:.88rem;transition:border-color .2s,box-shadow .2s;height:42px;width:100%}
.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(13,71,161,.12);outline:none}
textarea.form-control{resize:vertical;min-height:76px;height:auto}
.mobile-wrap{display:flex;gap:0}
.mobile-wrap .country-code{width:88px;border-radius:8px 0 0 8px;border-right:none;text-align:center;flex-shrink:0;font-weight:600;letter-spacing:.5px;padding-left:.4rem;padding-right:.3rem}
.mobile-wrap .mobile-input{border-radius:0 8px 8px 0;flex:1;min-width:0}
.form-control.is-invalid{border-color:var(--danger)!important;box-shadow:0 0 0 3px rgba(211,47,47,.08)!important}
.form-control.is-valid{border-color:var(--success)!important}
.err-msg{display:none;font-size:.72rem;color:var(--danger);margin-top:.25rem;font-weight:500;line-height:1.3}
.err-msg.show{display:block}
.radio-group.is-invalid .option-label{border-color:rgba(211,47,47,.5)!important}
.radio-group{display:flex;flex-wrap:wrap;gap:.5rem;min-height:42px;align-items:center}
.custom-option input{display:none}
.custom-option .option-label{display:inline-block;padding:.42rem 1rem;border:1.5px solid #dde1e5;border-radius:20px;font-size:.8rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s;user-select:none;white-space:nowrap}
.custom-option input:checked + .option-label{border-color:var(--primary);background:rgba(13,71,161,.08);color:var(--primary);font-weight:600}
.custom-option .option-label:hover{border-color:var(--primary-light);color:var(--primary-light)}
.upload-item{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;background:var(--bg-light);border-radius:10px;margin-bottom:.6rem;border:1.5px dashed var(--border-color);transition:border-color .2s}
.upload-item:hover{border-color:var(--primary-light)}
.upload-icon{font-size:1.5rem;flex-shrink:0}
.upload-info{flex:1;min-width:0}
.upload-info .upload-title{font-size:.82rem;font-weight:500;color:var(--text-dark);margin-bottom:.15rem}
.upload-info .file-name{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upload-actions{display:flex;gap:.4rem;flex-shrink:0}
.btn-upload{padding:.3rem .8rem;font-size:.75rem;border-radius:6px;border:1.5px solid var(--primary);background:transparent;color:var(--primary);font-weight:600;cursor:pointer;transition:all .2s;font-family:'Poppins',sans-serif}
.btn-upload:hover{background:var(--primary);color:#fff}
.btn-remove{padding:.3rem .55rem;font-size:.85rem;border-radius:6px;border:none;background:transparent;color:#d32f2f;cursor:pointer;font-weight:700;transition:background .2s}
.btn-remove:hover{background:rgba(211,47,47,.08)}
.upload-note{font-size:.74rem;color:var(--accent);font-weight:500;margin-bottom:1rem}
.form-nav{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2.4rem;border-top:1px solid #eee;background:#fafbfd;border-radius:0 0 16px 16px}
.form-nav .btn-prev,.form-nav .btn-next,.form-nav .btn-submit{font-family:'Poppins',sans-serif;font-weight:600;font-size:.88rem;padding:.6rem 1.8rem;border-radius:8px;border:none;cursor:pointer;transition:all .25s;display:inline-flex;align-items:center;gap:.4rem}
.form-nav .btn-prev{background:transparent;color:var(--text-muted);border:1.5px solid var(--border-color)}
.form-nav .btn-prev:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}
.form-nav .btn-next{background:#f1b72b;color:#fff;box-shadow:0 4px 14px rgba(13,71,161,.25)}
.form-nav .btn-next:hover{background:#f1b72b;transform:translateY(-1px)}
.form-nav .btn-submit{background:var(--success);color:#fff;box-shadow:0 4px 14px rgba(46,125,50,.25)}
.form-nav .btn-submit:hover{background:#388e3c;transform:translateY(-1px)}
.form-nav .btn-prev:disabled{opacity:.5;cursor:not-allowed}
.declaration-check{display:flex;align-items:flex-start;gap:.6rem;margin-top:1.2rem;padding:1rem;background:rgba(13,71,161,.04);border-radius:10px;border:1px solid rgba(13,71,161,.1);transition:border-color .2s}
.declaration-check.is-invalid{border-color:var(--danger)}
.declaration-check input[type="checkbox"]{margin-top:3px;width:18px;height:18px;accent-color:var(--primary);flex-shrink:0;cursor:pointer}
.declaration-check label{font-size:.82rem;font-weight:500;color:var(--text-dark);cursor:pointer;margin:0}
.success-message{text-align:center;padding:3rem 2rem}
.success-message .success-icon{width:80px;height:80px;border-radius:50%;background:var(--success);color:#fff;font-size:2.2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem;box-shadow:0 6px 20px rgba(46,125,50,.3)}
.success-message h3{font-weight:700;color:var(--success)}
.success-message p{color:var(--text-muted);font-size:.9rem}
@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
.homeblg{ padding: 70px 0;}
.blog_slider{ position: relative; display:  inherit;}
.blog_slider .blog-card{ padding: 15px;}
.blog_slider .blog-cards{ padding: 30px; border-radius: 20px; border: 1px solid #ddd;}
.blog_slider .blog-card h3{ color: #030303; font-size: 24px; font-weight: 700; margin: 20px 0;}
.blog_slider .blog-card h3 a{ color: #030303; font-size: 24px; font-weight: 700; text-decoration:  none; background:  none; padding: 0; text-transform:  capitalize;}
.blog_slider .blog-card p{ color: #030303; font-size: 18px; font-weight: 400; line-height: 30px;}
.blog_slider .blog-card a{ background: #ffba00; color: #000000; font-size: 14px; text-transform:  uppercase; border-radius: 20px; text-decoration:  none;}
.blog_slider .datepub{ text-transform:  uppercase; color: #030303; font-size: 14px;}
.blog_slider .datepub span{ float:  right;}
.homeblgt h2{ text-align: center;}
.endeeblog{ padding-top: 155px;}
.endeeblog .card{ border-radius: 1rem; margin-bottom: 30px;}
.endeeblog .card-body{ padding: 2rem;}
.endeeblog .card-body img{ border-radius: 30px;}
.endeeblog .card-body h1{ color: #2b2b2b; font-size: 30px; font-weight: 700; margin: 20px 0 0 0;}
.endeeblog .card-body h2{ font-weight: 600; font-size: 25px; margin-top: 20px;}
.endeeblog .card-body p{ color: #2b2b2b; font-size: 18px; font-weight: 400; line-height: 32px; margin: 12px 0;}
.endeeblog .card-body a{ background: #ff7c24; color: #fff; text-decoration:  none; font-size: 18px; font-weight: 400; border-radius: 20px; padding:2px 10px; display:  inline-block;}
.endeeblog .date_info{ margin-top: 20px; margin-right: 15px;}
.endeeblog .date_info span{ font-size: 18px; text-transform: uppercase; font-weight: 700;}
.endeeblog .date_info span .fa-solid{ margin-right: 3px;}
.sidebar-box h5{ color: #2b2b2b; font-size: 25px; text-transform:  uppercase; font-weight: 700; margin-bottom: 20px;}
.sidebar-box ul li{ border-bottom: 1px solid #ddd; padding: 10px 0; position: relative; padding-left: 30px;}
.sidebar-box ul li a{ color: #2b2b2b; font-size: 18px; font-weight: 400; text-decoration:  none;}
.sidebar-box ul li a.active{ color: #f5b400;}
.sidebar-box ul li:last-child{ border:  none;}
.sidebar-box ul li .fa-angles-right{ position: absolute; left: 0; top: 18px; color: #f5b400;}
.sidebar-box .custom-input { background: #fff; border-radius: 40px; padding: 7px 25px; border: none; width: 100%; margin-bottom: 15px; outline: none; color: #353535; font-size: 16px; font-weight: 500;
  text-transform:  uppercase; border: 1px solid #ddd;}
.sidebar-box .submit-btn { background: #f5b400; border: none; padding: 15px 65px; border-radius: 40px; font-weight: 500; display: block; margin:0 auto 0 auto; font-size: 16px; color: #353535;}
.sidebar-boxs{ padding: 0;}
.ftrteam{ text-align: center; margin-top: 30px;}
.ftrteam p{ font-weight: 600;}
.endeeblog .card-body h3{ font-size: 20px; margin-top: 30px; margin-bottom: 0;}
.endeeblog .card-body ul{ padding: 0; margin: 0;}
.endeeblog .card-body ul li{ list-style:  inside; font-size: 18px; font-weight: 400; line-height: 30px;}
.fraappfrm{ padding: 70px 0 0 0;}
.opmfs h2 { color: #f1b72b; font-size: 60px;font-weight: 700; margin-bottom: 30px;  font-family: "Poppins", sans-serif;}
.opmfs h2 span { display: block; color: #fff; font-size: 20px; font-weight: 400;}
.sidebar-box .btn-submit { background: #f1b72b; border: none; padding: 12px 35px; margin-top: 20px; cursor: pointer; font-weight: 400; font-size: 18px;}
.enquire-btn a{ color: #fff; text-decoration:  none;}
.footer-sections p a{ color: #fff; text-decoration:  none;}
.glry-img-box { position: relative; overflow: hidden; border-radius: 10px;}
.glry-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(241, 183, 43, 0.6); opacity: 0; display: flex; align-items: center;
  justify-content: center; transition: 0.4s ease;}
.glry-icon { color: #fff; font-size: 22px; width: 55px; height: 55px; border: 2px solid #fff; border-radius: 50%; display: flex; align-items: center;
  justify-content: center; transform: scale(0.7); transition: 0.4s ease;}
.glry-img-box:hover img { transform: scale(1.1);}
.glry-img-box:hover .glry-overlay { opacity: 1;}
.glry-img-box:hover .glry-icon { transform: scale(1);}





@media (max-width: 991px) {
    .mainmenu .navbar-nav { padding: 15px; background: #000; gap: 23px; margin-top: 20px; }
    .mainmenu .navbar-nav .nav-link { margin: 0; color: #fff !important; }
    .mainmenu .navbar-nav .nav-link:hover{ color: #fff;}
    .mainmenu .navbar-nav .nav-link:focus{ color: #fff;}
    .mainmenu .navbar-light .navbar-toggler{ border-color: rgba(0,0,0,0);}
    .client-grid { grid-template-columns: repeat(3, 1fr);}
}


@media (max-width:1200px){
  
}
@media (max-width: 1041px) {
 
}
@media (max-width: 992px) {
 
}

@media (max-width: 768px) {

.hamburger { width: 28px; height: 2px; background: #000; display: block; position: relative; transition: 0.3s; margin-top: 8px; margin-right: 60px;}
.hamburger::before,.hamburger::after { content: ""; position: absolute; width: 28px; height: 2px; background: #000; left: 0; transition: 0.3s;}
.hamburger::before { top: -8px; }
.hamburger::after { top: 8px; }
.navbar-toggler:not(.collapsed) .hamburger { background: transparent;}
.navbar-toggler:not(.collapsed) .hamburger::before { transform: rotate(45deg); top: 0;}
.navbar-toggler:not(.collapsed) .hamburger::after { transform: rotate(-45deg); top: 0;}
.mainmenu{ margin: 0;}
.banner-content{ bottom: 125px; width: 100%; padding: 0 15px; top: 25%; text-align: center;}
.parallax_slider .slide .h2_title{ font-size: 30px; line-height: 45px;}
.textpatrn .h3_title{ font-size: 18px;}
.navbar-brand{ padding-left: 15px;}
.navbar-brand img{ height: 65px;}
.sitetitle h1{ font-size: 22px;}
.yroscntr h2{ font-size: 55px;}
.yroscntr p{ font-size: 15px;}
.opmfs h2{ font-size: 30px; text-align: center;}
.service-tab p span{ display:  initial;}
.service-tab{ padding: 20px; text-align: center;}
.a-section-marquee-box h2{ font-size: 35px;}
.b-section-marquee-box h2{ font-size: 35px;}
.stats:after{ display:  none;}
.yroscntrs:nth-child(4){ padding: 0;}
.yroscntrs:nth-child(2){ padding: 0;}
.why-choose h2{ font-size: 25px; margin: 0;}
.yroscntrs{ text-align: center; padding: 0;}
.yrosmws{ padding: 30px 0 30px 0;}
.opmfs{ padding: 40px 0;}
.industries-section h2{ font-size: 25px;}
.industry-label{ font-size: 16px;}
.yroscntl{ text-align: center; padding-left: 15px;}
.mobsolution{ display:  inline-block; text-align: center; width: 100%;}
.yroscntrs p{ text-align: center;}
.service-tab h5{ font-size: 20px;}
.btn-holder.mobser{ display:  inline-block; width: 100%; text-align: center;}
.industry-label{ padding: 15px 5px;}
.endeefaq .card-link{ font-size: 18px;}
.endeefaq h2{ font-size: 35px;}
.cpyrgt{ padding: 0 15px 50px 15px;}
.parallax_slider{ height: initial; margin-top: 105px;}
.banner-img{ height:  inherit;}
.swiper-button-prev{ right:  inherit !important; left: 15px !important;}
.swiper-button-next{ right:  inherit !important; left: 65px !important;}
.btn span{ font-size: 14px;}
.swiper-button-prev, .swiper-button-next { width: 30px !important; height: 30px !important; background: #f1b72b; border-radius: 50%;}
.textpatrn{ bottom: 32px; left: 15px;}
.banner-content .p_para{ font-size: 16px; line-height: 26px;}
.yroscntl p{ font-size: 16px; line-height: 30px;}
.service-tab p{ font-size: 16px; line-height: 26px;}
.endeefaq .card-body{ font-size: 16px; line-height: 26px;}
.cpyrgt p{ font-size: 16px; line-height: 26px;}
.textpatrn.service{ bottom: -50px; text-align: center;}
.textpatrn.service h3{ font-size: 40px;}
.yroscntr{ padding-right: 15px; margin-bottom: 30px;}
.custom-navbar{}
.mainmenu .nav-item{ border-bottom: 1px solid rgba(255,255,255,.4);}
.mainmenu .navbar-nav .nav-link.active{ border:  none;}
.mainmenu .dropdown-toggle::after{ vertical-align: 0;}
.navbar-toggler{ border:  none;}
.navbar-toggler:after{ content:'Menu'; position: absolute; right: 15px; top: 46px; color: #464646; font-size: 20px; font-weight: 400;}
.custom-navbar button:focus{ outline:  none;}
.mainmenu .dropdown-item{ font-size: 16px;}
.navbar-nav .show > .nav-link{ color: #fff;}
.yroscntl h3 span{ display:  initial;}
.stats{ padding: 0 15px;}
.btn-holder{ margin-top: 5px;}
.feature-section .feature-box {height: auto; padding: 30px 20px;}
.why_slider .custom-card{ padding: 15px 20px; text-align: center;}
.why-box{ min-width: 158px; max-width: 158px; padding: 30px 8px 0 8px;}
.why-section h2{ font-size: 22px; margin-bottom: 20px;}
.why-section{ padding: 30px 0;}
.feature-box h3 span{ display:  initial;}
.feature-box h3{ font-size: 20px;}
.feature-box .content{ text-align: center;}
.custom-card{ padding: 20px 20px; text-align: center;}
.custom-card h5{ min-height:  inherit; font-size: 20px;}
.custom-card h5 span{ display:  initial;}
.custom-card p{ min-height:  inherit; font-size: 16px; margin: 0;}
.why-choose{ padding-top: 40px;}
.capabilities .title{ font-size: 26px;}
.feature-box p{ font-size: 16px;}
.capabilities{ padding: 30px 0;}
.capabilities .subtitle{ font-size: 16px;}
.cap-card p{ font-size: 16px;}
.factories{ padding: 30px 0;}
.factories .title{ font-size: 30px; margin-bottom: 30px;}
.factory-card h5{ font-size: 18px;}
.innerbnr .banner-content h2{ font-size: 20px;}
.laser-section .main-title{ font-size: 20px; text-align: center;}
.laser-box{ padding: 20px; text-align: left;}
.fabrication-box{ padding: 0; text-align: center;}
.laser-section{ padding: 30px 0; text-align: center;}
.fabrication-section{ padding: 30px 20px;}
.border-right-custom{ border:  none;}
.location-box p{ min-height:  inherit;}
.location-box{ padding: 20px 15px; text-align: center;}
.enquiry-box{ padding: 15px;}
.enquiry-box h2{ font-size: 30px;}
.enquiry-section{ padding: 30px 0;}
.enquiry-box .form-group label{ font-size: 16px;}
.client-grid { grid-template-columns: repeat(2, 1fr); }
.innrclient h2{ font-size: 25px;}
.capabilitiess{ padding: 0;}
.footer-mobile .card-body{ padding: 0;}
.innerbnr .textpatrn{ padding-left: 2%;}
.glrysec{ padding: 30px 0;}
.glrysec-gallery-item img{ height: 200px;}
.ocBg h2{ font-size: 30px;}
.ocBg{ padding: 30px 0;}
.ocmqbg{ margin-bottom: 30px;}
.custom-navbar.scrolled .navbar-toggler::after{ top: 39px;}
.laser-section .main-title span{ display:  initial;}
.laser-section .desc{ font-size: 16px;}
.laser-box ul li{ font-size: 16px;}
.fabrication-box p{ font-size: 16px;}
.laser-section .laserinfo{ text-align: left;}
.laser-section .sub-title.cncpending{ font-size: 18px; text-align: center; margin: 20px 0;}
.innerbnr .banner-content{ top: 18%;}
.opmfs.service{ padding: 40px 0 30px 0;}
.service-tab h5.service{ font-size: 20px;}
.mobile-call-top { display: block; position: fixed; bottom: 225px; left: 0; z-index: 9999;  width: 100%;  text-align: center;}
.mobile-call-top button {background: #f1b72b; color: #fff; border: none; padding: 7px 11px; border-radius: 50%; font-size: 18px; cursor: pointer; box-shadow: 0 3px 10px rgba(0,0,0,0.2); position: fixed;
  bottom: 55px; left: 15px; z-index: 9999;}
.call-options { display: none; position: absolute; top: 50px; right: 0; background: #fff; border-radius: 8px; min-width: 220px; box-shadow: 0 5px 15px rgba(0,0,0,0.2); overflow: hidden; width: 100%;}
.call-options a { display: block; padding: 10px; text-decoration: none; color: #333; border-bottom: 1px solid #eee;}
.call-options a:hover { background: #f5f5f5;}
.why-box p{ font-size: 16px;}
.enquire-sticky{ right:  inherit; top:  inherit; bottom: 0; left: 0; width: 100%; text-align: center; background: #f1b72b; transform: translateY(0);}
.icon-btn{ display: initial; padding: 7px 12px;}
.enquire-btn{ writing-mode: horizontal-tb; transform: rotate(0); display:  inline-block; padding: 10px 11px;}
.scroll-top{ bottom: 38px;}
.modal-header{ padding: 10px 0;}
.enquiry-box .form-group.popup{ margin-bottom: 0;}
.form-card{margin:1.2rem .6rem 2rem}
.step-content{ padding: 0;}
.form-nav{padding:1rem 1.2rem}
.step-label{display:none}
.step-circle{width:32px;height:32px;font-size:.72rem}
.stepper::before,.stepper-progress{top:15px}
.form-header h2{font-size:1.3rem}
.btn-next,.btn-prev,.btn-submit{padding:.5rem 1.2rem;font-size:.82rem}
.form-col-6,.form-col-4{width:100%}
.mobile-wrap .country-code{width:80px}
.footer-mobile p.ftrmobmot{ text-align:  center;}
.laser-section .sub-title{ text-align:  center;}
.laser-box.machinery{ margin-left: 15px; margin-right: 15px;}
.laser-section .laserinfo ul li{ font-size: 16px;}
.step-progress-bar .progress-text .step-title{ font-size: 14px;}
.step-progress-bar .progress-text .step-count{ font-size: 14px;}
.section-title{ text-align: center; display:  inherit;}
.blog_slider{ display:  initial;}
.blog_slider .blog-cards{ padding: 15px;}
.homeblg{ padding: 20px 0;}
.endeeblog .card-body{ padding: 15px;}
.endeeblogs{ padding: 0;}
.endeeblog .card-body h1{ font-size: 24px;}
.endeeblog .card-body p{ font-size: 16px;}
.sidebar-box h5{ font-size: 20px;}
.endeeblog .card-body ul li{ font-size: 16px;}
.innerbnr .banner-content .h2_title{ font-size: 20px; line-height: 24px;}
.fraappfrm{ padding: 45px 0 0 0;}
.location-box h4{ font-size: 20px;}


  
   
  
}



@media (max-width: 580px) {
 

}