body {

	padding: 0;

	margin: 0;

  font-family: poppins;

}



html {

    scroll-behavior: smooth;

}



.nav-item-width{



  background-color: #fff;

  padding: 20px 50px;

  transition: 0.4s;

  position: absolute;

  border-radius: 14px;

  width: 97%;

  top: 20%;

  z-index: 99;

}



#navbar a.active {

  background-color: dodgerblue;

  color: white;

}

.bg-black {

    background-color: #222;

}



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

  #navbar {

    padding: 20px 10px !important;

  }

  #navbar a {

    float: none;

    display: block;

    text-align: left;

  }

  #navbar-right {

    float: none;

  }

}



.nav-link {

    color: #fff!important;

}



.inner-value {

    position: absolute;

    padding: 19px 0px 0px 0px;

    transform: translate(0px, -14px);

    background-color: #931100;

    left: 0;

    right: 0;

    border-bottom: 5px solid #fff9c4;

    width: 16%;

    margin: auto;

    top: -4%;

}



.inner-value img {

  width: 240px;

}

.nav-fix {

    background-image: linear-gradient(to right, #ffdc5c, #f8d454, #f0cd4d, #e9c545, #e2be3d);

    position: fixed;

    width: 100%;

    z-index: 9999;

    top: 0;

    padding: 58px 0px;

}

.m-404 {

    margin: auto;

    width: 100%;

}



.inner-value::after{

    content: ' ';

    position: absolute;

    background: none;

    border: 8px solid;

    border-color: #fff0 #6a0a0a #6a0a0a #fff0;

    display: block;

    width: 8px;

    height: 8px;

    left: -16px;

    top: 1px;

    z-index: 30000;

}

.inner-value::before{

    content: ' ';

    position: absolute;

    background: none;

    border: 8px solid;

    border-color: #fff0 #6a0a0a #6a0a0a #fff0;

    display: block;

    width: 8px;

    height: 8px;

    right: -16px;

    top: 1px;

    rotate: 91deg;

    z-index: 30000;

}

.black-10 {

  padding: 10px;

}



.main-banner {

   background-image: url('../img/main-banner.webp');

   height: 700px;

   background-position: center;

   background-repeat: no-repeat;

   background-size: contain;

}

#navbarSlap {

  position: fixed;

  top: 40px;        /* Tumhari required position */

  left: 0;

  right: 0;

  width: 80%;

  margin:auto;

  z-index: 999;



}



.heading-chahcha {

  margin-top: 25%;

 text-transform: uppercase;

}



.heading-chahcha h1:nth-child(1) {

  font-weight: 700;

  color: #931100;

}



.heading-chahcha h1:nth-child(2) {

  font-weight: 700;

  color: #931100;

}



.heading-chahcha h3 {

    font-size: 3rem;

    font-weight: 700;

    color: #fff;



}

.explore-btn {

      color: #fff;

    background: #931100;

    padding: 10px 20px;

    font-size: 1.2rem;

    font-weight: 700;

    border-radius: 30px;

    margin-top: 20px;



}

.explore-btn:hover {

    box-shadow: none;

    outline: 0;

    color: #fff;



}

.explore-btn:focus {

      box-shadow: none;

    outline: 0;



}

.info-chacha-heading {

  text-align: center;

  font-weight: 700;

  width: 80%;

  margin: auto;

}

.info-chacha-heading h2 {

  text-align: center;

  font-weight: 700;

  font-weight: 1.5rem;

}

.info-chacha-heading p {

  text-align: center;

  font-weight: 400;

  font-weight: 1.5rem;

}.dropdown {

font-size: 0.9rem;
    position: relative;
    cursor: pointer;
    padding: 0rem 0.7rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;


}



/* Arrow Icon */

.dropdown::after {

  content: "▼";

  font-size: 12px;

  margin-left: 6px;

  transition: transform 0.3s ease;

  display: inline-block;

}



/* Rotate Arrow on Hover */

.dropdown:hover::after {

  transform: rotate(180deg);

}



/* DROP-DOWN CONTENT */

