a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{margin:0;padding:0;box-sizing:border-box}a,button{border:none;outline:0;text-decoration:none;background-color:none}
@font-face {
    font-family: 'Arketyp Serif';
    src: url('../fonts/ArketypSerif/ArketypSerif-Text.woff2') format('woff2'),
        url('../fonts/ArketypSerif/ArketypSerif-Text.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body{
    background: #F4F3F0;
    font-family: "Manrope", sans-serif;
}

/* header */
.main-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 35px;
}
.links-area{
    display: flex;
    align-items: center;
    gap: 60px;
}
.links-area >a{
    color: #979797;
    font-size: 16px;
    font-weight: 400;
}
.links-area >a:hover{
    color: #000;
}
.logo{
    margin-left: 5rem;
}
.theme-btn{
    color: #fff;
    background: #000;
    padding: 14px;
    font-size: 18px;
    font-weight: 500;
    display: block;
    width: fit-content;
    border: 1px solid #000;
}
.borderbtn{
    border: 1px solid #000;
    color: #000;
}

/* heroSection */
.heroSection> .container{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.links-btn-area{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 3rem;
}
.links-btn-area .theme-btn{
    background-color: #0026BD;
    padding: 12px 45px;
}
.links-btn-area .borderbtn{
    background: transparent;
}
.head{
    font-size: 60px;
    line-height: 1.3;
    color: #000;
    font-weight: 300;
    text-align: center;
    font-family: 'Arketyp Serif';
}
.head-1{
    margin-top: 3rem;
    max-width: 900px;
}
.head>span{
    color: #717576;
}
.para{
    text-align: center;
    line-height: 1.3;
    color: #000;
    font-weight: 400;
    font-size: 16px;
} 
.para-1{
    max-width: 990px;
    margin-top: 1.5rem;
}

/* section-two */
.p-logo-area{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 3rem;
}
.pDot-log{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #0026BD;
    box-shadow: 0 0 15px #00000052;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pDot-log>img{
    width: 40%;
}
  select {
    padding: 1em;
    border: none;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background: url(../images/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: right;
    font-weight: 700;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    text-align: center;
}
#table{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.5rem 0;
}
.prompt-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.typing-text{
    text-align: center;
    display: inline-block;
    color: #000;
    font-weight: 500;
    font-size: 40px;
    line-height: 1.9;
    transition: 0.5s ease;
    text-align: center;
    opacity: 0.5;
    font-family: 'Arketyp Serif';
}
.typing-text:hover{
    opacity: 1;
}
.theme-white{
    color: #000;
    background: #fff;
    border-color: #fff;
    padding: 12px 45px;
    margin-top: 5rem;
}
.secion-two{
    background: #0026BD;
}
.secion-two .container{
    padding: 7rem 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.sec-2logo{
    height: 130px;
}
.head2{
    color: #fff;
    max-width: 900px;
    margin-top: 2rem;
}
.para2{
    color: #fff;
    max-width: 950px;
    line-height: 1.5;
    margin-top: 2rem;
}
.promptSlider-cont{
    max-width: 350px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.prompt-logo{
   /*height: 90px; */
   width: 80px;
    display: inline-block !important;
    margin: auto;
}
.prompt-logo-wrapp{
  height: 90px;
  text-align: center;
  display: inline-block;
  width: 100%;  
}
.head3{
    font-weight: 700;
    font-size: 35px;
    color: #fff;
    text-align: center;
}
.para3{
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;
    color: #fff;
    text-align: center;
}
.source-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 7rem;
}
.source-box img{
    max-width: 100%;
}
.main-slider-container{
    max-width: 1920px;
    width: 100%;
    display: flex;
    position: relative;
}
.smoothslider{
    width: 100%;
}
.fade-left,.fade-right{
    position: absolute;
   /* bottom: 6rem;*/
     bottom: -3rem;
    width: 250px;
    height: 540px;
    backdrop-filter: blur(30px);
    z-index: 2;
}
.fade-right{
    right: 0;
}
.fade-left{
    left: 0;
}
.llms-link{
    display: block;
}
.llms-link>img{
    height: 95px;
}
.quick_llms-area{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 2rem;
}
.section-three{
    background-color: #000;
}
.section-three> .container{
    padding: 100px 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.section-four{
    background: url("../images/sec-4bg.webp");
    width: 100%;
    min-height: 100vh;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
}
.head4{
    color: #F4F3F0;
    font-size: 40px;
}
.section-four .borderbtn{
    background: transparent;
    border-color: #fff;
    color: #fff;
    padding: 12px 35px;
}
.toggle-menu-btn{
    display: none;
}
.toggle-menu-btn  img{
transition: transform .5s ease-in-out;
}
.toggle-menu-btn.active img{
transform: rotate(47deg);
}
.section-about{
    padding: 60px 0px;
}
.section-about .section-about-content{
    padding: 60px 0px;
    border-top: #000 solid 1px;
    margin-bottom: 20px;
}
.section-about .section-about-content.team-content{
    border-color: #5A5A5A;
      border-bottom: #5A5A5A solid 1px;
      color: #5A5A5A;
}
.section-about .section-about-content.team-content .team-email{
    padding-top: 20px;
    text-align: right;
}
.section-about .section-about-content.team-content .team-email a{
    color: #5A5A5A;
    cursor: pointer;
} 
.section-about .section-about-content p{
    font-size: 20px;
    line-height: 1.9;
}
.section-about .section-about-content h3{
font-weight: 300; 
font-size: 28px;
margin-bottom: 15px;
    font-family: 'Arketyp Serif';
}

.section-blogs{
    padding: 40px 0px;
}
.section-blogs h2{
    margin-top: 0px;
    font-weight: 900;
    font-size: 36px;
    margin-bottom: 20px;
}
.section-blogs .blog-listing{
    margin-left: -10px;
    margin-right: -10px;
}
.section-blogs .blog-box{
    float: left;
    padding: 10px;
    width: 33.33%;
    }
.section-blogs .blog-box .blog-box-content .blog-post-date{
color:#5A5A5A;
font-size: 16px;
padding-top:10px;
}
.section-blogs .blog-box .blog-box-content h4{
color:#000;
font-size: 22px;
font-weight: 600;
margin:10px 0px;
}
.section-blogs .blog-box .blog-box-content p{
    font-size: 16px;
    line-height: 1.4;
    color: #000;
}
.section-blogs .blog-box img{
 max-width: 100%;
}

.service-our-mission{
    padding: 40px 0px;
}
.service-our-mission .service-our-mission-inner{
    width: 70%;
    margin:0 auto;
    display: flex;
    padding: 60px 0px;
}

.service-our-mission .service-our-mission-inner .service-our-mission-heading{
    padding-right: 60px;
    border-right:rgba(0, 0, 0, 0.10) solid 1px;
    width: 30%;
}
.service-our-mission .service-our-mission-inner .service-our-mission-heading h2{
    font-size: 36px;
    line-height: 1.3;
    color: #000;
    font-weight: 300; 
    font-family: 'Arketyp Serif';
    margin:25px 0px;
}
.service-our-mission .service-our-mission-inner .service-our-mission-heading span{
    font-size: 18px;
}
.service-our-mission .service-our-mission-inner .service-our-mission-heading .service-our-mission-btn{
    background-color: #000;
    color: #fff;
    padding: 10px 45px;
      font-size: 16px;
    border-color: #000;
    display: inline-block;
}

.service-our-mission .service-our-mission-inner .service-our-mission-content{
    padding: 20px 90px;
    width: 70%;
    font-size: 15px;
    line-height: 1.2;
}

.service-our-mission .service-our-mission-boxes{
padding:40px;
display: inline-block;
width: 100%;
}
.service-our-mission .service-our-mission-boxes .service-our-mission-box{
    float: left;
    width: 33.33%;
    padding: 5px;
}
.service-our-mission .service-our-mission-boxes .service-our-mission-box .service-our-mission-box-inner {
    border-radius: 12px;
    padding: 60px 20px;
    background: linear-gradient(to bottom,  rgba(0,38,189,1) 0%,rgba(0,38,189,1) 100%); 
    color: #fff;
    text-align: center;
    line-height: 1.5;
}
.service-our-mission .service-our-mission-boxes .service-our-mission-box .service-our-mission-box-inner h3{
   font-size: 26px;
    line-height: 1.3; 
    font-weight: 300; 
    font-family: 'Arketyp Serif';
    margin:20px 0px;
    }

.service-our-mission .service-our-mission-boxes .service-our-mission-box .service-our-mission-box-inner p{
    font-size: 14px;
    padding: 0px 15px;
}

.service-our-mission .service-our-mission-boxes .service-our-mission-box .service-our-mission-box-inner a{
  
    color: #fff;
    padding: 8px 25px;
      font-size: 14px;
    border: #fff solid 1px;
    display: inline-block;
    margin-top: 20px;
}
.service-our-mission .service-our-mission-boxes .service-our-mission-box.grey-box .service-our-mission-box-inner{ 
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(228,228,228,1) 100%);  
color: #000;
}
.service-our-mission .service-our-mission-boxes .service-our-mission-box.grey-box .service-our-mission-box-inner a{
color: #000; 
border-color: #000;
    }


.service-our-mission .service-our-mission-boxes .service-our-mission-box.black-box .service-our-mission-box-inner{ 
background: linear-gradient(to bottom,  rgba(44,44,44,1) 0%,rgba(0,0,0,1) 100%);  
}

.service-content-section{
    background: #0026BD;
    padding: 60px 0px;
    color: #fff;
}

.scs-grey.service-content-section{
    background: none ;
    color: #000;
    }
.scs-black.service-content-section{
    background: #000 ;
     
    }
.service-content-section .service-content-head{
    text-align: center;
    padding-bottom: 60px;
    font-size: 12px;
}
.service-content-section .service-content-head h2{
      font-size: 42px;
    line-height: 1.3; 
    font-weight: 300; 
    font-family: 'Arketyp Serif';
    margin:25px 0px;
}
.service-content-section .service-content-section-inner{
    width: 86%;
    margin:0 auto;
    display: flex;
    flex-direction: row-reverse;
}
.service-content-section .service-content-section-inner .service-content-left{
    width: 50%;
    padding: 20px;
}
.service-content-section .service-content-section-inner .service-content-left h3{
      font-size: 26px;
    line-height: 1.3; 
    font-weight: 300; 
    font-family: 'Arketyp Serif'; 
}
.service-content-section .service-content-section-inner .service-content-left ul{
    list-style: disc;
    padding-left: 15px;
    font-size: 14px;
    line-height: 1.3;
    margin:15px 0px;
}
.service-content-section .service-content-section-inner .service-content-left a{
    background: #fff;
    color: #000;
    padding: 8px 25px;
      font-size: 14px;
    border: #fff solid 1px;
    display: inline-block;
    margin-top: 20px;
}

.scs-grey.service-content-section  .service-content-section-inner .service-content-left a{
    background: #000;
    color: #fff;
}


.service-content-section .service-content-section-inner .service-content-left ul li{
    margin-bottom: 10px;
}
.service-content-section .service-content-section-inner .service-content-right{
    width: 50%;
    padding: 20px;
}
.service-content-section .service-content-section-inner .service-content-right img{
width: 100%;
} 

.service-content-section .service-content-more{
    padding: 60px 0px;
    line-height: 1.5;
    font-size: 16px;
}
.service-content-section .service-content-more .service-content-more-box{
    margin-bottom: 35px;
}
.service-content-section .service-content-more h3{
    font-weight: 500;
    font-size: 18px;
}
.service-content-section .service-content-more p{
    font-weight: 400;
    font-size: 14px;
}


.service-pricing-section{
    padding: 90px 0px;
}
.service-pricing-section .service-pricing-box{
    background: #F4F3F0;
    border:#D0D0D0 solid 1px;
    border-radius: 20px;
    padding: 30px;
    width: 33.33%;
    float: left;
    text-align: center;
    line-height: 1.5;
}
.service-pricing-section .service-pricing-box.spb-black{
    background: #000;
    color: #fff;
}
.service-pricing-section .service-pricing-box.spb-white{
    background: #fff; 
}
.service-pricing-section .service-pricing-box .spb-name{
    color: rgba(0, 0, 0, 0.5);
}
.service-pricing-section .service-pricing-box.spb-black .spb-name{
    color: rgba(255, 255, 255, 0.5);
}
.service-pricing-section .service-pricing-box .sbp-price{
    font-size: 36px;    
    font-weight: 400;
    font-family: 'Arketyp Serif';
    margin:20px 0px;
}
.service-pricing-section .service-pricing-box .sbp-price span{
        font-family: "Manrope", sans-serif;
        font-size: 16px;
}
.service-pricing-section .service-pricing-box .sbp-btn{
    margin-bottom: 15px;
}
.service-pricing-section .service-pricing-box .sbp-btn a{
    padding: 8px 30px;
    background: #000;
    border: 0px;
    color: #fff;
    display: inline-block;
}
.service-pricing-section .service-pricing-box.spb-black .sbp-btn a{
    background: #fff;
    color: #000;
    }
.service-pricing-section .service-pricing-box .sbp-content p{
    color: rgba(0, 0, 0, 0.60);
font-size: 14px;
}
.service-pricing-section .service-pricing-box.spb-black .sbp-content p{
    color: rgba(255, 255, 255, 0.60);
    }
.service-pricing-section .service-pricing-box .sbp-content ul{
    text-align: left;
    margin-top: 25px;

}
.service-pricing-section .service-pricing-box .sbp-content ul li{
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.3;
    padding-left: 20px;
    background: url(../images/sbp-check-icon.png) no-repeat;
        background-position: 0px 4px;

}

.service-pricing-section .service-pricing-box.spb-black .sbp-content  ul li{
     background: url(../images/sbp-check-icon-white.png) no-repeat;
         background-position: 0px 4px;
}


.platform-workforce{
    padding: 60px 0px;
    text-align: center;
}
.platform-workforce .platform-workforce-inner h2{
        font-weight: 300;
    text-align: center;
    font-family: 'Arketyp Serif';
    color: #000;
    font-size: 60px;
    margin-bottom: 20px;  line-height: 1.3;
}

.platform-workforce .platform-workforce-inner p{
    font-size: 16px;
    line-height: 1.5;
}
.platform-workforce .platform-workforce-inner .platform-workforce-image{
    margin-left: -15px;
    margin-right: -15px;
    padding: 40px;
    padding-bottom: 0px;
}
.platform-workforce .platform-workforce-inner .platform-workforce-image .platform-workforce-image-col{
    width: 50%;
    padding: 15px;
    float: left;
}
.platform-workforce .platform-workforce-inner .platform-workforce-image .platform-workforce-image-col img{
    width: 100%;
}
.platform-workforce .platform-learning-boxes{
    padding-top: 40px;
}
.platform-workforce .platform-learning-boxes .platform-learning-box{
    float: left;
    width: 25%;
    padding: 0px 10px;
}
.platform-workforce .platform-learning-boxes.platform-ide-boxes .platform-learning-box{
    width: 33.33%;
}
.platform-workforce .platform-learning-boxes .platform-learning-box .platform-learning-box-inner{
    background: #000;
    padding:40px 20px;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    min-height: 270px;
}
.platform-workforce .platform-learning-boxes.platform-ide-boxes .platform-learning-box .platform-learning-box-inner{
    text-align: left;
    min-height: 145px;
    padding: 20px;
}
.platform-workforce .platform-learning-boxes .platform-learning-box .platform-learning-box-inner .pflb-img img{
    width: 55px;
    margin-bottom: 5px;

}
.platform-workforce .platform-learning-boxes .platform-learning-box .platform-learning-box-inner h3{
        font-weight: 500;
   
    margin: 10px 0px;
    font-size: 24px;
     line-height: 1.2;
}

.platform-workforce .platform-learning-boxes .platform-learning-box .platform-learning-box-inner p{
    font-size: 12px;
    line-height: 1.5;
}
.platform-workforce .platform-learning-para{
    width: 70%;
    margin:40px auto;
}
.platform-workforce .platform-learning-para-btn{
    text-align: center;
    padding-top: 30px;
}
.platform-workforce .platform-learning-para-btn a{
    background: #000;
    padding: 10px 30px;
    color: #fff;
    display: inline-block;

}

.prompto-perfect-for{
    padding: 60px 0px;
}
.prompto-perfect-for h2{
      font-weight: 300;
    text-align: center;
    font-family: 'Arketyp Serif';
    color: #000;
    font-size: 60px;
    margin-bottom: 20px;  line-height: 1.3;
}

.prompto-perfect-for .prompto-perfect-for-inner .prompto-perfect-for-box{
    float: left;
    width: 33.33%;
    padding: 10px;
}
.prompto-perfect-for .prompto-perfect-for-inner .prompto-perfect-for-box img{
    width: 100%;
}
.prompto-perfect-for .prompto-perfect-for-inner .prompto-perfect-for-box .prompto-perfect-for-box-inner{
    background: #000;
    border-radius: 12px;
    overflow: hidden;

}

.prompto-perfect-for .prompto-perfect-for-inner .prompto-perfect-for-box .prompto-perfect-for-box-inner .prompto-perfect-for-box-content{
 padding: 15px;
 color: #fff;  
 min-height: 115px;  

}
.prompto-perfect-for .prompto-perfect-for-inner .prompto-perfect-for-box .prompto-perfect-for-box-inner .prompto-perfect-for-box-content h3{
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px;
}
.prompto-perfect-for .prompto-perfect-for-inner .prompto-perfect-for-box .prompto-perfect-for-box-inner .prompto-perfect-for-box-content p{
    font-size: 13px;
    line-height: 1.3;
}


.prompto-faqs-section{
    padding: 50px 0px;
}
.prompto-faqs-section  h2{
      font-weight: 300;
    text-align: center;
    font-family: 'Arketyp Serif';
    color: #000;
    font-size: 60px;
    margin-bottom: 20px;  line-height: 1.3;


}

.prompto-faqs-section .prompto-faqs-box{
    border:#000 solid 1px;
    padding: 0px;
    border-radius: 10px;
    margin-bottom: 15px;
}
.prompto-faqs-section .prompto-faqs-box.active{
    border-color:#0026BD;
    }
.prompto-faqs-section .prompto-faqs-box .prompto-faqs-question{
    padding: 20px;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    color: #000;
}
.prompto-faqs-section .prompto-faqs-box .prompto-faqs-question:after{
    content:''; 
    background: url(../images/faq-arrow.png) no-repeat;
    display: inline-block;
    position: absolute;
    right: 15px;
   top: 25px;
    width: 25px;
    height: 15px;
    background-size: 15px;
}
.prompto-faqs-section .prompto-faqs-box.active .prompto-faqs-question:after{
    content:''; 
    background: url(../images/faq-arrow-active.png) no-repeat;
   
    background-size: 15px;
}
.prompto-faqs-section .prompto-faqs-box.active .prompto-faqs-question{
color:#0026BD;
}
.prompto-faqs-section .prompto-faqs-box .prompto-faqs-answer{
     padding: 15px 20px;
    font-size: 16px;
    display: none;
}
footer{
    background: #000;
    padding-top: 60px;
}
footer .footer-left{
    float: left;
    width: 30%;
}
footer .footer-more-question{
    border: rgba(255, 255, 255, 0.8) solid 1px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 35px;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);;
    margin-top: 210px;
    margin-bottom: 30px;
    line-height: 1.5;
-webkit-box-shadow: 20px 18px 40px -13px rgba(97,97,97,1);
-moz-box-shadow: 20px 18px 40px -13px rgba(97,97,97,1);
box-shadow: 20px 18px 40px -13px rgba(97,97,97,1);
    }
    footer .footer-more-question h3{
           font-family: 'Arketyp Serif';
           color: #fff;
           font-weight: 300;
           font-size: 25px;
    }
   footer .footer-more-question a{
    background: #0026BD;
    color: #fff;
    padding: 8px 30px;
    display: inline-block;
    margin-top: 10px;
}
footer .footer-right{
    padding-left: 30px;
    width: 65%;
    float: right;
}
footer .footer-right .footer-newsletter h3{
    font-weight: bold;
    color: #999999;
    font-size: 22px;
    margin-bottom: 10px;
    }

footer .footer-right .footer-newsletter .footer-newsletter-form{
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.08);
    padding: 4px;
    margin-bottom: 50px;
}
footer .footer-right .footer-newsletter .footer-newsletter-form input{
    background: none;
    color: #fff;
    border: 0px;
    outline: none;
    padding: 10px;
    width: 70%;
}
footer .footer-right .footer-newsletter .footer-newsletter-form button{
    background: #fff;
    padding: 12px 20px;
    color: #000;
    float: right;
}
footer .footer-right .footer-navigation-box{
    float: left;
    width: 33.33%;
    padding-right: 20px;
}
footer .footer-right .footer-nav-inner{
    margin-bottom: 15px;
}
footer .footer-right .footer-nav-inner h3{
    color: #999999;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 25px;
}
footer .footer-right .footer-nav-inner ul{
    padding: 0px;
    margin:0px;
    list-style: none;
}
footer .footer-right .footer-nav-inner ul li{
    padding-bottom: 15px;
}
footer .footer-right .footer-nav-inner ul li a{
    color: #fff;
    font-size: 12px;
    font-weight: 300;
}
footer .footer-right .footer-nav-inner ul li a:hover{
    text-decoration: underline;
}
.footer-copyright{
    padding: 25px 0px;
    text-align: center;
    font-size: 14px;
    margin-top: 40px;
    color: #4C4C4C;
    border-top: rgba(153, 153, 153, 0.50) solid 1px;
}
.clear{
    clear: both;
}
@media only screen and (min-width: 1580px)  {
.service-our-mission .service-our-mission-inner .service-our-mission-content {
   
  font-size: 18px;
  line-height: 1.4;
}
.service-our-mission .service-our-mission-inner .service-our-mission-heading h2 {
  font-size: 42px;
  }
  .service-our-mission .service-our-mission-inner .service-our-mission-heading .service-our-mission-btn {
   
  padding: 15px 45px;
  font-size: 18px;
}
.service-our-mission .service-our-mission-boxes .service-our-mission-box .service-our-mission-box-inner {
 
  font-size: 22px;
}
.service-our-mission .service-our-mission-boxes .service-our-mission-box .service-our-mission-box-inner h3 {
  font-size: 32px;
  }
  .service-our-mission .service-our-mission-boxes .service-our-mission-box .service-our-mission-box-inner p {
  font-size: 18px;
}
.service-our-mission .service-our-mission-boxes .service-our-mission-box .service-our-mission-box-inner a {
   padding: 12px 32px;
  font-size: 16px;
  }
  .service-content-section .service-content-head h2 {
  font-size: 56px;
}
.service-content-section .service-content-head {
   font-size: 18px;
}
.service-content-section .service-content-section-inner .service-content-left ul li {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.5;
}
.service-content-section .service-content-section-inner .service-content-left h3 {
  font-size: 32px;
}
.service-content-section .service-content-section-inner .service-content-left a {
  
  padding: 15px 25px;
  font-size: 18px;
  }
  .service-content-section .service-content-more p {
  font-weight: 400;
  font-size: 16px;
}
.service-content-section .service-content-more h3 {
  font-weight: 500;
  font-size: 22px;
}
.service-pricing-section .service-pricing-box .sbp-content ul li {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.5;
}
.service-pricing-section .service-pricing-box .sbp-price {
  font-size: 44px;
  }
  .service-pricing-section .service-pricing-box .sbp-content p {
   font-size: 18px;
}
.service-pricing-section .service-pricing-box .sbp-btn a {
  padding: 10px 40px;
  }
  .spb-name{
    font-size: 26px;
  }
}

