@charset "UTF-8";
a {
	text-decoration: none !important;
}

p {
	margin-bottom: 30px !important;

}

.text-primary {
	color: #DB002F !important;
}
.text-secondary {
	color: #2F3233  !important;
}
.text-grey {
	color: #838383  !important;
}
.header-height {
	height: 25em !important;
}
.btn-primary {
	color:#FFFDFD !important;
	background-color: #111214 
	
}
.btn-primary:hover {
	color:#FFFFFF !important;
	background-color: #C0001C !important;
	
}
.bg-rtc {
	background-color: #004b84 !important;
}
.bg-rtc2 {
	background-color: #141515 !important;
}
.bg-rtc3 {
	background-color: #7ACEF0 !important;
}
.bg-rtc4 {
	background-color: #DB002F !important;
}
.bg-rtc5 {
	background-color: #1D1D1D !important;
}
.rtc {
	color: #004b84 !important;
}
.rtc2 {
	color: #093352 !important;
}
.rtc3 {
	color: #DB002F !important;
}
.rtc4 {
	color: #7ACEF0 !important;
}
.rtc5 {
	color: #C3C3C3 !important;
}
.btn-rtc {
	background-color: #EBEBEB !important;
	color: #CA002B !important;
	border: none !important;
}
.btn-rtc:hover {
	background-color: #DB002F !important;
	color: #DFDFDF !important;
	border: none !important;
}
.btn-rtc2 {
	background-color: #CA002B  !important;
	color: #FFFFFF !important;
}
.btn-rtc2:hover {
	background-color: #111214 !important;
	color: #CA002B  !important;
}
.btn-rtc3 {
	color: #FAFAFA !important;
}
.btn-rtc3:hover {
	color: #7ACEF0 !important;
}
.btn-rtc4 {
	color: #F3054A !important;
}
.btn-rtc4:hover {
	color: #CACACA !important;
}
.btn-rtc5 {
	color: #DB002F  !important;
}
.btn-rtc5:hover {
	color: #CBCBCB    !important;
	border: none !important;
}
.btn-rtc6 {
	background-color: #DB002F !important;
	color: #FFFFFF !important;
	border: none !important;
}
.btn-rtc6:hover {
	background-color: #EBEBEB !important;
	color: #DB002F  !important;
}
.btn-rtc7 {
	color: #7ACEF0 !important;
}
.btn-rtc7:hover {
	color: #FFFFFF !important;
}
.vid-height{
	height: 25em !important;
	width: 100%;
}
.vid-height2{
	height: 20em !important;
	width: 100%;
}

.montserrat-800 {
  font-family: "Montserrat", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
.montserrat-600 {
  font-family: "Montserrat", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.montserrat-500 {
  font-family: "Montserrat", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.orbitron-800{
  font-family: "Orbitron", serif !important;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
.orbitron-600{
  font-family: "Orbitron", serif !important;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.share-tech{
  font-family: "Share Tech", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

h1 {
  font-family: "Orbitron", serif !important;
  font-optical-sizing: auto;
  font-weight: 600 !important;
  font-style: normal;
	color: #DB002F;
}

/*** Project Start ***/

.project-img {
    position: relative;
    padding: 15px;
}

.project-img::before {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    top: 0;
    left: 0;
    background: var(--primary);
    border-radius: 10px;
    opacity: 1;
    z-index: -1;
    transition: .5s;
}

.project-img::after {
    content: "";
    width: 150px;
    height: 150px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: var(--bs-primary);
    border-radius: 10px;
    opacity: 1;
    z-index: -1;
    transition: .5s;
}

.project-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
	color: #FCFCFC !important;
}

.project-content h4  {
    display: inline-block;
    padding: 20px 25px;
    background: var(--primary) !important;
    border-radius: 10px;
	color: #FCFCFC !important;
}


.project-item:hover .project-content {
    opacity: 1;
    transition: .5s;
}

.project-item:hover .project-img::before,
.project-item:hover .project-img::after {
    opacity: 0;
}

/*** Project End ***/





@media (max-width: 991.98px) {
    .navbar-light {
        background: var(--bs-primary) !important;
    }
}
	
@media (max-width: 576px) {
    .mobile {
        max-width: 200px !important;
		height: auto !important;
    }
	.sticky-top.navbar-light .navbar-brand img {
    max-height: 35px;

}
}