.dropdown-content {

  position: absolute;

  top: 100%;

  left: 0;

  background-color: #ffffff;

  min-width: 250px;



  box-shadow: 0px 8px 16px rgba(0,0,0,0.15);

  border-radius: 6px;



  /* Animation Base */

  opacity: 0;

  transform: translateY(-10px);

  pointer-events: none;

  transition: opacity 0.25s ease, transform 0.25s ease;

}



/* Animate + Show on hover */

.dropdown:hover .dropdown-content {

  opacity: 1;

  transform: translateY(0);

  pointer-events: auto;

}

.branches-bg {

  margin-top: 50px;

  background-color: #fffae8;

      padding: 4rem 0rem;

}

.info-chacha-heading img {

  width: 200px;

}

.list-roll h6 {

  color: #000;

  font-weight: 600;

}

.dotted-roll {

  border-bottom: 2px dashed;

  color: #c8c8c8;

}

.roll-slider img {

  border-radius: 14px;

}



.bg-of-deliver {

  background-color: #fdfaed;

  padding:10rem 2rem 0rem;

}

.deliver-content h2 {

  font-weight: 700;

  font-size: 3rem;

  background-color: #fdfaed;

}

.deliver-content h2 {

  font-weight: 700;

}

.bg-of-deliver .bd-highlight:hover img {

  opacity: 0.5;

  transition: 0.5s;

}

.bg-of-deliver .bd-highlight img {



  transition: 0.5s;

}

.footer-bg {

  background-color: #222222;

      padding: 4rem 4rem 0;

}

.footer-heading h3 {

 color: #fff;

 font-size: 1.5rem;

 font-weight: 700;

}

.footer-heading1 h3 {

 color: #fff;

 font-size: 1.5rem;

 font-weight: 700;

}

.footer-heading1 img {

width: 200px;

}

.footer-heading::after  {

  content: "";

  background-color: red;

  width: 50px;

  height: 1.5px;

  position: absolute;

  top: 35px;

}

.footer-heading p  {

    font-size: 0.9rem;

    color: #fff;

    margin-top: 30px;

}



.footer-heading a {

  display: grid;

  color: #fff;

  font-size: 0.9rem;

}

.footer-heading:hover a {

   text-decoration: none;

}

.contactdetails i {

  color: #fff;

}

.contactdetails span:nth-child(2)  {

  color: #fff;

}

.dropdown-content li {

  font-size: 0.8rem;

      border-bottom: 1px dashed #000;

    padding-bottom: 4px;

    margin: 24px;



}

.dropdown-content li span {

  font-size: 0.6rem;





}



.click-page:hover {

  color: #951102;

  text-decoration: none;



}

.click-page {

  color: #000;

}

.about-space {

  margin-top: 300px;

}

.about-heading h2 {

  font-size: 2rem ;

  font-weight: 700;

}

.about-heading p {

font-size: 0.9rem;

}

.iframe-contact {

  margin-top: 250px;

}

.sendForm h3 {

      font-size: 1rem;

  font-weight:700;



}

.formSend .form-control:focus {

box-shadow: none;

border-color: red;

background-color: #e6e6e6;

}

.formSend .form-control {

border: none;

outline: none;

}

.sendForm label {

    text-transform: uppercase;

    color: #4c4c4c;

    font-weight: 700;

    font-size: 0.8rem;

    margin-bottom: 0;

}

.formSend {

    background-color: #ffffff;

    padding: 1px 14px;

    border-radius: 14px;

    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;



}

.submitBtn {

    background: #931100;

    border-radius: 30px;

  color: #fff;

      font-size: 0.9rem;

    padding: 0.7rem 2rem;

    font-weight: 500;

}

.submitBtn:hover {

    background: #931100;

    border-radius: 30px;

  color: #fff;

      font-size: 0.9rem;

    padding: 0.7rem 2rem;

    font-weight: 500;

}

.our-menu {

  margin-top: 130px;

}



@media only screen and (min-device-width: 481px) and (max-device-width: 2000px)  {

  .wrap-container{

    padding-left: 30px;

    padding-right: 30px;

  }



    }