/*--------------------------------------------------------------
# General Styling & Shared Classes
--------------------------------------------------------------*/
body {
  background-color: #000;
}

/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/
.header {
  background-color: #000;
}
.color-accent{color: #6c757d;}
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
  background: linear-gradient(0deg, #000 0%, color-mix(in srgb, #000 90%, #000 10%) 100%);
}

/*--------------------------------------------------------------
# Global Sections
--------------------------------------------------------------*/
/* section, .section { */
  .homeSection, .aboutSection, .bgc-black{
  background-color: #000;
  color: #fff;
}
/* .aboutSection {background-color: #fff; color: #000;} */
  .index-page h1,
h1, h2, h3, h4, h5, h6 {
  color: #fff;
}
.font-60{font-size: 60px;}
.rounded-border-text{
  border: 1px solid white;
  border-radius: 35px;
  padding: 15px;
}
.fw-600{font-weight:600 !important;}
.top-20{
  padding-top: 20px;
}
.top-50{
  padding-top: 50px;
}
.top-100{
  padding-top: 100px;
}
.padding-10{padding: 10px;}
.pt-10{padding-top:10px;}
.pt-20{padding-top:20px;}
.pb-20{padding-bottom:20px;}
.pb-0{padding-bottom: 0px;}
.ptb-70{padding: 70px 0px;}

.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-70{margin-top: 70px;}
.mt-100{margin-top: 100px;}
.mt-150{margin-top: 150px;}
.mtb-70{margin: 70px 0px;}

.fs-18{font-size: 18px;}
.fs-20{font-size:20px;}
.fs-25{font-size:25px;}
.fs-30{font-size:30px;}
.fs-40{font-size:40px;}
.fs-50{font-size:50px;}
.fs-60{font-size: 60px;}
.fs-70{font-size:70px;}
.fs-90{font-size:90px;}
.fs-100{font-size:100px;}
.fs-150{font-size:150px;}
.margin-150{margin:150px 0px;}

.navmenu li:hover>a, .navmenu .active, .navmenu .active:focus{
	background-color:black;
	border-bottom: 1px solid #6c757d;
}
a, a:hover{color : #6c757d;}

.navmenu a, .navmenu a:focus,.navmenu .active, .navmenu .active:focus { border-radius:0px;}
.light-gray{color: lightgray;}
.light-gray-1{color: #939393;}

/*--------------------------------------------------------------
# Home Sections
--------------------------------------------------------------*/
home, .section {
  margin-top: 30px;
}
/*SLIDER- SINGLE LINE*/

.marquee {
  position: relative;
  overflow: hidden;
  height: 55px;
  display: flex;
  justify-content: center;
  padding: 10px 0px; 
  margin: 0 auto;
  /* margin: 0 0 0px 0; */
}

.marquee-keywords-pink {
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  font-weight: bold;
}

.marquee-keywords-pink span {
  display: inline-block;
  padding-left: 100%;
  animation: marquee-keywords 30s linear infinite;
  color: #fff !important;
  /* text-transform: uppercase; */
  font-size: 20px;
  letter-spacing: 0.2em;
  font-family: var(--heading-font-family);
  animation-delay: -14s;
}

.marquee-keywords-two span {
animation-delay: 1s;
}


.marquee span {
  display: inline-block;
  padding-left: 100%;
   animation: marquee 30s linear infinite; 
   animation-delay: -14s;
   font-size: x-large; 
}

.marquee2 span {  animation-delay: 1s;}

.marquee-div{ background-color:#6c757d;	min-height:56px;}
.marquee span i {padding:0px 18px;}
.marquee-degree{-webkit-transform: rotate(-1deg); 
     -ms-transform: rotate(-1deg); 
	 transform: rotate(-1deg); 
	 background-color:black;}
@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
.marquee-half p span{font-size: 65px;}
.marquee-half p.marquee{width: 50%;}

/* HOME SCREEN BG IMG */
.bg-img{
	height: 100%;
    margin:0px;
    background: url(../img/working-1.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
	opacity:0.5;
  margin-top: 50px;
}
.mh-200{min-height:200px;}
.mh-400{min-height:400px;}
.mh-600{min-height:600px;}
.mh-800{min-height:800px;}
.mh-1000{min-height:1000px;}
.mh-1200{min-height:1200px;}
.mh-1400{min-height:1300px;}

#preloader:before,#preloader:after {  border: 4px solid #6c757d;}

/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer {
  background-color: #000;
  padding: 150px 0;
}
.scroll-top, .scroll-top:hover{background-color:#6c757d; display: none !important;}
.footer .social-links a{ background:#6c757d;}
.footer .copyright{ border-top: none;}
.copyright{ padding-bottom: 20px;}
.footer p {font-style: normal;}

a.square-link{
  border: 1px solid white;
  color: #fff;
  padding: 15px;
}

.img-fluid{ max-height: 600px;}   
/* 750px */

p{font-size: 24px;}
.project-summary{font-size: 20px;}
.display-none{display: none !important;}
#myBtnContainer button{font-size: 30px;}
.p-10{padding: 10px;}
.h-50{height:50px !important;}
.h-150{height:150px !important;}
.row>*, header .container-fluid {
  padding-right: calc(var(--bs-gutter-x)* 1.5);
  padding-left: calc(var(--bs-gutter-x)* 1.5);
}
.contact-control , .contact-control :active, .contact-control:focus {background-color: black;
color: white; border:none;box-shadow: nones; border-bottom: 1px solid #fff;}
.contact-control-btn, .contact-control-btn:hover, .contact-control::placeholder {
  background-color: black;
  color: #ffffff;
}
.contact-control-btn:hover {
  border-bottom: 1px solid #6c757d;
}
.form-control:focus{box-shadow: none;}
.align-center{text-align: center;}
.imge-border-radius-26{border-radius: 26px;}
.service-content{font-size: 20px;
  line-height: normal;}
  .lh-normal{line-height: normal;}