.d-desk{
  display: inline-block!important;
}
.d-mob{
  display: none!important;
}
.menu-main li a{
  color:#ffffff;
}
.is-sticky .menu-main li a, .menu-main .sub-menu li a{
  color:#000000;
}
.menu-title a{
  color:#000000!important;
}
.megamenu-fw{
  position: static;
}
.megamenu-content{
  min-width: 850px;
  left: -250px;
  padding: 30px;
}
.menu-title{
  margin-top: 0;
  margin-bottom: 15px;
  color: #212121;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}
.social-btn {
  display: flex;
  width: 140px;
  align-items: center;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
  border: 1px;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  margin-bottom: 5px;
  position: relative;
  left: -100px;
  transition: left 1s;
}
.social-btn:hover {
  left: -10px;
  transition: left 1s;
}

.social {
  position: fixed;
  top: 60%;
  z-index: 99;

}
.social a {
  text-decoration: none;
}

.color-telegram {
  background-color: #0084c6;
}
.color-instagram {
  background-color: #f62782;
}
.color-whatsapp {
  background-color: #24cc63;
}
.color-youtube {
  background-color: red;
}
.color-pintrest {
  background-color:#b7081b;
}
.social-btn p {
  color: white;
  margin-top: 0px;
  margin-bottom: 0px;
}
.social-btn i{
  color: #ffffff!important;
}
.mou__widget-counterup.theme-dark .counter-label{
  font-size: 20px;
  margin-top: 10px;
}
.client-logo{
  background: #ffffff;
}
.text-justify{
  text-align: justify;
}
.footer-menu ul li{
  color: #ffffff;
}
.color-red{
  color: var(--color-primary);
}
.inner-headerbg{
  background: #050618;
  padding-top: 170px;
  padding-bottom: 70px;
}
.inner-headerbg .entry-title, .wht-clr{
  color:#ffffff;
}
.inner-headerbg .entry-title::after {
  display: block;
  height: 2px;
  width: 180px;
  margin: auto;
  content: "";
  background: #e31e24;
  background-size: 300% 300%;
  background-position: center center;
  margin-top: 0;
}
.txt-brbt::after{
  display: block;
  height: 2px;
  width: 180px;
  content: "";
  background: #e31e24;
  background-size: 300% 300%;
  background-position: center center;
  margin-top: 15px;
}
.pd-left5{
  padding-left: 5%;
}
.ctmicn i{
  padding: 8px;
  border-radius: 3px;
  border: 1px solid gray;
}
.dis-no{
  display: none;
}
.cntno i{
  color: #e31e24!important;
  font-size: 16px!important;
}
.cntno a{
  border: 1px solid #e31e24;
  padding: 7px 15px!important;
  border-radius: 22px;
}
.nav-container .menu-main > .cntno > a:hover:before{
  opacity:0!important;
}
.modal-dialog {
  max-width: 40%;
  top: 15%;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 25px;
  font-weight: 600;
}
.modal-header{
  background: #f1f2f3;
}
.btnsubmit{
  font-weight: 400;
  letter-spacing: 1px;
  color: var(--color-white);
  background: var(--color-dark-2);
  border: transparent;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
  padding: 10px 30px;
}
.btnsubmit:hover {
  color: #fff;
  background-color: #e31e24;
  border-color: #e31e24;
}
.form-control:focus{
  border-color: 1px solid #ced4da;
  box-shadow: none;
}
.get-in-touch {
  z-index: 10;
  position: fixed;
  right: -3.2%;
  padding: 4px 8px;
  font-weight: 600;
  top: 45%;
  background: #e31e24;
  transform: rotate(-90deg) translate(-100%, 40%);
  border-radius: 6px;
}
.get-in-touch p {
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  padding: 2px 15px;
}
.blink_me {
  animation: blinker 3s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.get-in-touch p img {
  width: 25px;
  transform: rotate(90deg) translate(0%, 0%);
}
.get-in-touch a{
  color: #ffffff;
}
.swiper-pagination-total, .swiper-pagination-fraction{
  color:#b1b1b1;
}
.stickyl{
  display: none;
}
.site-header.is-sticky .stickyl{
  display: block;
}
.site-header.is-sticky .normall{
  display: none;
}
#quick-connect .modal-body{
  padding: 7% 6%;
}

/*Our Works*/
/* Style tab links */
.tablink {
  background-color: #555;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  width: 25%;
  border-right: 4px solid #919191;
}

.tablink:hover {
  background-color: #777;
}
/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  color: white;
  display: none;
  padding: 50px 0px;
  width: 100%;
 
}
.filter-item-btn button {
    background: #e1e1e1;
    padding: 5px 20px;
}
.padding-0{
  padding: 0px;
}
.mr-left0{
  margin-left: 0!important;
}
.button-group button{
  margin: 0 8px 20px;
}
.tabcontent .button-group button:hover:before, .tabcontent .button-group button.active:before {
    width: 100%;
  }
.popvdo .modal-content{
  background-color: #000000;
}
.popvdo .modal-header {
    background: #000000;
    border-bottom: none;
}
.popvdo .modal-dialog {
    max-width: 50%;
    top: 8%;
}
.popvdo .close{
  background: transparent;
  color: #ffffff;
  font-size: 30px;
  position: absolute;
  float: right;
  right: 0;
}
.gallery-box a img{
    width:100%;
}

/*Media Queris*/
@media screen and (max-width: 600px){

  .nav-logo img {
    max-width: 40%;
  }
  .d-mob{
    display: block!important;
  }
  .d-desk{
    display: none!important;
  }
  .hc-nav-trigger {
    top: 30px;
  }
  .col-xs-6{
    width:50%;
  }
  .hc-offcanvas-nav .nav-content > .nav-close:first-child a:hover, .hc-offcanvas-nav .nav-content > .nav-close:first-child a{
    background:#1c222e;
    color: #e31e24;
  }
  .nav-content{
    background: #1c222e;
  }
  .modal-dialog {
    max-width: 100%;
  }
  .get-in-touch {
    right: -13%;
  }
  .section-fullheight__inner.hero-image {
    min-height: 40vh;
  }
  .hero-image-content__text h2 {
    font-size: 16px;
  }
  .hero-image-content__text h1, .hero-image-content__text h1 span {
    font-size: 21px;
  }
  .hero-image-content__text.style-1{
    text-align: left;
    margin: inherit;
  }
  .swiper__hero-slide .theme-btn.btn-large a {
      padding: 4px 18px;
      font-size: 14px;
  }
  .swiper-pagination-fraction{
    bottom:0;
  }
  .scroll-btn{
    display: none;
  }
  .is-sticky .menu-main li a, .menu-main .sub-menu li a {
    color: #ffffff;
}
.pb-large {
    padding-bottom: 40px;
}
.pt-xlarge {
    padding-top: 40px;
}
.gr-small {
    padding-right: 10px;
}
.gr-md-small {
    padding-right: 0px;
}
.inner-headerbg {
    padding-top: 140px;
}
.tabcontent{
  --bs-gutter-x: 0rem;
}
.popvdo .modal-dialog {
    max-width: 100%;
  }
}