@media (min-width: 1440px) {
    
}

@media (max-width: 1439px) {
    .header-container{
        padding-right: 50px;
    }
    .header-container svg{
        width: 100%;
    }
    /************************* White Page Start ************************/
        /* Hero Section Start */
        .hero-section{
            height: fit-content;
        }
        .hero-section-container{
            height: fit-content;
        }
        .hero-section .image-container{
            width: 450px;
        }
        .hero-section h1{
            width: 450px;
            font-size: 100px;
        }
        /* Hero Section End */
       
    /************************* White Page End   ************************/
}
@media (max-width: 1300px) {
    /************************* White Page Start ************************/
     /* Mission (circles animation) Start */
     .mission-main-container,.mission-container {
        width: 100vw !important;
    }
    .mission-circles-container {
        scale: 0.7;
    }
    /* Mission (circles animation) Etart */
    /************************* White Page End   ************************/
}



   

@media (max-width: 1200px) {
  
}
@media (max-width: 1100px) {
    /* process start */
    .process{
        width: 100vw;
        padding-inline:5%;
    }
   .event {
    justify-content: space-between !important;
   }
   .process .event .text-container,
   .process .event .image-container{
        width: 400px;
    }
    /* process end */
   
 
    .blog .lines hr{
        width: 100%;
    }
    /* honest opinions end*/
    .container{
        padding: 100px 10% 100px 10%;
        margin-inline:auto;
    }

}



@media (max-width: 1000px) {
    .header-container .nav-links{
        display:none;
        
    }
    
    .container{

        padding-top: 50px;

    }

   

    .title{
        
        margin-bottom: 40px;
        
    }
    ::-webkit-scrollbar {

        display: none;

    }

    .process .image-container img, .process .image-container video{
      width: 300px;
    }

    
    .process .right.flex{
        flex-direction: row-reverse;
    }
    .process .left.flex{
        flex-direction: row;
    }
   


    /* process start*/
    .process{
        padding-bottom: 0;
    }
    .process .event .text-container,
    .process .event .image-container,
    .process .event .image-container img,
    .event p{
         width: 300px;
     }
    /* process end*/

    .mission-circles-container{
        scale: 1;
    }
  .mission-main-container {
    position: relative;
    margin: 40px auto;
    width: 600px;
    padding-top:50px;
    padding-bottom:50px;
  }
  .mission-main-container{
    overflow: hidden;
  }
  .mission-circles-container {
    width: 600px;
    height: 400px;
  }
  .inner-arrows{
    width: 240px;
    height: 240px;
  }
    
  .mission-container .xl-text{
      font-size: 16px;
    }
      
    .mission-container .s-text{
        font-size: 14px;
        display: none;
    }

  .mission-main-container .left-circle,
  .mission-main-container .outer-text-container-1 {
    left: calc(50% - 325px); /* 584 = 1168 / 2 */
  }
  

    .mission-main-container .right-circle,
    .mission-main-container .outer-text-container-3 {
    left: calc(50% + 325px);
  }

  .mission-main-container .side-circle,
  .mission-main-container .outer-text-container-1,
  .mission-main-container .outer-text-container-3 {
    width: 219px;
    height: 219px;
  }

  .mission-main-container .mid-circle 
  {
    width: 273px;
    height: 273px;
  }

 
  .mission-main-container .text-container {
    width: 100px;
  }


  .dot{
    left: -2px;
    height: 7px;
    width: 7px;
  }

  /* mission end */
  
  /* stats  start*/
  .stats.pt-100{
    padding-top: 0;
  }
  /* stats  end*/

}

