@import url('https://fonts.googleapis.com/css2?family=Quattrocento:wght@400;700&display=swap');


body * {
      font-family: "Quattrocento", serif!important;
}

.stats {
    border-top: 1px solid #f5f5f56c;
    margin-top: 30px;
    padding-top: 15px;
    display: flex;
    gap: 20px;
    font-size: 23px;
}

.stats div {
    border-right: 1px solid #f5f5f56c;
    padding-right: 15px ;
}

.stats div.last { border:0 }

.about-area-4 .section-header {
    margin-top: 120px;
    border-top:0
} 

.text_gradient {
    background: -webkit-linear-gradient( 88deg, #4ca3d3, black );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

 .text_gradient_white {
     background: -webkit-linear-gradient( 88deg, whitesmoke, white );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* text-shadow: 15px -5px 20px #242b2f */
 }


.text_gradient2 {
    background: -webkit-linear-gradient( 88deg, #4ca3d3, white );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


p {
    color: #141414;
    font-family: var(--font_bdogrotesk);
}

.text_white {
    color: white
}

.mt_20 { margin-top: 120px;}

.mb_20 { margin-bottom: 120px;}

body, .main-menu a {
    font-family: var(--font_bdogrotesk);
}


.text_primary,
a:hover {
    color: #4ca3d3 !important
}


.header-area-5__inner{
    border-bottom: 0px solid;
    padding: 15px 0
}

.header-area-5__inner .main-menu a:not(.lang){
    margin-left: 35px;
}

.header-area-5__inner .main-menu a.lang {
    margin-left: 10px;
}

.menu_separator { opacity:0; padding: 0 15px; }


 

.border_0 { border: 0!important }

.contact-area-contact-page .contact-formfield input {
    border-bottom: 1px solid black;
}

.contact-area-contact-page .contact-formfield input:focus {
    border-bottom: 1px solid #4ca3d3;
}

.footer-area-inner-page  {
    background-image: url('../bitinnov/bg.jpg');
    background: linear-gradient( 88deg, black, #1275aa, black );
    background-size: cover;
}

.footer-area-inner-page .text,
.footer-area-inner-page p,
.footer-area-inner-page span,
.footer-area-inner-page a,
.footer-area-inner-page div {
    color: white!important;
}

.logo_white {
    filter: brightness(0) invert(1);
}

.text.small { font-size: 1rem!important }

.footer-area-inner-page .copyright-area-inner {
    padding: 15px 0;
    border-top: 1px solid #f5f5f519;
 }

 .footer-area-inner-page .footer-widget-box .title {
    color: white!important;
    font-weight: bold;
 }

.rr-btn {
    border-radius: 0!important;
}

.mobile-menu a {
    display: table;
    margin-bottom: 15px;
}

.progress-wrap {
    bottom: 70px;
}

.info-area-page-about {
    background-color: #f5f5f5!important;
}

.header-area-5 {
    border-bottom: 1px solid rgba(17, 17, 17, 0.1);
}

.contact-formfield.file {
    position: relative;
}

.contact-formfield.file label  {
    display: inline-block;
    position: absolute;
    background: transparent;
    position: relative;
    margin-top: 0px; height: 40px; padding-top: 12px;
    width: 100%;
    color: black;
    border-bottom: 1px solid black;
    cursor: pointer;
    transition: .3s;
}

.contact-formfield.file input {
    position: absolute;
    left: 0;
    bottom: -10px;
    background-color: red;
    opacity: 0;
    height: 40px;
    cursor: pointer;
}

#resume_name {
    position: absolute;
    right: 0
}

.parallax-view img { filter: grayscale(.99);}



.video {
    height: auto;
    width: 100%;
}

.videopage .header-area-5 {
    border-bottom: 1px solid #d3d3d32d;
}

.videopage .header-area-5 .rr-btn-underline {
    color: #ffffff;
}

.videopage .header-area-5 .rr-btn-underline .icon img { filter: invert(1) }


.video-area {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.video-area video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(.9);
}

.video-area .overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    background: linear-gradient( 190deg, #0f81be95, #000000b5 )
}

.video-area .content {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    color: #fff;
    z-index: 2;
    max-width: 50%;
}

.videopage .header-area-5 .header__logo img {
    filter: grayscale(1) invert(1) brightness(3);
}


.video-area h2 {
    background: -webkit-linear-gradient( 88deg, white, #ede5e5 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.aboutus {
    margin: 100px 0 150px 0!important;
}

.services-wrapper-1 h3,
.aboutus h2 {
    font-size: 2.5rem!important;
}

.aboutus i {
    font-style: normal;
    font-weight: bold;
    
}

.aboutus .text-wrapper p {
    margin-top: 20px;
    font-size: 1.2rem!important;
}

.section-title-wrapper { display: flex ; gap: 0; flex-wrap: wrap;  }
.section-title-wrapper .title-wrapper {
    text-align: center;
    width: 47.5%;
    box-sizing: border-box;
    padding: 50px 100px;
}

.section-title-wrapper .title-wrapper.br { border-right: 1px solid #cad3d9; }
.section-title-wrapper .title-wrapper.bb { border-bottom: 1px solid #cad3d9; }

.section-title-wrapper .title-wrapper img {
    margin: 0 auto 25px auto;
    filter: grayscale(1);
}

.title-wrapper.fulltext {
    text-align: center!important;
    width: 100%!important;
}
 
 #blog {
    padding-top: 100px;
    padding-bottom: 175px;
    background: #f0f5fb;
 }

 .blogimg {
    height: 600px;
    width: 100%;
    background-size: cover!important;
     background-position: center center!important;
    position: fixed;
    top: 0; left: 0;
    z-index: -1;
 }

.blogimg__overlay {
    height: 100%;
    background: linear-gradient( 120deg, #2d9bd6, transparent )
}
 
 .blog-details-area .section-details { margin-top: 200px;}


.blogimg:hover {
    filter: grayscale(.2);
}


 .blog-details-area h2 {
    margin: 100px 0;
 }

 .blog-details-area .parallax-view img {
    filter: grayscale(.1);
}

 .blog-details-area .section-details {
    padding-top: 80px;
    padding-bottom: 150px;
 }

 .blog-area-3 .section-header {
    margin-top: 0px;
    border-top: 0px solid var(--border);
    padding-top: 0px;
}

.blog_text {
    background: white;
    border-top: 0px solid #1aabcb
}

.blog p {
    font-size: 15px;
    line-height: 19px;
}

.blog_content .blog_article {
    text-align: center;
    width: 32.5%;
    box-sizing: border-box;
    padding: 35px 20px;
    color: black;
}

@media only screen and (max-width: 800px ) {
    .blog_content .blog_article { width: 100% }
    .section-title-wrapper .title-wrapper { width: 100%; }
    .section-title-wrapper .title-wrapper.br { border-right: 0px solid #cad3d9; }
    .section-title-wrapper .title-wrapper.bb { border-bottom: 0px solid #cad3d9; }
}

.blog_article_title, .blog_article_summary {
    text-align: left;
    padding: 25px;
}

.blog_article_summary {
    padding-top: 10px;
}
 
.blog_article_title {
    font-weight: bold; color: black; font-size: 1.3rem;
     border-bottom: 1px solid #f8fafb;
    padding-bottom: 10px; padding-top: 15px;
}

.blog_article:hover { cursor: pointer; }

.blog_article img {
    height: auto; width: 100%; margin-bottom: 1px;
    filter: grayscale(.6)
}

.blog_article:hover img {
    filter: grayscale(.1)
}

.fulltext .section-title { max-width: 100%!important; }

.contact-area-contact-page .section-title-wrapper {
    grid-template-columns: auto;
}

.contact-area-contact-page  {
    margin-bottom: 150px;
}

.contactus { display: flex; margin-top:50px  }
.contactus .sectionimage {
    width: 30%;
    background-size: cover;
    background-image: url("../bitinnov/warehouse.jpg");
}

.contactus .section-content-wrapper {
    width: calc( 70% - 100px ); 
    margin: 100px 50px;
}

.carrersimg {
    background-image: url("../bitinnov/warehouse3.jpg");
}

.carrersimg, .contactimg {
    /* box-shadow: -6px 4px 10px 4px #b3b3b3; */
    background-size: cover;
    background-position: center center;
    height: 500px;
}

/* .skew {
    transform: skewY(2deg); 
}  */

.numbers {
 
    background-image: url("../bitinnov/warehouse4.jpg");
 }

.numbers__container {
    text-align: center;
    display: flex; gap: 0%;
    background: #1212129c;
}

.numbers__container > div { width: 25%; padding: 100px }

.numbers__container .bg1 { background: #1275aa; }
.numbers__container .bg2 { background: #0c6696; }
.numbers__container .bg3 { background: #09537b; }
.numbers__container .bg4 { background: #083f5c; }

.numbers__container img { filter: grayscale(1) invert(0); margin-bottom: 20px; }

.numbersx h2 {
    background: -webkit-linear-gradient( 88deg, white, #ede5e5 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 2rem!important;
}

.numbers h2 {
    font-size: 2rem!important;
}

.numbers svg {
    color: white;
    padding: 20px;
    border-radius: 0px;
    margin-bottom: 35px;
    background: #0000001c !important;
     
}

 
 
#about .section-title-wrapper .title-wrapper:hover {
    background: #f1f5f9;
}

#about { padding-top: 75px }

.footer-area-inner-page .footer-widget-box .title {
    color: white !important;
    font-weight: bold;
    border-bottom: 1px solid #9baeb95e;
    width: fit-content;
    padding-bottom: 10px;
    margin-bottom: 20px;
}


 

.blog-details-area p.text { text-align: justify!important; }

.text.source {
    margin-top: 60px!important;
    width: fit-content!important;
}


.text.source span {
    padding: 10px!important;
    background: #c3cdd125!important;
    color: #636c70!important;
    width: fit-content!important;
}

.text.source span.s1 {
    background: #0b76a025!important;
}

.services-wrapper-1 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.services-wrapper-1 .service-box {
    border-top: 0px;
    border-bottom: 0 solid whitesmoke;
}

.services-wrapper-1 .service-box.last {
    border-top: 0px;
    border-bottom: 0;
}


.services-wrapper-1 .service-box {
    grid-template-columns: 1fr 600px;
}

 



@media only screen and (max-width: 1919px) {
    .about-area-4 .thumb {
        height: 150px;
    }

     .text {
        font-size: 24px;
    }
}


p.text.quote {
    font-weight: bold!important;
    font-size: 1.5rem!important;
    line-height:  2rem!important;
}

p.text.title {
    font-weight: bold!important;
    font-size: 2rem!important;
    line-height:  1.7rem!important;
    padding-left: 15px;
    border-left: 15px solid #14a3e6;
    margin-top: 45px!important;
    text-align: left!important;
}

p.text.title.sm {
    font-weight: bold!important;
    font-size: 1.7rem!important;
    line-height:  1.3rem!important;
    padding-left: 10px;
    border-left: 10px solid #a6c7d6;
    margin-top: 30px!important;
    text-align: left!important;
}

.h-400px { height: 400px }

.rr-btn, .radius {
    border-top-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
}


.services-wrapper-1 .service-box .thumb {
    margin-left: 50px;
    border-radius: 0!important;
}

.services-wrapper-1 .service-box .thumb img { border-radius: 0!important; }

@media only screen and (max-width: 800px) {
    .container { width: 90%; }
    .blogimg { height: 400px!important; }
    .blog-details-area .section-details {  margin-top: 150px!important; }
    p.text.title, p.text.quote { font-size: 1.5rem !important; line-height: 1.5rem !important; }

    .video-area { width: 100%; height: 500px; }
    .video-area .content { max-width: 80%; }
    
    .mt_20 { margin-top: 40px; }
    
    .services-wrapper-1 h3, .aboutus h2 { font-size: 1.5rem !important; }
    
    .section-title-wrapper .title-wrapper { padding: 30px 20px; }

    .h-400px { height: 200px }

    .numbers__container { padding: 0px; display: block; }
    .numbers__container > div { width: 100%; margin-bottom: 50px; }

    .carrersimg, .contactimg { height: fit-content; }
}
 

.body-startup-agency .rr-btn-underline .icon {
    width: 9px;
}