p {
  margin-bottom: 0px;
}

.nav_number {
  display: contents !important;
}

.nav_number a {
  font-size: 15px;
}

.nav_number img {
  width: 20px;
}

.bg-col-lg-half-screen-right:after {
  left: 0;
  width: 100%;

}

.bg-col-lg-half-screen-left:after {

  right: 0;
  width: 100%;
}

/* [data-bs-theme=dark] .btn-dark {
    background: #af2621;
border: #af2621;
} */
.sticky .main-header {
  background-color: #1b1615 !important;
  /* background-color: var(--bs-body-bg)!important; */
}

.navbar-nav {
  color: #fff !important;
}

.nav-link {
  color: #fff !important;
}

.color-inherit {
  color: #fff !important;
}

h1 {
  color: #fff !important;

}

.btn-outline-dark {
  color: #fff !important;
}

p {
  color: #fff !important;
}

h3 {
  color: #fff !important;
}

.list-inline-item a {
  color: #fff !important;
}

.fw-semibold {
  color: #fff !important;
}

.video-cover iframe {
  width: 102vw !important;
  height: auto;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto;

}

.grid-item {

  font-size: 30px;
  /* text-align: center; */
}

.who_we_Are {
  /* padding: 50px 0px; */
  position: relative;
}

.grid-item2 {
  margin: auto;
  padding: 0px 100px;
}

.grid-item3 {
  margin: auto;
  padding: 0px 100px;
}

.padding-100 {
  padding: 100px 100px;
}

h1 {
  font-weight: 300;
}

.padding-80 {
  padding: 50px 50px;
}

.card-title {}

.img-gradient {
  position: relative;
  display: inline-block;
  width: 100%;
}


/* 
  #002f4b,#dc4225 
  Convert HEX to RGBA - http://hex2rgba.devoth.com/
  */
.bottom-banner {
  position: relative;
}

.bottom-banner img {
  width: 100%;
}

.img-gradient:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: linear-gradient(90deg, rgba(28, 22, 21, 0.8519782913165266) 0%, rgba(28, 22, 21, 0.8547794117647058) 51%, rgba(28, 22, 21, 0.8491771708683473) 100%);
}

.img-gradient img {
  /* display:block; */
}

.text-black {
  position: absolute;
  top: 50%;
  left: 30%;

  /* transform: translate(-50%,-50%); */
}

.text-black h3 {
  color: #fff;
}

.video-cover {
  width: 100% !important;
}

.video-cover img {
  width: 100%;
  position: absolute;
}

.video_auto {
  width: 100%;

  object-fit: cover;

  height: auto;
  display: block;
}

/* @media screen and (max-width: 1600px) and (min-width: 1300px) {
  .video-cover img{
  height: 800px;
  }
  .video_auto {
    height: 800px;
  }
}
.vh-height {
  height: 1000px;
}
@media screen and (max-width: 1800px) and (min-width: 1600px) {
  .video-cover img{
  height: 800px;
  }
  .video_auto {
    height: 800px;
  }
}
.vh-height {
  height: 1000px;
}
@media screen and (min-width: 1800px)  {
  .video-cover img{
  height: 1000px;
  }
  .video_auto {
    height: 1000px;
  }
} */

.hero {

  /* height: 600px; */
}

/* @media screen and (max-width: 1800px) and (min-width: 1500px) {
  .vh-height {
    height: 835px;
  }
}

@media screen and (max-width: 1500px) and (min-width: 1300px) {
  .vh-height {
    height: 720px;
  }
}

@media screen and (max-width: 1300px) and (min-width: 1100px) {
  .vh-height {
    height: 610px;
  }
}

@media screen and (max-width: 1100px) and (min-width: 900px) {
  .vh-height {
    height: 498px;
  }
}

@media screen and (max-width: 900px) and (min-width: 800px) {
  .vh-height {
    height: 440px;
  }
}

@media screen and (max-width: 800px) and (min-width: 700px) {
  .vh-height {
    height: 385px;
  }
}

@media screen and (max-width: 800px) and (min-width: 700px) {
  .vh-height {
    height: 385px;
  }
}

@media screen and (max-width: 800px) and (min-width: 700px) {
  .vh-height {
    height: 385px;
  }
}

@media screen and (max-width: 700px) and (min-width: 600px) {
  .vh-height {
    height: 328px;
  }
}

@media screen and (max-width: 600px) and (min-width: 500px) {
  .vh-height {
    height: 270px;
  }
}

@media screen and (max-width: 500px) and (min-width: 400px) {
  .vh-height {
    height: 216px;
  }
}

@media screen and (max-width: 400px) and (min-width: 300px) {
  .vh-height {
    height: 160px;
  }
}

@media screen and (max-width: 300px) and (min-width: 250px) {
  .vh-height {
    height: 130px;
  }
}

@media screen and (max-width: 250px) and (min-width: 200px) {
  .vh-height {
    height: 103px;
  }
}

@media screen and (max-width: 200px) {
  .vh-height {
    height: 120px;
  }
} */


