.header_section{

    font-family: "Montserrat", Arial, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.8;
    color: #595959;

     position: sticky;
    z-index: 999;
    top: -10px;
}


.center{
   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   height:1050px;
   }
   .product-title{
   width: 550px;
   margin: 0 auto;
   text-align: center;
    font-weight: normal; 
   }
   @media screen and (max-width: 1024px){
   .slider_section{
   max-width:800px;

   display: block;
   margin-left: auto;
   margin-right: auto;
   }
  
   }


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


 .sect #img1{
   width: 100%;
   height: 850px;
   }
   .h2in{
   margin-top: -800px;
   padding-top: 50px;
   padding-left: 190px;
   color: black;
   font-size: 40px;
   }
  

   }
 
   @media screen and (max-width: 1024px){
   .slider_clss{
   max-width:100%;
   max-height:100%;
   }
   }
   @media(max-width: 2200px) {
   .product-title {
   display: inline;
   }
   .pink {
   display: inline;
   }
   }
   .j {width: 30em; text-align: justify;}
   .hide { display: none; }
   .pink { background-color: tan;  color: white;}
   b, span { cursor: pointer; }
  
   .sect{
   width: 100%;
   }
   .sect #img1{
   width: 100%;
   height: 850px;
   }
   .h2in{
   margin-top: -800px;
   padding-top: 50px;
   padding-left: 190px;
   color: black;
   font-size: 40px;
   }
   h3{
   padding-top: 110px;
   padding-left: 390px;
   color: #05518d;
   font-size: 80px;
   }
   #cash{
   padding-top: 50px;
   padding-left: 400px;
   /*  color: #05518d;*/
   color: black;
   font-size: 30px;
   text-transform: uppercase;
   }
   @media(max-width:  1120px){


   .sect #img1{
   width: 100%;
   height: 100vh;
   /*height: 200px;*/
   /*padding: 10px;*/
 /*  height: 850px;*/
   margin-top: 0px;
   margin-bottom: 0px;
  
   }
   .sect .h2in{
   margin-top: -700px;
   padding-top: 0px;
   padding-left: 80px;
   color: black;
   font-size: 18px;

   }
   .sect #h3{
   padding-top: 40px;
   padding-left: 190px;
   color: #05518d;
   font-size: 25px;
   margin-top: -20px;
   }
   .sect #cash{
   padding-top: 10px;
   padding-left: 200px;
   /*  color: #05518d;*/
   color: black;
   font-size: 10px;
   text-transform: uppercase;
   }
   .fmargin{

      margin-top: 80px;
   }
   }

 @media(max-width:  390px){


   .sect #img1{
   width: 100%;
   height: 100vh;
   /*height: 200px;*/
   /*padding: 10px;*/
 /*  height: 850px;*/
   margin-top: 0px;
   margin-bottom: 0px;
   overflow-x:hidden;
  
   }
   .sect .h2in{
   margin-top: -600px;
   padding-top: 0px;
   padding-left: 80px;
   color: black;
   font-size: 18px;

   }
   .sect #h3{
   padding-top: 40px;
   padding-left: 190px;
   color: #05518d;
   font-size: 25px;
   margin-top: -20px;
   }
   .sect #cash{
   padding-top: 10px;
   padding-left: 200px;
   /*  color: #05518d;*/
   color: black;
   font-size: 10px;
   text-transform: uppercase;
   }
   .fmargin{

      margin-top: 80px;
   }
   }

    @media(max-width:  360px){


   .sect #img1{
   width: 100%;
   /*height: 100vh;*/
   /*height: 200px;*/
   /*padding: 10px;*/
   height: 750px;
   margin-top: 0px;
   margin-bottom: 0px;
   overflow-x:hidden;
  
   }
   .sect .h2in{
   margin-top: -600px;
   padding-top: 0px;
   padding-left: 80px;
   color: black;
   font-size: 18px;

   }
   .sect #h3{
   padding-top: 40px;
   padding-left: 190px;
   color: #05518d;
   font-size: 25px;
   margin-top: -20px;
   }
   .sect #cash{
   padding-top: 10px;
   padding-left: 200px;
   /*  color: #05518d;*/
   color: black;
   font-size: 10px;
   text-transform: uppercase;
   }
   .fmargin{

      margin-top: 80px;
   }
   }













/*.container {
  padding: 2px 16px;
} */ 






/* From Uiverse.io by Fcodingx */ 
/* From Uiverse.io by Fcodingx */ 
/* From Uiverse.io by david-mohseni */ 