@media only screen and (min-width: 651px) and (max-width:1024px) {
    .main-header { 
  padding: 20px;
}
.logo {
  margin-left: 1rem;
}
.links-area > a {
   font-size: 14px;
}
.links-area {
   gap: 30px;
}
.theme-btn {
   padding: 12px;
  font-size: 14px;
}
.head {
  font-size: 46px;
  }
  element {
}
.para-1 {
  max-width: 990px;

  margin-top: 1.5rem;

}
.para {
    line-height: 1.4;
   font-size: 14px;
 }
 .typing-text {
   font-size: 24px;
}
.sec-2logo {
  height: 90px;
  margin-bottom: 60px;
}
.fade-left, .fade-right { 
  width: 150px;
  height: 340px;
}
.llms-link > img {
  height: 62px;
}
img.mt-5 { 
  width: 80%;
}
    }

    .show-mobile{
        display: none;
    }
@media only screen and (max-width: 650px) {
    .prompto-perfect-for .prompto-perfect-for-inner .prompto-perfect-for-box {
  float: left;
  width: 50%;
  padding: 5px;
}

.prompto-perfect-for .prompto-perfect-for-inner .prompto-perfect-for-box .prompto-perfect-for-box-inner .prompto-perfect-for-box-content {
  padding: 10px
  }
  .prompto-perfect-for .prompto-perfect-for-inner .prompto-perfect-for-box .prompto-perfect-for-box-inner .prompto-perfect-for-box-content h3 {
  font-size: 16px;
}
.prompto-faqs-section .prompto-faqs-box .prompto-faqs-answer {
  padding: 15px ;
  font-size: 14px; 
  line-height: 1.4;
}
.prompto-faqs-section .prompto-faqs-box .prompto-faqs-question {
  padding: 15px;
  font-size: 16px;
  font-weight: 500;
  padding-right: 40px;
}
.prompto-perfect-for h2,.prompto-faqs-section h2 { 
  font-size: 32px;
  }
.platform-workforce .platform-learning-boxes .platform-learning-box .platform-learning-box-inner h3 {
  font-weight: 500;
  margin: 8px 0px;
  font-size: 16px;
  line-height: 1.2;
}
.platform-workforce .platform-learning-boxes .platform-learning-box .platform-learning-box-inner .pflb-img img {
  width: 36px;
  margin-bottom: 10px;
}
.platform-workforce .platform-learning-para {
  width: 100%;
  margin: 20px auto;
}

.platform-workforce .platform-learning-boxes.platform-ide-boxes .platform-learning-box {
  width: 100%;
}
.platform-workforce .platform-learning-boxes .platform-learning-box .platform-learning-box-inner p {
  font-size: 12px
  }
  .prompto-perfect-for .prompto-perfect-for-inner .prompto-perfect-for-box .prompto-perfect-for-box-inner .prompto-perfect-for-box-content p {
  font-size: 10px;
  line-height: 1.3;
}
    .platform-workforce .platform-learning-boxes .platform-learning-box {
 
  width: 50%;
  padding:   5px;

}
    .platform-workforce .platform-learning-boxes .platform-learning-box .platform-learning-box-inner {
 
  padding: 20px 10px; 
  min-height: 270px;
}
    .platform-workforce .platform-workforce-inner h2 {
   
  font-size: 28px; 
}
.platform-workforce .platform-workforce-inner p {
  font-size: 14px;
  }
  .platform-workforce .platform-workforce-inner .platform-workforce-image .platform-workforce-image-col {
  width: 100%;
  padding: 10px 0px;
}
    .service-our-mission .service-our-mission-inner .service-our-mission-content {
  padding: 10px;
  width: 100%;
  font-size: 15px;
  line-height: 1.2;
  text-align: center;
  padding-top: 30px;
}
.service-our-mission .service-our-mission-inner .service-our-mission-heading {
  padding-right: 0px;
  border-right: 0px;
  width: 100%;
  text-align: center;
}

.service-our-mission .service-our-mission-inner {
  width: 100%;
  margin: 0 auto;
  display: inline-block;
  padding: 30px 0px;
}

.service-our-mission .service-our-mission-boxes .service-our-mission-box {
  float: left;
  width: 100%;
  padding: 5px;
}
 .service-our-mission .service-our-mission-boxes .service-our-mission-box .service-our-mission-box-inner h3 {
  font-size: 21px; 
  margin: 15px 0px;
}
.service-our-mission .service-our-mission-boxes .service-our-mission-box .service-our-mission-box-inner p {
  font-size: 12px;
  padding: 0px 15px;
}
.service-our-mission .service-our-mission-boxes .service-our-mission-box .service-our-mission-box-inner a {
 
  padding: 6px 20px;
  font-size: 13px; 
  margin-top: 20px;
}
.service-content-section .service-content-head h2 {
  font-size: 32px; 
  margin: 15px 0px;
}
.service-content-section .service-content-head .service-content-subtext{
    font-size: 12px;
    line-height: 1.4;
}
.service-content-section .service-content-section-inner .service-content-left {
  width: 100%;
  padding: 10px;
}
.service-content-section .service-content-section-inner .service-content-right {
  width: 100%;
  padding: 10px;
}
.service-our-mission .service-our-mission-boxes {
  padding: 15px;
}
.service-content-section .service-content-section-inner {
  width: 100%;
  margin: 0 auto;
  display: inline-block; 
}
.service-content-section .service-content-head {
   padding-bottom: 20px;
   }
   .service-pricing-section .service-pricing-box {
 
  padding: 20px;
  width: 100%; 
}
    .section-about .section-about-content p {
  font-size: 16px;
}
.section-about .section-about-content h3 {
   font-size: 23px;
  }
    footer{
        padding-left: 10px;
        padding-right: 10px;
    }
    footer .footer-right .footer-newsletter .footer-newsletter-form input {
    width: 60%;
}
.footer-logo{
    margin-bottom: 25px;
}
.footer-logo img{
    width: 90px;
    }
footer .footer-right .footer-newsletter h3 {
   font-size: 16px;
  margin-bottom: 15px;
}
    footer .footer-more-question{
        margin-top: 20px;
    }
    .show-mobile{
        display: block;
    }
    .hide-mobile{
        display: none;
    }
    footer .footer-right {
  padding-left: 0px;
  width: 100%;
  float: right;
}
footer .footer-left { 
  width: 100%; 
}
footer .footer-right .footer-navigation-box {
  float: left;
  width: 50%;
  }
    .section-blogs .blog-box{
    float: left;
    padding: 10px;
    width: 100%;
    }

    .links-area{
        display: none;
        background: #000;
    position: fixed;
    z-index: 9;
    left: 0px;
    top: 62px;
    padding: 18px;
    text-align: center;
    height: 100vh;
    padding-top: 60px;
    width: 100%;
    }
    .links-area.show{
        display: inline-block !important;
    }
    .links-area > a {
  color: #fff !important;
  padding: 10px;
  font-size: 18px;
  display: inline-block;
  width: 100%;
  font-weight: 400;margin-bottom: 15px;
}
    .main-header { 
  padding: 15px;
  position: relative;
}

.logo {width: 45%;
  margin-left: 1rem;
}
.theme-btn { 
  padding: 10px;
  font-size: 12px;
}
.head {
  font-size: 31px;
  line-height: 1.3;
  }
  .para { 
  line-height: 1.4; 
  font-size: 12px;
}
.typing-text {
   
  font-size: 18px;
  line-height: 1.4;
  padding: 5px 10px;
    }
    .sec-2logo {
  height: 60px;
  margin-bottom: 30px;
}
.fade-left, .fade-right{
    display: none;
}
.main-slider-container {
 
  overflow: hidden;
}
.section-three img{
    width: 100%;
}
.llms-link > img {
  height: 40px;
}
.head4 {
   font-size: 28px;
}
.toggle-menu-btn{
    display: flex;
    float: right;justify-content: flex-end;
}
}