/*banner start*/
body{
}
.banner{
  margin-top: 5px;
  height: 560px;
  display: flex;
  background-color: #011329;
  align-items: center;
  position: relative;
  top: -10px;
}
.b_video{
  position: relative;
}
.b_video video{
  height: 450px;
  object-fit: fill;
  border-radius: 0 !important;
}
.angle {
  right: -28px;
  rotate: 7deg;
  height: 500px;
  width: 61px;
  position: absolute;
  background-color: #011329;
  top: 0px;
}
.b_text{
  
}
.b_text h1{
  font-size: 48px;
  font-weight: 900;
  color: var(--nameColor);
  text-transform: uppercase;
  font-family: 'BodoniFLF-Bold';
}
.b_text p{
    color: var(--whiteColor);
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
  font-family: 'BodoniFLF-Bold';
}
.b_text img{
  width: 20%;
  position: absolute;
  top: 0px;
  right: 0;

}
.borde{
  width: 100%;
  height: 20px;
  background: radial-gradient(circle, rgba(166, 133, 51, 1) 0%, rgba(250, 233, 194, 1) 0%, rgba(166, 133, 51, 1) 100%);
  position: absolute;
  top: 21px;
  left: 0;
}
.bord{
  width: 100%;
  height: 20px;
  background: radial-gradient(circle, rgba(166, 133, 51, 1) 0%, rgba(250, 233, 194, 1) 0%, rgba(166, 133, 51, 1) 100%);
  position: absolute;
  bottom: 27px;
  left: 0;
}

