@font-face { font-family: 'Graphik'; src: url('../fonts/Graphik-Bold.woff2') format('woff2'), url('../fonts/Graphik-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Graphik'; src: url('../fonts/Graphik-Black.woff2') format('woff2'), url('../fonts/Graphik-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Graphik'; src: url('../fonts/../fonts/Graphik-Extralight.woff2') format('woff2'), url('../fonts/Graphik-Extralight.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: 'Graphik'; src: url('../fonts/Graphik-Light.woff2') format('woff2'), url('../fonts/Graphik-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Graphik'; src: url('../fonts/Graphik-Regular.woff2') format('woff2'), url('../fonts/Graphik-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Graphik'; src: url('../fonts/Graphik-Medium.woff2') format('woff2'), url('../fonts/Graphik-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Graphik Super'; src: url('../fonts/Graphik-Super.woff2') format('woff2'), url('../fonts/Graphik-Super.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Graphik'; src: url('../fonts/Graphik-Semibold.woff2') format('woff2'), url('../fonts/Graphik-Semibold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Graphik'; src: url('../fonts/Graphik-Thin.woff2') format('woff2'), url('../fonts/Graphik-Thin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'rockwellregular'; src: url('../fonts/rock-webfont.woff2') format('woff2'), url('../fonts/rock-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'rockwellbold'; src: url('../fonts/rockwell-bold-webfont.woff2') format('woff2'), url('../fonts/rockwell-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'monument_extendedregular'; src: url('../fonts/monumentextended-regular-webfont.woff2') format('woff2'), url('../fonts/monumentextended-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'monument_extendedultrabold'; src: url('../fonts/monumentextended-ultrabold-webfont.woff2') format('woff2'), url('../fonts/monumentextended-ultrabold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
body { font-family: "Graphik"; background: url(../images/bg.png) no-repeat; background-size: cover; }
.banner-area { padding: 100px 0px 70px; }
.banner-area h1 { font-size: 63px; font-weight: bolder; line-height: 80px; font-family: 'monument_extendedultrabold'; }
.banner-inner p { font-size: 32px; line-height: 44px; padding-top: 50px }
.banner-inner { max-width: 782px; margin: 0 auto; }
.white-bg { background: #fff; border-radius: 20px; box-shadow: 0px 0px 10px #ddd; padding: 50px; max-width: 1080px; margin: 0 auto; }
.py-50 { padding: 50px 0px }
.pt-50 { padding-top: 50px }
.pb-50 { padding-bottom: 50px }
.pt-0 { padding-top: 0px }
.important-stuff p { font-size: 27px }
.heading { font-weight: 600; font-size: 45px; padding-bottom: 50px; text-align: center; }
.carrer p { margin-top: 50px; font-size: 22px; font-weight: 600; }
.factors p { font-size: 24px; margin-bottom: 5px; margin-top: 15px }
.factors  ul li { font-size: 24px }
.factors strong { font-size: 26px; color: #cb4b87; font-weight: 700; }
.description { text-align: center; font-size: 27px; font-weight: 600; padding-bottom: 50px; }
.top-challanges ul, .top-challanges p { font-size: 24px }
.factors h3 { font-weight: 600; }
.bonus-inner { background: url(../images/people-thought-about-ai.svg); height: 100%; min-height: 543px; background-size: contain; background-repeat: no-repeat; }
.bonus-inner { font-size: 21px; line-height: 36px }
.bonus-inner strong { color: #cb4b87 }
footer { background: #000; 
    /* padding: 30px 0px */
 }
.url {float: right;
    text-decoration: none;
    font-size: 13px;
    text-align: right;
    font-weight: 400;
    opacity: 0.7; }
.logo { filter: brightness(0) invert(1); max-width: 200px; }
.bonus-inner .row { position: relative; top: 110px; }
.data .col-lg-4:nth-child(2) {border-left: 2px solid rgba(255,255,255,0.6);border-right: 2px solid rgba(255,255,255,0.6)}
.data-col h4{font-weight: 600;margin-bottom: 40px}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0;}
.custom-btn{background: #cb4b87;border: 1px solid #cb4b87;}
.custom-btn:hover{background: #a32f65;border: 1px solid #cb4b87;}

.form-floating>label{left: 15px}
.form-blk .heading{font-size: 36px}
.bonus-text p{font-size: 24px}
.bonus-text strong{font-size: 20px;color: #cb4b87}
.desktop{display: block;}
.mobile{display: none;}
@media(max-width:1024px){
    .bonus-inner .row{top: 0}
}

@media(max-width:992px){
    .banner-area h1{font-size: 48px;    line-height: 50px;}
    .heading{font-size: 32px}
    .important-stuff p {   font-size: 20px;}
    .factors p{font-size: 20px}
    .factors ul li{font-size: 20px}
    .top-challanges ul, .top-challanges p {  font-size: 20px;}
    .description{font-size: 18px}
    .bonus-inner .row {  position: relative;    top: -22px;}
    .bonus-inner{    min-height: 365px;}
    .data .data-col h4{font-size: 18px}
}

@media(max-width:576px){
    .banner-area h1{font-size: 36px;line-height: 42px}
    .banner-area h1 br{display: none;}
    .banner-area {   padding: 50px 0px 50px;}
    .banner-inner p{font-size: 20px;line-height: 30px;padding-top: 20px;margin-bottom: 0px}
    .white-bg{padding: 30px}
    .heading{font-size: 26px}
    .important-stuff .description{padding-bottom: 20px;margin-top: 10px}
    .important-stuff p{font-size: 18px;margin-top: 20px}
    .carrer p {font-size: 16px}
    .factors p{    font-size: 20px;font-weight: 600}
    .factors ul li{ font-size: 18px;}
    .factors strong{font-size: 20px}
    .top-challanges ul, .top-challanges p {    font-size: 18px;}
    .description{font-size: 18px}
    .description br{display: none;}
    .heading br{display: none;}
    .bonus-inner .row {   position: relative;    top: 240px;}
    .data-col h4{margin-bottom: 20px;margin-top: 50px}
    .data .heading{margin-bottom: 0px;padding-bottom: 0px}
    .data.mb-5{margin-bottom: 0px!important}
    /*footer a{text-align: center;display: block;}*/
    .url{float: none;text-align: center;margin-top: 20px}
    footer{
        /* padding: 30px 0px; */
    }
    .bonus-inner {
    min-height: 470px;
}
.data .col-lg-4:nth-child(2){border: 0px}
.carrer .heading{padding-bottom: 20px}
.factors  .heading{padding-bottom: 20px}
.top-challanges .description{padding-bottom: 20px}
.words .description{padding-bottom: 20px;margin-bottom: 0px}
.bonus .description{padding-bottom: 20px}
.form-blk .heading{font-size: 26px}
.form-blk .description{padding-bottom: 20px}
.desktop{display: none;}
.mobile{display: block;}
.factors .col-lg-12.pt-50{padding-top: 10px}
.top-challanges .content.pt-50{padding-top: 20px}
.bonus-text p {
    font-size: 18px;
}
}

@media(max-width:320px){
    .captach{    position: relative;
    left: 50%;
    transform: translateX(-60%)scale(0.7);}
}