@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&display=swap');
body {
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
}
/* font-family: 'Averia Serif Libre', cursive; */
/* font-family: 'Open Sans', sans-serif; */
/* primary color override*/
p,h1,h2,h3,h4,h5,h6,span,div,strong,li,a,button{font-family: 'Open Sans',sans-serif;}
div, li,span,td{color:#666;} 
.table td, .table th{ padding: 5px;}
.mgt-font-icon i {    color: #fff;}
.partner_section ul li{color:#fff;}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle,.btn-outline-primary:hover{ background-color:#4178ba;border-color: #4178ba;}
a,.text-primary{color:#4178ba;}
.text-primary{color:#4178ba !important}
.btn-outline-primary{ color: #4178ba;    border-color: #4178ba;}
.btn-primary {background-color: #4178ba;border-color: #4178ba;}
h2{font-size: 25px;text-transform: uppercase;}
h1,.h1{color:#273f58;font-size: 32px;text-transform: uppercase;}
/* Arunendra*/
.homepage .slider {touch-action: none;}
p.team_page_icon i {  font-size: 35px;}
section.project_view {    margin-top: 3rem;}
.h1_description span {text-align: justify;    color: #fff;    font-size: 18px;    margin-top: 20px;}
.about_history p,.product_description,section.our_history_decription p,.history_slide_wrap p,body.management p,.csr_policy p,body.vision-mission-values p,body.vision-mission-values span,body.certifications p,body.csr-policy p,.welcomeContainer p,.leftColum p,.productsContainer p,.aboutUsContainer p,div#readmore p,.bottom_Projects p{    text-align: left;}
body.vision-mission-values span { line-height: 26px;}
.col-md-4.d-flex {    margin: 10px 0px;}
.back-to-top {position:fixed;bottom: 25px; right: 25px; display: none; color:#2241DD;    background-color: #e2e6ea;
    border-color: #dae0e5;}
li,.project-details {  line-height: 26px;}
.product_view tbody p {    padding: 0;    margin: 0;}
.productSliderMainContainer .owl-item .item .details { padding: 20px;}
.opcityreadmore_project{content: ""; float: right;position: relative;top: -1.6em; width: 100%;height:69px;margin-left: -100%;padding-right: 1px;background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff 1.6em); padding-top: 30px;}
.opcityreadmore{content: ""; float: right;position: relative;top: -1.6em; width: 100%;height: 69px;margin-left: -100%;padding-right: 1px;background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff 1.6em);padding-top: 30px;}
.hideondesktop{display: none;}
.latestProjects.applications_section ul {    padding: 0;}
.paginationContainer nav{margin: 0 auto;}
h4.text-primary.text-uppercase {    font-size: 20px;}
.applications_section .gallery_product {  display: none;}
.applications_section .gallery_product:nth-child(1) { display: block;}
.headerbg { background-repeat: no-repeat;    background-size: cover;    background-position: center;}
.project-information p { font-size:16px;  margin-bottom: 10px;  padding-bottom: 10px;color: #FFFFFF; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.project-information b{font-size:16px;}
section.manageent h2,section.manageent p {    color: #fff;}
.owl-item .item .details { padding-bottom: 20px;}
.width100 h2,.width100 p { color: #fff;}
#readmore { font-size: 1rem;  line-height: 1.5;}
#catDescription.collapse:not(.show) {display: block;height:7rem;overflow:hidden;}
#readmore #catDescription.collapsing {  height: 6.5rem;}
#readmore a.collapsed::after {content: '+ Read More';}
#readmore a[role="button"]:not(.collapsed)::after {content: '- Read Less';}
div#catDescription.collapse.show { padding-bottom: 20px;}
/* Home read more */	
.homepage #home_about_us_read_more.collapse_home:not(.show) {display: block;height:8.5rem;overflow:hidden;}
.homepage #home_about_us_read_more.collapsing {height:3rem;}
.home_about_section a.collapsed::after {content: '+ Read More';}
.home_about_section a:not(.collapsed)::after {content: '- Read Less';}
/***/
.myprefix-maybe-sticky { position: fixed !important; top: -100px; width: 100%;  z-index: 999; opacity: 0; transition: 0.3s all;box-shadow: 0 2px 3px rgba(0,0,0,0.15);}
.myprefix-show {  top: 0;opacity: 1;}
.header_social i {  font-size: 32px;}
.button-bottom button.filter-button {  margin: 5px;}
.bottom_Projects .links_type_buttons {border-color: #fff;}
.row.team_info>div {padding-top: 10px; padding-bottom: 10px;}
.row.team_info { border-bottom: 1px solid #4178ba;    margin-top: 10px;    margin-bottom: 5px;}
.map_iframe iframe { margin: 0;padding: 0;width: 100%; }
.project-information ul li strong {font-size: 16px; display: -webkit-inline-box;    display: -webkit-inline-flex;    display: -ms-inline-flexbox;    display: inline-flex;}
.project-information li span { color: #fff;font-size: 15px;    margin-left: 15px;}
.project-information ul li { font-size: 16px;  margin-bottom: 10px; padding-bottom: 10px;  color: #FFFFFF;    border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.project-information h4 { color: #FFFFFF;}
.project-information {    padding: 30px 15px; background-color: #273f58;}
.product_view h2 { font-size: 25px;}
.product_view .see_all_links.mt-3 a { width: 100%; text-align: center;}
.subheading_product{margin: 0px 0 20px; padding: 0;border-bottom: 2px solid #4178ba;}
.download_files p{ margin:0;line-height: 25px;}
.wslide-caption-bottom {   bottom: 0;}
.wslide-caption-text { position: relative; z-index: 2;padding: .7em 1em !important; line-height: 1.6em;text-align: left;text-shadow: 0 0 5px #000;color: #fff;}
.wslide-caption { position:relative; z-index: 1;left: 0; width: 100%;overflow: hidden;}
.wslide-caption-bg {    position: absolute;    z-index: 1;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: #000;    opacity: .5;    filter: alpha(opacity=50);}
.team_content h5{ color: #4178ba;}
.inner-head { position: absolute;left: 0; right: 0;bottom:0px; z-index: 99; background: #fff;width: 100%; max-width: 1088px; margin: auto;  padding: 25px 0;text-transform: uppercase; font-size: 71px; text-align: center;}
.about-container {max-width: 1088px;margin: 0 auto;padding: 0;width: 100%;}
.csr-readmore {background: transparent; border: 1px solid #4178ba;font-size: 13px;color: #4178ba; padding: 10px 15px; margin-top: 10px;    display: inline-block;}
.full-width-image { width:99vw;position: relative; left: 50%; margin-left: -50vw;}
.full-width-image img {  width: 100%;}
section.certifications img {  margin: 0 10px;}
p.team_social_icon>a {color: #fff;font-size: 20px;padding: 10px 10px;}
.team_social_icon i.fa {border:1px #fff solid;border-radius: 50%;height: 40px;width: 40px;line-height: 20px;text-align: center;padding: 0.5rem;}
p.team_page_icon>a {color: #fff;font-size: 20px;padding: 10px 10px;}
.team_page_icon i.fa {border:1px #fff solid;border-radius: 50%;height: 40px;width: 40px;line-height: 20px;text-align: center;padding: 0.5rem;}
section.choose-area .productSliderContainer {width: 80%;margin-left: 10%;margin-right: 10%;}
.navbar-expand-md .navbar-nav .nav-link {padding-right: 1.2rem;}
p{color:#666;line-height:26px;margin:0 0 15px;text-transform:none;font-weight:400}
.default-padding{padding-top:40px;padding-bottom:40px}
.about-area .about-content .thumb{padding-left:15px;padding-right:15px;position:relative;z-index:1}
.about-area .about-content a{margin-top:15px}
.video-play-button{color:#ff5e14;font-size:30px;left:50%;padding-left:7px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);z-index:1}
.about-area .info-content{padding-right:35px}
.about-area .info-content>a{margin-top:10px}
.about-area .thumb::after{background:#4178ba none repeat scroll 0 0;content:"";height:100px;left:0;position:absolute;top:-15px;width:100px;z-index:-1}
.btn-theme{background-color:#4178ba;color:#fff!important;border:2px solid #4178ba}img{border:none;outline:0;max-width:100%}
.about-area h1,.about-area h2{line-height:1.3;margin-bottom:12px}
.mission-area{background-color:#eaf0f6}
.mission-area .card{box-shadow:0 0 11px #eaf0f6;border-radius:.1875rem;transition:.3s ease-in-out}
.choose-area {    position: relative;    background-attachment: fixed;    background-position: center top;
    background-repeat: no-repeat;    background-size: cover; padding-top:40px; z-index: 1;}
.choose-area::before {    position: absolute;    background: rgba(26, 22, 46, 0.90);
    content: "";    width: 100%;    height: 100%;    top: 0;    left: 0;    z-index: -1;}
.choose-title h1 {    color: #ffffff;    font-size: 36px;    line-height: 42px;
    font-weight: 600;    margin: 0 0 14px;}
.choose-title p {    color: #ffffff; font-size:18px;
    line-height: 30px;    margin: 0;}
.meet_the_team .heading :after {    content: "";
    position: absolute;    right: 0;    z-index: 100;    top: 0;    width: 1px;
    height: 80%;    background: #ccc;}
.team_content {    background: #273f58;height: 100%;}
.team_image {    width: 50%;    float: left;}
img.timeline_divider{ margin-top:-9px;}
.our_history_img {    width: 90%;    margin-left: 10%;}
a.ourstory-learnmarketing {font-weight: 600;    font-size: 18px;color:#4178ba;}
a.links_type_buttons {background: 0 0;padding: 0 20px;display: inline-block;padding: 10px 11px; text-transform: uppercase;font-weight: 400; text-decoration: none;color: #4178ba;border: 1px solid #4178ba;}
a.links_type_buttons:hover { background-color: #4178ba; color: #fff; border: 1px solid #4178ba;}
.counter-block__card-value {color: #4178ba; font-size: 120px;line-height: 1;font-family: teko,Helvetica,sans-serif;margin-left: -7px;margin-bottom:4px;}
.cards__item-inner:hover{color:#fff;}
.counter-block__card { padding:30px 30px;background-image: url('../images/dot.jpg');border-top: 5px solid #4178ba;text-transform: uppercase;margin-bottom:50px;}
.counter-block__card-title {color: #999;font-size:16px;line-height:30px;text-transform: initial;}
.counter-block__card-description {color: #4178ba;font-size: 24px;line-height: 1.25;font-weight: 600;    padding-bottom: 20px;}
.heading-smallest {font-size: 18px; text-transform: uppercase;font-weight: 500;}
.counter-block__item {  margin-bottom: 46px;}
.counter-block__item-value {    font-family: teko,Helvetica,sans-serif;    font-size:50px;    line-height: 1;    margin-bottom: 11px;}
.counter-block__item-text {    color: #666;    font-size: 16px;}
.cards__item {    display: -ms-flexbox;    display: flex;    margin-bottom: 30px;    color: #fff;}
.cards__item-inner {width: 100%; background-size: cover; background-position: 50%; display: block;text-decoration: none !important;color: currentColor;padding: 20px 55px; position: relative;}
.cards__item-content { display: block; position: relative;z-index: 2;height: 100%; padding-bottom:55px;}
.cards__item-index {font-size: 20px;font-weight: 600;display: block; margin-bottom: 7px;}
.cards__item-title {     color: #fff;font-size:30px; line-height: 1.25; font-family: teko,Helvetica,sans-serif;display: block;margin-bottom:15px;}
.cards__item-text {    text-align: justify;color: #fff;font-size: 16px; line-height: 1.75;display: block;}
.cards__arrow {position: absolute;left: 0; bottom: 0; width: 50px; height: 50px; display: -ms-flexbox;display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center;justify-content: center;font-size: 20px;font-weight: 600;padding-left: 4px; transition: all .3s;font-size:30px}
.cards__item-inner:after { content: ''; position: absolute;left: 0;top: 0; width: 100%; height: 100%;background: #4178ba;z-index: 1;opacity: 0;transition: all .3s;}
.cards__item-inner:before {content: '';position: absolute;left: 0; top: 0; width: 100%;height: 100%; box-shadow: 0 25px 70px 0 rgba(0,0,0,.25);background: rgba(0,0,0,.4); transition: all .3s;}
.cards__item-inner:hover:before, .cards__item-inner:hover:after {    opacity: 1;}
.history-item__info .history-title {color: #4178ba; font-size: 18px;font-weight: 600; line-height: 1;margin: 12px 0 5px;}
.mgt-font-icon { line-height: 68px;font-size: 24px;}
.hvr-icon-push { width: 70px;height: 70px;background: #4178ba;line-height: 70px;color: #ffffff; border-radius: 35px;cursor: default;}
.hvr-icon-push {text-align: center; float: left;    margin-right: 25px;} 
.mgt-icon-box-content { display: table;    color: #828282;}
.mgt-icon-box {    margin-top: 30px;    margin-bottom: 30px !important;}
.mgt-icon-box:hover .hvr-icon-push,.iconhovereffect:hover .hvr-icon-push { background: #b8b8b8;}
.csr_policy .hvr-icon-push {float: unset;}
.alert{ z-index: 99;top: 60px;right:18px;min-width:30%;position: fixed;animation: slide 0.5s forwards;    }
@keyframes slide {      100% { top: 30px; }    }
.error {  width: 100%;color: red;margin-top: 5px;}
/*div#clients img{ filter: grayscale(100%); opacity: .4;}
div#clients img:hover {filter: grayscale(0); opacity: 1;}*/
.searchContainer .form-control{border-radius: unset;}
.projects .topTabs ul li .filter-button { font-size: 13px;    padding: 6px 10px;    font-weight: 600;}
/* Arunendra*/
#owl-demo .item img{display: block; width: 100%;height: auto;}
.bannerContainer {padding-top:5px}
.searchContainer {max-width:306px}
.headingBorderBottom {text-transform: uppercase; padding-bottom:21px; border-bottom:1px solid #000000; position: relative; margin-bottom: 18px;}
.headingBorderBottom::after { position:absolute; height:2px; background:#4178ba; bottom:-1px; left:0; content: " "; width:100px}
.columSupplyChain {text-align:left;}
.columSupplyChain figure {text-align:center; font-size: 18px;}
.columSupplyChain figure img {max-width:100%; min-height: 110px;}
.columSupplyChain p { font-size: 18px;}
.backgroundProjectsCount { background: url(../images/productsCountBg.webp)  no-repeat center; background-size:cover;}
.columSupplyChainRow {margin-top:10px; margin-bottom:10px}
.projectsColum {color:#fff; border-bottom: 1px solid #fff;  border-right: 1px solid #fff; text-align: center; padding:30px 15px; display: flex; align-items: center; flex-wrap: wrap;}
.projectsColum figure {width:100%}
.projectsColum h5 {color:#4178ba; font-size: 42px; font-weight: 800; width:100%}
.projectsColum p {color:#898989; font-size:14px; padding: 0; margin: 0; text-transform: uppercase; width: 100%;}

.ourProductsContainer {padding-top:35px; padding-bottom: 29px;}
.ourProductsContainer .ourProducts {padding:0; list-style:none; display: flex; flex-wrap: wrap;}
.ourProductsContainer .ourProducts li {padding:0 5px 22px 0; width:33%}

.blockIcon {position: relative; text-transform: uppercase; color:#051533; padding-left:35px; padding-bottom: 20px; font-size:20px; line-height: 31px; }
.blockIcon::before {position: absolute; top:4px; left:0; width:25px; height: 25px; background-color:#4178ba; content:" "; }
.productPic {position: relative; overflow: hidden; display: block;}
.productPic img {width:100%}
.productPic p {position: absolute; top:0; left: 0; width:100%; height: 100%;    background-color: rgba(56, 125, 185, 0.6); display: flex; justify-content: center; align-items: center; padding: 0 10%; text-align: center; color: #fff; transition: all 0.2s ease; opacity: 0; font-size:16px;}
.productPic:hover p { opacity:1}

.latestProjects { padding-top:36px; padding-bottom:15px; background: url(../images/ourLatestProjects.jpg) no-repeat top; background-size:cover;}
.latestProjects h3 {color:#fff}
.latestProjects p {color:#fff}
.latestProjects .headingBorderBottom {border-bottom-color:#fff ;}
.imageGallery {list-style: none; display: flex; flex-wrap: wrap; margin:0; padding:0;}
.imageGallery li {width:25%}
.imageGallery li p {margin-bottom: 0;}
.imageGallery li a {margin-bottom: 0;}
.imageGallery li .productPic p {background-color: rgba(0, 0, 0, 0.8); flex-wrap: wrap; flex-direction: column;}
.imageGallery li .productPic .location {font-size: 14px; display: block; width:100%}
.imageGallery li .productPic .projectName {font-size: 20px; display: block; width:100%}


.topTabs {width:100%}
.topTabs ul { list-style: none; display: flex; margin:0 0 20px; padding:0; }
.topTabs ul li {margin-right:1px; background: rgba(0,0,0,0.6);display: flex; align-items: center;justify-content: center; }
.topTabs ul li .filter-button {font-size: 14px; text-align: center; color: #fff; margin-bottom: 0; text-transform: uppercase; border-bottom: 4px solid transparent; border-radius: 0; outline: none; box-shadow: none; padding:10px 35px; font-weight: 700; }
.topTabs ul li .filter-button:hover, .topTabs ul li .filter-button.active {  color: #ffffff; border-bottom-color: #4178ba; outline: none; }
.bottom_Projects {width: 100%;}

.headingBorderBottom.centerAlign {text-align: center;}
.headingBorderBottom.centerAlign::after { left:50%; margin-left:-50px;}

#clients {padding-top:10px;}
#clients figure {margin:0;}
.aboutUsContainer {padding:0 0 22px;}
.aboutUsContainer .card {border: 0; border-radius: 0;}
.aboutUsContainer .cardouter  { margin-bottom:8px ;}
.aboutUsContainer .card-title {text-transform: uppercase; font-size:18px; color:#051333}
.aboutUsContainer .card-header { background:#d6d6d6; border-radius: 0; border: 0;}
.aboutUsContainer .accordion .card-header:after {content: '-'; float: left; font-size: 24px; color:#051333; margin-top:-5px;margin-right: 5px; }
.aboutUsContainer .accordion .card-header.collapsed:after {content: "+";  }
.aboutUsContainer .accordion .card-body {border:1px solid #d6d6d6; padding-bottom:5px;}

footer {background:url(../images/footerBg.jpg) no-repeat center; background-size: cover; padding:35px 0; color:#fff}
footer .firstColum p {max-width:320px}
footer h5 {     text-transform: uppercase;  font-size:14px;  font-weight: 700;  padding-bottom:4px;  position: relative;  margin-bottom:21px;}
footer h5::after { position: absolute; height:3px; background: #4178ba; bottom: -1px; left: 0; content: " ";  width: 50px;}
.footerLinks {color:#fff; margin:0; padding: 0;}
.footerLinks li {list-style: none;; padding:0 0 12px; }
.footerLinks li a {color:#fff; }
footer .logo {margin-bottom:14px;}

.subscribeContainer {border:4px solid #4178ba; border-radius:6px; background: #4178ba; width:220px}
.subscribeContainer .form-control { background:#081c27; color:#d6d6d6; font-size: 14px; border:0; width:117px}
.subscribeContainer button { background:#4178ba; color:#fff; font-size: 14px; border:0;}
.subscribeContainer button:hover { background:#4178ba; color:#000000;}
.navbar-toggler {float:right; align-self: flex-end; border:1px solid #ccc; margin:5px 0; outline: none;}
.navbar-toggler-icon {
  background-image: url(../images/menuIcon.svg);
}
.navbar-brand {color:#fff; display: none;}
.nav-item:hover {background: #273f58;}

.ourPorductsContainer {
  background: url(../images/productsCountBg.webp) no-repeat center;
  background-size: cover;
  padding:30px 0 25px
}
.ourPorductsContainer ul { list-style: none; display:flex; flex-wrap: wrap; color:#4178ba; margin:0; padding: 0; justify-content:space-between;}
.ourPorductsContainer ul li {width:33%; font-size: 18px; color:#4178ba; line-height: 36px; padding-right: 15px;}
.ourPorductsContainer ul li a { color:#4178ba; }
.ourPorductsContainer h1 { text-align: center;color:#f2f2f2; padding: 0 0 15px; margin:0}
ul.breadcrumb {
  padding: 14px 0;
  list-style: none;
  background-color: #fff; margin:0;
}
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}
ul.breadcrumb li+li:before {
  padding: 8px;
  color: #d6d6d6;
  content: "/\00a0"; font-weight: normal;
}
ul.breadcrumb li a {
  color: #4178ba;
  text-decoration: none;
  font-size: 14px;
}
ul.breadcrumb li a:hover {
  color: #4178ba;
  text-decoration: underline;
}
ul.breadcrumb li.selected {font-size:16px; color:#4178ba;} 
.centerHeading {text-align: center; color:#4178ba; letter-spacing: 1px;}
.productShadow {padding:0; box-shadow:0 0 22px 0px rgba(0,0,0,0.22); margin:22px 7px; background:#fff; text-align: center; position: relative; height: calc(100% - 44px); }
.productShadow figure {overflow: hidden;}
/* .productShadow .details.height1 {min-height: 126px;} */
.productShadow figure img {transition: all 0.5s ease;}
.productShadow:hover figure img {transform: scale(1.2);}
.productShadow .plusIcon {position: absolute; width:31px; height: 31px; background: url(../images/plusSymbol.png) no-repeat center; top:12px; right:8px; z-index: 1;}
.productShadow h4 {font-size:18px;font-weight: bold; margin:0; padding: 0 0 10px; }
.productShadow p {font-size:18px; color:#4178ba; font-weight: normal;}
.productShadow p a { color:#4178ba; }
.productSliderContainer .owl-carousel .owl-nav button.owl-next,.productSliderContainer .owl-carousel .owl-nav button.owl-prev {width:27px; height:29px; background-repeat: no-repeat; background-position: center; outline: none; position: absolute; top:50%; text-indent: -999px; overflow: hidden;}
.productSliderContainer .owl-carousel .owl-nav button.owl-next { background-image: url(../images/arrowRightBlue.png); right:-30px}
.productSliderContainer .owl-carousel .owl-nav button.owl-prev { background-image: url(../images/arrowLeftBlue.png); left:-33px}

.productSliderContainer .owl-carousel	.owl-stage { display: flex; }
.productSliderContainer .owl-carousel	.owl-item { display: flex; }
.productSliderContainer .owl-carousel	.owl-item > div { width:100% }	 
.productSliderContainer  {padding: 0;}
.productSliderMainContainer  {padding-top:35px; }
.paginationContainer .page-item .page-link {    border-radius: .25rem; margin-right: 5px; color:#4178ba; font-size: 18px; font-weight:500;}
.paginationContainer .page-item.active .page-link {color:#fff; background:#4178ba ;}
.paginationContainer .page-link {border:0;}
.mobileNav {display: block;}  
.desktopNav {display:none;} 
.navBgBlue .nav-item > a.openMenuIconMobile { position: absolute;background: none;   top: 0;   right: 0;   padding-right: 24px;    padding-left: 8px;  } 
/* ============ desktop view ============ */  
@media all and (min-width: 768px) { 
/* Arunendra*/ 
.history-item { display: -webkit-box;display: -webkit-flex; display: -ms-flexbox; display: flex;}
.history-item__thumb { max-width: 160px;  -webkit-flex-basis: 160px; -ms-flex-preferred-size: 160px; flex-basis: 160px;}
.history-item__info { max-width: calc(100% - 160px);  -webkit-flex-basis: calc(100% - 160px);  -ms-flex-preferred-size: calc(100% - 160px);  flex-basis: calc(100% - 160px);  padding-left: 113px;padding-bottom: 45px; position: relative;}
.history-item__info:before {background: #4178ba;border-radius: 50%; border: 5px solid #eee; -webkit-box-sizing: content-box;box-sizing: content-box;content: ''; position: absolute;top: 0; left: 47px;height: 10px;width: 10px;z-index: 2;}
.history-item__info:after {background: #eee;   content: ''; position: absolute;top: 0; left: 55px;z-index: 1; width: 3px;height: 100%;}
.history-item__info .history-year {font-size: 22px; line-height: 1; margin-bottom: 0; font-weight: 700; margin-top: -3px;}
.backgroundProjectsCount .rightColum ul li a{   display: block; text-align:left; position: relative; height: 100%; overflow: hidden; height: 380px;}
}   
.content_div{padding-top:40px;}
/* Mobile devices*/
@media (max-width: 767px){
.content_div{padding-top:10px;}
.hideonmobile{display: none !important;}
.projects .productPic p { font-size: 14px; line-height:1.7em;    padding: 0;}
h2{font-size: 22px;}
h1,.h1{font-size:26px;}
h3 {font-size: 22px;}
.cards__item-title {  font-size: 26px;}
img.timeline_divider { margin-top: -18px;}
.searchContainer {max-width:100%;}
.inner-head { font-size: 22px;  padding: 5px 15px;  bottom: -20px;}
.history-item {    display: block;    }
.history-item__info {    max-width: 100%;    padding-left: 0;    padding-top: 30px;    }
.history-item__thumb {    max-width: 100%;    }
.blockIcon {font-size: 16px; line-height: 20px;}
.blockIcon::before {width:20px; height: 20px;} 
  .logo {margin-bottom: 15px;    text-align: center;}
  .topTabs ul {  flex-wrap: wrap;}
  .testimonialContainer {width:100%}
  .columSupplyChain p {text-align: center;}
  .ourProductsContainer .ourProducts li {width:49%}
  .ourProductsContainer .ourProducts {padding:0 15px;}
  .topTabs ul li {display: block; width:100%}
  .topTabs ul li button { width:100%}
  .subscribeContainer {width:auto}
  .navbar-brand {display: block;} 
  .columSupplyChain {margin-bottom: 15px;}
  .imageGallery li {width:50%}
  .imageGallery li .productPic .projectName {font-size: 14px;}
  .testimonialContainer .owl-item p {font-size: 16px;}
  .testimonialContainer .owl-item .customer h6 {font-size: 18px;}
  .ourPorductsContainer ul li {width:50%;line-height: 1.2;font-size:16px;margin-bottom:10px;}
  .ourPorductsContainer ul {justify-content: flex-start;}
  .productSliderContainer .owl-carousel .owl-nav button.owl-next, .productSliderContainer .owl-carousel .owl-nav button.owl-prev {
  background-color: #fff;border-radius: 50%;  width:30px;  height:30px;  border: 1px solid #ccc;}
.productShadow {box-shadow: 0 0 6px 0px rgba(0,0,0,0.22);}
.productSliderContainer h3.centerHeading {font-size: 24px;}
.productSliderContainer .owl-carousel .owl-nav button.owl-prev {  left:0px;top: 50%;}
.productSliderContainer .owl-carousel .owl-nav button.owl-next {  right:0px;top:50%;}
#our_history_slider.owl-carousel .owl-nav button.owl-prev {  left:0px;top:15%;}
#our_history_slider.owl-carousel .owl-nav button.owl-next {  right:0px;top:15%;}
.history_slide_wrap .details.mt-2 { padding: 6px 2px 0px 39px;}
.about-area .thumb::after{background:unset;}
.about-area .info-content {    padding-top:20px;}
.col.width100 {flex-basis: auto;}
.col-auto.width100 { margin: 0 auto;}
.counter-block__card-value{font-size: 100px;}
.counter-block__card-title{ margin-bottom:30px;}
.counter-block__card{margin-bottom:40px;}
.cards__item-inner{    padding:20px 30px;}
.project-details h1 {margin-top: 30px;}
 .alert{  left: 10px;right: 10px; }
.latestProjects .mobile_4 li{display: none;}
.latestProjects .mobile_4 li:nth-child(-n+4){display: block;}
 .topTabs .button-bottom .btn {    width: 46%;}
 .hideondesktop{display: block;}
.subscribeContainer2 form{width: 100%;}
.dropdown-toggle::after{float: right;}
.topTabs ul li {    width: 49%;    margin: 0;}
.topTabs ul li .filter-button{text-align: left;}
/* Home read more */	
.partner_section #home_about_us_read_more.collapse_home:not(.show) {height:14rem;}
.partner_section #home_about_us_read_more.collapse_home:not(.show) {display: block;height:13rem;overflow:hidden;}
.partner_section #home_about_us_read_more.collapsing {  height:4rem;}
.homepage #home_about_us_read_more.collapse_home:not(.show) {display: block;height:13rem;overflow:hidden;}
.homepage #home_about_us_read_more.collapsing {  height:4rem;}
.home_about_section a.collapsed::after {content: '+ Read More';}
.home_about_section a:not(.collapsed)::after {content: '- Read Less';}
/***/
#catDescription.collapse:not(.show) { display: block;    height:14rem;    overflow: hidden;}
.breadcrumbContainer {    margin-top: 70px;}
.breadcrumbContainer ul.breadcrumb li.selected{font-size:14px;}
}
/*====Hero slider style ==========================*/
.hero-slider .d-table {width: 100%;height: 100%;display: table;}
.hero-slider .d-tablecell {display: table-cell;vertical-align: middle;}
.hero-slider .custom-btn1 {background-color: #4178ba;color: #fff;border: 1px solid #4178ba;display: inline-block;padding: 12px 30px;text-transform: uppercase;border-radius: 30px;text-decoration: none;}
.hero-slider .custom-btn1:hover {background-color: transparent;text-decoration: none;color: #fff;}
.hero-slider {position: relative;}
.single-hs-item {height:350px;background-size: cover;background-position: center center;position: relative;}
.single-hs-item:before {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: #000;opacity: .6;}
.hero-text {padding: 0 15px;text-align: center;max-width: 1140px;margin-left: auto;margin-right: auto;position: relative;}
.hero-text h1 {color: #fff;font-size: 50px;text-transform: capitalize;font-weight: 600;margin: 0;}
.hero-text p {color: #fff;font-size: 17px;max-width: 600px;margin-left: auto;margin-right: auto;line-height: 30px;margin-top: 20px;margin-bottom: 35px;}
.hero-slider .owl-item.active h1 {-animation: 1s .3s fadeInUp both;}
.hero-slider .owl-item.active p {-webkit-animation: 1s .3s fadeInUp both;animation: 1s .3s fadeInUp both;}
.hero-slider .owl-item.active .slider-btn {-webkit-animation: 1s .3s fadeInUp both;animation: 1s .3s fadeInUp both;}
.hero-slider .owl-carousel .owl-nav button.owl-prev {background-color: #4178ba;position: absolute;left: 0;top: 50%;
color: #fff;font-size: 30px;margin: -40px 0 0;border-radius: 0;height: 50px;width: 50px;}
.hero-slider .owl-carousel .owl-nav button.owl-next {background-color: #4178ba;position: absolute;right: 0;top: 50%;color: #fff;font-size: 30px;margin: -40px 0 0;border-radius: 0;height: 50px;width: 50px;
}
@media only screen and (max-width: 600px) {
    .single-hs-item {        height:450px;  }
    .hero-text h1 {        font-size: 30px;  }
    .hero-text p {        font-size: 15px;  margin-bottom: 25px; }
    .hero-slider .owl-carousel .owl-nav button.owl-next {  top: auto; margin: 0; bottom: 0px;    }
    .hero-slider .owl-carousel .owl-nav button.owl-prev {  top: auto; margin: 0; bottom: 0px;    }
    .hero-slider .owl-dots { bottom: 10px; left: 50px;  right: 50px; }
}
/* New header design*/
header {
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}
header.whiteBG {  background: rgba(0, 0, 0, 0.7);      max-height: 55px;}
header.whiteBG .logo {    padding: 15px 0;}
header.whiteBG #nav {    margin-top: 8px;}
header.whiteBG .searchIcon {  margin-top: 15px;}
.innerpages ul.cd-hero__slider {    height:350px;}
 
.cd-hero .viewMoreBlog {
  height: 60px;
  line-height: 60px;
  background: #2241DD;
  display: block;
  margin: 0;
  padding: 0 23px;
  font-size: 18px;
  color: #fff;
  position: relative;
  text-decoration: none;
  transition: all 0.5s ease;
  max-width: 213px;
}
.cd-hero .viewMoreBlog .arrow {
  position: absolute;
  margin-top: -3px;
  top: 50%;
  right: 25px;
  transition: right 0.3s ease 0s;
}
.cd-hero .viewMoreBlog:hover .arrow {
  right: 15px;
}
.our_specialization i {    color: #fff;}
header .logo {
  padding: 25px 0;
}
h3 {
  font-size:26px;
  color: #000;
  font-weight: 600;
  margin: 0;
  padding: 0 0 32px;
}
.searchIcon {
  margin-left: 30px;
  margin-top: 25px;
}
.dropdown-menu li {
  font-size: 13px;
}
.arrow {
  position: absolute;
  top: 29px;
  width: 31px;
  height: 2px;
  background-color: #fff;
  animation: arrow 700ms linear infinite;
}

.arrow::after,
.arrow::before {
  content: "";
  position: absolute;
  width: 35%;
  height: 2px;
  right: -2px;
  background-color: #fff;
}

.arrow::after {
  top: -4px;
  transform: rotate(45deg);
}

.arrow::before {
  top: 4px;
  transform: rotate(-45deg);
}

.welcomeContainer {
  padding-top:30px;
  padding-bottom: 65px;
}
.welcomeContainer p {
  font-size:20px;
  line-height: inherit;
  font-weight: 400;
  margin-bottom: 45px;
}
.welcomeContainer .aboutUs {
  max-width: 845px;
  margin: 0 auto;
}
.welcomeContainer .viewMoreBlog {
  height: 60px;
  line-height: 60px;
  background: #2241DD;
  display: block;
  margin: 0 auto;
  padding: 0 23px;
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  position: relative;
  text-decoration: none;
  transition: all 0.5s ease;
  max-width: 500px;
}
.welcomeContainer .viewMoreBlog .arrow {
  position: absolute;
  margin-top: -3px;
  top: 50%;
  right: 25px;
  transition: right 0.3s ease 0s;
}
.welcomeContainer .viewMoreBlog:hover .arrow {
  right: 15px;
}

.productsContainer {
  padding-top: 45px;
  padding-bottom: 10px;
}
.productsContainer .row {
  margin-bottom: 41px;
}
.productsContainer .row h3 {
  font-size: 30px;
  color: #000;
}
.productsContainer .row h3 a {
  color: #000;
  text-decoration: none;
}
.productsContainer .row p {
  font-size: 22px;
  margin-bottom: 20px;
}
.productsContainer .row p a {
  color: #000;
  text-decoration: none;
}
.productsContainer .row a.viewMoreBlog {
  height: 60px;
    line-height: 60px;
    background: #2241DD;
    display: block;
    padding: 0 23px;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    position: relative;
    text-decoration: none;
    transition: all 0.5s ease;
    max-width: 250px;
}
.productsContainer .row a.viewMoreBlog .arrow {
  position: absolute;
  margin-top: -3px;
  top: 50%;
  right: 25px;
  transition: right 0.3s ease 0s;
}
.productsContainer .row a.viewMoreBlog:hover .arrow {
  right: 15px;
}
.productsContainer .row a.viewMoreBlog.hideondesktop {display: none;}
.productsContainer .leftColum {
  min-height: 300px;
}
.productsContainer .leftColum a {  
  min-height:510px;
  display: block;
  width: 100%;
  height: 100%;
}
.productsContainer .leftColum.productbg a {background: url(../images/encardio-products-home.jpg) no-repeat 0 0;}
.productsContainer .leftColum.projectbg a {background: url(../images/enacrdio-projects-home.jpg) no-repeat 0 0;}
.productsContainer .rightColum {
  padding: 45px 5%;
}

.detailAboutContainer {
  padding-top: 0;
  padding-bottom: 43px;
}
.detailAboutContainer .pictureDiv {
  width: 100%;
  background: url(../images/picture1.jpg) no-repeat 0 0;
  min-height: 380px;
  padding: 10px 10px 50px;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}
.detailAboutContainer a {
  text-decoration: none;
}
.detailAboutContainer .pictureDiv::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  background: url(../images/shadowtopImage.png) no-repeat 0 0;
  background-size: cover;
  opacity: 0;
  transition: all 0.5s ease-out 0.15s;
}
.detailAboutContainer .pictureDiv:hover::before {
  opacity: 1;
}
.detailAboutContainer .pictureDiv.pciture2 {
  background-image: url(../images/picture2.jpg);
}
.detailAboutContainer .pictureDiv.pciture3 {
  background-image: url(../images/picture3.jpg);
}
.detailAboutContainer .pictureDiv h3 {
  font-size: 30px;
  color: #fff;
  margin: 0;
  padding: 0 0 15px;
  font-weight: bold;
  position: relative;
}
.detailAboutContainer .pictureDiv p {
  font-size: 20px;
  color: #fff;
  margin: 0;
  padding: 0;
  font-weight: bold;
  max-height: 1px;
  overflow: hidden;
  transition: max-height 0.5s ease-out 0.15s;
  font-weight: normal;
  position: relative;
}
.detailAboutContainer .pictureDiv:hover p, .detailAboutContainer .pictureDiv.height1 p {
  max-height:250px;
}

.backgroundProjectsCount {
  background: #f1f2f2;
  padding: 40px 0 55px;
}
.backgroundProjectsCount .leftColum h3 {
  text-align: center;
}
  .backgroundProjectsCount .leftColum p {
    color: #484848;
  font-size:18px;
  line-height: normal;
  margin-bottom: 25px;
  text-align: center;
}
.backgroundProjectsCount .leftColum a.viewMoreBlog {
  background: #2241DD;
  padding: 15px 30px;
  color: #ffffff;
}
.backgroundProjectsCount .leftColum a.viewMoreBlog {
  height: 60px;
  line-height: 60px;
  background: #2241DD;
  display: block;
  padding: 0 23px;
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  position: relative;
  text-decoration: none;
  transition: all 0.5s ease;
  max-width: 210px;
  margin: 15px auto 0;
}
.backgroundProjectsCount .leftColum a.viewMoreBlog .arrow {
  position: absolute;
  margin-top: -3px;
  top: 50%;
  right: 25px;
  transition: right 0.3s ease 0s;
}
.backgroundProjectsCount .leftColum a.viewMoreBlog:hover .arrow {
  right: 15px;
}

.backgroundProjectsCount .rightColum ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
      padding:0;
}
.backgroundProjectsCount .rightColum ul li {
  width: 32%;
  background: #ffffff;
  /* border-bottom: 6px solid #2241DD; */
 /* padding-right: 12px;
  padding-top: 11px;
  padding-bottom: 12px;*/
  margin: 0 2% 2% 0;
  align-items: center;
  transition: all 0.5s ease;
}
.backgroundProjectsCount .rightColum ul li:nth-child(3n+3) {
  margin-right:0
}

.backgroundProjectsCount .rightColum ul li:hover {
  box-shadow: 0 0px 4px 4px rgba(0, 0, 0, 0.09);
}
.backgroundProjectsCount .rightColum ul li figure {
  width:100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  transition:all 0.5s ease;
  background-repeat:no-repeat;
  background-position: 0 0;
  transition: transform 0.6s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0s;
}
.backgroundProjectsCount .rightColum ul li figure::before {
  position: absolute;
  top:0;
  left:0;
  content: " ";
  background: rgba(0,0 ,0 ,0.3);
  width:100%; height: 100%;
  
}
.backgroundProjectsCount .rightColum ul li:hover figure {
  transform: scale(1.05);
}
.backgroundProjectsCount .rightColum ul li:hover figure::before
{  opacity: 0.5;
}
.backgroundProjectsCount .rightColum ul li p {
 padding: 10px;
margin: 0; position: absolute; bottom:10px; left: 0; width:100%;
text-align: center;
font-weight: bold;
color:#fff;
}
.backgroundProjectsCount .rightColum ul li p span {color:#fff}
.directToYourContainer {
  padding-top: 0;
  padding-bottom: 65px;
}
.directToYourContainer .blueBgContainer {
  background: #2241DD;
  display: flex;
  padding: 53px 50px;
  align-items: center;
  justify-content: space-between;
}
.directToYourContainer .blueBgContainer h3 {
  color: #fff;
  margin: 0 0 5px;
  padding: 0;
}
.directToYourContainer .blueBgContainer p {
  color: #fff;
  padding: 0;
  margin: 0;
  font-size: 22px;
  font-weight: 300;
}
.directToYourContainer .blueBgContainer a.viewMoreBlog {
  height: 60px;
  line-height: 60px;
  background: #fff;
  display: block;
  padding: 0 23px;
  font-size: 18px;
  color: #000;
  font-weight: 600;
  position: relative;
  text-decoration: none;
  transition: all 0.5s ease;
  max-width: 210px;
  width: 100%;
}
.directToYourContainer .blueBgContainer a.viewMoreBlog .arrow {
  position: absolute;
  margin-top: -3px;
  top: 50%;
  right: 25px;
  transition: right 0.3s ease 0s;
  background: #000;
}
.directToYourContainer .blueBgContainer a.viewMoreBlog .arrow::after,
.directToYourContainer .blueBgContainer a.viewMoreBlog .arrow::before {
  background: #000;
}
.directToYourContainer .blueBgContainer a.viewMoreBlog:hover .arrow {
  right: 15px;
}

.monitoringpage .whatClientSaysContainer {
  padding-bottom:30px;
}
.testimonialContainer {
  position: relative;
  max-width: 950px;
}
.testimonialContainer .owl-carousel .owl-item img {
  width: auto;
}
.testimonialContainer .owl-item .contentDiv {
  display: flex;
  justify-content: space-between;
}
.testimonialContainer .owl-item p {
  font-size: 22px;
  color: #000;
  font-weight: 300;
  text-align: left;
  margin: 0;
  width: 60%;
      line-height: unset;
}
.testimonialContainer .owl-item .customer {
  display: flex;
  color: #d6d6d6;
  justify-content: center;
  align-items: center;
  width: 40%;
}
.testimonialContainer .owl-item .customer .customerLogo {
  border-radius: 50%;
  overflow: hidden;
  margin-right: 15px;
  width: 74px;
  height: 74px;
  color: #d6d6d6;
}
.testimonialContainer .owl-item .customer h6 {
  display: block;
  font-size: 26px;
  color: #000;
}
.testimonialContainer .owl-item .customer h6 span {
  display: block;
  font-size: 20px;
  color: #2241DD;
}
.testimonialContainer .quoteIcon {
  background: url(../images/quoteIcon.png) no-repeat 0 0;
  width: 51px;
  height: 51px;
  position: absolute;
  top: 85%;
  right: -15px;
}
.testimonialContainer .owl-carousel .owl-nav button.owl-next,
.testimonialContainer .owl-carousel .owl-nav button.owl-prev {
  width: 23px;
  height: 23px;
  background-repeat: no-repeat;
  background-position: center;
  outline: none;
  position: absolute;
  top: 50%;
  display: none;
}
.testimonialContainer .owl-carousel .owl-nav button.owl-next {
  background-image: url(../images/arrowRight.png);
  right: 10px;
}
.testimonialContainer .owl-carousel .owl-nav button.owl-prev {
  background-image: url(../images/arrowLeft.png);
  left: 20px;
}
.headingBorderBottom.centerAlign::after {
  left: 50%;
  margin-left: -50px;
}

.keyTopicsContainer {
  padding-top: 0;
  padding-bottom: 65px;
}
.keyTopicsContainer h3 {
  color: #000;
  font-weight: 600;
}
.keyTopicsContainer .topicsContainer {
  display: flex;
  padding: 0 22px;
  justify-content: space-between;
}
.keyTopicsContainer .topicsContainer .topics {
  width: 48%;
}
.keyTopicsContainer .topicsContainer .topics figure {
  width: 100%;
  min-height: 328px;
  background: #979797;
}
.keyTopicsContainer .topicsContainer .topics a {
  color: #000;
}
.keyTopicsContainer a.viewMoreBlog {
  height: 60px;
  line-height: 60px;
  background: #fff;
  display: block;
  padding: 0 23px;
  font-size: 18px;
  color: #000;
  font-weight: 600;
  position: relative;
  text-decoration: none;
  transition: all 0.5s ease;
  max-width: 260px;
  width: 100%;
  border: 1px solid #2241DD;
  margin: 25px auto 0;
}
.keyTopicsContainer a.viewMoreBlog:hover {
  background: #2241DD;
  color: #fff;
}
.keyTopicsContainer a.viewMoreBlog .arrow {
  position: absolute;
  margin-top: -3px;
  top: 50%;
  right: 25px;
  transition: right 0.3s ease 0s;
  background: #000;
}
.keyTopicsContainer a.viewMoreBlog .arrow::after,
.keyTopicsContainer a.viewMoreBlog .arrow::before {
  background: #000;
}
.keyTopicsContainer a.viewMoreBlog:hover .arrow {
  right: 15px;
}
.keyTopicsContainer a.viewMoreBlog:hover {
  background: #2241DD;
  color: #fff;
}
.keyTopicsContainer a.viewMoreBlog:hover .arrow {
  background: #fff;
}
.keyTopicsContainer a.viewMoreBlog:hover .arrow::after,
.keyTopicsContainer a.viewMoreBlog:hover .arrow::before {
  background: #fff;
}

.clientWorkedWithContainer {
  padding-top: 0;
  padding-bottom: 53px;
}
.clientWorkedWithContainer h3 {
  color: #000;
  font-weight: 600;
}
#clients {
  padding-top: 10px;
  padding-left: 5%;
  padding-right: 5%;
}
#clients figure {
  border: 1px solid #000;
  margin: 0;
  max-width: 190px;
  border-radius: 50%;
  overflow: hidden;
}

.homepage .aboutUsContainer {
  padding: 0 0 22px;
}
.homepage .aboutUsContainer .card {
  border: 0;
  border-radius: 0;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-start;
}
.homepage .aboutUsContainer .cardouter {
  margin-bottom: 8px;
  width: 48%;
  background: #f6f6fb;
  padding: 35px 15px;
}
.homepage .aboutUsContainer .card-title {
  font-size: 30px;
  font-weight: normal;
  color: #051333;
}
.homepage .aboutUsContainer .card-header {
  border-radius: 0;
  border: 0;
  font-size: 30px;
  background: #f6f6fb;
  color: #000;
  font-weight: normal;
}
.homepage .aboutUsContainer .accordion .card-header:after {
  content: "-";
  float: right;
  font-size: 34px;
  color: #051333;
  margin-top: -5px;
}
.homepage .aboutUsContainer .accordion .card-header.collapsed:after {
  content: "+";
}
.homepage .aboutUsContainer .accordion .card-body {
  border: 0;
  padding-bottom: 5px;
}

footer {
  padding: 0;
  background: #292929;
}
.footerLinks {
  font-size: 14px;
  color: #fff;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.footerLinks li {
  margin-right: 16px;
}
.footerLinks a {
  color: #fff;
}
.socialIconsBottom li {
  margin-left: 15px;
}
.greyFooterBg {
  background: #333333;
  padding: 35px 0;
  margin-bottom: 15px;
}
footer .rightColum {
  text-align: right;
  color: #fff;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
footer .rightColum p {
  color: #fff;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
footer .rightColum a {
  color: #fff;
}
.navBgBlue {
  padding: 0;
  padding-top: 15px;
}
.navBgBlue .dropdown-toggle::after {
  vertical-align: middle;
}
.navBgBlue .dropdown-item.active,
.navBgBlue .dropdown-item:active,
.navBgBlue .dropdown-item:focus,
.navBgBlue .dropdown-item:hover {
  background: #2241DD;
  color: #fff;
}
.navBgBlue .nav-item > a {
  color: #fff;
  font-size: 13px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.mobileNav {
  display: block;
}
.desktopNav {
  display: none;
}
#nav .mobileSearchIcon {
  display: none;
}
#nav .mobilelogo {
  display: none;
}

.navBgBlue .nav-item > a.openMenuIconMobile {
  position: absolute;
  background: none;
  top: 0;
  right: 0;
  padding-right: 24px;
  padding-left: 8px;
}
.navbar-toggler {
  float: right;
  align-self: flex-end;
  border: 1px solid #ccc;
  margin: 5px 0;
  outline: none;
  position: absolute;
  top: 10px;
  right: -15px;
}
.navbar-toggler-icon {
  background-image: url(../images/menuIcon.svg);
}
.navbar-brand {
  color: #fff;
  display: none;
}
.nav-item:hover {
  background: #fff;
  color: #2241DD;
}
/* ============ desktop view ============ */
@media all and (min-width: 768px) {
  .navbar .nav-item > .dropdown-menu {
    display: none;
    font-size: 13px;
  }
  .navbar .nav-item:hover .nav-link {
    color: #000;
  }
  .navbar .nav-item:hover > .dropdown-menu {
    display: block;
  }
  .navbar .nav-item .dropdown-menu {
    margin-top: 0;
    border: 0;
    border-radius: 0;
    min-width: 25rem;
  }
  .mobileNav {
    display: none;
  }
  .desktopNav {
    display: block;
  }
  .navBgBlue .nav-item > a.openMenuIconMobile {
    display: none;
  }
  /* Arunendra*/
  .history-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .history-item__thumb {
    max-width: 160px;
    -webkit-flex-basis: 160px;
    -ms-flex-preferred-size: 160px;
    flex-basis: 160px;
  }
  .history-item__info {
    max-width: calc(100% - 160px);
    -webkit-flex-basis: calc(100% - 160px);
    -ms-flex-preferred-size: calc(100% - 160px);
    flex-basis: calc(100% - 160px);
    padding-left: 113px;
    padding-bottom: 45px;
    position: relative;
  }
  .history-item__info:before {
    background: #4178ba;
    border-radius: 50%;
    border: 5px solid #eee;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    position: absolute;
    top: 0;
    left: 47px;
    height: 10px;
    width: 10px;
    z-index: 2;
  }
  .history-item__info:after {
    background: #eee;
    content: "";
    position: absolute;
    top: 0;
    left: 55px;
    z-index: 1;
    width: 3px;
    height: 100%;
  }
  .history-item__info .history-year {
    font-size: 22px;
    line-height: 1;
    margin-bottom: 0;
    font-weight: 700;
    margin-top: -3px;
  }
}


/* top carousol */
 #big .item { padding:0 25px 0; display: flex; margin:0px; height:590px; color: #FFF; border-radius: 3px;  background-size:cover; background-repeat: no-repeat; align-items:center;  }
 
#thumbs .item { height:110px; padding:15px;  color: #FFF; font-size: 18px;border-top:2px solid transparent; margin-top:0  }
#thumbs .current .item { border-top:2px solid #2241DD; }
.owl-theme .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; }
.owl-theme .owl-nav [class*='owl-'].disabled:hover { background-color: #D6D6D6; }
#big.owl-theme { position: relative; }
#big.owl-theme .owl-next, #big.owl-theme .owl-prev { background:#333; width: 22px; line-height:40px; height: 40px; margin-top: -20px; position: absolute; text-align:center; top: 50%; }
#big.owl-theme .owl-prev { left: 10px; }
#big.owl-theme .owl-next { right: 10px; }
#thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev { background:#333; }
.topBannerSlider .bottomThumb {position: absolute; width:100%; bottom: 0; border-top: 1px solid #fff; z-index: 5;}
.topBannerSlider .bottomThumb .container {margin:-1px auto 0; position: relative; max-width: 920px; }
.topBannerSlider #thumbs .item:hover {background:rgba(0, 1, 1, 0.5)}
.topBannerSlider #thumbs .owl-item:last-child .item::after { display: none;}
.topBannerSlider #thumbs .item::after {content: "";
    position: absolute;
    right: 0;
    z-index: 100;
    top: 26%;
    width: 1px;
    height: 50%;
    background: #fff;}
.topBannerSlider .paddingDiv {padding:0 15%; position: relative;}
#big .item::before {    content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0,0,0,.5);}
.topBannerSlider #big .owl-nav {display: none;}
.topBannerSlider {position: relative;}
.topBannerSlider h2 {font-size: 23px; position: relative;
  color: #37b8f4;
  font-weight: 600;}
  .topBannerSlider p {font-size: 30px; position: relative;
    color:#fff;
    line-height: 1.4; font-weight: 600;}
.topBannerSlider .viewMoreBlog {
  height: 60px;
  line-height: 60px;
  background: #2241DD;
  display: block;
  margin: 0;
  padding: 0 23px;
  font-size: 18px;
  color: #fff;
  position: relative;
  text-decoration: none;
  transition: all 0.5s ease;
  max-width: 213px;
}
.topBannerSlider .viewMoreBlog .arrow {
  position: absolute;
  margin-top: -3px;
  top: 50%;
  right: 25px;
  transition: right 0.3s ease 0s;
}
.topBannerSlider .viewMoreBlog:hover .arrow {
  right: 15px;
}

#qualityCarousol {display: none;}

/* shreoes page design  */
button.btn.btn-primary.color-white { border: 2px solid #fff;   width: 150px;   font-weight: 600;}
label.text-white {    font-weight: 600;    font-size: 16px;}
button.btn.btn-outline-primary.lernmore {    width: 200px;    font-weight: 600;}
a.productPic {  text-decoration: none;}
.productPic p {    background-color: rgba(56, 125, 185, 0.8);   font-weight: 600;}

.file-upload {
  background-color: #ffffff;
}

.file-upload-content {
  display: none;
  text-align: center;
}

.file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}

.image-upload-wrap {
  margin-top: 20px;
  border: 2px dashed #9e9e9e;
  position: relative;
  border-radius: 4px;
}

.image-title-wrap {
  padding: 0 15px 15px 15px;
  color: #222;
}

.drag-text {
  text-align: center;
}

.drag-text h3 {
  font-weight: 400;
  color: #757576;
  padding: 60px 0;
  font-size: 17px;
}

.file-upload-image {
  max-height: 200px;
  max-width: 200px;
  margin: auto;
  padding: 20px;
}

.remove-image {
  width: auto;
  margin: 0;
  color: #fff;
  border: none;
  padding: 10px;
  border-radius: 4px;
  transition: all .2s ease;
  outline: none;
}

.remove-image:hover {
  background: #c13b2a;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}

.remove-image:active {
  border: 0;
  transition: all .2s ease;
}
/* ============ desktop view .end// ============ */
 
@media screen and (max-width: 1200px) {
  .testimonialContainer {
    max-width: 100%;
    overflow: hidden;
  }
}

@media screen and (max-width: 999px) {
  .navBgBlue .nav-item > a {
    font-size: 12px;
  }
  body .cd-hero__marker,
  body .cd-hero__nav li {
    width: 33%;
  }
}
@media screen and (max-width: 767px) {
	.cd-hero .viewMoreBlog {
	    height: 45px;
	    line-height: 45px;  
	    padding: 0 20px;
	    max-width: 180px;
  }
  .detailAboutContainer .hideForMobile {display: none;}
  #qualityCarousol {display: block;}
  .topBannerSlider .paddingDiv {padding:0 0 0}
  #big .item{height: 380px;}
  .topBannerSlider p {font-size: 18px;}
  #thumbs .item {border-radius: 50%;
    width: 15px;
    height: 15px;
    padding:0;
    margin:0 5px;
    text-indent: -999px;
    overflow: hidden;
    background-color: #fff;}
    #thumbs .current .item{background: #2241DD; border:0}
    .topBannerSlider .bottomThumb {border:0; bottom: 15px; }
    .topBannerSlider .bottomThumb  .owl-stage {justify-content: center; display: flex;}
    .topBannerSlider #thumbs .item:hover {background: #2241DD}
    .topBannerSlider #thumbs .owl-item {width:auto!important}
	.imageGallery li .productPic p {
	    flex-direction: unset;
  }
  .topBannerSlider #thumbs .item::after {display: none;}
  .homepage .aboutUsContainer .card {
    display: block;
  }
  .footerLinks {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 15px;
  }
 .homepage  .aboutUsContainer .cardouter {
    width: auto;
    padding: 15px 15px;
  }
  .homepage .aboutUsContainer .card-title{font-size: 20px;}
  .homepage .aboutUsContainer .accordion .card-header:after{margin-top:3px;font-size: 30px;}
  .socialIconsBottomContainer {
    justify-content: center !important;
  }
  footer .firstColum .logo {
    text-align: center;
  }
  footer .rightColum p {
    text-align: center;
    margin-bottom: 25px;
  }
  .keyTopicsContainer .topicsContainer .topics {
    width: auto;
    margin-bottom: 15px;
  }
  .keyTopicsContainer .topicsContainer {
    display: block;
  }
  .directToYourContainer .blueBgContainer {
    padding: 25px 15px;
    display: block;
  }
  .testimonialContainer .owl-item .customer {
    width: auto;
  }
  .testimonialContainer .owl-item p {
    width: auto;
    padding: 15px 15px 0;
  }
  .testimonialContainer .owl-item .contentDiv {
    display: block;
  }
  .directToYourContainer .blueBgContainer p {
    margin-bottom: 15px;
  }
  .detailAboutContainer .pictureDiv {
    margin-bottom: 15px;
  }
  .productsContainer {
    padding-left: 15px;
    padding-right: 15px;
  }
  /* .productsContainer .changeOrder .leftColum {
    order: 1;
  }
  .productsContainer .changeOrder .rightColum {
    order: 2;
  } */
  .backgroundProjectsCount .rightColum ul {
    margin: 0;
    padding: 0;
  }
  .backgroundProjectsCount .rightColum ul li {
    margin-top: 10px;
    margin-bottom: 5px;
    margin-right: 5px;
    display: block;
    width:48%;
  }
  .backgroundProjectsCount .rightColum ul li p {padding: 8px;}
  .backgroundProjectsCount .rightColum {
    margin-top: 25px;
  }
  .cd-hero__content h2 {
    padding-left: 15px;
  }
  .cd-hero__content p {
    padding-left: 15px;
  }
  .cd-hero .viewMoreBlog {
    margin-left: 15px;
  }
  body .cd-hero__nav a {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    text-indent: -999px;
    overflow: hidden;
    background-color: #000;
  }
  .cd-hero__nav .cd-selected a {
    background-color: #fff;
  }
  body .cd-hero__nav {
    border-top: 0;
    bottom: 15px;
    height: 15px;
  }
  body .cd-hero__marker,
  body .cd-hero__nav li {
    margin: 0 15px;
    width: auto;
  }
  body .cd-hero__nav nav {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
  }
  body .cd-hero__nav ul {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    text-align: center;
    justify-content: center;
    display: flex;
  }
  .navBgBlue .collapse:not(.show) {
    display: none !important;
  }
  .navBgBlue .nav-item {
    background: none;
  }
  .navBgBlue .nav-item > a {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .navBgBlue {
    position: fixed;
    top: 87px;
    left: 0;
    width: 100%;
    padding-top: 0;
  }
  .navbar-collapse {
    margin-top: 0;
    height: 100%;
    background: #2241DD;
  }
  .navbar-toggler {
    top: -74px;
    right: 18%;
  }
  .mobileHide {
    display: none;
  }
  #nav .mobileSearchIcon {
    display: block;
    position: fixed;
    top: 9px;
    border-bottom: 0;
    right: 35px;
  }
  #nav .mobilelogo {
    display: block;
    position: fixed;
    margin-top:-40px;
}
.backgroundProjectsCount{padding-top: 25px; text-align: center; }
h3 {    padding: 0 0 15px;}
.backgroundProjectsCount h3 {padding-bottom: 25px;}
.backgroundProjectsCount .viewMoreBlog {margin:25px auto 0; max-width: 270px;}
.welcomeContainer p {    font-size: 22px;    font-weight: normal;    text-align: left;}
.welcomeContainer .viewMoreBlog {font-size: 15px;}
.backgroundProjectsCount .rightColum figure{ display: inline-block; text-align: center; width: 90%; margin-top: 15px;}
.productsContainer .rightColum { padding:10px; order:1;}
.productsContainer .leftColum {order:2;}
.productsContainer .leftColum a {    min-height: auto;}
.productsContainer .leftColum.projectbg a{background-size: contain;}
.testimonialContainer .owl-item p {    font-size: 20px;}
ul#accordion1 .panel a.text-primary {  font-size: 14px;}
.project-section .order_two,.product_view .order_two {order:2;}
section.project_view{margin-top:-10px;}
p.team_page_icon i {  font-size:25px;}
.hideForMobile {display: none;}
.productsContainer .row a.viewMoreBlog.hideForMobile {display: none;}
.productsContainer .row a.viewMoreBlog.hideondesktop {display: block; width:100%; max-width: 300px; order: 3; margin: 25px auto 0;}
.backgroundProjectsCount .leftColum a.viewMoreBlog {text-align: left;}

.form-heading h3 {
  font-size: 20px;
  line-height: 26px;
}

}


/***** expertise slider *************/
.backgroundProjectsCount .item p{position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    font-weight: bold;
    padding: 0 15px;
    color: #fff; }
.backgroundProjectsCount .item p span {color:#fff}
#qualityCarousol2 .item::before {
content: '';position: absolute;left: 0; top: 0; width: 100%;height: 100%;background: rgba(0,0,0,.3); transition: all .3s;
}
/*css 10/09/2021*/

.banner__left h1 {
    color: #00a2ff;
    font-size: 28px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: none;
}
.banner__left p{
    font-size:18px;
    color: #5e5e5e;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
}
.banner__left ul {
    padding-left: 0;
    margin-top: 20px;
    padding-bottom: 15px;
    }
.banner__left ul li{
    font-size: 18px;
     font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    color: #5e5e5e;

}
.monitoringpage .monitoring .row{
    align-items: center;
}
.banner__left ul li::marker{
    color: #00a2ff;
}
.banner__left  a {
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    background: #00a2ff;
    text-transform: capitalize;
    color: #fff;
    padding: 7px 20px;
    border-radius: 10px;
    text-decoration: none;
}
section.team-img {
    padding-top: 0px;
    position: relative;
}
.banner_hero {
      padding-top: 35px;
    position: relative
}

img.top__shape {
    top: -17px;
    position: absolute;
    z-index: -1;
        left: 0;
}
img.leftBtm__shape {
    position: absolute;
    left: -214px;
    bottom: 0;
    z-index: -1;
    width: 374px;
}
.banner__left {
    padding-top: 50px;
}
img.dashedRoundShp {
    position: absolute;
    right: -57px;
    top: 0;
    max-width: 100%;
    z-index: -1;
}

  img.tinnyShape {
    position: absolute;
    right: 0;
    bottom: 250px;
}


/**/
.monitoringpage .monitoring h3 {
    font-size: 16px;
    color: #757576;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
section.monitoring {
    padding-top: 0px;
}
.monitoring .col-md-2 {
    text-align: center;
}
.monitoring .col-md-2 img {
 filter: grayscale(100%);
}

.monitoring .col-md-2 img:hover {
    filter: grayscale(0%);
}

.shadow_box img{
    width: 100%;
}
.shadow_box {
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    border-radius: 15px;
    overflow: hidden;
}
.shadow_box h3 {
    font-size: 24px;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
    padding: 15px 0;
}
.monitoringpage .whatClientSaysContainer h3 {
    text-align: center;
    font-size: 47px;
    /* font-size: 24px; */
    color: #292929;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
}
#calltoaction h3.text-white {
    font-size: 38px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
}

section#calltoaction ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: 757576;
}
section#calltoaction ::-moz-placeholder { /* Firefox 19+ */
font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: 757576;
}
section#calltoaction :-ms-input-placeholder { /* IE 10+ */
font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: 757576;
}
section#calltoaction :-moz-placeholder,section#calltoaction textarea  { /* Firefox 18- */
font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: 757576;
}
.monitoringpage  .detailAboutContainer .pictureDiv {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.monitoring .owl-stage {
    display: flex;
    align-items: center;
}
#clients-monitoring .item img {
    filter: grayscale(100%);
}
.testimonialContainer .owl-item p
{
    position: relative;
}
.testimonialContainer .owl-item p:before {
    content: "";
    background: url(../images/quoteIcon.png) no-repeat 0 0;
    width: 51px;
    height: 51px;
    position: absolute;
    top: 0;
    transform: scaleX(-1);
    left: -55px;
}
.item img:hover {
    filter: grayscale(0%);
}
/*responsive*/
@media only screen and (max-width: 768px) {


img.dashedRoundShp,img.top__shape,img.tinnyShape {
    
    display: none;
}
.banner__left ul {
    padding-left: 30px;
}
#calltoaction h3.text-white {
    font-size: 28px;
}
.banner__left {
    padding-top: 10px;
}
.whatClientSaysContainer h3 {
    text-align: center;
    font-size: 28px;
}
.testimonialContainer:before {
    top: -28px;  
}
.detailAboutContainer .pictureDiv h3 {
    font-size: 20px;
    }
    .detailAboutContainer .pictureDiv p {
    font-size: 16px;
}
.testimonialContainer .owl-item p:before{
    left: 0;
        top: -25px;
}
.testimonialContainer .owl-item p{
    margin-top: 30px;
}
#productSlider .productsImage img,#projectSlider .productsImage img{
    object-fit: cover;
    max-height: 350px;
}
    #clients figure {
        max-width:100%;

    }
 #clients figure img { height: 100px; object-fit: cover;}
}
section.manageent.partner_section a {color: #2241DD;}
section.manageent.partner_section a: hover; {color: #2241DD;}