/*banner end */
/*acard start*/
.acard{}
.s_card{
  height: 385px;
  padding: 30px;
  background-color: #f8f7f4;
  border-radius: 10px;
  transition: .33s;
  box-shadow: -1px 3px 9px 4px rgba(0,0,0,0.15);
-webkit-box-shadow: -1px 3px 9px 4px rgba(0,0,0,0.15);
-moz-box-shadow: -1px 3px 9px 4px rgba(0,0,0,0.15);
}
.s_card:hover{
  transform: scale(0.98);
}
.s_card h2{
  font-size: 21px;
  text-align: center;
  color: black;
  font-weight: 800;
}
.aborder{
  text-align: center;
  height: 5px ;
  width: 100%;
  margin-bottom: 5px;
  background-color: #eeba2b;
}
.s_card img{
  height: 180px;
  width: 100%;
  padding: 10px 20px;
}
.s_card p{
  font-size: 18px;
  text-align: center;
  color: black;
  font-weight: 500;
}
/*acard end*/
/*success start*/
.success{
  margin-top: 90px;
}
.success h4{
  font-size: 30px;
    color: var(--contentColor);
    font-weight: 800;
    text-align: center;
}
.s_success{
  height: 180px;
  text-align: center;
}
.s_success h2{
  font-size: 75px;
    color: var(--contentColor);
    font-weight: 800;
    text-shadow: 5px 5px 6px #525252;
}
.s_success p{
  font-size: 20px;
    color: var(--contentColor);
    font-weight: 500;
}
.bo{
  border-left: 4px solid var(--contentColor);
  border-right: 4px solid var(--contentColor);
}
/*success end*/
/*title start*/
.title{
  margin-top: 50px;
}
.title h1{
  padding: 10px 0px;
  font-size: 32px;
  color: var(--contentColor);
  font-weight: 700;
  text-align: center;
}
/*title end*/
/*loreal start*/
.loreal{
  padding: 50px 0px;
}
.s_loreal{}
.s_loreal h1{
  font-size: 30px;
  color: var(--contentColor);
  font-weight: 800;
}
.s_loreal p{
  font-size: 18px;
  color: var(--contentColor);
  font-weight: 500;
}
.sloreal p{
  font-size: 8px;
  color: var(--contentColor);
  font-weight: 500;

}
.loreal_text{}
.loreal_pad{
  padding: 20px;
  background-color: #f2f2f2;
  border-radius: 20px;
}
.loreal_text h2{
  font-size: 24px;
  color: var(--contentColor);
  font-weight: 800;
}
.loreal_text p{
  font-size: 20px;
  color: var(--contentColor);
  font-weight: 500;
}
/*loreal end*/
/*divider start*/
.divider{
  height: 20px;
  background-color: var(--contentColor);
}
/*divider end*/
/*.company start*/
.bckg{
  background-color: #eeba2b;
  height: 430px;
  width: 90%;
  position: absolute;
  top: 20px;
  right: -5px;
  z-index: -2;
  border-radius: 20px;
  border: 3px solid #a28c51;
}
.company{
/*  background-color: #011329;*/
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.text{
  height: 435px;
  background-color: yellow;
  position: absolute;

}
.c_text{
  height: 435px;
  padding: 25px;
  border-radius: 10px;
  border: 3px solid #a28c51;
  background-color: #ffffff;
}
.c_text h1{
  font-size: 23px;
    color: var(--contentColor);
    font-weight: 800;
    text-align: center;
}
.c_text img{
  height: 265px;
}
.c_card{
 
}
.c_size{
  width: 100%;
  background-color: #f8f7f4;
    border-radius: 10px;
  padding: 10px 10px;
  text-align: center;

}
.c_card span{
      font-size: 20px;
    color: var(--contentColor);
    font-weight: 500;
    text-align: center;
}
.c_card img{
/*  width: 30%;*/
}
/*.company end*/
.b_card{}
.b_card hr{
  height: 5px;
  color: #eeba2b;
  background-color: #eeba2b;
  width: 60%;
}
/*leading start*/
.leading{
  background-color: #f2f2f2;
  padding: 40px 0px;
  margin: 48px 0px;
}
.leading h2{
 
  color: var(--contentColor);
  font-weight: 800;
  text-align: center;
}
.leading p{
   
    color: var(--contentColor);
   
    text-align: center;
    
}
/*leading end*/
/*consulting start*/
.consulting{}
.consulting h1{
  padding: 10px 0px;
  font-size: 30px;
  color: #011329;
  font-weight: 700;
}
.con_img{}
.con_img p{
  font-size: 18px;
     color: var(--contentColor); 
    font-weight: 500;
    text-align: justify;

}
.con_img img{}
.con_text{
  padding:10px 5px;
/*  background-color: #f5f5f8;*/
}
.con_text h2{
    font-size: 24px;
/*    text-align: center;*/
    padding-bottom: 7px;
    color: var(--contentColor);
    font-weight: 800;
/*    border-bottom: 3px solid #bc9c22;*/
}
.con_text p{
  font-size: 18px;
     color: var(--contentColor); 
    display: flex;
    align-items: center;
    text-align: justify;
    font-weight: 900;


}
.con_text p {
  margin: 0;
  font-weight: 400 !important;
}
.con_text p i{
  padding-right: 9px;
  font-size: 30px;
  color: var(--contentColor);
  font-weight: 700;
}
.con_box{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center !important;
  width: 190px;
  height: 70px;
  border: 2px solid #bc9c22;
  margin: 10px 0px;
  padding: 16px;
  border-radius: 26px;
}
.con_p{
  font-size: 16px !important;
}
/*consulting end*/
/*media start*/
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  .banner {
   
  }
  .b_text h1 {
    padding-top:10px ;
    font-size: 40px;
  }
  .b_text p {
    font-size: 18px;
  }
  .espad{
    padding: 0px 25px 0px 0px !important;
  }
  .b_text img {
    display: none;
  }
  .s_card {
    margin-bottom: 30px;
  }
  .success{
    margin-top: 50px;
  }
  .loreal {
    padding: 20px 0px;
  }
  .s_loreal h1 {
    font-size: 24px;
    text-align: center;
  }
  .s_loreal p {
    font-size: 18px;
    text-align: center;
  }
  .img_loreal{
    margin-bottom: 40px;
  }
  
  .leading h2 {
   font-size: 28px;
  }
  .leading p {
    
  }
  .s_loreal h1 {
    font-size: 24px;
  }
  .loreal_text h2 {
    font-size: 20px;
  }
  .loreal_text p {
    font-size: 18px;
  }
  .title h1 {
    font-size: 24px;
  }
  .c_card img {
    display: none;
  }
  .sm_pad{
    margin-top: 20px;
  }
  .company{
    height: 200vh;
  }
      .espad {
        padding: 0px 10px !important;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
  .banner {
    
  }
  .b_text h1 {
   
  }
  .b_text p {
    font-size: 20px;
  }
  .angle {
  
  }
  .b_text img {
    display: none;
  }
  .s_card {
    margin-bottom: 30px;
  }
  .loreal {
    padding: 60px 0px;
  }
  .s_loreal h1 {
    font-size: 24px;
  }
  .s_loreal p {
    font-size: 18px;
  }
  .img_loreal{
    margin-bottom: 40px;
  }
  
  .leading h2 {
    
  }
  .leading p {
    font-size: 23px;
  }
  .success{
    padding-top: 0 !important;
  }
  .s_success h2 {
    font-size: 50px;
  }
  .s_success p {
    font-size: 18px;
  }
  .title h1 {
    font-size: 28px;
  }
  .c_text h1 {
    font-size: 15px;
  }
  .c_card span {
    font-size: 11px;
  }
  .c_text img {
    height: 225px;
  }
  .c_text {
    height: 355px;
  }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
  .banner{
   
  }
  .b_text h1 {
    font-size: 48px;
  }
  .b_text p {
    font-size: 20px;
  }
  .angle {
  
  }
  .s_card {
    padding: 15px;
  }
  .s_card img {
    padding: 10px 0px;
  }
  .s_card p {
    font-size: 15px;
  }
  .s_success h2 {
    font-size: 60px;
  }
  .s_success p {
    font-size: 18px;
  }
  .title h1 {
    font-size: 25px;
  }
  .s_loreal h1 {
    font-size: 40px;
  }
  .loreal_text h2 {
    font-size: 20px;
  }
  .loreal_text p {
    font-size: 18px;
  }
  .c_text h1 {
    font-size: 20px;
  }
  .c_card span {
    font-size: 19px;
  }
  

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
  
}

/*Extra Large devices (desktops, 992px and up)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .angle {
    
  }
  .s_card {
    height: 370px;
  }
  .b_text img {
    top: -60px;
  }
}

/*Extra Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1400px) {

      .angle {
       
    }
  .s_card h2 {
    font-size: 32px;
  }
  .b_text img {
    top: -80px;
  }
  .banner{
    margin-top: 5px;
   
  }
}
@media (max-width: 991px) {

 
.banner{
height: auto;
padding-top: 40px;
padding-bottom: 40px;
}
.b_text img{
  display: none;
}
.angle{
  display: none;
}
.b_video video{
  height: auto;
  border-radius: 35px;
}


}