@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');
*{font-family: "Poppins", sans-serif !important;}
.fa{font-family:"fontawesome" !important;}
.bi{font-family:"bootstrap-icons" !important;}
:root{
  --bg:#07142b;
  --bg2:#0b1b36;
  --card:#102342;
  --line:#1d3b63;
  --text:#f5f8ff;
  --muted:#94afd0;
  --blue:#16b8f3;
  --blue2:#0b91d2;
  --white:#fff;
  --max:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
.bg-1{background-color: var(--bg) !important;}
body{
  font-family:"Poppins", sans-serif;
  /* background:var(--bg); */
  font-size: 15px;
  color:var(--text);
  line-height:1.6;
  overflow-x:hidden;
}
.bg-1 h1, .bg-1 h2, .bg-1 h3, .bg-1 p{color: #fff;}
/**/
.main-table{ font-family:"Poppins", sans-serif; font-weight:normal; Font-size:15px; color:#333; line-height:24px; text-align:justify;}
.main-heading{ font-weight:bold; Font-size: 20px; color:#222; text-align:left; line-height:30px; border-bottom:1px #ccc dashed; text-transform:uppercase; margin-bottom:10px;}
.sub-heading{ font-weight:bold; Font-size:16px; color:#222; line-height:30px; text-align:left; margin:0;}
.team-title{ font-weight:bold; Font-size:14px; color:#222; line-height:30px; text-align:left;}
.maps{ text-align:center;}
#divmainenquiry11 .close, #alertneew .close { position: absolute; right: 14px; font-size: 30px; cursor: pointer;}
.RadDock .rdContent{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important; }
/*nav-bar*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
#MenuControl .bg-light{background-color: var(--bg) !important; height:100%;}
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover, #MenuControl .dropdown-item:focus, #MenuControl .dropdown-item:hover{background-color:var(--bg) !important; color:#fff !important;}
.nav-link{font-weight: 600; color:#fff;}
.nav-fill{/*width:100%; */font-size: 15px;}
.nav-item a{font-size:15px;}
.navbar-brand{margin:0;}
.RadGrid_Default .rgHoveredRow{background:#c5c5c5 !important;}
.navbar-toggler{background: #fff;}
#MenuControl_C .dropdown-menu {
    border-radius: 0;
    padding: 0 !important;
    animation: fadeInUp 400ms;
}
/*nav-bar*/
#body1 #form2 #RadDockZone1.container{max-width: 100%; width: 100%;background-color: var(--bg) !important;}
header, #home{background:var(--bg);}
/**/
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--max),92%);margin:auto}

/*innr-pg-bnnr*/
.otherpagecss #RadDockZone1.container {
    max-width: 100%; width: 100%;
}

.otherpagecss #RadDockZone1.container #HomepagecontentControl_C > center > table, #HomepagecontentControl_C > center > table:nth-child(1) {
    margin-top: 0 !important;
}

.innr-pg-bnnr {
    padding: 100px 0 0;
    width: 100%;
    background-size: cover;
    min-height: 400px;
    text-align: center;
    position: relative;
    /* margin-bottom: 40px; */
}

.innr-pg-bnnr:after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
    /* background: #26243cc7; */
    background:linear-gradient(90deg,rgba(7,20,43,.96) 0%,rgba(7,20,43,.78) 42%,rgba(7,20,43,.25) 100%),
    url("../image/Abt-pg-bg.jpg") center/cover
}

.main-table.innr-pg {
    padding-bottom: 50px;
}
.text-justify{text-align: justify;}
.innr-pg-bnnr h1 {
    color: #16b8f3;
    text-align: center;
    text-transform: uppercase;
    font-size: 37px;
    font-weight: 800;
    position: relative;
    z-index: 1;
    /* font-family: "Libre Baskerville", serif; */
}

a {
    text-decoration: none;
}

.inner-pages ul, .innr-pg ul {
    padding: 0px;
    margin-bottom: 0;
}

.inner-pages li, .innr-pg li {
    position: relative;
    list-style: none;
    padding-left: 30px;
}

.inner-pages li:before, .innr-pg li:before {
    content: "\F28A";
    position: absolute;
    font-family: bootstrap-icons;
    font-size: 12px;
    line-height: 30px;
    left: 7px;
    top: -2px;
    color: #a2d5f2;
}

