.about-page .page-introsection{
  margin-top: 0;
}

.page-introsection{
    background-color: #f3f2f4;
    margin-top: -150px;
}

.top-slogun{
    width: 80vw; 
    position: fixed;
    top: 12px;
    z-index: 1;
    left: 50%;
    transform: translate(-50%, 0);
}

.photography-roles-set{

    font-family: regular;
    font-size: 20px;
    color: #a9acb4;
    width: 100%;
    text-align: justify;
    text-justify: inter-word;
}

.photo-grid{

  padding-top: 20px;
  

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}


.dunya-tagline{
    font-family: listMedium;
    color:#a9acb4;
    width: 100%;
    font-size: 32px;
    text-align: justify;
    
    margin-bottom: 40px;
}


.brand-title{
    color: #a9acb4;
    font-size: 32px;
    padding-top: 50px; 
    padding-bottom: 60px;
    font-family: listMedium;
}

.thick-framed{

   box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;

  border-style: solid;
  border-width: 50px;
  border-color: #f1f2f3;

  padding: 40px;

}

.cid-title{
    font-family: listMedium;
    color: #2d3c80;
    font-size: 28px;
    text-align: center;
    width: 100%;
    padding-bottom: 30px;
}

.item {
    position: relative;
    width: 100%;
  }
  
  .item img {
    width: 100%;
    height: auto;
  }
  
  .item::before {
    content: "";
    display: block;
    
  }


.blue-colored{
    color: #2d3c80;
}

.blue-number{

    color: #2d3c80;
    font-family: Montserrat-Bold;
    font-size: 200px;
    float:right;
    margin-top: -130px;

}


.big-level-number {

    margin-left: -30px;

    font-family: Montserrat-Bold;;
    padding-top: 30px;
    font-size: 800px;
    color: #e8e7ec;
    overflow: hidden;
}

.content-body{
    width: 80%;
    margin-left: 10%;
}


.section-page-title{    
    margin-top:-620px ;

    font-family: Montserrat-Bold;;
    font-size: 51px;
    color:#a9acb4;
}

.section-page-description{
    overflow-wrap: break-word;
    padding-top: 40px;
    padding-bottom: 150px;

    color: #a9acb4;
    font-family: regular;
    font-size: 28px;
}

@media only screen and (max-width: 800px) {
    .close-display img {
      z-index: 1;
      top: 10px;
      right: 4px;
    }

    .top-slogun{
      width: 70vw;
      z-index: 1;
      top: 20px;
      /* margin-left: 5px; */
        /* padding-top: 75px; */
    }

    .thick-framed{

        box-sizing: border-box;
       -moz-box-sizing: border-box;
       -webkit-box-sizing: border-box;
     
       border-style: solid;
       border-width: 30px;
       border-color: #f1f2f3;
     
       padding: 5px;
     
     }

}

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

  .footer{
    margin-top:500px
  }

  .footer-item{
    flex: 1 1 1;
    text-align: center;
    width: auto;
    flex-basis: auto;
  }

  .social-icons {
  
    display:flex; 
    flex-flow:row;
    justify-content:center;

    width:100%;
    padding: 5px;

    transform:translateX(-6px);
    
  }

}

@media (max-width: 849px) {
    .photo-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (max-width: 549px) {
    .photo-grid {
      grid-template-columns: repeat(1, 1fr);
    }

    .section-page-title {
      margin-top: -135%;
    }

    .big-level-number {
      font-size: 600px;
    }
  }