@media (max-width: 900px) {
  .books .title-text {
    width: 100%;
  }
}
@media (max-width: 768px) {
   /*sort out later start*/
    .contact-form input{
        height:40px !important;
    }
    .animation-timeline{
        left: 0;
        width:1px;
    }
    /*sort out later end*/
      .gap-72{
          gap: 50px;
      }
    .only-desktop{

        display: none;

    }

    .only-mobile{
        display: block !important;
    }
    .process-mobile.only-mobile{
        display: flex !important;
    }
    
    /* hero section start */
    .hero-section .image-container {
      width: 100%;
    }
    .hero-section .image-container img{
      width: 100%;
    }
    .hero-section.container{
        padding-top: 0;
    }
    .hero-section h1{
        font-size: 60px;
        width: 100%;
    }
    .hero-section .gap-50{
        gap:14px;
    }
    .hero-section p.m-text{
        width:300px;
    }
    .hero-section .pb-50{
        padding-bottom: 0;
    }
    .full-width-logo-container.gap-40 {
      gap: 20px;
    }
    .full-width-logo-container .xl3-text{
      font-size: 20px;
    }
    /* hero section end */
    /* Ackknowledgement Start */
    .acknowledgement{
        padding-inline: 12%;
    }
    .acknowledgement h2{
        text-align: center;
        width: 100%;
    }
    .acknowledgement p{
        text-align: left;
    }
    /* Ackknowledgement End */
    /* process mobile version start */
    .process-mobile{
      /* justify-content: flex-start; */
      height: 2294px;
      margin-bottom: 200px;
    }
     .inner-process-mobile{
      /* height: 2294px; */
      height: 1965px;
    }
    .process-mobile .timeline{
      left: 25px;
      top: 150px;
      height: 1600px;
    }
   
    .process-mobile .c1,
    .process-mobile .c2,
    .process-mobile .c3,
    .process-mobile .c4{
    }
    .process-mobile .c1{
      top: 0%;
    }
    .process-mobile .c2{
      top: 48.3%;
    }
    .process-mobile .c3{
      top: 100%;
    }
    .process-mobile{
      display: flex !important;
      flex-direction: column;
      /* gap: 210px; */
      justify-content: space-between;
      padding-top: 130px;
      position: relative;
      z-index: 2;
      width: 100%;
      /*padding-top: 300px;*/
    }
     .inner-process-mobile{
      display: flex !important;
      flex-direction: column;
      /* gap: 210px; */
      justify-content: space-between;
      padding-top: 130px;
      position: relative;
      z-index: 2;
      width: 100%;
    }
    @supports (-webkit-touch-callout: none) {
      .process-mobile{
        height: 2150px;
      }
     .inner-process-mobile{
        height: 2150px;
         /*height: 1965px; */
      }
      .process-mobile .timeline{
        height: 1785px;
      }
      .process-mobile .c2{
        top: 49%;
      }
    }        
    .process-mobile .process-image{
      height: 375px;
      width: 100vw;
      position: absolute;
      top: 0;
      z-index: 3;
    }
    .event .text-container{
      width: 369px;
    }
    .process .image-container img{
      width: 100%;
    }
    /* process mobile version end */
    /* mission start */
    
    .mission-circles-container{
        scale: 1;
        rotate: 90deg;
    }
  .mission-main-container p{
    text-align: center;
  }
  .mission-main-container {
    position: relative;
    margin: 40px auto;
    width: 600px;
    padding-top:50px;
    padding-bottom:50px;
  }
  

  .mission-circles-container {
    width: 600px;
    height: 800px;
  }
  .inner-arrows{
    width: 175px;
    height: 175px;
  }
    
  .mission-container .xl-text{
      font-size: 24px;
      text-align: center;
      width: fit-content;
    }
      
    .mission-container .l-text{
        display: none;
    }

    .mission-main-container .text-container{
    width: fit-content;
    rotate: -90deg;

  }
  .mission-main-container .left-circle,
  .mission-main-container .outer-text-container-1 {
    left: calc(50% - 325px); 
  }
  

    .mission-main-container .right-circle,
    .mission-main-container .outer-text-container-3 {
    left: calc(50% + 325px);
  }

  .mission-main-container .side-circle,
  .mission-main-container .outer-text-container-1,
  .mission-main-container .outer-text-container-3 {
    width: 219px;
    height: 219px;
  }

  .mission-main-container .mid-circle 
  {
    width: 273px;
    height: 273px;
  }

 
  .dot{
    left: -2px;
    height: 7px;
    width: 7px;
  }

  /* mission end */
    /* mission end */

    /* companies start */
    .companies .container.gap-72{
        gap: 20px;
    }
    .companies .company-card{
        width: 100%;
        /*height: 375px;*/
        height:fit-content;
        padding: 30px 0;
    
    }
    .companies .company-card:first-of-type {
        /*border-top:1px solid #000;*/
        /*padding-top:20px;*/
        
    }
    #pixframe .company-card:nth-of-type(2) .image-container svg{
        height: 26px;
        width:unset;
        
    }
    .companies .company-card .image-container{
        margin-inline:auto;
        width: fit-content;
    }
    .companies .company-card .image-container svg{
        width: 150px;
    }
    .companies .company-card .s-text{
        font-size:16px;
        text-align:justify;
    }
    
    /* companies end */
    /* stats start */
    .stats .container{
        width: 320px;
    }
    /* stats end */     
    /* process start */
    .sticky-video-container{
      height: 375px;
      text-align: justify;
      margin-bottom: 300px;
    }
    .sticky-video-inner-container{
      height: 500px;
    }
    .sticky-text{
      /* position: absolute; */
      transition: all .4s ease;
      margin-top: 40px;
      margin-left: 50px;
      margin-right: 20px;

    }
    .sticky-video-container h2 {
      height: 50px;
      text-align: center;
      padding: 10px 0;
      background-color: var(--white-background);
      transition: all .4s ease;
      padding-bottom: 20px;
    }
    .event h4 {
      margin-top: 16px;
    }
    .event p {
      transition: all .4s ease;

    }
    .process-mobile-video{
      display: none;
      /* position: absolute; */
      /* top: 50px; */
      /* left: 0; */
      width:100%;
      /*height: 100%;*/
    }
    .process-mobile-video-1{
        display:block;
    }
    /* process end */
    /* blog start */

    .books h2,
    .blog h2,
    .contact-section h2{
      font-size: 52px;
    }
    .blog .post {
      width: 100%;
      padding-left: 30px;
    }
    .blog .post .title{
      width: 100%;
    }
    .blog .post .post-text{
      width: 100%;
    }
    
    .books .divider-2{
      top: -10px;
    }
    .blog .divider-3{
      bottom: -21px;
    }

      /* popup start */

      .popup-content {
        background: #fff;
        max-width: 90vw;
        height: 80vh;
        padding: 50px;
      }  
      /* popup end */
    /* blog end */
    /* contact start */
    .contact-form{
      flex-direction: column;
    }
    .contact-container .fields{
      width: 100%;
    }
    /* contact end */
    /* books start */
    .books{
      height: 600px;
    }
    .book-name{
      display: none;
    }
    .book{
      transform: rotateX(90deg) rotateZ(-90deg) ;
    }
    .books-container{
      margin-bottom: 100px;
    }
    .book-container{
      height: 20px;
    }
    
    /* books end */
    /* footer start */
    footer .footer-logo svg{
      width: 100%;
    }

    /* footer end */
    .flex{

        flex-direction: column;


        gap: 20px;

    }
    .w-50{

        width: 100%;

    }

    .container{

        padding: 50px 5%;

    }

    .p-100{

        padding: 100px 5%;

    }
}
@media (min-width: 768px) {
 
.book-container:hover .book {
  transform: rotateY(0deg);
}
}
@media (min-width: 480px) and (max-width: 768px) {
  .book-container:hover .book1{
    transform: translate(-200px,-127px);
  }
  .book-container:hover .book2{
    transform: translate(-200px,-150px);
  }
  .book-container:hover .book3{
    transform: translate(-200px,-175px);
  }
  .book-container:hover .book4{
    transform: translate(-200px,-205px);
  }
  .book-container:hover .book5{
    transform: translate(-200px,-225px);
  }
  .book-container:hover .book6{
    transform: translate(-200px,-295px);
  }
  .book .bottom {
    bottom: -4px;
    left: 86px;
  }
}
.event .text-container{
    
}

