/*!
Theme Name: neptune
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: neptune
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

neptune is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

::selection {
	background: #000; 
	color:#fff;
	}
::-moz-selection {
	background: #000;  
	color:#fff;
} 

 
/*  font-family: "Sora", sans-serif; 
font-family: "Inter", sans-serif;*/ 
	
*,
*::before,
*::after{ margin:0; padding:0; box-sizing:border-box; outline:none;}
.container {  position:relative;}
body { margin:0; padding:0; font-family: "Inter", sans-serif; font-weight:400; line-height:normal; overflow-x: hidden !important; max-width:100%; }
p { margin:0; padding:15px 0 0 0; font-family: "Inter", sans-serif; font-weight:400; font-size:16px; line-height:24px ; color: #3a4d6e; }
h1, h2, h3, h4, h5, h6  { margin:0; padding:0; font-weight:700; font-family: "Sora", sans-serif; }
ul, li { margin:0; padding:0; font-family: "Inter", sans-serif;}
a { color:#000; text-decoration:none;}
a:hover  { text-decoration:none;  }
img { max-width:100%; height:auto; display:block;}
.form-control:focus {box-shadow:none; border-color:#0d6efd;}
h1 { font-size:clamp(30px, 5.5vw, 70px); line-height:1.05;}
h2 { font-size:clamp(24px, 3.4vw, 40px); line-height:1.15;}
h3 { font-size:clamp(18px, 5vw, 24px); line-height:clamp(26px, 5vw, 34px);}
h4 { font-size:clamp(16px, 5vw, 20px); line-height:clamp(24px, 5vw, 28px);}
h5 { font-size:clamp(16px, 5vw, 18px); line-height:clamp(22px, 5vw, 26px);}
h6 { font-size:clamp(16px, 5vw, 18px); color:#1652F0; text-transform:uppercase; font-weight:400;}

.btn { background:#1652F0; border:none; font-size:16px; line-height:20px; font-weight:600; padding:14px 30px !important; border-radius:99px; color:#fff !important; text-decoration:none; }
.btn:hover { background:#0B1F3A; color:#fff !important;}
.btn-outline-dark { background:#ffffff; border:1px solid #0B1F3A !important; color:#0B1F3A !important; box-shadow:none;}
.btn-outline-dark:hover { background:#0B1F3A; color:#fff !important; }

header { width:100%; background:#F2F6FF;} 
.navbar-pill{max-width: 1300px; margin:15px auto 0 auto;padding:10px 30px;background:#fff; border:1px solid rgba(11,31,58,0.08);border-radius:50px;box-shadow:0 10px 34px -18px rgba(11,31,58,0.25);  }
.navbar-brand{ width:180px;}
.nav-link{font-size:15px; font-weight:500; padding:9px 16px!important; border-radius:99px; color:#0B1F3A !important; transition:background .25s;}
.nav-link:hover{background:#F2F6FF;}
.nav-link.cta{background:#1652F0; color:#ffffff !important; padding:14px 30px !important;}
.nav-link.cta:hover{background:#0B1F3A;} 

.reveal { opacity: 0; transform: translateY(30px); transition: opacity .7s cubic-bezier(.2, .8, .2, 1), transform .7s cubic-bezier(.2, .8, .2, 1);}
.reveal.in { opacity: 1; transform: translateY(0);}
.pill { display: inline-flex; align-items: center; gap: 8px; background:#ffffff; border: 1px solid rgba(11,31,58,0.08); padding: 8px 18px; border-radius: 99px; font-size:14px; font-weight: 500; color: #1652F0; box-shadow: 0 4px 14px rgba(11,31,58,0.05); margin-bottom:10px; }
.pill .dot { width: 6px; height: 6px; border-radius: 50%; background: #1652F0;;}
/* mesh background */
.mesh { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0;}
.blob { position: absolute; border-radius: 50%; filter: blur(70px); opacity: .55;}
.b1 { width: 520px; height: 520px; background: radial-gradient(circle, #4C8DFF, transparent 70%); top: -180px; right: -120px;}
.b2 { width: 420px; height: 420px; background: radial-gradient(circle, #1652F0, transparent 70%); bottom: -160px; left: -100px; opacity: .25;}

section { background:#F2F6FF; }
.hero { padding-top:clamp(120px, 8vw, 200px);  padding-bottom:clamp(40px, 5vw, 80px); position:relative; }
.hero h1 .grad { background: linear-gradient(100deg, #1652F0, #4C8DFF); -webkit-background-clip: text; background-clip: text; color: transparent;}
.hero_bento{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:20px; position:relative; z-index:1;}
.bento_card { border-radius: 20px; overflow: hidden; position: relative; box-shadow: 0 20px 45px -25px rgba(11,31,58,0.3);}
.bento_card  h5 {   padding:0 0 0 20px;  color:#fff; position: absolute; bottom:15px; left: 0; z-index: 1;}
.bento_card img { width: 100%; height: 100%; object-fit: cover; transition:transform .5s;}
.bento_card.big { grid-row: span 2; height: 420px;}
.bento_card.small { height: 200px;}
.bento_card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0,0,0,0.6), transparent 50%);}
.bento_card .carousel { position: initial;}
.bento_card .carousel-caption {  z-index:2; text-align:left; left:0; right: auto; width: auto;}
.bento_card .carousel-indicators { margin:0; right: 20px;  left: auto;  bottom: 12px;}
.bento_card .carousel-indicators [data-bs-target] { width: 20px;}

.bento_label { position: absolute; bottom: 16px; left: 18px; color: white; font-weight: 600; font-size:16px; z-index: 2;}
.stat_card { background:#0B1F3A; color:#ffffff; border-radius: 24px; padding: 26px; height: 200px	; display: flex; flex-direction: column; justify-content: center; text-align:center;}
.stat_card p {   color: rgba(255,255,255,0.65); padding:5px 0 0 0;}

.about_section_bg { text-align:center; padding:clamp(40px, 5vw, 80px) 0;}
.about_section_bg h2 { max-width:630px; margin:0 auto;}
.about_card{background:#FFFFFF; border-radius:20px; padding:30px; border:1px solid rgba(11,31,58,0.08); position:relative; overflow:hidden; margin-top:30px;}
.about_card .glow{position:absolute; width:220px; height:220px; background:radial-gradient(circle,#4C8DFF,transparent 70%); opacity:.18; top:-80px; right:-80px; border-radius:50%; }

.value_section_bg  { text-align:center; padding:clamp(40px, 5vw, 80px) 0;}
.value_section_bg h2 { max-width:630px; margin:0 auto;}
.value_card {background:#FFFFFF; border-radius:20px; padding:30px; border:1px solid rgba(11,31,58,0.08); transition:transform .3s, box-shadow .3s;   margin-top:30px;}
.value_card:hover {transform:translateY(-8px); box-shadow:0 30px 60px -25px rgba(22,82,240,0.35); }
.value_icon {width:54px; height:54px; margin:0 auto 20px auto; border-radius:10px; background:linear-gradient(135deg,#1652F0,#4C8DFF); display:flex; align-items:center; justify-content:center; color:white; font-size:20px;}   

.categories_section_bg {background:#0B1F3A; border-radius:30px; padding:clamp(40px, 5vw, 80px) 0; color:#ffffff; position:relative; overflow:hidden; text-align:center; scroll-margin-top:60px;}
.categories_section_bg h2 { max-width:630px; margin:0 auto;}
.categories_section_bg p {color: rgba(255,255,255,0.6);}
.categories_section_bg .pill {background:rgba(255,255,255,0.08); border-color:rgba(255,255,255,0.15); color:#4C8DFF; }
.cate_card{background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.12); border-radius:20px; padding:30px; text-align:center; transition:transform .35s, background .35s; margin-top:30px; }
.cate_card:hover {transform:translateY(-10px) scale(1.03); background:rgba(255,255,255,0.09); }
.cate_card .icon {width:74px; height:74px; border-radius:50%; margin:0 auto 20px auto; display:flex; align-items:center; justify-content:center; font-size:1.5rem; color:white; background: linear-gradient(135deg,#1652F0,#4C8DFF); }

.products_section_bg { padding:clamp(40px, 5vw, 80px) 0; text-align:center;}
.products_section_bg h2 { max-width:630px; margin:0 auto;}
.prod_card{background:#FFFFFF; border-radius:20px; overflow:hidden; border:1px solid rgba(11,31,58,0.08); transition:transform .3s, box-shadow .3s; margin-top:30px;}
.prod_card:hover{transform:translateY(-8px); box-shadow:0 30px 60px -25px rgba(22,82,240,0.35); }
.prod_thumb img{width:70%; margin:15px auto 0 auto;  }
.prod_body{padding:20px; display:flex; justify-content:space-between; align-items:center; }
.prod_body h5 {  margin:0; text-align:left; line-height:22px; }
.prod_body h5 span { font-size:14px; font-weight:400;}
.prod_body .down_icon {width:38px; height:38px; border-radius:50%; background:#1652F0; display:flex; align-items:center; justify-content:center; color:#fff; flex-shrink:0; border: none; padding: 0; cursor: pointer;}
.prod_body .down_icon:hover { background:#0B1F3A;}

.work_section_bg { padding-bottom:clamp(40px, 5vw, 80px); text-align:center;}
.work_section_bg h2 { max-width:630px; margin:0 auto;}
.gal_item {border-radius:20px; overflow:hidden; position:relative; height:200px; margin-top:30px; }
.gal_item.tall {height:430px; }
.gal_item img {width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.gal_item:hover img {transform:scale(1.08); }
.gal_item::after {content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,0.6),transparent 50%); }
.gal_item .tag {position:absolute; bottom:14px; left:16px; color:#fff; font-weight:600; font-size:16px; z-index:2; }
  
footer { width:100%; background:#0B1F3A; padding:0; position:relative;}
.footer_top_bg { padding:50px 0; border-bottom:1px solid #404040; display:flex; justify-content:space-between; align-items:center;}
.footer_top_bg h3 { color:#fff;}
.footer_top_bg p { color:#CCCCCC; width:100%; padding:0;}
.footer_top_bg .btn { float:right;}
.footer_top_bg .btn:hover { background:#fff; color:#000 !important;}
 
.footer_box { display: flex; flex-wrap: wrap; width:100%; padding:60px 0 0 0;}  
.footer_box h4 { color:#fff; padding-bottom:5px; width:100%;}
.footer_box p { display: flex; width:100%; font-size:16px; line-height:20px; text-align:left; color:#ccc; padding:15px 0 0 0;}
.footer_box p i {  font-size:18px; color:#1652F0; padding:2px 5px 0 0;}
.footer_box p i.fa-location-dot{ font-size:22px; margin-bottom:22px;}
.footer_box p a {color:#ccc;}
.footer_box p a:hover { color:#fff;}
.footer_box ul {  width:50%; list-style:none; padding:7px 0 0 0; margin:0;}
.footer_box li {  width:100%; list-style:none; padding:8px 0 8px 0; margin:0;}
.footer_box li a {  font-size:16px; color:#ccc; padding:0 0 0 14px; background:url(images/button-arrow.svg) left 5px no-repeat;}
.footer_box li a:hover { color:#fff;}
.footer_box .left_icon a {  font-size:24px; color:#fff; margin:20px 20px 0 0;}
.footer_box .left_icon a:hover { color:#1652F0;}
.footer_newsletter_box {  width:100%; position:relative; }
.footer_newsletter_box .newsletter_input {  width:100%; margin-top:15px; padding:0 0 0 20px; background:#fff; font-size:16px; color:#000; height:50px; border:none; border-radius:40px;}
.footer_newsletter_box .btn {  margin-top:15px;}
.footer_newsletter_box .btn:hover { background:#fff; color:#000 !important;}
.copyright_text_bottom {  width:100%; text-align:center; color:#cccccc; font-size:16px; background:#0E1732; padding:25px 0; margin-top:60px;}  
   
.requestaquote_popup .modal-content { background:#fff;}
.requestaquote_popup .modal-header { padding:15px 20px;}
.requestaquote_popup .modal-body { padding:5px 20px 20px 20px;}
.requestaquote_popup .modal-title { color:#000; text-align:left;}
.requestaquote_popup .form-control { width:100%; font-size:16px; color:#000; background:#fff; border:1px solid #ccc; min-height:50px; padding:8px 15px; margin-top:15px; border-radius:5px;} 
.requestaquote_popup .form-select { width:100%; font-size:16px; color:#000; border:1px solid #ccc; min-height:50px; padding:8px 15px; margin-top:15px; border-radius:5px; }
.requestaquote_popup .btn {   margin-top:15px; }   

.catalogue_popup .modal-content { background:#fff;}
.catalogue_popup .modal-header { padding:15px 20px;}
.catalogue_popup .modal-body { padding:20px 20px 20px 20px;}
.catalogue_popup .modal-title { color:#000; text-align:left;}
.catalogue_popup .form-control { width:100%; font-size:16px; color:#000; background:#fff; border:1px solid #ccc; min-height:50px; padding:8px 15px; margin-bottom: 15px; border-radius:5px;} 
.catalogue_popup .form-select { width:100%; font-size:16px; color:#000; border:1px solid #ccc; min-height:50px; padding:8px 15px; margin-bottom: 15px;  border-radius:5px; }

.inner_page_title_bg {width:100%; background-size:cover !important; padding:230px 0 160px 0; position:relative; text-align:center;}
.inner_page_title_bg::before {content: ''; position:absolute; top:0; left:0; width: 100%; height:100%; background-color: rgba(0, 0, 0, 0.5);}
.inner_page_title_bg h1 { color:#fff;}
.inner_page_title_bg .header_link { width:100%; text-align:center; font-size:16px; color:#fff; padding:10px 0 0 0;}
.inner_page_title_bg .header_link a { text-align:center; font-size:16px; color:#fff;}
.inner_page_title_bg .header_link span { text-align:center; font-size:16px; padding:0 15px; color:#fff;}

.about_page_secbg { padding:clamp(40px, 5vw, 80px) 0;}
.about_page_secbg .about_img img { border-radius:20px;}
.about_page_secbg ul { margin:0; padding:10px 0 0 0; list-style:none;}
.about_page_secbg li { margin:0; padding:5px 0 0 22px; list-style:none; font-size:16px; line-height:24px; color:#3a4d6e; background:url(images/ellipse-icon.svg) left 8px no-repeat;}

.stats_strip_bg { padding-top:clamp(20px, 5vw, 60px);}
.stats_strip_bg .stat { margin-top:20px; text-align:center;}
.stats_strip_bg .stat h2 { color:#1652F0;}

.values_section_bg  { background:#fff; padding:clamp(40px, 5vw, 80px) 0;}
.principle_list .item { display: flex; gap: 14px; align-items: flex-start; padding: 16px 0; border-bottom:  1px solid rgba(11,31,58,0.08);}
.principle_list .item:last-child { border-bottom: none;}
.principle_list h4 {font-weight: 700; color:#1652F0; flex-shrink: 0; width: 36px;}
.principle_list h6 { text-transform:capitalize; color:#222; font-weight:600;}
.principle_list p { padding:5px 0 0 0;}

.certification_section_bg { text-align:center; padding:clamp(40px, 5vw, 80px) 0;}
.cert_card { background: #fff; border-radius: 20px; padding:30px; border: 1px solid rgba(11,31,58,0.08); text-align: center; display: flex; align-items: center; gap:20px;  text-align:left; margin-top:30px; transition:transform .3s, box-shadow .3s}
.cert_card .image { width:30%; object-fit: contain; margin: 0 auto 20px;}
.cert_card .text {  width:70%; text-align:left; }
.cert_card:hover {transform:translateY(-8px); box-shadow:0 30px 60px -25px rgba(22,82,240,0.35); }

.dealer_section_bg { padding-bottom:clamp(40px, 5vw, 80px);}
.dealer_grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center;}
.dealer_media img { width: 100%; border-radius: 16px;}
.dealer_stats { display: flex; gap: 36px; margin-top: 24px;}
.dealer_stats p { padding:5px 0 0 0;}


.contact_enquiry_bg { width:100%; padding:clamp(40px, 5vw, 80px);}
.contact_enquiry_box { width:100%; text-align:center; margin:0;}
.contact_enquiry_icon {width:54px; height:54px; margin: 0 auto 20px auto; border-radius: 10px; background: linear-gradient(135deg,#1652F0,#4C8DFF); display: flex; align-items:center; justify-content:center; color:#fff; font-size:20px;}
.contact_enquiry_box p { padding:10px 15px 0 15px;}
 
.get_touch_withus { width:100%; padding:0; background:#fff; }
.get_touch_withus .row { align-items: center;}
.contact_info_right { width:100%; padding:clamp(30px, 5vw, 80px); border-radius:0; background:#0B1F3A; text-align:center; }
.contact_info_right h2 { text-align:center; color:#fff; padding:0;}
.contact_info_right h5 { text-align:center; color:#F38120; padding:15px 0 0 0;}
.contact_info_right p {  width:100%; font-size:16px; color:#fff; padding:10px 0 0 0;}
.contact_info_right p a { color:#fff;  }
.contact_info_right p a:hover { color:#fff;}
.contact_info_right .locations_box {   width:100%; text-align:center;  background:#1652F0; padding:50px 40px; margin-top:30px;}
.contact_info_right .locations_box h5 { text-align:center; color:#fff; padding:0; font-size:24px;}
.contact_info_right .locations_box .left_icon { margin-top:0;   width:100%; padding:30px 0 0 0; text-align:center;}
.contact_info_right .locations_box .left_icon a { margin:0 10px; color:#fff; font-size:30px;  text-align:center; }
.contact_info_right .locations_box .left_icon a:hover { color:#fff; }
.contact_info_right .locations_box p { padding:15px 0 0 0;}

.contact_from_box { width:90%; text-align:left;}
.contact_from_box h2 { text-align:left; padding:0;}
.contact_from_box p { width:100%; font-size:18px; line-height:26px; color:#333; padding:15px 0 10px 0;}
.contact_from_box .form-control { width:100%; margin:0; background:#fff;  border:1px solid #cccc; min-height:50px; font-size:16px; color:#000; padding:0 15px; background:#fff; margin:20px 0 0 0;}
.contact_from_box .form-select { width:100%; margin:0; border:1px solid #cccc; min-height:50px; font-size:16px; color:#000; padding:15px; background:#fff; }
.contact_from_box  .btn { margin-top:20px;}

.gallery_section_bg {padding:clamp(40px, 5vw, 80px) 0;}
.gallery_section_bg .filters   {justify-content: center; padding:0; }
.gallery_section_bg .filters button { color:#000; padding: 12px 30px; background:none; border:none; font-weight:600;}
.gallery_section_bg .filters button:hover  { color:#1652F0; border-bottom:none;}
.gallery_section_bg .filters button.active { color:#fff; border:none; background: #1652F0; border-radius:30px; font-size:16px; line-height:20px; }
.product_gallery_img { width:100%; height: 220px; overflow: hidden; position: relative; margin-top:30px; background:#000; border-radius:10px; }
.product_gallery_img img { width:100%; height:100%; object-fit:cover; object-position:center; display:block; border-radius:10px;}
.product_gallery_img:hover img { opacity:0.5;}

@media (min-width:1100px) {
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width:1300px;}
}
 
@media only screen and (min-width:220px) and (max-width:1120px) { 
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1020px;} 
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding-right: var(--bs-gutter-x, 15px); padding-left: var(--bs-gutter-x, 15px); --bs-gutter-x: 15px;}
}
 
@media only screen and (min-width:220px) and (max-width:1240px) { 
 
}

@media only screen and (min-width:220px) and (max-width:1080px) { 
.navbar-pill { border-radius:0; margin:0 auto; padding: 10px 15px;} 
.inner_page_title_bg { padding:160px 0 80px 0; }
 
}

@media only screen and (min-width:220px) and (max-width:991px) { 
.navbar-toggler { padding:8px 12px;} 
.nav-link { padding:0 !important; margin:7px 0;}
.about_page_secbg .about_img img { margin-bottom:30px;}
}
 
@media only screen and (min-width:220px) and (max-width:860px) {

}


@media only screen and (min-width:220px) and (max-width:767px) {
.hero_bento {grid-template-columns: 1fr;} 
.footer_top_bg { padding:40px 0;}
.footer_top_bg .btn { float:none; margin:15px 0 0 0;}
.footer_box { padding:40px 0 0 0;}
.footer_box ul { padding:0; width:100%;}
.copyright_text_bottom { margin-top:40px;}
 
}

@media only screen and (min-width:220px) and (max-width:640px) {
.contact_info_right .locations_box { padding:30px 20px; }

}
@media only screen and (min-width:220px) and (max-width:480px) {
.cert_card { padding:20px;} 
.gallery_page_main .gallery-item { width:100%; min-width:100%;}

}     

.about_text_main {width: 100%; padding:50px 0 60px 0;} 


.neptune_img_box {  width:100%; background:url(images/pdf-bg-img.png) left top repeat;}
.neptune_img_box h2 {  width:100%; color:#000; text-align:center; margin:0; padding:15px 0 0 0; text-transform:uppercase; background:#fff;}
.neptune_img_box h4 {  width:100%; color:#000; text-align:center;  margin:0; padding:15px 0;  text-transform:uppercase; background:#fff;}
.neptune_img_box h5 {  width:100%; color:#000; text-align:center;  margin:0; padding:15px 0;  text-transform:uppercase; font-weight:bold;}
.neptune_img_box img {  width:36%; margin:0 32% 15px 32%;}

.neptune_img_box .view_360 {  width:36%; margin:0 32% 15px 32%;}
.pnlm-panorama-info{display:none !important;}
@media only screen and (min-width:220px) and (max-width:768px) {
.neptune_img_box img {  width:92%; margin:0 4% 15px 4%;}
.neptune_img_box .view_360 {  width:92%; margin:0 4% 15px 4%;}
}
.neptune_img_box h2 img { max-width: 180px; margin:0 0 15px 0; float: none; width: auto; display: initial;}