/* Locat stylesheet file */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,500;1,400&display=swap');
body{background: #fff;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
.navbar-brand{display: inline-block;}
.fa{background: #0484ca; color: #fff; padding: 0.3rem;}
.dgtslogo{max-width: 14%; height: auto;}
.dgtsindia-nav-link{color: #333;     display: block;
    padding: 0.5rem 1rem;}
.dgtsindia-nav-link-active{color: #0484ca;     display: block;
    padding: 0.5rem 1rem;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
    color: #333;
}
.carousel img {
    top: 0;
    left: 0;
    min-width: 100%;
    height: 550px;
    max-height: 550px;
    width: auto;
}
.container-fluid{padding: 0;}
.DGTS-textblock{position: absolute; right: 14%; top: 10%; border: 2px solid white; border-radius: 3px; background: #fff; z-index: 10; min-width: 100px; min-height: 50px; display: block;}
.DGTS-textblock .DGTS-bigtxt{max-width: 20%; height: auto;}
.DGTS-textblock p{color: #333; padding: 0.5em 0.2em; text-align: center; background: #f5f5f5;}
.DGTS-textblock p span{text-transform: uppercase; color: #0484ca;}
.DGTS-textblock form{padding: 0 0.2em;}
.DGTS-input{border-bottom: 1px solid #ced4da; border-top: 0px; border-left: 0px; border-right: 0px; display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.25rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;    
    border-radius: 0.2rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.DGTS-textblock .DGTS-btn{background: #0484ca; display: block; width: 100%; height: auto; font-size: 1em; text-align: center; color: #fff; margin: 0 0 0.5em 0;}
.DGTS-messagearea{max-height: 5em; overflow-x: auto; overflow-y: auto;}

.DGTS_contactblock{border: 2px solid white; border-radius: 3px; background: #fff; min-width: 100px; min-height: 50px; display: block; }
.DGTS_contactblock .DGTS-btn{background: #0484ca; display: block; width: 100%; height: auto; font-size: 1em; text-align: center; color: #fff; margin: 0 0 0.5em 0;}

.totalheight-100{height:100vh; padding: 1rem 0;}


.DGTS-quoteblock{background: #0484ca; color: #fff;}
.DGTS-quote-text{color: #fff; text-align: left; vertical-align: middle; display: table-cell; float: left; font-size: 4vh;}
.DGTS-quote-text span{text-transform: uppercase;}
.DGTS-quote-btn{margin: 0.5rem auto; text-align: center;}
.DGTS-quotebtn{background: #fff; text-align: center; font-size: 3vh; color:#0484ca; border: none; border-radius: 5px; padding: 0.5rem 3rem; margin: 0 auto; float: right}

.DGTS-socials{background: #fff; box-shadow: 0 5px 3px -3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 5px 3px -3px rgba(0,0,0,0.3); }
.DGTS-socialareas{margin:0; padding: 0.5em 0;}
.DGTS-socialtext{float: right; display:inline-block; text-align: right; vertical-align: middle; font-size: 4vh; padding: 0;}
.DGTS-sociallinks{margin: 0 auto; padding: 0;}
.DGTS-sociallinks ul{margin: 0 auto; padding: 0; float: left;}
.DGTS-sociallinks ul li{float: left; display: block; margin: 0 1em;}
.DGTS-sociallinks ul:nth-child(1){margin: 0 1em 0 0;}
.DGTS-sociallinks ul:nth-last-child(1){margin: 0 0 0 1em;}

.DGTS-about-block{padding: 1.5rem 0; background: #f5f5f5; }
.DGTS-about-image{box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.3); float: right;}


.DGTS-readmore-btn{background: #0484ca; color: #fff; padding: 0.75rem 3rem; font-size: 3vh; text-align: center; border-radius: 7px;}
.DGTS-readmore-btn:hover{background: #034163; color: #fff; text-decoration: none}

.DGTS-serviceblock{background: #0484ca; padding: 1.5rem 0; color: #fff; }
.DGTS-service-image{box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.3); float: left;}
.DGTS-readmore-btn-white{background: #fff; color: #0484ca; padding: 0.75rem 3rem; font-size: 3vh; text-align: center; border-radius: 7px;}
.DGTS-readmore-btn-white:hover{background: #034163; color: #fff; text-decoration: none;}

.DGTS-Galleryblock{padding: 1.5em 0; background: #f5f5f5;}
.close {
  font-size: 1.5rem;
}

.col-12 img {
  opacity: 0.7;
  cursor: pointer;
  margin: 2rem 0;
  width: 100%;
}

.col-12 img:hover {
  opacity: 1;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.DGTS-gallery{background: #0484ca; margin: 0 auto; color: #fff; padding: 0.75rem 7rem; font-size: 3vh; text-align: center; border-radius: 7px;}
.DGTS-gallery:hover{background: #034163; color: #fff; text-decoration: none}



footer{background: #fff; color: #333;}
.DGTS-footer{margin: 0 auto; padding: 0.75em 0;}
.DGTS-footer ul{list-style: none; margin: 0; padding: 0; text-align: center}
.DGTS-footer ul li{float: left; display: block; margin: 0;}
.DGTS-footer ul li:nth-child(1):{text-align: left;}
.DGTS-footer ul li:nth-last-child(1){float: right;}

#back-to-top {
  display: inline-block;
  background-color: #0484ca;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000; padding: 0.5rem;
}
#back-to-top::after {  
  font-size: 2em;  
  color: #fff;
}
#back-to-top:hover {
  cursor: pointer;
  background-color: #333;
}
#back-to-top:active {
  background-color: #555;
}
#back-to-top.show {
  opacity: 1;
  visibility: visible;
}
.btn-group-lg>.btn, .btn-lg{padding: .5rem 0rem;}