/*-------------------------------
            TYPOGRAPHY 
--------------------------------*/

body p, 
.entry-content p, 
.entry-content ul li,  
.entry-content ul,  
.entry-content a, 
.pp-sub-heading p {

}


/*--------------------------------
            HEADER 
---------------------------------*/
/*---
  Media queries? Y/N
---*/



/*-------------------------------
            NAVIGATION
--------------------------------*/
/*---
  Media queries? Y/N
---*/



/*--------------------------------
            BUTTONS
----------------------------------*/
/*---
  Media queries? Y/N
---*/

a.button, 
span.fl-button-text, 
span.uabb-button-text.uabb-creative-button-text, 
.gform_button.button, 
a.fl-button {

}



/*----------------------------------
            FOOTER
---------------------------------*/
/*---
  Media queries? Y/N
---*/


/*------------------------------
            BB MODULES
---------------------------------*/

/*---
  MODULE NAME
  Description of section
  Media queries? Y/N
---*/


/*------------------------------
            PAGE SPECIFIC 
---------------------------------*/

/*---
  PAGE NAME
  Description of section
  Media queries? Y/N
---*/



/*-------------------------------
        LARGE SCREENS ONLY
---------------------------------*/

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


}


/*-------------------------------
        LAPTOP SCREEN - 1366
---------------------------------*/

@media screen and (max-width: 1366px){ 
    .buttons-tp{
        display: block;
    }

    .buttons-tp button.btn.banner-btn {
    margin-bottom: 20px;
}

.in-block .btn.personalized-btn {
    width: 45%;
}

.ai-block span.job-block{
    font-size: 30px;
}

.ai-block h1{
    font-size: 50px;
}

.border-line {
    top: 30px;
    left: -33px;
}

}


/*-------------------------------
      IPAD PRO SCREENS - 1024
---------------------------------*/

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


}


/*--------------------------------
    TABLET SCREENS AND SMALLER
--------------------------------*/

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

    .collapse.show {
    background: rgba(142, 172, 250, 0.6901960784);
    margin-bottom: 10px;
    border-radius: 0px;
    padding: 20px;
}

.navbar{
    background-color: #FFF;
    border-radius: 0;
}

section.blog-gap{
    padding-top: 20px;
}

.job-platform h2, h3{
    font-size: 68px;
}

.job-hunt {
    padding-top: 5px;

}


 .image-accordion {
    order: 2;
    margin: auto;
    text-align: center;
  }

  .image-accordion img {
    width: 36%;
}

  .faq-container {
    order: 1;
  }

  .accordion-blcok .row {
    display: flex;
    flex-direction: column;
  }

  .navbar.scrolled{
    border-radius: 0px;
  }

}
/*-------------------------------
        MOBILE SCREENS ONLY
---------------------------------*/

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

.ai-block h1{
    font-size: 40px;
}
    
    .in-block .btn.personalized-btn {
        width: 60%;
        margin-bottom: 20px;
    }

    .personalized-block{
        margin-bottom: 20px;
    }

    .buttons-tp{
        width: 100%;
    }

    .video-demo{
        width: 100%;
    }
    .image-product{
        display: block;
        text-align: center;
    }

    .number{
        font-size: 50px;
    }
.icon img {
    width: 39%;
}

.job-hunt h2, h3 {
    font-size: 30px;
}


.job-hunt h2::after{
    display: none;
}

.job-hunt h4{
    font-size: 30px;
}
}