body{
   font-family: 'Montserrat',sans-serif !important;
}

.fs11{
  font-size: 11px;
}
.fs12{
  font-size: 12px;
}
.fs14{
  font-size: 14px !important;
}
.fs15{
  font-size: 15px;
}
.fs18{
  font-size: 18px;
}
.fs20{
  font-size: 20px;
}
.fs24{
  font-size: 24px;
}
.fs35{
  font-size: 35px;
}
.fs45{
  font-size: 45px;
}
.brdr10{
  border-radius: 10px;
}
.fw500{
  font-weight: 500;
}
.fw400{
  font-weight: 400 !important;
}
.fw600{
  font-weight: 600;
}
.fw900{
  font-weight: 900;
}
.fs-main{
  font-size: 3.5vw;
}

.ancr-styl{
  text-decoration: none;
}
.txt-scndry{
  color: #797979;
}
.txtwyt-75{
  color: #ffffff75;
}
.txt-gry{
  color: #d9d9d9;
}
.bgMain{
background-image: url(../images/bg-main1.png), url(../images/bg-main2.png);
 background-repeat: no-repeat, no-repeat;
background-position:top left, top right ;
}
.pdtBg{
  background-image: url(../images/product-Bg.png);
  background-position: left bottom;
  background-repeat: no-repeat;
}
.termsBg{
  background-image: url(../images/termsBg.png);
  background-position: top;
  background-repeat: no-repeat;
  width: 100%;
}
.bg-shade {
  background-image: url(../images/red-shade.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 40vw;
  z-index: 0;

}
.bg-dwnshade{
  background-image: url(../images/down-shade.png);
  top: 0;
  background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   z-index: 0;
}
.dtlFnt{
  font-size: 35px;
}
.btnWdth{
  width: 130px;
}
.logOutln{
  border: 1px solid #ffffff;
  border-radius: 10px;
}
.lognBtn{
  background-color: #ff541f;
  border-radius: 10px;
}
.clr-main{
  color:#ff541f ;
}

.accordion {
  background-color: transparent;
  color: #000000;
  font-weight:600;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 17px;
  font-weight: 500;
  transition: 0.4s;
   
}

.active2, .accordion:hover {
color: #000000;
font-weight:500;
 
}


.accordion:after {
  
  content: url(../images/arrow-down.png);
  font-size: 25px;
  color: #000000;
  font-weight:600 !important;
  font-weight: normal;
  float: right;
  margin-left: 5px;
  margin-top: -5px;
  
}

.active2:after {
  content: url(../images/arrow-down.png);
  font-size: 25px;
  color: #000000;
  font-weight:600;
  font-weight: normal;
  float: right;
  margin-left: 5px;
  margin-top: -5px;
 
}
.acco-content{ 
  text-align: justify;
}
.panel {
  padding: 0px;
  color: #919191;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out; 
}

.contentBx{
  border: 1px solid #ff541f20;
  border-radius: 20px;
  background-color: #272829;
  height: 150px;
}
.contentBx1,.contentBx5{
  background-color: #27282970;
  background: linear-gradient(to bottom right, #1b1c1d 0%, #1b1c1d 40%,  #602515 100%);
  border-radius: 20px;
  height: 130px;
}
.contentBx5{
  height: 200px;
}
.contentBx2,.contentBx3{
  background-color:#272829 !important;
  border: 1px solid #ffffff10;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.contentBx3{
  border-radius: 20px;
  border: 1px solid #ffffff10;
  border: 2px solid #ff7044;
  height: 400px;
}
.contentBx4{
 background-color:#272829 !important;
  border: 1px solid #ffffff10;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.btnBg{
  background-color:#ff704430;
   border: 1px solid #ff704430;
   box-shadow: 0px 0px 40px #ff704430;
}
.contentBx2:hover,.contentBx3:hover,.contentBx4:hover{
  transform: scale(1.05);
  transition: 1s;
}
.jst-cntnt{
  text-align: justify;
}
.ln1-postn{
  position: absolute;height: 900px;width: 700px;right: -10px;top: 0px;z-index: 0 !important;
  
}
.ln2-postn{
  position: absolute;height: 800px;width: 600px;right: -10px;top: 0px;z-index: 0 !important;
}
.mt-8x{
  margin-top: 80px;
}
.mtNblqBx{
  margin-top: -50px;
}
.pb-20x{
  padding-bottom: 200px;
}
.circle{
  position: absolute;right: 0;top: 500px;
  width: 100px;
}
.wyt-round{
  position: absolute;left: 0;top: 500px;
  width: 100px;
}
.wyt-round1{
  position: absolute;left: -20px;top: 180px;
  width: 100px;
  opacity: 0.2;
}
.elpse{
  width: 70px;height: 240px;position: absolute;left: -24px;top: 50px;
}
.gradient-line {
  background-image: linear-gradient(to right, #ffffff20, #ffffff90, #ffffff20);
  height: 1px; 
  width: 100%; 
}
.footr-lst{
  list-style: none;margin-left: -33px;
}
.gradient-border-image {
  border: 2px solid transparent; /* Required: sets border width and style */
  border-image: linear-gradient(to bottom, #ff7044, #ff7044); /* Applies the linear gradient */
  border-image-slice: 1; /* Slices the image to fit the border without repeating or stretching */
  border-radius: 30px !important;
}
   .brdr {
    padding: 10px;
    border: double 2px transparent;
    border-radius: 20px;
    background-image: linear-gradient(#272829, #272829), radial-gradient(circle at top , #ff7044,#641800);
    background-origin: border-box;
    background-clip: padding-box, border-box;
  }
  .lft-pad{
  padding-left: 4.5vw;
}
.mrgBtm-bnr{
  margin-bottom: 250px;
}
.mob-sz{
  margin-top: -30px;
}
.impTxt{
  color: red;
}
@media (max-width: 599px){

.dtlFnt{
  font-size: 6vw;
}
.fs-main{
  font-size: 9.5vw;
}
.contentBx,.contentBx1,.contentBx2,.contentBx3,.contentBx4,.contentBx5{
  border-radius:20px !important ;
  
  height: auto;
}
.mt-8x{
  margin-top: 20px;
}
.mtNblqBx{
  margin-top: 0px;
}
.ln1-postn{
  position: absolute;height: 330px;width: 200px;right: -10px;bottom: 50px;z-index: 0 !important;
  
}
.ln2-postn{
  position: absolute;height: 280px;width: 200px;right: -10px;bottom: 0;z-index: 0 !important;
}
.fs45{
  font-size: 30px;
}
.pb-20x{
  padding-bottom: 10px;
}
.circle{
  position: absolute;right: 0;top: 210px;
  width: 40px;
}
.wyt-round{
  position: absolute;left: 0;top: 255px;
  width: 30px;
}
.wyt-round1{
  position: absolute;left: -20px;top: 75vw;
  width: 100px;
  opacity: 0.2;
}
.elpse{
  width: 40px;height: 90px;position: absolute;left: -15px;top: 10px;
}
.mt-hdng{
  margin-top: 250px;
}
.lft-pad{
  padding-left: none;
}
.accordion {

  font-size: 3.1vw;

}
.p-fnt{

  font-size: 3.1vw !important;

}
.accordion:after {
  
  margin-top: -23px;
  
}

.active2:after {
 margin-top: -23px;
 
}
.mrgBtm-bnr{
  margin-bottom: 180px;
}
.mob-sz{
  margin-top: 20px;
}
}

@media (min-width: 600px) and (max-width: 1200px){

.fs-main{
  font-size: 5vw;
}
.contentBx1{

  height: 170px;
}
.contentBx5{
  height: 270px;
}
.mt-hdng{
  margin-top: 50px;
}
.contentBx3{
   height: auto;
}
.lft-pad{
  padding-left: none;
}
.contentBx{
  height: 190px;
}
}

@media (min-width: 1440px){
  .bgMain{

background-size: 50.1%,50.1%;

}

}