/*innr-pg-bnnr*/
/* NAV */
/* .nav{
  position:sticky;top:0;z-index:1000;
  background:rgba(7,20,43,.90);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(61,111,160,.35);
}
.nav-inner{
  min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px;
} */
.logo1{display:flex;align-items:center;gap:12px;font-weight:800;font-size:21px; color: #fff;justify-content: center;}
#HeaderControl_C{background-color: var(--bg) !important;}
.logo1:hover{color: #fff;}
.logo-mark{
  width:44px;height:44px;border-radius:9px;
  display:grid;place-items:center;background:var(--blue);
  color:white;font-size:23px;box-shadow:0 8px 25px rgba(22,184,243,.25)
}
.logo1 span{color:var(--blue)}
.nav-links{display:flex;gap:38px;color:var(--muted);font-weight:600}
.nav-links a{transition:.25s}
.nav-links a:hover{color:white}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 23px;border-radius:8px;border:1px solid transparent;
  font-weight:800;cursor:pointer;transition:.25s;}
.btn-primary{background:var(--blue);color:#031222}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(22,184,243,.25)}
.btn-outline{border-color:#2d5b88;color:white}
.btn-outline:hover{border-color:var(--blue);color:var(--blue)}
/* .menu{display:none;background:none;border:0;color:white;font-size:28px} */
#widgetsControl, #widgetsControl_C{height: inherit !important;}
/* HERO */
.hero{
  min-height:720px;display:grid;align-items:center;
  position:relative;isolation:isolate;
  background:
    linear-gradient(90deg,rgba(7,20,43,.96) 0%,rgba(7,20,43,.78) 42%,rgba(7,20,43,.25) 100%),
    url("../image/hero-img.jpg") center/cover;
}
.hero:after{
  content:"";position:absolute;inset:auto 0 0;height:180px;
  background:linear-gradient(transparent,var(--bg));z-index:-1
}
.hero-content{max-width:720px;padding:100px 0}
.eyebrow{
  color:var(--blue);font-size:14px;letter-spacing:3px;
  text-transform:uppercase;font-weight:800;margin-bottom:18px
}
h1{font-size:clamp(40px,7vw,77px);line-height:.98;letter-spacing:0px;margin-bottom:25px}
h1 span{color:var(--blue)}
.hero p{font-size:19px;color:var(--muted);max-width:620px;margin-bottom:32px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}

/* SECTION */
section{padding:105px 0}
.section-head{max-width:700px;margin-bottom:55px}
.section-number{font-size:13px;color:var(--blue);font-weight:900;letter-spacing:3px;margin-bottom:12px}
.section-head h2{font-size:clamp(35px,5vw,50px);line-height:1.05;letter-spacing:-2px;margin-bottom:16px}
.section-head p{color:var(--muted);font-size:18px}

/* STATS */
.stats{
  margin-top:-30px;position:relative;z-index:2;
  display:grid;grid-template-columns:repeat(3,1fr);gap:22px
}
.stat{
  background:linear-gradient(145deg,#102544,#0b1b34);
  border:1px solid var(--line);border-radius:18px;padding:42px;
  transition:.3s;min-height:230px
}
.stat:hover{transform:translateY(-6px);border-color:#277db6}
.stat strong{display:block;color:var(--blue);font-size:55px;line-height:1;font-weight:800;letter-spacing:-3px;margin-bottom:25px}
.stat h3{font-size:20px;margin-bottom:4px}
.stat p{color:var(--muted)}

/* FLEET */
.fleet-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:24px}
.fleet-grid-2{grid-template-columns:repeat(2,1fr);}
.fleet-grid-3{grid-template-columns:repeat(3,1fr);}
/* .innr-pg .fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} */
.innr-pg .section-head{max-width:100%; text-align: center;}
.fleet-card{
  border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card);
  transition:.3s
}
.fleet-card:hover{transform:translateY(-7px);border-color:#2d8dca}
.fleet-image{height:310px;overflow:hidden}
.fleet-image img{width:100%;height:100%;object-fit:cover;transition:.6s}
.fleet-card:hover img{transform:scale(1.05)}
.fleet-body{padding:28px}
.tag{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.fleet-body h3{font-size:25px;margin:8px 0}
.fleet-body p, .fleet-body ul{color:var(--muted);margin-bottom:22px; font-size: 15px;    text-align: start;}
.specs{display:flex;gap:25px;flex-wrap:wrap}
.spec strong{display:block;color:white;font-size:18px}
.spec span{font-size:13px;color:var(--muted)}

/* TECHNOLOGY */
.tech{
  display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center
}
.tech-image{
  min-height:540px;border-radius:20px;overflow:hidden;
  background:url("../image/tech-image.jpg") center/cover;
  border:1px solid var(--line)
}
.feature-list{display:grid;gap:25px}
.feature{display:flex;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}
.feature-icon{
  min-width:46px;height:46px;border-radius:10px;background:rgba(22,184,243,.12);
  color:var(--blue);display:grid;place-items:center;font-size:20px
}
.feature h3{margin-bottom:5px; font-size: 20px;}
.feature p{color:var(--muted)}

/* SUPPORT */
.support{
  display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center
}
.support-image{
  min-height:500px;border-radius:20px;overflow:hidden;
  background:url("../image/support-image.jpg") center/cover;
  border:1px solid var(--line)
}
.support-copy p{color:var(--muted);font-size:18px;margin:18px 0 28px}

/* ABOUT */
.about{
  background:linear-gradient(180deg,#0b1b35,#07142b);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)
}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.about-box{padding:35px;border:1px solid var(--line);border-radius:16px;background:rgba(16,35,66,.45)}
.about-box h3{font-size:25px;margin-bottom:12px}
.about-box p{color:var(--muted)}
p{font-size: 15px;}
/* CTA */
.cta{
  margin-top:30px;border:1px solid #20557e;border-radius:22px;padding:65px;
  background:
   radial-gradient(circle at 90% 10%,rgba(22,184,243,.16),transparent 35%),
   linear-gradient(135deg,#0c2341,#0a1930);
  display:flex;align-items:center;justify-content:space-between;gap:30px
}
.cta h2{font-size:clamp(30px,4vw,48px);line-height:1.05;margin-bottom:10px}
.cta p{color:var(--muted)}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px}
.contact-info{display:grid;gap:20px}
.contact-item{padding:22px;border:1px solid var(--line);border-radius:14px;background:rgba(16,35,66,.35)}
.contact-item small{display:block;color:var(--blue);text-transform:uppercase;letter-spacing:2px;margin-bottom:5px}
.contact-item p{color:var(--muted)}
#divmainenquiry11{display:grid;gap:16px}
#divmainenquiry11 input, #divmainenquiry11 select{font-size: 15px !important; 
  width:100%;border:1px solid var(--line);background:#0b1b35;color:white;
  border-radius:10px;padding:16px;font:inherit;outline:none
}
#divmainenquiry11 input:focus,#divmainenquiry11 select:focus{border-color:var(--blue)}
/* #divmainenquiry11 select{min-height:150px;resize:vertical} */

/* FOOTER */
footer{padding:55px 0 30px;border-top:1px solid var(--line);background:var(--bg);}
.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;padding-bottom:40px}
.footer-brand p{color:var(--muted);max-width:380px;margin-top:15px}
.footer-col h4{margin-bottom:15px}
.footer-col a{display:block;color:var(--muted);margin:9px 0}
.footer-col a:hover{color:var(--blue)}
.footer-bottom{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:14px}

/* ANIMATION */
.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}

/* RESPONSIVE */
@media (min-width: 768px) {
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        justify-content: center;
    }
}
@media(max-width:900px){
  .nav-links{display:none}
  .menu{display:block}
  .nav .btn-primary{display:none}
  .stats,.fleet-grid,.tech,.support,.about-grid,.contact-grid,.footer-top{grid-template-columns:1fr}
  .hero{min-height:650px}
  .hero-content{padding:80px 0}
  .tech-image,.support-image{min-height:400px}
  .cta{flex-direction:column;align-items:flex-start;padding:40px}
}
@media(max-width:600px){
  section{padding:75px 0}
  .nav-inner{min-height:70px}
  .logo{font-size:17px}
  .logo-mark{width:38px;height:38px}
  h1{letter-spacing:-2px}
  .stats{margin-top:0}
  .stat{padding:30px}
  .stat strong{font-size:54px}
  .fleet-image{height:240px}
  .footer-bottom{flex-direction:column}
}

/* mobile menu */
.mobile-menu{
  display:none;padding:15px 4%;background:#08172d;border-bottom:1px solid var(--line)
}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:12px 0;color:var(--muted)}

/*fix menu*/
@media (min-width: 991px){
#HeaderControl, #MenuControl{ transition:.3s;}
.body-fx #HeaderControl, .body-fx #MenuControl{position:fixed; top:0; height:70px; transition:.3s;}
.body-fx #HeaderControl{width:33%; float:left; left:0;}
.body-fx #MenuControl{width:67%; float:right; right:0;}
}
/*fix menu*/
@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link, .dropdown-menu{font-size: 13px;}
.fixed-top { position: relative;}
	}
