/*===============================================
	colors: 
	design dark blue #171717
	logo background #252e4d

	websitesbyrajessh.in 
================================================*/


/* body */
.st__dark .st-service-area{background:#1f2842}
/*.bg1{background:#1f2842}*/


/* menu */
.st-header-menu-area::before{display:none}
.main__menu ul li a{text-transform:uppercase}
.bar-icon span{background:var(--st-theme-color-white)}
.st-header-top-area{border-bottom:1px solid gray}
.main__menu ul li .sub__menu li a:hover{color:#d5d5d5}
.main__menu ul li .sub__menu li a:hover::before{background:#d5d5d5}



/* index */
.line {background:var(--st-bg)}
.st__section__title h5{margin-left:0px; color:#ababab}
.about__list li::before{background:#ababab}
.about__list li::after{border-color:var(--st-bg)}
.st__feature__bottom span a{color:#ababab}
.st__feature__bottom span a::before{background:#ababab}



/* footer */
.st__footer__title h2::before{background:#6b6b6b}
.st__footer__link a i{color:#ababab}
.grn i{color:#198754}
.pd {padding:0px; width:80%}
.st__dark .st__brand__thumb img{opacity: 0.8;}
.st__footer__link a:hover{color:#555555}

svg path {
 fill: #29b802; /* Changes the fill color */
 stroke: #29b802; /* Changes the stroke color */
}

/* service */
.servcie__links a.active {border: 1px dashed #777777; color:#777777;}
.service__details__wrap ol li div{margin-left:0px; color:#777777;}
.service__details__wrap ol{padding-left:25px;}
.service__details__wrap ol.vas li{list-style-type: decimal !important; color:#333333; margin:10px 0 0 0 }
p.text1{color:#555555; text-align:justify; width:95%}
.servcie__links a{font-size:16px; border-radius:5px}
.bg1.servcie__links a h2{font-size:19px; color:#ffffff;}
.bg1.servcie__links a{background: #1f2842; border-radius:5px}


/* Network */
.st__blog__content{background:#171717 !important;}
.st__blog__content:hover{background:#282828 !important;}
.st__blog__content a{color:#cccccc}
.st__blog__content a:hover{color:#ffffff}
.st__blog__content h2 a{color:#ffffff}
.st__blog__content h2 a:hover{color:#cccccc}
.st__blog__thumb iframe{border-radius:5px}
.headoffice{border:2px solid #e5e5e5; border-radius:5px; animation: blink 1.5s; animation-iteration-count: infinite ;}
@keyframes blink { 50% { border-color: #000000; }  }
.network .col-lg-4.col-md-6{margin-top:50px}

/* Clients */
.si__project__three__text span{color:#f5f5f5}
.si__project__three__thumb img{border:1px solid #cccccc; border-radius:5px}
.si__project__three__content{opacity:0.8;}

/* About */
.st__section__title h1 span{font-size:30px}
.st__section__title h6{color:#e8e8e8; font-weight:normal}
.st-team-area{background:#252e4d !important}
.st__dark .st__section__title.style2 h5 {color:#e8e8e8; font-weight:normal}
.st__team__box{border-radius:5px; margin-bottom:30px; background:#192033}
.st__team__box::before{background:#ffffff}
.st__team__box:hover h2{color:#252e4d}
.st__team__box:hover span{color:#252e4d}
.st-project-details p{color:#565656}


/* contact */
.st__cinfobox span a{color:#e6e6e6; font-weight:bold}
.st__dark .st-contact-section{background:var(--st-theme-color-one);}
.st__contact__info{background:none}
.st__contactinfo__inner iframe{border-radius:5px}

/* bottom menu */

.embossed-nav { position: fixed; bottom: 0; width: 100%; background: #111; display: flex; z-index: 9999; box-shadow: 0 -2px 10px rgba(0,0,0,0.6);  }
.nav-btn { flex: 1; text-align: center; color: #C0C0C0; text-decoration: none; padding: 10px 0; border-left: 1px solid #222; border-right: 1px solid #222; background: linear-gradient(145deg, #0e0e0e, #1a1a1a); box-shadow: inset 0 2px 4px rgba(0,0,0,0.6); transition: all 0.3s ease; position: relative;}
.nav-btn:first-child {border-left: none;}
.nav-btn:last-child {border-right: none;}
.nav-icon {font-size: 22px; display: block; margin-bottom: 4px;}
.nav-label {font-size: 12px;}

.nav-btn.active::before {content: ""; position: absolute; bottom: 0; left: 25%; width: 50%; height: 3px; background: #00aaff; border-radius: 2px; box-shadow: 0 0 6px #C8C8C8;}
.nav-btn:hover {background: #1f1f1f; color: #ffffff;}

@media (min-width: 768px) {
    .embossed-nav {
      display: none;
    }
  }
  
  
  /* Modal Background */

/* Login pages */
.st__form__box a{color:#fafafa}

label {display: block; margin-top: 10px; font-size: 14px; }
select, input { width: 100%; padding: 10px; margin-top: 5px; border: none; border-radius: 5px; background-color: #1c1c1c;color: #ffffff; }
input {color:#525459 !important;}
button { margin-top: 15px; width: 100%; padding: 10px; background-color: #003366; color: #ADD8E6; border: none; border-radius: 5px; font-weight: bold; cursor: pointer; }
button:hover {background-color: #005599;}


/* static pages */
.spages .my-accordion p{text-align:justify}
.spages .my-accordion li{Background:#f5f5f5}
.spages .my-accordion li h2{color:#333333; padding: 15px 0px 5px; width:98%}


/* tracking result */
.summary {
  font-size: 18px;
  margin-bottom: 10px;
}
.summary span {
  display: inline-block;
  margin-right: 30px;
  font-weight: bold;
}
table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}
th, td {
  border: 1px solid #ccc !important;
  padding: 10px !important;
  text-align: center !important;
}
th {
  background: #252e4d !important;
  color: #FFFFFF !important;
}
a.pod-link {
  color: #007bff !important;
  text-decoration: none !important;
  font-weight: bold !important;
}
.containerr {
  max-width: 1000px;
  margin: auto;
  background: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  overflow-x: auto;
}

.shipment-table {margin-bottom: 40px;}
  
/*  enf tracking result */