/* Float four columns side by side */
.card {
/*  float: left;*/
  width: 32%;
/*  padding: 0 10px;*/
  
   
    
}

/* Clear floats after the columns */
/*.rows:after {
  content: "";
  display: table;
  clear: both;
}*/
.rows{
  display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
   /* margin-left: 18px;
    margin-right: 3px;*/
    margin: auto;
    gap: 25px;

}





.card .profile-pic {
  
  

    margin: auto;
    font-size: 25px;
    color: green;
    font-weight: 500;

}


.card .bottom {
  position: absolute;
  bottom: -8px;
  left: 0px;
  right: 0px;
  background: #4a80a7;
  top: 80%;
  border-radius: 32px;
  z-index: 2;
  box-shadow: rgba(96, 75, 74, 0.1882352941) 0px 5px 5px 0px inset;
  overflow: hidden;
 

  transition: all .5s ease-in-out;
}



.card .bottom .content .name {
  display: block;
  font-size: 1.2rem;

  font-weight: bold;
padding-top: -5px;
margin-top: -8px;
  text-align: center;
  color: #fff;
}

.card .bottom .content .about-me {
  display: block;
  font-size: 18px;
 text-align: center;
 padding-top: -10px;
 margin-top: -7px;

    display: list-item;          /* This has to be "list-item"                                               */
    list-style-type: square;     /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type     */
    list-style-position: inside; /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-position */
    color : black;

}

.card .bottom .bottom-bottom {      
  position: absolute;
  bottom: 1rem;
  left: 3rem;
  right: 3rem;
  display: inline-block;
  align-items: center;
  justify-content: space-between;

  color: white;








  
 
}




.card .bottom .bottom-bottom .button {
/*  background: white;*/
  color: #fbb9b6;
  border: 1px darkred solid;
  border-radius:60px;

  width: 100px;
  text-align: center;
  



 
}

.card .bottom .bottom-bottom .button:hover {
  background: #f55d56;
/*  color: white;*/
}

.card {
  border-top-left-radius: 55px;
}

.card:hover .bottom {
  top: 18%;
 
/*  border-radius: 29px 29px 29px 29px;*/
 

  transform: translateY(-8px);


}

.card.profile-pic {
  width: 100px;
  height: 100px;

  align-items: center;
  padding-top: 5px;
  padding-left: 50px;
  margin-top: 5px;
  font-size: 30px;
 
   z-index: 1;
  border: 0px solid #fbb9b6;
  overflow: hidden;
  transition: all .5s ease-in-out 3s, z-index .5s ease-in-out .3s;

  


  display: none;
}

 .profile-pic {

  font-size:18px;
 
  border-radius: 0px;

}
.bottom-bottom {
 display: inline-block;
 text-align: center;
/* background-color: white;*/
 
 margin-top: 0px;
  margin-bottom: 0;
  padding-top: 0px;
  padding-bottom: 0px;
 border-radius:60px;

 font-size: 18px;

}
.button{

 text-align: center;
 background-color: white;
 
  margin-top: 0px;
  margin-bottom: 0;
  padding-top: 0px;
  padding-bottom: 0px;
 border-radius:60px;  
}













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




.card {

  width: 32%;

  height: 300px;
  background: white;
  border-radius: 32px;
  
 margin: auto;
  position: relative;
  box-shadow: #604b4a30 0px 70px 30px -50px;
  transition: all 0.6s ease-in-out;
   
    
}



.rows{
  display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    
    gap: 25px;

}
       



.card .span {
  display: none;

  }
  .profile-span{

    margin: auto;
    text-align: center;
    font-size:30px ;
    color: #a70000;
    margin-left: auto;
  }




 

.card .bottom .content {
  position: absolute;
  bottom: 0;
  left: 1.5rem;
  right: 1.5rem;
  height: 220px;

 padding-top: 20px;

}

.lorm{
  display: block;
  font-size: 14px;
/*  color: white;*/
  text-align: center;
 
    padding-left: -350px;
    margin-top: 0.5rem;
    display: list-item;          /* This has to be "list-item"                                               */
    list-style-type: square;     /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type     */
    list-style-position: inside; /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-position */
    color : black;
    display: none;
}







.about{
  display: none;
}


  }

 .box_one{

  width: 20%;
  height: 150px;
  float: right;

  margin-left: auto;
  margin-right: auto;

 }

 .box_one .img-bo img{

   margin-left: auto;
  margin-right: auto;

  display: flex;

  width: 80px;
  height: 80px;
 display: block;

 }

 .box_one .img-bo #img{


   width: 80px;
  height: 50px;
  
  

}


 .detail-box_one {

  text-align: center;
  padding-left: -25px;
}
.img-bo{
width: auto;

}