@media (max-width: 769px){
#widgetsControl_C, #widgetsControl, #MenuControl, #MenuControl_C{height:initial !important}
}
a, a:hover{text-decoration:none !important;}
@media (max-width: 767px){
.navbar.navbar-expand-md{text-align:center;}
.navbar.navbar-expand-md .container-fluid{display:block;}
.nav-fill .nav-item, .nav-fill>.nav-link{text-align:left;}
.navbar-nav>li{ display: block; text-align: left; padding: 4px 0; border-bottom: 1px solid #999; border-right:0; }
.nav-item ul li .dropdown-toggle::after{transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after {position: absolute; right: 5px; top: 15px;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 14px;padding-right: 5px; padding-left: 5px;}
}

@media(max-width:568px){
	
}
@media(max-width:480px){
	
}



@media (max-width: 414px){


}
.table-responsive {
    min-height: .01%;
    overflow: hidden !important;border: 0; padding:0;
}
/*cont-page*/
.cont-page h2 {
    font-weight: bold;
    color: #111;
    font-size: 19px;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 18px;
    margin-top: 10px;
}
.cont-page h2 span {
    color: #111;
    font-weight: normal;
    font-size: 18px;
}
.cont-page .map-contp{border:1px dashed #ccc;}
.st-feature-box h3 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}
.cont-page .st-feature-box {
    background: #23527c;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-right: 10px;
    color: #fff;
}
.st-feature-box {
    padding-left: 70px;
    position: relative;
}
.st-feature-box .st-feature-box-icon {
    color: #111;
    display: block;
    position: absolute;
    width: 52px;
    height: 52px;
    line-height: 0px;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 60px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.cont-page .feature-box-image .fa{color:#fff; line-height:30px; font-size:30px; margin-top: 20px;}
/*cont-page*/