@media (max-width: 410px){
    .event .text-container{
    width:320px;
        
    }
}
@media (max-width: 480px){
  .books h2, .lined-title h2, .contact-section h2 {
      font-size: 42px;
      width: fit-content;
  }
  .book .face{
    overflow: visible;
  }
  .book-container{
  }
  .books{
    height: 850px;
    justify-content: space-between;
  }
  .book3 .front p{
    font-size: 10px !important;
  }
  .books-container{
    margin: 0;
  }
  .book .bottom{
    top: 0;
    right: -86px;
  }
  .book{
    transform: rotateX(90deg) rotateZ(-90deg) translateY(-119px);
    }
    
.book p{
  color: white;
  font-family: "Montserrat VF";
  padding: 20px;
  font-size: 12px;
}
.book .left{
  overflow: hidden;
}
  /* .book1.opened{
    transform: translate(0,-350px);
  } */
  .book-container .book1.opened{
    transform: translate(0,-350px);
  }
  .book-container .book2.opened{
    transform: translate(0,-370px);
  }
  .book-container .book3.opened{
    transform: translate(0,-390px);
  }
  .book-container .book4.opened{
    transform: translate(0,-410px);
  }
  .book-container .book5.opened{
    transform: translate(0,-430px);
  }
  .book-container .book6.opened{
    transform: translate(0,-450px);
  }
  
}