/* @media screen and (max-width: 1200px) and (min-width: 800px) {
  .navbar-brand .light-mode-img {
    height: 60px;
  }
}

@media screen and (max-width: 800px) and (min-width: 540px) {
  .navbar-brand .light-mode-img {
    height: 45px;
  }
}

@media screen and (max-width: 540px) and (min-width: 320px) {
  .navbar-brand .light-mode-img {
    height: 40px;
  }
}

@media screen and (max-width: 320px) {
  .navbar-brand .light-mode-img {
    height: 30px;
  }
}

@media screen and (max-width: 1200px) and (min-width: 800px) {
  .sticky .has-sticky-logo .sticky-logo {
    height: 60px;
  }
}

@media screen and (max-width: 800px) and (min-width: 540px) {
  .sticky .has-sticky-logo .sticky-logo {
    height: 45px;
  }
}

@media screen and (max-width: 540px) and (min-width: 320px) {
  .sticky .has-sticky-logo .sticky-logo {
    height: 40px;
  }
}

@media screen and (max-width: 320px) {
  .sticky .has-sticky-logo .sticky-logo {
    height: 30px;
  }
} */










/* @media screen and (max-width: 768px) and (min-width: 576px) {
  .bottom-banner img{
    height: 178px;
  }
  .text-black {
    position: absolute;
    top: 50%;
    left: 10%;
   
} .text-black h3 {
    font-size: 20px;
}
}
@media screen and (max-width: 576px) and (min-width: 360px) {
  .bottom-banner img{
    height: 178px;
  }
  .text-black {
    position: absolute;
    top: 50%;
    left: 10%;
  
} .text-black h3 {
    font-size: 20px;
}
}
@media screen and (max-width:360px) {
  .bottom-banner img{
    height: 178px;
  }
  .text-black {
    position: absolute;
    top: 35%;
    left: 10%;
   
} .text-black h3 {
    font-size: 20px;
}
 
} */

.mt-100 {
  margin-top: 130px;
}

.mb-20-new {
  margin-bottom: 70px;
}

h4.team-head a {
  color: #fff;
}

figure {
  margin: 0px;
}


.personal_details_input {
  background: black;
  border: none;
}

.btn_submit {
  padding: 8px 0px;
}

.g5shop__post-skin-classic .g5shop__product-info {
  margin-top: 20px;
}

.woocommerce .g5shop__product-item .g5shop__product-info .price,
.woocommerce ul.products li.product .price {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}

.g5shop__loop-product-title,
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 15px;
  line-height: 1.6;
  font-weight: 500;

}

.about_work_name {
  color: #fff;
}







@media screen and (max-width: 1200px) {
  .res_logo {
    margin-right: 0px !important;
  }
}

@media screen and (max-width: 540px) {
  .res_logo .py-6 {
    padding: 0px !important;
  }
}

@media screen and (max-width: 1200px) {
  .res_logo .px-8 {
    padding: 0px !important;
  }
}

@media screen and (max-width: 1200px) {
  .toggle-icon {
    color: #fff;
  }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
  .grid-item2 {
    padding: 0px 50px;
  }

  .text-black h3 {
    font-size: 25px;
  }
  .navbar-brand .light-mode-img {
    height: 90px;
  }
  .sticky .has-sticky-logo .sticky-logo {
    height: 90px;
  }
}

@media screen and (max-width: 992px) and (min-width: 768px) {

  .text-black {
    position: absolute;
    top: 50%;
    left: 12%;

  }

  .text-black h3 {
    font-size: 25px;
  }


}
@media screen and (max-width: 992px) {
  .grid-container {
    grid-template-columns: auto;
  }

}

@media screen and (max-width: 992px) {}

.grid_img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .bottom_home {
    display: none;
  }

}



@media screen and (min-width: 768px) {

  .bottom_mob {
    display: none;
  }

}



