@font-face {
  font-family: "asianSkyline";
  src: url(text/asianskyline.ttf) format("truetype");
}
@font-face {
  font-family: "signature_1";
  src: url(text/signature_1.otf) format("truetype");
}
@font-face {
  font-family: "signature_2";
  src: url(text/signature_2.ttf) format("truetype");
}


.section_3
{
  width: 100%;
  margin-top: 3%;
}
.section_3ConatinerMainContainer
{
  width: 100%;
}
.section_3Conatiner
{
  width: 100%;
  background-image: linear-gradient(rgb(4 9 30 / 19%),rgba(4,9,30,0.7)),url(images/BBC_SECTION_1.webp);
  background-position: center; 
  /* background-size: 100% 100%; */
  background-attachment: fixed;
  -webkit-background-attachment: fixed;
  /* object-position: center;
  object-fit: cover; */
  height: 100vh;
  margin-top: -100vh;
  position: relative;

}
.section_3_itemTextContainerBlur
{
  /* background-size: 100% 100%; */
}

.section_3ConatinerImgCont
{
  width: 100%;
  background-position: center;
  /* background-size: 100% 100%; */
  -webkit-background-attachment: fixed;
  background-attachment: fixed;
  object-position: center;
  object-fit: cover;
  height: 100vh;
}
.section_3ConatinerContent
{
  width: 80%;
  /* height: 100vh; */
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.section_3_signature
{
  /* padding-top: 4%; */
  font-family: "signature_2";
  font-size: 2.8vw;
  color: white;
  /* margin-top: 3%; */
}
.section_3_heading_1
{
  color: white;
  /* padding-top: 20vh; */
}
.section_3_name
{
  color: white;
  font-size: 2vw;
  font-weight: 300;
  /* margin-top: 3%; */
}
.section_3_designation
{
  color: white;
  font-size: 2vw;
  font-weight: 300;

}
.section_3_progresscaldiv
{
  font-size: 4vw;
  font-weight: 700;
  color: white;
}
.section_3_mainContainerBoxtext1_1
{
  font-family: monospace;
  color: white;
  font-size: 2vw;
}
.section_3_progresscalName
{
  font-size: 1.4vw;
  color: white;
}
.section_3_progressnodiv
{
    /* margin-top: 2%; */
    display: flex;
    justify-content: space-between;
    margin-top: 3%;
}
.section_3_progressnumber
{
    flex-basis: 48%;
    padding: 3% 1%;
}
.section_3_paragraph_1
{
  color: white;
  font-size: 2vw;
  margin-top: 1%;
}
.section_3_namedatadiv
{
  display: flex;
  justify-content: space-between;
  margin-top: 3%;
}
.section_3_namedatadivContainer
{

  flex-basis: 50%;
}
.section_3_heading_2
{
  color: orange;
  font-weight: 600;
}
@media(max-width: 481px)
{
  .section_3_progressnodiv
  {
    flex-direction: column;
  }
  .section_3_heading_1
  {
    font-size: 2.6vw;
  }
  .section_3_heading_2
  {
    font-size: 4vw;
  }
  .section_3_paragraph_1
  {
    font-size: 2vw;
  }
  .section_3_progresscalName
  {
    font-size: 2.4vw;
  }
  .section_3_mainContainerBoxtext1_1
  {
    font-size: 2vw;
  }
  .section_3_namedatadiv {
    margin-top: 1%;
}

.section_3Conatiner
{
  /* background-size: 150% 100%; */
}
.section_3_itemTextContainerBlur
{
  /* background-size: 150% 100%; */
}
.section_3ConatinerImgCont
{
  /* background-size: 150% 100%; */
}

}
@media(min-width: 782px)
{
  .section_3_heading_1
  {
    font-size: 1.5vw;
  }
  .section_3_heading_2
  {
    font-size: 3vw;
  }
  .section_3_paragraph_1
  {
    font-size: 1.5vw;
  }
  .section_3_progresscalName
  {
    font-size: 1.5vw;
  }
  .section_3_mainContainerBoxtext1_1
  {
    font-size: 2vw;
  }
  .section_3_namedatadiv {
    margin-top: 1%;
}
.section_3_signature
{
  font-size: 1.5vw;
}
.section_3_name
{
  font-size: 1.5vw;
}
.section_3_designation
{
  font-size: 1.5vw;
}
.section_3_progresscaldiv
{
  font-size: 3vw;
}
.section_3Conatiner
{
  /* background-size: 100% 100%; */
}
.section_3_itemTextContainerBlur
{
  /* background-size: 100% 100%; */
}
.section_3ConatinerImgCont
{
  /* background-size: 100% 100%; */
}

}
@media(max-width: 781px)
{
  
  .section_3_heading_1
  {
    font-size: 2.5vw;
  }
  .section_3_heading_2
  {
    font-size: 4vw;
  }
  .section_3_paragraph_1
  {
    font-size: 2.5vw;
  }
  .section_3_progresscalName
  {
    font-size: 1.5vw;
  }
  .section_3_mainContainerBoxtext1_1
  {
    font-size: 2vw;
  }
  .section_3_namedatadiv {
    margin-top: 1%;
}
.section_3_signature
{
  font-size: 2.5vw;
}
.section_3_name
{
  font-size: 2.5vw;
}
.section_3_designation
{
  font-size: 2.5vw;
}
.section_3_progresscaldiv
{
  font-size: 4vw;
}
.section_3Conatiner
{
  /* background-size: 150% 100%; */
}
.section_3_itemTextContainerBlur
{
  /* background-size: 150% 100%; */
}
.section_3ConatinerImgCont
{
  /* background-size: 150% 100%; */
}

}