@charset "utf-8";
/* CSS Document */
body {overflow-y: auto; overflow-x: hidden;}
ul {list-style: none; margin: 0; padding: 0;}
.h_1 {font-size: 30px; text-transform: uppercase; font-weight: bold;}
.h_1 small {font-size: 12px; letter-spacing: 8px; color: #555;}
p {line-height: 24px; font-size: 15px;}
a {text-decoration: none!important;}
.bttn_1 {display: inline-block; padding: 10px 20px; color: #fff; background-color: #fc0204; border: none; border-radius: 5px; transition: all 0.5s;}
.bttn_1:hover {background-color: #030a19; color: #fff;}
.logo h3 {font-weight: bold; text-transform: uppercase;}
.logo h3 span, .h_1 span, .theme {color: #fc0204;}
.resp {display: none;}
.mynews {margin-bottom: 30px;}
.news_box {margin-bottom: 30px;}
.newshead {font-size: 24px; text-transform: capitalize; font-family: 'Barlow Condensed', sans-serif; font-weight: 500;}
.news_i {color: #777; margin: 10px 0; display: block;}
.news_img {height: 300px; width: 50%; min-height: 0; margin-bottom: 20px; overflow: hidden;}
.news_img img {height: 100%; object-fit: contain;}
.achvmnts p {font-weight: 500;}
.thm_clr {color: #fc0204;}
.bg_color {background-color: #fc0204;}
.div_img img {height: 80px;}
.moreImg {overflow: hidden; margin-top: 15px; border: 1px solid #e0e0e0;}
.moreImg img {height: 100%; width: 100%; object-fit: contain;}
.number_box {width: 30px; text-align: center; color: #fc0204;}
.img_more {overflow: hidden; display: block; height: 100px; margin-bottom: 15px;}
.img_more_1 {overflow: hidden; display: block; margin-bottom: 15px; border: 1px solid #e0e0e0;}
.img_more img, .img_more_1 img {height: 100%; width: 100%; object-fit: cover;}
.our_clients h6 {margin-bottom: 12px;}

/*/HEADER/*/
header {background-color: #030a19;}
header ul li {display: inline-block;}
header ul li i {color: #fc0204; padding-right: 4px;}
header ul li a {display: inline-block; padding: 10px 15px; font-size: 14px; color: #fff; border-right: 1px solid #313131;}
header ul.header_social li i {color: #fff;}
header ul li a:hover, header ul.header_social li:hover i {color: #999;}

/*/NAV/*/
#menu {background-color: #fff; /*background-color: #ffec90;*/ padding: 15px 0; -webkit-box-shadow: 0 0 15px rgba(197, 188, 188, 0.5);
    box-shadow: 0 0 15px rgba(197, 188, 188, 0.5);}
#menu .menu ul {float: right;}
#menu .menu ul li {display: inline-block; position: relative;}
#menu .menu ul li a {display: block; padding: 13px 8px; color: #030a19; transition: all 0.5s; font-family: 'Barlow Condensed', sans-serif; font-weight: 500; font-size: 1.03rem;}
#menu .menu ul li a:hover, .active a {color: #fc0204;}
#menu .menu ul li .nav_dropdown {position: absolute; background-color: #fff; -webkit-box-shadow: 3px 5px 12px rgba(197, 188, 188, 0.3); box-shadow: 3px 5px 12px rgba(197, 188, 188, 0.3); width: 300px; z-index: 99; display: none;}
#menu .menu ul li .nav_dropdown li {display: block;}
#menu .menu ul li .nav_dropdown li a {padding: 5px 15px; font-size: 1rem;}

/*.....sticky-navbar.....*/
.sticky {position: fixed !important; top: 0; width: 100%; z-index: 999; background-color: #e2e5ea !important;}
.sticky + .content {padding-top: 100px;}

/*/BANNER/*/
.carousel-inner img {width: 100%; height: 100%; object-fit: cover;}

/*/ABOUT/*/
.about {padding: 50px 0}
.about_box {margin-top: 25px; margin-bottom: 25px; padding-right: 30px;}

/*/SLICK/*/
.new-view-slider {text-align: center; margin-top: 80px;}
.inner-slide {outline: none;}
.slick-next, .slick-prev, .slick-next:hover, .slick-next:focus, .slick-prev:hover, .slick-prev:focus {height: 30px; width: 30px; background-repeat: no-repeat; background-size: contain; z-index: 99;}
.slick-next, .slick-next:hover, .slick-next:focus {background-image: url(../images/next.png); right: -11px;}
.slick-prev, .slick-prev:hover, .slick-prev:focus {background-image: url(../images/prev.png); left: 0;}
.slick-next:before, .slick-prev:before {content: '';}
.slick-slide img {margin: 10px auto;}

/*/TECHNOLOGY/*/
.techBox {display: flex; padding: 10px 0; align-items: center;}
.techIcon {height: 50px; width: 50px; overflow: hidden;}
.techInfo {width: calc(100% - 50px); padding-left: 10px;}
.techIcon img {height: 100%; width: 100%; object-fit: cover;}
.techInfo h6 {font-size: 15px; margin-bottom: 5px;}
.fs_13 {font-size: 13px !important; margin: 0; line-height: 16px;}

/*/CONTACT/*/
.maps {height: 350px; overflow: hidden;}
.maps iframe {height: 100%; width: 100%; object-fit: cover;}
.contact_box {border: 1px solid #e0e0e0; margin-bottom: 15px; padding: 5px;}
.contact_box a {color: #333;}
.inputs {width: 100%; height: 45px; padding: 15px; margin-bottom: 15px; border: 1px solid #e0e0e0; border-radius: 4px;}

.textarea {width: 100%; margin-bottom: 15px; padding: 15px; border: 1px solid #e0e0e0;}

/*/FOOTER/*/
.social li {display: inline-block; padding-right: 15px;}
.social a {font-size: 20px;}
footer {background-color: #484848; padding: 50px 0 0;}
footer p {font-size: 16px; color: #c3c3c3;}
footer ul li a {display: inline-block; color: #c3c3c3; font-size: 14px; line-height: 28px;}
footer .bottom {padding: 5px 0; background-color: #333; text-align: center; color: #999; font-size: 14px;}

/*........media-querries........*/
@media only screen and (max-width:991px) {
  .about_box {text-align: center; margin-right: 0;}
  .new-view-slider {margin-top: 25px;}
  .news_img {width: 100%;}
}

@media only screen and (max-width:767px) {
  .resp {display: block;}
  .about, .about_box {margin: 0; padding-right: 0;}
  .new-view-slider {margin-top: 40px;}
  .header_social {display: none;}
  header ul {float: none; text-align: center;}
  .menu {position: fixed; height: 100%; width: 70%; top: 0; left: -70%; z-index: 999; background: #030a19;}
  .close_me {filter: brightness(0.4);}
  #menu .menu ul li {display: block;}
  #menu .menu ul li a {display: block; color: #fff; padding: 10px 15px;}
  .bars {filter: brightness(0.1); padding: 10px; float: right;}
  .layer_menu {background-color: #0000004f; z-index: 100; height: 100%; width: 100%; top: 0; left: 0; position: fixed; display: none;}
  #menu .menu ul {float: none;}
  #menu .menu ul li .nav_dropdown {width: 100%; position: relative; background-color: #363940; box-shadow: none; padding-left: 15px;}
  #menu .menu ul li i {float: right;}
  .news_content p {text-align: justify;}
}
  
@media only screen and (max-width:576px) {
  header ul li a {border: none; padding: 5px;}
  .footer_nav {margin-bottom: 16px; display: inline-block;}
  .footer_nav li {float: left; width: 50%;}
  .news_img img {height: 100%; width: 100%; object-fit: contain;}
  .our_clients {text-align: left !important;}
}
  
@media only screen and (max-width:480px) {
  .news_img {height: 200px;}
  }
  
@media only screen and (max-width:360px) {
  .logo img {height: 40px; margin-top: 5px;}
  #menu {padding: 0;}
  }