@media (min-width: 768px) and (max-width:992px) {
  .grid-item1 {
    padding: 0px 50px !important;
    grid-row-start: 1;
    grid-row-end: 2;
  }

  .grid-item2 {
    padding: 50px 50px 0px 50px !important;
    grid-row-start: 3;
    grid-row-end: 4;
  }

  .grid-item3 {
    padding: 0px 50px !important;
    grid-row-start: 7;
    grid-row-end: 8;
  }

  .grid-item4 {
    padding: 50px 50px 50px 50px !important;
    grid-row-start: 5;
    grid-row-end: 6;
  }

  .mt-100 {
    margin-top: 80px;
  }

  .mb-20-new {
    margin-bottom: 70px;
  }
  .card-title{
    font-size: 25px;
  }
  .footer_head{
    font-size: 25px;
  }
  .footer_logo {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
  }
  .footer_logo img{
    width: 100px;
  }
  .list-inline-item a{
    font-size: 15px;
  }
  .navbar-brand .light-mode-img {
    height: 100px;
  }
  .sticky .has-sticky-logo .sticky-logo {
    height: 100px;
  }
  .navbar-brand .dark-mode-img {
    height: 100px;
  }
}
@media (min-width: 576px) and (max-width:768px) {
  .grid-item1 {
    padding: 0px 50px !important;
    grid-row-start: 1;
    grid-row-end: 2;
  }

  .grid-item2 {
    padding: 50px 50px 0px 50px !important;
    grid-row-start: 3;
    grid-row-end: 4;
  }

  .grid-item3 {
    padding: 0px 50px !important;
    grid-row-start: 7;
    grid-row-end: 8;
  }

  .grid-item4 {
    padding: 50px 50px 50px 50px !important;
    grid-row-start: 5;
    grid-row-end: 6;
  }

  .mt-100 {
    margin-top: 80px;
  }

  .mb-20-new {
    margin-bottom: 70px;
  }
  .card-title{
    font-size: 25px;
  }
  .footer_head{
    font-size: 25px;
  }
  .footer_logo {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
  }
  .footer_logo img{
    width: 100px;
  }
  .list-inline-item a{
    font-size: 15px;
  }
  .footer_res{
    text-align: center;
    
  }
  .justify_center{
    justify-content: center !important;
  }
  .text-black {
    position: absolute;
  top: 40%;
  left: 10%;
  transform: translate(-30%, -30%);
}
.banner_text h3{
  font-size: 25px;
}
.navbar-brand .light-mode-img {
  height: 70px;
}
.sticky .has-sticky-logo .sticky-logo {
  height:70px;
}

.navbar-brand .dark-mode-img {
  height: 70px;
}
}

