/* 
 *{
  font-family: 'Josefin Sans', sans-serif;

 }  */

 *{
  font-family: ashishfont;
 }

 @font-face {
  font-family: ashishfont;
  src: url('./font/product.ttf');
 }
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Avestan&display=swap'); */
.aa{
  height: 80px;
}

@media (max-width:992px) {


    .aa{
        margin: 0;
        padding: 0;
        height: 40px;
    }
    .drimg{
        margin-top: 0;
    }
    /* .header h1{
        margin-top: 100px !important;
    } */
    .drimg{
        height: 230px !important;
        margin-top: 0 !important;

    }
    .aaa{
        height: 38px !important;
        background-color: white;
        margin: 0;
        padding: 0;
    
    }
    .hoo{
        background-color: #be1f2e;
    }
    .mix{
        background-color: white;
        color: black;
    }
}
@media (max-width:320px) {



}

.red{
    color: red;
}

.nav-link{
	color: black;
	font-size: 15px;
	
}
.drimg{
    height: 500px;
}
.bl{
    height: 1000px;
    background-color:whitesmoke;
}
/* .header{
    height: 100vh;
    background-image: url(./photos/background.jfif);
	background-size: cover;

}
.header h1{
    margin-top: 310px;
}
.header img{
    margin-top: 120px;
} */
.booody{
    display: flex;
    align-items: center;
      justify-content: center;
    min-height: 100vh;
    background:white;
    
  }
  ::selection{
    background: whitesmoke;
    color: #fff;
  }
  .accordion{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 25px;
    padding: 45px 90px 45px 60px;
  }
  .accordion .image-box{
    height: 360px;
    width: 300px;
  }
  .accordion .image-box img{
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
  .accordion .accordion-text{
    width: 60%;
  }
  .accordion .accordion-text .title{
    font-size: 30px;
    font-weight: 600;
    color: red;
    font-family: 'Fira Sans', sans-serif;
  }
  .accordion .accordion-text .faq-text{
    margin-top: 25px;
    height: 263px;
    overflow-y: auto;
  }
  .faq-text::-webkit-scrollbar{
    display: none;
  }
  .accordion .accordion-text li{
    list-style: none;
    cursor: pointer;
  }
  .accordion-text li .question-arrow{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .accordion-text li .question-arrow .question{
    font-size: 18px;
    font-weight: 500;
    color: #595959;
    transition: all 0.3s ease;
  }
  .accordion-text li .question-arrow .arrow{
    font-size: 20px;
    color: #595959;
    transition: all 0.3s ease;
  }
  .accordion-text li.showAnswer .question-arrow .arrow{
    transform: rotate(-180deg);
  }
  .accordion-text li:hover .question-arrow .question,
  .accordion-text li:hover .question-arrow .arrow{
    color: red;
  }
  .accordion-text li.showAnswer .question-arrow .question,
  .accordion-text li.showAnswer .question-arrow .arrow{
    color: red;
  }
  .accordion-text li .line{
    display: block;
    height: 2px;
    width: 100%;
    margin: 10px 0;
    background: rgba(0, 0, 0, 0.1);
  }
  .accordion-text li p{
    width: 92%;
    font-size: 15px;
    font-weight: 500;
    color: #595959;
    display: none;
  }
  .accordion-text li.showAnswer p{
    display: block;
  }
  
  @media (max-width: 994px) {
    .body{
        padding:0;
      }
    .accordion{
      width: 100%;
      /* padding: 45px 60px 45px 60px; */
    }
    .accordion .image-box{
      height: 360px;
      width: 220px;
    }
    .accordion .accordion-text{
      width: 63%;
    }
    .accordion .accordion-text .title{
        font-size: 25px;
        font-weight: 600;
        color: red;
        font-family: 'Fira Sans', sans-serif;
      }
  }
  @media (max-width: 820px) {
    .accordion{
      flex-direction: column;
    }
    .accordion .image-box{
      height: 360px;
      width: 220px;
      background: whitesmoke;
      width: 100%;
      border-radius: 25px;
      padding: 30px;
    }
    .accordion .accordion-text{
      width: 100%;
      margin-top: 30px;
    }
  }
  @media (max-width: 538px) {
    .accordion{
      padding: 25px;
    }
    .accordion-text li p{
      width: 98%;
    }
  }
  .shadow{
    background-color: #be1f2e;
    
  }
  .shadow ul li a{
    color: white;
  }
 .dropend a{
    color: white;
 }
 .dropend li a{
    color: white;
 }
 .dropdown-item {
    color: white;
 }
 .dropdown-menu {
    background-color: #be1f2e;

 
}
.abo{
    background-color: #be1f2e;
    height: 60px;
}  
.dra{
   
    text-align: justify;
    background-color: whitesmoke;
}
.line{
    background-color: white;
    height: 30px;
    width: 100%;
}
.up{
    position: fixed;
    width: 100%;
}
.aaa{
    height: 80px;
    background-color: white;

}
.ho ul li a{
    color: white;
}
footer{
  background-color:  whitesmoke;
  /* padding: 100px; */
  padding-top: 100px;
  padding-bottom: 100px;
}
.faa{
  background-color: whitesmoke;
  height: 80px;
}
footer h4{
  text-decoration-line: underline;
  /* color: #be1f2e; */
  
  text-decoration-color: #be1f2e;
  
}

footer li{
  padding-top: 13px;
}
footer li a{
  text-decoration: none;
  color: black;
}
footer li a:hover{
  color: #be1f2e;
}
.foop{
  padding-top: 30px;
  text-align: justify;
font-size:15px;
}
.oxy{
  padding-top: 13px;
}
.ico{
  color: #be1f2e;
}
/* .col-sm-6 .social li {
  display: inline-block;
  padding: 10px;
  font-size: 30px;
  color: #be1f2e;
}

.col-sm-6 .social li:hover{

  color: black;
} */
.drlo{
  height: 2000px;
  
  border: 1px solid black;
  padding-top: 30px;
}
.drloo{
  height: auto;
}
.dire{
  text-align:center ;background-color:whitesmoke;padding: 20px;
  color: #be1f2e;
  text-decoration: none;
  list-style: none;
height: 60px;
width: 300px;
border: 1px solid #be1f2e;
  
}
.dire:hover{
  background-color: #be1f2e;
  color: white;
}
.links{
  margin-top:50px;
}
.links li{
  /* text-align: center; */
  list-style: none;
  color: white;
  font-size: larger;
  padding: 5px;
  background-color: #be1f2e;
  margin-top: 3px;
  
}
.links li:hover{
  color: black;
}
.links a{
  text-decoration: none;
  
}
.drrd{
  color: #fff;
  background-color:#be1f2e;
  padding: 10px;
}
.drrrd{
  color: #be1f2e;
}

.appoi{
  background-color: #be1f2e;
  padding-top: 50px;
  height: 170px;
  width: 100%;
}
.appo{
  padding: 20px;
  background-color: white;
  color: black;
  text-decoration: none;
  border-radius: 10%;
 
}
.qappo{
  color: white;
  font-size: 25px;
}
.head{
  font-size: 90px;
  color: white;
}
.appo:hover{
  color: white;
  background-color: #595959;
}
.drab{
  padding-top: 50px;
}
.wel{
  color:#be1f2e;
  font-size: 15px;
}
.get{
  font-size: 20px;
}
.heading{
  height: 100px;
  width: 100%;
  background-color: whitesmoke;
  color: #be1f2e;
  text-align: center;
  font-size: 30px;
  padding-top: 25px;
}
.hpara{
  text-align: justify;
}
.pop{
  height: 400px;
  border: 2px solid #be1f2e;
  
  
}
.pop2{
  height: 400px;
  background-color: white;
  box-shadow: #595959;
  
  
}
.pop3{

  background-color: #be1f2e;
  
}
.img{
  background-image: url(./photos/hpara.jpg);
  height: 200px;
  width: 300px;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1px;
  position: absolute;
}
.aaaa{
  color: white;
  text-align: center;
  position:relative;
  justify-items: center;

}
/* .upda{
  width:100%;
  border-radius: 0,20%,0,20%;
} */