/* Responsive columns - one column layout (vertical) on small screens */
@media screen and (max-width: 1026px) {
  .card {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    background: #4a80a7;
    border-radius: 25px;
    height: 200px;
    
  display: none;
   
  }

 

 .card .bottom {
  
 display: none;
}
.card .span {

   text-align: center;
   margin-top: -5px;
   padding-top: -10px;
   padding-bottom: 5px;

}
.lorm{
 text-align: center;
   margin: auto;
/*   padding-top: 20px;*/
   font-size: 14px;
  display: list-item;          /* This has to be "list-item"                                               */
    list-style-type: square;     /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type     */
    list-style-position: inside; /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-position */
    color : black;

}

.text1{
  text-align: center;
   margin: auto;
}




.profile-span{
    display: none;
  }

     
}


.about_top{
    width:100%;
    margin:0 auto;
}
.about_top h2{
    color: #B38A51;
    font-size: 1.5em;
    text-transform: uppercase;
}

.about_top h2 {
    font-size:2em;
}
.border1{
    height:0px;
    background-size:cover;
    background-image:url('../images/b1.png');
    /*display:none;*/
}

.about_bottom{
    margin: 12px auto;
    width: 85%;
}
.about_bottom h4{
    margin:0px;
    font-size: 1.2em;
    font-weight: 600;
    padding:5px;
    cursor:pointer;
    border: 2px solid #837F74;
    background:#e2cd97;
    display:table;
    width:100%;
}
.about_bottom h4:hover{
    background:#b38a51;
    border: 2px solid #b38a51;
}
.faq_ans {
    margin-top: 0 !important;
/*    text-align: justify;*/
    display:none;
      font-size: 18px;

      background: #aacce5;

}
.faq_ques{
    cursor:pointer;
/*     float: left;*/
    font-size: 22px;
    
}

.post1{
    margin:1em;
    text-align:center;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);

   border-radius:32px;

}
/*.post1 h2:hover {
    background: white;
}*/
.post1 h2{
    background: #4a80a7 none repeat scroll 0 0;
/* border: 2px solid #837f74; */
    cursor: pointer;
    display: table;
    font-size: 1.2em;
    font-weight: 600;
    margin: 0;
    padding: 5px;
    width: 100%;
    color: #fff;
}
.post1 h3:hover{
    background: #b38a51 none repeat scroll 0 0;
    border: 2px solid #b38a51;
}
.post1 h3 a:hover{
    text-decoration:none;
    color:#CEAC52;
}


.pg_heading {
    color: #000 !important;
    float: left;
    margin: 35px 0 0 0;
}
.post1>div{
    color:#2b2a28;
    font-size:16px !important;
    border-bottom: 1px solid #837f7487;
    line-height:1.8em;
    margin:1em 0;
    padding: 35px 30px 10px;
    background: white;
}
.post1 .post1_header {
    font-size: 13px;
    position: relative;
    margin-top: 1px;
    margin-bottom: 22px;
}
.post1 .post1_header span {
    display: inline-block;
}
.post1 .post1_header_date {
    margin-right: 25px;
}
.post1 .post1_header_by {
    margin-right: 25px;
}
.post1 .post1_header_in {
    margin-right: 25px;
}
.post1_header_comments{
    float:right;
}
ul.benefit_head li.benefit_head-left h3, ul.product_grid li.product_grid-right h3 {
    font-size: 2em;
}

ul.benefit_head li.benefit_head-left h3, ul.product_grid li.product_grid-right h3 {
    color: #000000;
    font-size: 40px;
    font-weight: 700;
    margin: 0 0px;
    padding: 30px 0;
    
   

}


/* Responsive columns */
/*@media screen and (max-width: 900px) {
  .column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}*/

/* Style the counter cards */
/*.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 16px;
  text-align: center;
  background-color: #f1f1f1;
}*/

.msg_desc{

    list-style: none;
}






      .containers {
            height: 100px;
            width: 100%;
            display: grid;
            place-items: center;
            color: #000000;
    font-size: 40px;
    font-weight: 700;

             background: white;
             margin-top: 75px;
        }
@media screen and (max-width: 1026px) {
#ours{
    margin-top: 200px !important; 
}
.containers{

    margin: 0px;
}
}