/* @media (min-width: 768px) and (max-width:992px) {
  .grid-item1 {
    padding: 0px 50px !important;
    grid-row-start: 1;
    grid-row-end: 2;
  }

  .grid-item2 {
    padding: 50px 50px 0px 50px !important;
    grid-row-start: 3;
    grid-row-end: 4;
  }

  .grid-item3 {
    padding: 0px 50px !important;
    grid-row-start: 7;
    grid-row-end: 8;
  }

  .grid-item4 {
    padding: 50px 50px 50px 50px !important;
    grid-row-start: 5;
    grid-row-end: 6;
  }

  .mt-100 {
    margin-top: 80px;
  }

  .mb-20-new {
    margin-bottom: 70px;
  }
  .card-title{
    font-size: 25px;
  }
  .footer_head{
    font-size: 25px;
  }
  .footer_logo {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
  }
  .footer_logo img{
    width: 100px;
  }
  .list-inline-item a{
    font-size: 15px;
  }

  .navbar-brand .light-mode-img {
    height: 100px;
  }
  .sticky .has-sticky-logo .sticky-logo {
    height: 100px;
  }
} */
@media (min-width: 400px) and (max-width:576px) {
  .grid-item1 {
    padding: 0px 28px !important;
    grid-row-start: 1;
    grid-row-end: 2;
  }

  .grid-item2 {
    padding: 50px 28px 50px 28px !important;
    grid-row-start: 3;
    grid-row-end: 4;
  }

  .grid-item3 {
    padding: 0px 28px !important;
    grid-row-start: 7;
    grid-row-end: 8;
  }

  .grid-item4 {
    padding: 50px 28px 50px 28px !important;
    grid-row-start: 5;
    grid-row-end: 6;
  }
  .mt-100 {
    margin-top: 80px;
  }

  .mb-20-new {
    margin-bottom: 70px;
  }
  .card-title{
    font-size: 25px;
  }
  .footer_head{
    font-size: 25px;
  }
  .footer_logo {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
  }
  .footer_logo img{
    width: 100px;
  }
  .list-inline-item a{
    font-size: 15px;
  }
  .footer_res{
    text-align: center;
    
  }
  .justify_center{
    justify-content: center !important;
  }
  .text-black {
    position: absolute;
  top: 40%;
  left: 10%;
  transform: translate(-30%, -30%);
}
.banner_text h3{
  font-size: 25px;
}
.navbar-brand .light-mode-img {
  height: 60px;
}
.sticky .has-sticky-logo .sticky-logo {
  height: 60px;
}

.navbar-brand .dark-mode-img {
  height: 60px;
}
}
@media (min-width:260px) and (max-width:400px) {
  .grid-item1 {
    padding: 0px 28px !important;
    grid-row-start: 1;
    grid-row-end: 2;
  }

  .grid-item2 {
    padding: 50px 28px 50px 28px !important;
    grid-row-start: 3;
    grid-row-end: 4;
  }

  .grid-item3 {
    padding: 0px 28px !important;
    grid-row-start: 7;
    grid-row-end: 8;
  }

  .grid-item4 {
    padding: 50px 28px 50px 28px !important;
    grid-row-start: 5;
    grid-row-end: 6;
  }

  .mt-100 {
    margin-top: 50px;
  }

  .mb-20-new {
    margin-bottom: 50px;
  }
  .card-title{
    font-size: 20px;
  }
  .footer_head{
    font-size: 20px;
  }
  .footer_logo {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
  }
  .footer_logo img{
    width: 100px;
  }
  .list-inline-item a{
    font-size: 15px;
  }
  .footer_res{
    text-align: center;
    
  }
  .justify_center{
    justify-content: center !important;
  }
  .text-black {
    position: absolute;
    top: 30px;
  left: 10%;
  transform: translate(-30%, -30%);
}
.banner_text h3{
  font-size: 20px;
}
.card-img-overlay{
  padding: 10px !important;
}
.fs-3 {
  font-size: 25px !important;
}
.navbar-brand .light-mode-img {
  height: 40px;
}
.sticky .has-sticky-logo .sticky-logo {
  height: 40px;
}
.navbar-brand .dark-mode-img {
  height: 40px;
}
}


@media screen and (max-width: 260px) {
  .grid-item1 {
    padding: 0px 28px !important;
    grid-row-start: 1;
    grid-row-end: 2;
  }

  .grid-item2 {
    padding: 50px 28px 50px 28px !important;
    grid-row-start: 3;
    grid-row-end: 4;
  }

  .grid-item3 {
    padding: 0px 28px !important;
    grid-row-start: 7;
    grid-row-end: 8;
  }

  .grid-item4 {
    padding: 50px 28px 50px 28px !important;
    grid-row-start: 5;
    grid-row-end: 6;
  }

  .mt-100 {
    margin-top: 50px;
  }

  .mb-20-new {
    margin-bottom: 50px;
  }
  .card-title{
    font-size: 20px;
  }
  .footer_head{
    font-size: 20px;
  }
  .footer_logo {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
  }
  .footer_logo img{
    width: 100px;
  }
  .list-inline-item a{
    font-size: 15px;
  }
  .footer_res{
    text-align: center;
    
  }
  .justify_center{
    justify-content: center !important;
  }
  .text-black {
    position: absolute;
    top: 10px;
  left: 10%;
  transform: translate(-30%, -30%);
}
.banner_text h3{
  font-size: 20px;
}
.card-img-overlay{
  padding: 10px !important;
}
.fs-3 {
  font-size: 25px !important;
}

.navbar-brand .light-mode-img {
  height: 30px;
}
.sticky .has-sticky-logo .sticky-logo {
  height: 30px;
}

.navbar-brand .dark-mode-img {
  height: 30px;
}
}




.offcanvas-header{
  background-color: #f0f0f0 !important;
}
.offcanvas{
  background-color: #f0f0f0 !important;
}
.offcanvas-footer{
  background-color: #f0f0f0 !important;
}
 .btn-close{
color: #000 !important;
}
[data-bs-theme=dark] .btn-close {
  filter: none;
}
/* @media (min-width: 576px) and (max-width:768px) {
  .grid-item3 {
    padding: 0px 50px;
  }
}

@media screen and (max-width: 576px) {} */