/*
-------------------------------------------------
  Theme Name: BYTE Intelligent Template
  Theme URL:
  Author: BYTE
  Creation Date: 7-11-2024
  Description:A default style sheet for BYTE Intelligent
  Version: 1.00


  ---------------------------------------------------
  Developed By: BYTE Intelligent
  Developer URL: amitpaultl@gmail.com
  Developer: Amit Paul

  ---------------------------------------------------

  --------------------------------------------------
  Table of Contents
  --------------------------------------------------
  1. Theme Color
  2. General Style Start
  3. Typography area start
  4. button area start
  5. menu  area start
  6. service area start
  7. about area start
  8. main service area start
  9. products area start
  10. Our Expertise  area start
  11. reviews  area start
  12. control  area start
  13. about page  area start
  14. details page  area start
  15. contact page  area start
  16. Application form part 1 from-page  area start
  17. developer from page  area end
  18. job-circular from page  area start
  19. footer  area start
  27. Responsive CSS

------------------------------------------------ */

/*--------------------------------
1 Theme Color
-----------------------------------*/
:root {
    --Primary-Blue: #188BFE;
    --Secondary-Green:#88C800;
    --Title-Black: #050A14;
    --Paragraph: #697C8F;
    --White: #fff;
    --Grey-2: #2D3D50;
    --Tile-gradient: linear-gradient(322deg, #0B2049 1.82%, #080F1D 97.17%);
    --Primary-Gradient: linear-gradient(180deg, #188BFE 0%, #035AB0 100%);
    --body-font-family:  "Roboto", sans-serif;
}



/*-----------------------------------------------
    2. General Style Start
-------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

body,
html {
    height: 100%;
    margin: 0;
}

body {
    background: var(--Title-Black) none repeat scroll;
    font-size: 18px;
    font-weight: normal;
    font-family: var(--body-font-family);
    color: var(--Paragraph);
    overflow-x: hidden;
    scroll-behavior: smooth;
}

ul{
    padding: 0;
}

li{
    list-style: none;
    padding: 0;
    margin: 0;
}

a{
    text-decoration: none;
    color: var(--White);
}

a:hover{
    text-decoration: none;
}

h1,h2,h3,h4,h5,h6{
    margin: 0;
}

p{
    color: var(--Paragraph);
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0.27px;
    margin: 0;

}


/*-------------------------------------------
    3.Typography area start
-------------------------------------------*/

/* color text */

.bia-white{
    color: var(--White);
}

.paragraph{
    color: var(--Paragraph);
}

.bia-secondary{
    color: var(--Secondary-Green);
}

.primary{
    color: var(--Primary-Blue);
}
/* font family */

.bit-fi-lato{
    font-family: "Lato", serif;
}

.bit-fi-montserrat{
    font-family: "Montserrat", serif;
}

.bit-fi-poppins{
    font-family: "Poppins", serif;

}

.bit-fi-roboto{
    font-family: "Roboto", serif;

}

/* hover text */

.secondary{
    transition: .3;
}

.secondary:hover{
    color: var(--Secondary-Green);
}

/* font size  */

.bia-fs-60{
    font-size: 60px;
    font-weight: 600;
    line-height: 105px;
    letter-spacing: 1.8px;
    font-family: "Baloo 2", serif;
}

.bia-fs-48{
    font-size: 48px;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: .96px;
}

.bia-fs-40{
    font-size: 40px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: 2.3px;
}

.bia-fs-24{
    font-size: 24px;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: 0.48px;
}

.bia-fs-18{
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0.27px;
}


/* font weight  */

.bia-fw-300{
    font-weight: 300;
}

.bia-fw-400{
    font-weight: 400;
}

.bia-fw-500{
    font-weight: 500;
}

.bia-fw-600{
    font-weight: 600;
}

.bia-fw-700{
    font-weight: 700;
}

.bia-fw-800{
    font-weight: 800;
}

.bia-fw-900{
    font-weight: 900;
}


/* margin area start */

.bia-mb-30{
    margin-bottom: 30px;
}

.bia-mb-80{
    margin-bottom: 80px;
}
.bia-mb-50{
    margin-bottom: 50px;
}

.bia-mb-20{
    margin-bottom: 20px;
}

.bia-mb-10{
    margin-bottom: 10px;
}
.bia-mt-10{
    margin-top: 10px;
}

.bia-mb-15{
    margin-bottom: 15px;
}

.bia-mb-5{
    margin-bottom: 5px;
}
/* padding area start */

.section-padding{
    padding: 75px 0;
}

.section-padding-top-150{
    padding-top: 150px;
}
.section-padding-top-180{
    padding-top: 180px;
}
.section-padding-bottom-180{
    padding-bottom: 180px;
}

.section-padding-bottom-150{
    padding-bottom: 150px;
}

.section-padding-top{
    padding-top: 75px;
}

.section-padding-bottom{
    padding-bottom: 75px;
}

.bia-px-18{
    padding-left: 18px;
    padding-right: 18px;
}

.bia-py-14{
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

.bia-pt-30{
    padding-top: 30px;
}

.bia-pb-100{
    padding-bottom: 100px;
}

/* border */



/* gab */

.bia-gab-10{
    gap: 10px;
}

/*  */
.cursor-pointer{
    cursor: pointer;
}

.text-justify{
    text-align: justify !important;
}


/*-------------------------------------------
    3.Typography area end
-------------------------------------------*/

/*-------------------------------------------
    4.button area start
-------------------------------------------*/

.bia-btn-theme{
    position: relative;
    padding: 15px 20px;
    z-index: 1;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0.324px;
    border-radius: 13px;
    display: inline-block;
    font-family: "Lato", sans-serif;
    border: none;
    transition: .4s;
    background: var(--Primary-Gradient);
    border: 1px solid var(--Primary-Blue);
    color: var(--White);
    text-align: center;
    transition: .3s;
}

.bia-btn-theme:hover{
    background: transparent;
    border: 1px solid var(--White);
}

.bia-btn-border-btn{
    position: relative;
    padding: 15px 20px;
    z-index: 1;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0.324px;
    border-radius: 13px;
    display: inline-block;
    font-family: "Lato", sans-serif;
    border: none;
    transition: .4s;
    background: transparent;
    color: var(--White);
    text-align: center;
    border: 1px solid var(--White);
    transition: .3s;
}

.bia-btn-border-btn:hover{
    background: var(--Primary-Gradient);
    border-color: var(--Primary-Blue);

}




/*-------------------------------------------
    4.button area end
-------------------------------------------*/

/*-------------------------------------------
    5.menu  area start
-------------------------------------------*/

.bia-slider-area-start {
    padding-top: 284px;
    padding-bottom: 115px;
}

.bia-menu li a {
    font-size: 18px;
    font-family: Lato;
    color: var(--White);
    display: inline-block;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0.324px;
    margin-left: 30px;
    padding: 15px 0;
}

.bia-logo img {
    max-width: 173px;
    width: 100%;
    height: auto;
}

.bia-menu li a.nav-link.active {
    color: var(--Secondary-Green);
}
.bia-menu li a:hover {
    color: var(--Secondary-Green);
}

.bia-menu-area {
    padding: 20px 0;
    transition: .2s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999 !important;
    border-bottom: 2px solid rgba(255, 255, 255, 0.20);

}

.bia-fixed{
    background: var(--Title-Black);
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 99999;

}

/* banner img */

.bia-header-area{
    background-image: url(../images/banner-bg-1.png);
    background-position: center top;
    background-size: 1100px;
    position: relative;
    z-index: 999;
    background-repeat: no-repeat;
}

.bia-header-area::after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-image: url('../images/bg-hero.png');
    z-index: -1;
    background-repeat: no-repeat;
}

.menu-icon-w {
    width: 50px;
    height: 50px;
    object-fit: contain;
    border-radius: 15px;
}

.bia-banner-area img {
    width: 600px;
    height: auto;
    object-fit: cover;
}

/*-------------------------------------------
    5.menu area end
-------------------------------------------*/

/*-------------------------------------------
    6.service area start
-------------------------------------------*/

.bia-shape-bg{
    background-image: url('../images/bg\ shape.svg');
    background-position: center top;
    background-size: 1000px 600px;
    background-repeat: no-repeat;
}

.bia-bg-area {
    border-radius: 20px;
    border: 2px solid rgba(23, 136, 249, 0.10);
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 26px 50px 50px 50px;
    background-image: url("../images/service.png");
    background-position: center;
    background-size: cover;
}

.bia-single-service {
    text-align: center;
    position: relative;
    overflow: hidden;
    padding-top: 24px;
}

.line-4{
    display: none;
}

.bia-line {
    position: absolute;
    top: 50%;
    right: -50%;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, transparent 50%, var(--Primary-Blue) 50%);
    background-size: 21px 100%;
    transform: rotate(90deg);
    margin-bottom: 24px;
}

.bia-end-plus, .bia-end-k{
    position: relative;
}


.bia-end-plus:after {
    content: "+";
    display: inline-block;
  }


  .bia-end-k:after {
    content: "k";
    display: inline-block;
  }

/*-------------------------------------------
    6.service area end
-------------------------------------------*/


/*-------------------------------------------
    7.about area start
-------------------------------------------*/

.about-img-bia {
    max-width: 453px;
    height: 453px;
    object-fit: cover;
    width: 100%;
    border-radius: 20px;
    margin-bottom: 45px;
}

.bia-image-area {
    z-index: 1;
    overflow: hidden;
    max-width: 498px;
    border-radius: 20px;
    width: 100%;

}

.bia-image-area:after {
    position: absolute;
    top: 45px;
    right: 0;
    width: 453px;
    height: 453px;
    border-radius: 20px;
    content: '';
    border: 2px solid var(--Secondary-Green);
    z-index: -1;
}

.bia-overlay {
    padding-top: 90px;
    position: absolute;
    z-index: 4;
    width: 342px;
    border-radius: 342px;
    background: rgba(136, 200, 0, 0.80);
    height: 342px;
    right: -44px;
    bottom: -78px;
    padding-left: 37px;
    padding-right: 39px;
}



/*-------------------------------------------
    7.about area end
-------------------------------------------*/

/*-------------------------------------------
    8.main service area start
-------------------------------------------*/

.bia-main-single-service {
    text-align: center;
    border-radius: 20px;
    border: 1px solid rgba(23, 136, 249, 0.07);
    background: var(--Tile-gradient);
    padding: 30px;
    margin-bottom: 24px;
    transition: .3s;
}

.bia-main-service-title  {
    min-height: 80px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.bia-main-single-service:hover {
    border: 1px solid var(--Primary-Blue);
    background: linear-gradient(322deg, #0B2049 1.82%, #080F1D 97.17%);
    box-shadow: 0px 5px 40px 0px rgba(72, 163, 255, 0.25);
}

/*-------------------------------------------
    8.main service area end
-------------------------------------------*/

/*-------------------------------------------
    9.products area start
-------------------------------------------*/

.bia-products-shape-bg{
    background-image: url('../images/Subtract-bg.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 1001px 900px;


}

.bia-overlay-products{
    border-radius: 20px;
    border: 2px solid rgba(23, 136, 249, 0.10);
    background: rgba(255, 255, 255, 0.02);
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 50px 38px 26px 38px;
}

.bia-single-products {
    position: relative;
    border-radius: 20px;
    height: 300px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 24px;
    transition: .4s;
    border: 1px solid transparent;
}


.bia-info {
    border-radius: 0px 0px 20px 20px;
    background: rgba(5, 10, 20, 0.82);
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 15px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: flex-end;
    padding-right: 85px;
}

.bia-arrow-icon {
    border-radius: 50%;
    border: 1px solid rgba(23, 136, 249, 0.07);
    background: linear-gradient(222deg, rgba(255, 255, 255, 0.01) 11.91%, rgba(255, 255, 255, 0.05) 87.82%);
    padding: 15px;
    transition: .4s;
}

.bia-products-img {
    height: 100%;
}

.bia-products-img img {
    width: 100%;
    border-radius: 20px;
    height: 100%;
    object-fit: cover;
}

.bia-products-arrow {
    background: var(--Title-Black);
    border-radius: 50%;
    border: 1px solid rgba(23, 136, 249, 0.07);
    padding: 12px;
    position: absolute;
    right: -8px;
    bottom: -8px;

}

.bia-single-products:hover .bia-arrow-icon {
    transform: rotate(45deg);
    border-color: var(--Primary-Blue);
}

.bia-single-products:hover .bia-arrow-icon svg path {
    fill: var(--Primary-Blue);
}

/*-------------------------------------------
    9.products area end
-------------------------------------------*/

/*-------------------------------------------
    10.Our Expertise  area start
-------------------------------------------*/

.bia-expertise-box {
    text-align: center;
    padding: 30px;
    border-radius: 20px;
    border: 1px solid rgba(23, 136, 249, 0.07);
    background: linear-gradient(328deg, #071227 1.61%, #060E1D 35.58%, #050A14 92.62%);
    margin-bottom: 24px;
    transition: .3s;
}

.bia-expertise-box:hover{
    border: 1px solid var(--Primary-Blue);
    background:  linear-gradient(322deg, #0B2049 1.82%, #080F1D 97.17%);
    box-shadow: 0px 8px 20px 0px rgba(22, 133, 246, 0.20);
}

.expertise-w-img{
    width: 97px;
    height: 108px;
}

/*-------------------------------------------
    10.Our Expertise  area end
-------------------------------------------*/

/*-------------------------------------------
    11.reviews  area start
-------------------------------------------*/

.reviews-area{
    background-image: url('../images/bg.png');
    background-position: left center;
    background-repeat: no-repeat;
    padding: 150px 0;
    background-size: contain;
}

.bia-reviews-card {
    padding: 30px;
    border-radius: 20px;
    border: 2px solid rgba(23, 136, 249, 0.10);
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08);
    display: flex;
    gap: 30px;
    align-items: center;

}

.bia-slick-slider .col-lg-6{
    margin: 0 12px;
}

.reviews-start {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.bia-reviews-img img {
    border-radius: 20px;
    max-width: 213px;
    height: 230px;
    object-fit: cover;
}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 40%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 9999;
    margin-top: -40px;
}

.slick-next {
    right: -60px;
}

.slick-prev {
    left: -110px;
}

.slick-dots li button {
    font-size: 0px;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    color: transparent;
    padding: 5px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    outline: none;
    background: transparent;
    position: relative;
}

.slick-dots {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    gap: 15px;
}

.slick-prev:before {
    position: absolute;
    left: 0;
    background-image: url("../images/icon/arrow.svg");
    width: 70px;
    height: 70px;
    content: '';
    z-index: 9999;
    background-size: contain;
    background-position: center;

}

.slick-next::before{
    position: absolute;
    left: 0;
    background-image: url("../images/icon/arrrow-right.svg");
    width: 70px;
    height: 70px;
    content: '';
    z-index: 9999;
    background-size: contain;
    background-position: center;
}

.slick-dots li button::before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 14px;
    height: 14px;
    content: "•";
    text-align: center;
    background: rgba(23, 136, 249, 0.10);
    -webkit-font-smoothing: antialiased;
    border-radius: 50%;
    border: 2px solid transparent;
}

.slick-dots li.slick-active button::before {
    border: 2px solid var(--Primary-Blue);
    background: var(--Primary-Blue);
}

/*-------------------------------------------
    11.reviews  area end
-------------------------------------------*/

/*-------------------------------------------
    12.control  area start
-------------------------------------------*/

.bia-from-card {
    margin-bottom: 20px;
}

.bia-form-control {
    width: 100%;
    padding: 15px 20px;
    background: transparent;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0.324px;
    color: var(--Grey-2);
    border-radius: 7px;
    border: 1px solid var(--Grey-2);
}

.bia-form-control:focus {
    border: 1px solid var(--Primary-Blue);
}

.bia-form-control::placeholder{
    color: var(--Grey-2);
}

/*-------------------------------------------
    12.control  area end
-------------------------------------------*/


/*-------------------------------------------
    13.about page  area start
-------------------------------------------*/

/*.bg-image-title{*/
/*    background-image: url('../images/working\ 1.png');*/
/*}*/

.bia-banner-inner-page{

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
    position: relative;
    padding-top: 217px;
    padding-bottom: 87px;
}

.bia-banner-inner-page::after{
    background-image: url('../images/Subtract.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1300px;
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    content: ' ';
    top: 0;

}

.bg-color-title::before{
    background: var(--Tile-gradient);
    z-index: -1;
    position: absolute;
    width: 100%;
    opacity: 0.85;
    height: 100%;
    left: 0;
    content: ' ';
    top: 0;

}

.bia-stroy {
    margin-left: auto;
    text-align: end;
}

.bia-stroy::after{
    left: 0;
    right: auto;
}

.bia-stroy-overlay {
    left: -44px;
    right: auto;
    text-align: left;
    padding-left: 86px;
    padding-right: 0;
}

.team-img {
    border-radius: 20px;
    height: 270px;
    max-width: 100%;
    width: 270px;
    object-fit: cover;
}
.bit-single-team {
    border-radius: 20px;
    border: 1px solid rgba(23, 136, 249, 0.07);
    background: linear-gradient(328deg, #071227 1.61%, #060E1D 35.58%, #050A14 92.62%);
    padding: 30px;
    transition: .3s;
    margin-bottom: 24px;
}

.bit-single-team:hover{
    border: 1px solid var(--Primary-Blue);
    background:  linear-gradient(322deg, #0B2049 1.82%, #080F1D 97.17%);
    box-shadow: 0px 8px 20px 0px rgba(22, 133, 246, 0.20);
}

.main-bg-area{
    background-image: url('../images/Subtract-bg.png');
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 650px;
}

.bia-social-icon {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 30px;
}

.bia-social-icon i {
    font-size: 26px;
    color: var(--Grey-2);
    transition: .3s;
}

.bia-social-icon i:hover {
    color: var(--White);
}

/*-------------------------------------------
    13.about page  area end
-------------------------------------------*/

/*-------------------------------------------
    14.details page  area start
-------------------------------------------*/

.bia-details-img img {
    width: 100%;
    border-radius: 20px;
}

.bit-card-product {
    border-radius: 20px;
    border: 2px solid rgba(23, 136, 249, 0.07);
    background: linear-gradient(328deg, #071227 1.61%, #060E1D 35.58%, #050A14 92.62%);
    padding: 30px;
    margin-bottom: 20px;
    transition: .3s;
}

.bit-card-product:hover{
    background: linear-gradient(322deg, #0B2049 1.82%, #080F1D 97.17%);
    box-shadow: 0px 8px 20px 0px rgba(22, 133, 246, 0.20);
}

.box-text-bia {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.05);
    padding: 0px 10px;
}

.service-banner img {
    width: 100%;
    height: 400px;
    border-radius: 5px;
    object-fit: cover;
}

/*-------------------------------------------
    14.details page  area end
-------------------------------------------*/

/*-------------------------------------------
    15.contact page  area start
-------------------------------------------*/

.main-left-bg-area{
    background-image: url(../images/Subtract-left.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 900px 1100px;
    position: relative;
    z-index: 3;
}

.bia-map-bg{
    background-image: url(../images/map.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 900px 650px;
}

.bg-image-title-contact{
    background-image: url('../images/contact-bg.png');
}

.bia-contact-from-box {
    border-radius: 20px;
    border: 2px solid rgba(23, 136, 249, 0.10);
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 30px;
}

.bia-contact-from {
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0.324px;
    width: 100%;
    border-radius: 7px;
    border: 1px solid var(--Grey-2);
    background: transparent;
    padding: 10px 20px;
    color:  var(--Grey-2);
}

.bia-contact-from:focus{
    border: 1px solid var(--Primary-Blue);
    background: #080F1E;
    box-shadow: 0px 5px 15px 0px rgba(72, 163, 255, 0.15);
}

.bia-contact-from::placeholder{
    color:  var(--Grey-2);
}

.bd-bit-contact {
    border-radius: 20px;
    border: 2px solid rgba(23, 136, 249, 0.10);
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 50px;
}

.bia-manually-wrapper {
    display: flex;
    gap: 30px;
    position: relative;
    overflow: hidden;
}

.line-bg-border {
    position: absolute;
    top: 50%;
    right: -50%;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, transparent 50%, var(--Primary-Blue) 50%);
    background-size: 21px 100%;
    transform: rotate(90deg);
}


.wrapper-ml {
    margin-left: 40px;
}

/*-------------------------------------------
    15.contact page  area end
-------------------------------------------*/

/*-------------------------------------------
    16.Application form part 1 from-page  area start
-------------------------------------------*/

.bg-image-title-application{
    background-image: url('../images/contact-from.png');
}

.bia-card-box-bg {
    border-radius: 20px;
    border: 1px solid var(--Primary-Blue);
    background:  linear-gradient(322deg, #0B2049 1.82%, #080F1D 97.17%);
    padding: 60px;
}

/*-------------------------------------------
    16.Application form part 1 from page  area end
-------------------------------------------*/

/*-------------------------------------------
    17.developer from page  area end
-------------------------------------------*/

.bg-image-title-developer{
    background-image: url('../images/Developer-bg.png');
}

/*-------------------------------------------
    17.developer page  area end
-------------------------------------------*/

/*-------------------------------------------
    18.job-circular from page  area start
-------------------------------------------*/

.job-circular-bg{
    background-image: url('../images/job-circular-bg.png');
}

.bia-circular-card {
    border-radius: 20px;
    border: 1px solid rgba(23, 136, 249, 0.10);
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 30px;
    display: flex;
    gap: 30px;
    transition: 0.3s;
    margin-bottom: 24px;
}

.bia-circular-card:hover{
    border: 1px solid var(--Primary-Blue);
    background:  linear-gradient(322deg, #0B2049 1.82%, #080F1D 97.17%);
    box-shadow: 0px 8px 20px 0px rgba(22, 133, 246, 0.20);
}

.circular-bia-img {
    max-width: 271px;
    width: 100%;
    height: 310px;
    border-radius: 20px;
    object-fit: cover;
}

.bia-btn-page.active {
    background: var(--Primary-Gradient);
}

.bia-btn-page:hover {
    background: var(--Primary-Gradient);
}

.bia-btn-page {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: transparent;
    color: var(--White);
    border: 1px solid var(--Primary-Blue);
}

/*-------------------------------------------
    18.job-circular page  area end
-------------------------------------------*/

/*-------------------------------------------
    19.footer  area start
-------------------------------------------*/

.footer-bg{
    background-image: url('../images/footer-bg-1.png');
    background-position: center;
    background-size: cover;
    border-top: 2px solid rgba(23, 136, 249, 0.10);
    ;
}

.bia-social-account a {
    font-size: 20px;
    display: flex;
    border: 1px solid var(--White);
    align-items: center;
    padding: 10px;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    justify-content: center;
    transition: 0.3s;
}

.bia-social-account {
    display: flex;
    gap: 20px;
}

.bia-copy-right {
    border: 2px solid rgba(23, 136, 249, 0.10);
    padding: 30px 0;
}

.bia-social-account a:hover {
    color: var(--Primary-Blue);
    border-color: var(--Primary-Blue);
}

/*-------------------------------------------
    19.footer  area end
-------------------------------------------*/