/*Hero*/
.databricks-page .hero{ background: var(--black); color: var(--white); max-height: 900px; min-height: 900px; }
.databricks-page .hero .content{ display: flex; justify-content: space-between; z-index: 10; overflow: hidden; }
.databricks-page .hero .content:before{ content: ""; width: 900px; height: 900px; background: url("../jpg/hero-2.jpg"); background-size: cover; position: absolute; top: 0; left: 50%; margin-left: -100px; }
.databricks-page .hero .text{ max-width: 800px; position: relative; z-index: 200; padding: 100px 0; }
.databricks-page .hero .text .databricks-logo{ width: 160px; margin-bottom: 20px; }
.databricks-page .hero .text .databricks-logo img{ width: 100%; }
.databricks-page .hero .text .title{ margin-bottom: 40px; letter-spacing: -1px; line-height: 1.2; font-size: 48px; font-weight: 700; }
.databricks-page .hero .text .title span{ display: block; }
.databricks-page .hero .text .description{ line-height: 1.6; font-weight: 300; margin-bottom: 40px; font-size: 16px; max-width: 550px; }
.databricks-page .hero .text .description strong{ font-weight: bold; }
.databricks-page .hero .text .description a{ color: var(--white); text-decoration: underline; }
.databricks-page .hero .text .description a:hover{ text-decoration: none; }

.databricks-page .hero .iso{ width: 1000px; height: 1000px; background: url("../svg/iso.svg"); background-size: 100% 100%; position: absolute; top: -50px; left: 50%; margin-left: -1230px; opacity: .3; z-index: 10; }
.databricks-page .hero .dots{ width: 1000px; height: 1000px; background: url("../svg/dots.svg"); background-size: 1000px 1000px; position: absolute; bottom: -330px; left: 50%; margin-left: -1100px; opacity: .1; }
.databricks-page .hero .dots.active{ opacity: .1; }

/* Databricks Partner */
.databricks-page .databricks-partner{ background: var(--black); color: var(--white); padding: 160px 0 200px; }
.databricks-page .databricks-partner .content{ display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; max-width: 900px; }
.databricks-page .databricks-partner .content .text{ padding-left: 120px; }
.databricks-page .databricks-partner .content .text h2{ letter-spacing: -1px; font-size: 46px; margin-bottom: 10px; }
.databricks-page .databricks-partner .content .text p{ line-height: 1.5; font-weight: 300; font-size: 16px; }
.databricks-page .databricks-partner .content .text .button{ margin-top: 20px; }
.databricks-page .databricks-partner .content figure{ max-width: 180px; }
.databricks-page .databricks-partner .content figure img{ width: 100%; }

/* Our work in action */
.databricks-page .our-work{ background: #f7f9fc; padding: 120px 0; border-radius: 40px; margin-top: -40px; font-size: 16px; line-height: 1.4; font-weight: 300; z-index: 20; }

.databricks-page .our-work .top{ display: flex; justify-content: space-between; align-items: center; }
.databricks-page .our-work .top .left{ max-width: 550px; font-size: 18px; font-weight: 500; }
.databricks-page .our-work .top .left p{ font-size: 14px; text-transform: uppercase; margin-bottom: 10px; }
.databricks-page .our-work .top .left h2{ font-weight: 800; margin-bottom: 20px; font-size: 42px; line-height: 1.2; letter-spacing: -1px; }
.databricks-page .our-work .top .left h2 span{ display: block; }
.databricks-page .our-work .top .right{ max-width: 480px; }
.databricks-page .our-work .top .right p{ font-size: 15px; }

.databricks-page .our-work .main-image{ max-width: 1000px; position: relative; margin: 60px auto; }
.databricks-page .our-work .main-image img{ width: 100%; }

.databricks-page .our-work .bottom{ display: flex; flex-direction: column; justify-content: space-between; margin: 70px auto 0; width: 100%; max-width: 1024px; }
.databricks-page .our-work .bottom .pill{ background: var(--black); color: var(--white); text-transform: uppercase; font-size: 17px; font-weight: 500; border-radius: 15px; padding: 10px; width: 100%; text-align: center; margin-bottom: 40px; }
.databricks-page .our-work .bottom ul{ display: flex; justify-content: space-between; align-items: center; }
.databricks-page .our-work .bottom ul li{ display: flex; align-items: center; width: 30%; }
.databricks-page .our-work .bottom ul li figure{ min-width: 50px; width: 50px; }
.databricks-page .our-work .bottom ul li figure img{ width: 100%; }
.databricks-page .our-work .bottom ul li p{ font-size: 15px; padding-left: 20px; }
.databricks-page .our-work .bottom ul li p strong{ font-weight: bold; display: block; }

    .databricks-page .our-work .bottom ul li.losses figure{}
    .databricks-page .our-work .bottom ul li.shield figure{ width: 40px; min-width: 40px; }
    .databricks-page .our-work .bottom ul li.security figure{}

/*Services Boxes List*/
.databricks-page .services-timeline{ padding: 160px 0 110px; margin-top: -40px; position: relative; z-index: 10; background: var(--black); color: var(--white); }
.databricks-page .services-timeline .content{ position: relative; }

.databricks-page .services-timeline .head{ text-align: center; margin: 0 auto 120px; max-width: 600px; }
.databricks-page .services-timeline .head .section-title{ letter-spacing: -1px; font-size: 38px; margin-bottom: 20px; font-weight: 500; }

.databricks-page .services-timeline .timeline{}
.databricks-page .services-timeline .timeline .section-title{ font-size: 48px; font-weight: 300; text-align: center; padding: 120px 0 30px; letter-spacing: -1px; margin-bottom: 80px; }
.databricks-page .services-timeline .timeline ul{ position: relative; padding: 60px 0 30px; }
.databricks-page .services-timeline .timeline ul li{ display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; margin-bottom: 160px; position: relative; }
.databricks-page .services-timeline .timeline ul li .main-image{ width: 470px; height: 450px; overflow: hidden; border-radius: 20px; line-height: 0; }
.databricks-page .services-timeline .timeline ul li .main-image img{ width: 100%; height: 100%; object-fit: cover; }
.databricks-page .services-timeline .timeline ul li .text{ width: 490px; }
.databricks-page .services-timeline .timeline ul li .text h2{ color: var(--white); margin-bottom: 30px; font-weight: 600; font-size: 28px; line-height: 1.2; position: relative; }
.databricks-page .services-timeline .timeline ul li .text h3{ color: var(--white); font-weight: 500; font-size: 20px; line-height: 1.2; position: relative; margin-bottom: 5px; }
.databricks-page .services-timeline .timeline ul li .text p{ color: #C4C4C4; font-size: 15px; line-height: 1.7; font-weight: 300; padding-right: 40px; margin-bottom: 20px; }

.databricks-page .services-timeline .timeline ul li:nth-child(2n){ flex-direction: row; }

.databricks-page .services-timeline .timeline ul:before{ content: ""; display: block; width: 1px; background: #565656; height: 100%; position: absolute; left: 50%; top: 0; }
.databricks-page .services-timeline .timeline ul:after{ content: ""; display: block; width: 7px; border: 1px solid #565656; height: 7px; position: absolute; left: 50%; top: -6px; border-radius: 100%; z-index: 10; margin-left: -3px; }

.databricks-page .services-timeline .timeline ul li .text h2:before{ content: ""; display: block; width: 80px; background: #565656; height: 1px; position: absolute; right: -100px; top: 16px; }
.databricks-page .services-timeline .timeline ul li .text h2:after{ content: ""; display: block; width: 7px; border: 1px solid #565656; height: 7px; position: absolute; right: 0; top: 13px; border-radius: 100%; margin-right: -21px; z-index: 10; background: var(--black); }

.databricks-page .services-timeline .timeline ul li:nth-child(2n) .text h2:before{ content: ""; display: block; width: 80px; background: #565656; height: 1px; position: absolute; left: -100px; right: auto; top: 17px; }
.databricks-page .services-timeline .timeline ul li:nth-child(2n) .text h2:after{ content: ""; display: block; width: 7px; border: 1px solid #565656; height: 7px; position: absolute; right: auto; left: -20px; top: 14px; border-radius: 100%; z-index: 10; }

/* Highlights */
.databricks-page .highlights{ background: var(--black); color: var(--white); border-radius: 0 0 40px 40px; padding: 140px 0 150px; margin-top: -40px; position: relative; overflow: hidden; }
.databricks-page .highlights:before{ content: ""; background: url("../svg/shape-2.svg"); background-repeat: no-repeat; background-size: 757px 1115px; width: 757px; display: block; height: 1115px; position: absolute; top: -450px; left: 50%; margin-left: -890px; opacity: .1; }
.databricks-page .highlights .content{ max-width: 1180px; }
.databricks-page .highlights .head{ text-align: center; margin: 0 auto 50px; max-width: 600px; }
.databricks-page .highlights .head .section-title{ letter-spacing: -1px; font-size: 38px; margin-bottom: 20px; font-weight: 500; }
.databricks-page .highlights .head .section-title span{ display: block; }
.databricks-page .highlights .head .description{ font-size: 16px; line-height: 1.6; }

.databricks-page .highlights .solutions-list{ display: flex; flex-wrap: wrap; justify-content: stretch; }
.databricks-page .highlights .solutions-list li{ padding: 20px; width: 50%; }
.databricks-page .highlights .solutions-list li .box-content{ height: 100%; padding: 50px 50px 60px; border-radius: 20px; transition: var(--transition); }
.databricks-page .highlights .solutions-list li .box-content i{ font-size: 42px; margin-bottom: 20px; display: block; height: 50px; position: relative; }
.databricks-page .highlights .solutions-list li .box-content i:before{ margin: 0; padding: 0; }
.databricks-page .highlights .solutions-list li .box-content .title{ font-size: 24px; font-weight: 500; letter-spacing: -1px; margin-bottom: 20px; }
.databricks-page .highlights .solutions-list li .box-content .title span{ display: block; }
.databricks-page .highlights .solutions-list li .box-content .description{ color: var(--white); font-size: 15px; line-height: 1.5; }
.databricks-page .highlights .solutions-list li .box-content .description strong{ font-weight: bold; }

    .databricks-page .highlights .solutions-list li.partnerships .box-content{ background: #7D12F9; color: var(--white); }

    .databricks-page .highlights .solutions-list li.certified .box-content{ background: #F25524; color: var(--white); }
    .databricks-page .highlights .solutions-list li.certified .box-content i{ font-size: 46px; left: -5px; }

    .databricks-page .highlights .solutions-list li.tailored .box-content{ background: #373EEF; color: var(--white); }

    .databricks-page .highlights .solutions-list li.client .box-content{ background: #589b1b; color: var(--white); }

/* Trending Posts */
.databricks-page .trending-posts{ padding: 100px 0 40px; }
.databricks-page .trending-posts .header{ text-align: center; justify-content: center; }

/* Work Together */
.databricks-page .work-together{ background-image: url("../jpg/foot.jpg") !important; }


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

    /* Hero */
    .databricks-page .hero{ height: auto; max-height: 700px; min-height: 700px; padding-top: 100px; }
    .databricks-page .hero .iso{ width: 850px; height: 850px; margin-left: -1140px; }
    .databricks-page .hero .content:before{ width: 700px; height: 700px; }
    .databricks-page .hero .text .subtitle{ font-size: 15px; }
    .databricks-page .hero .text .title{ font-size: 36px; }
    .databricks-page .hero .text .description{ font-size: 15px; }

    /* Databricks Partner */
    .databricks-page .databricks-partner{ padding: 100px 0 150px; }
    .databricks-page .databricks-partner .content .text{ padding-left: 70px; }
    .databricks-page .databricks-partner .content .text h2{ font-size: 32px; }
    .databricks-page .databricks-partner .content .text p{ font-size: 15px; }

    /* Our Work */
    .databricks-page .our-work{ font-size: 15px; padding: 80px 0 100px; }
    .databricks-page .our-work .top .left h2{ font-size: 36px; }
    
    .databricks-page .our-work .top .left{ font-size: 17px; width: 45%; }
    .databricks-page .our-work .top .right{ font-size: 15px; width: 45%; }
    
    .databricks-page .our-work .bottom{ margin-top: 50px; }
    .databricks-page .our-work .bottom .left{ width: 45%; font-size: 15px; }
    .databricks-page .our-work .bottom .right{ right: 0; min-width: 10px; width: 50%; }

    /*Services*/
    .databricks-page .services-timeline .timeline ul:before,
    .databricks-page .services-timeline .timeline ul li .text h2:before,
    .databricks-page .services-timeline .timeline ul li .text h2:after,
    .databricks-page .services-timeline .timeline ul:after{ display: none !important; }

    .databricks-page .services-timeline .timeline ul li .text{ padding-right: 30px; }
    .databricks-page .services-timeline .timeline ul li:nth-child(2n) .text{ padding-right: 0; padding-left: 30px; }

}

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

    /* Hero */
    .databricks-page .hero{ padding-top: 80px; max-height: 680px; min-height: 680px; }
    .databricks-page .hero .content:before{ display: none; }
    .databricks-page .hero .text{ max-width: 100%; }
    .databricks-page .hero .text .title{ font-size: 32px; line-height: 1.3; }
    .databricks-page .hero .text .title span{ display: inline; }
    .databricks-page .hero .text .description{ font-size: 14px; max-width: 100%; }
    .databricks-page .hero .text .description span{ display: inline; }

    .databricks-page .hero .iso{ width: 550px; height: 550px; margin-left: -610px; left: 50%; top: 70px; }
    .databricks-page .hero .dots{ bottom: -450px; margin-left: -980px; }

    /* Databricks Partner */
    .databricks-page .databricks-partner{ padding: 30px 0 120px; }
    .databricks-page .databricks-partner .content .text h2{ font-size: 28px; letter-spacing: -1px; }
    .databricks-page .databricks-partner .content .text p{ font-size: 14px; }
    .databricks-page .databricks-partner .content figure{ max-width: 120px; }

    /* Our Work */
    .databricks-page .our-work{ padding: 60px 0; }
    .databricks-page .our-work h2{ font-size: 32px; }
    .databricks-page .our-work .top{ flex-direction: column; }
    .databricks-page .our-work .top .left{ width: 100%; max-width: 100%; font-size: 16px; }
    .databricks-page .our-work .top .left h2{ margin-bottom: 0; font-size: 28px; }
    .databricks-page .our-work .top .left h2 span{ display: inline; }
    .databricks-page .our-work .top .right{ width: 100%; max-width: 100%; margin-top: 20px; }
    .databricks-page .our-work .top .right p{ font-size: 14px; }
    .databricks-page .our-work .bottom{ flex-direction: column; margin-top: 0; }
    .databricks-page .our-work .bottom .left{ width: 100%; max-width: 100%; margin: 25px 0; }
    .databricks-page .our-work .bottom .right{ width: 100%; max-width: 100%; margin-top: 20px; top: 0; }
    .databricks-page .our-work .bottom ul{ flex-direction: column; }
    .databricks-page .our-work .bottom ul li{ width: 100%; margin-bottom: 20px; }
    .databricks-page .our-work .bottom ul li p{ font-size: 14px; }
    .databricks-page .our-work .bottom .pill{ font-size: 16px; }

        .databricks-page .our-work .bottom ul li.losses figure{ width: 40px; min-width: 40px; }
        .databricks-page .our-work .bottom ul li.shield figure{ width: 40px; min-width: 40px; text-align: center; }
        .databricks-page .our-work .bottom ul li.shield figure img{ width: 30px; }
        .databricks-page .our-work .bottom ul li.security figure{ width: 40px; min-width: 40px; }

    /* Highlights */
    .databricks-page .highlights{ padding: 110px 0 50px; }
    .databricks-page .highlights .section-title{ font-size: 28px; }
    .databricks-page .highlights .solutions-list li{ width: 50%; }
    .databricks-page .highlights .solutions-list li .box-content{ padding: 30px; }
    .databricks-page .highlights .solutions-list li .box-content .title{ font-size: 20px; }
    .databricks-page .highlights .solutions-list li .box-content .description{ font-size: 14px; }

    /* Highlights */
    .databricks-page .highlights .head .section-title{ font-size: 32px; }
    .databricks-page .highlights .head .description{ font-size: 14px; }

    /*Services*/
    .databricks-page .services-timeline{ padding: 110px 0 40px; }
    .databricks-page .services-timeline .head{ margin-bottom: 0; }
    .databricks-page .services-timeline .head .section-title{ font-size: 28px; }
    .databricks-page .services-timeline .head .description{ font-size: 14px; }

    .databricks-page .services-timeline .timeline ul{ padding: 30px 0; }
    .databricks-page .services-timeline .timeline ul li{ max-width: 600px; margin: 0 auto 40px; }
    .databricks-page .services-timeline .timeline ul li,
    .databricks-page .services-timeline .timeline ul li:nth-child(2n){ flex-direction: column; }

    .databricks-page .services-timeline .timeline ul li .main-image{ margin-bottom: 30px; width: 100%; height: auto; position: relative; padding-top: 90%; }
    .databricks-page .services-timeline .timeline ul li .main-image img{ position: absolute; top: 0; left: 0; }
    .databricks-page .services-timeline .timeline ul li .text{ width: 100%; }
    .databricks-page .services-timeline .timeline ul li .text p{ font-size: 14px; padding-right: 0; line-height: 1.5; }
    
    .databricks-page .services-timeline .timeline ul li .text{ padding-right: 0; }
    .databricks-page .services-timeline .timeline ul li .text h2{ font-size: 26px; font-weight: 600; line-height: 1.3; }
    .databricks-page .services-timeline .timeline ul li:nth-child(2n) .text{ padding-right: 0; padding-left: 0; }

    /* Trending Posts */
    .databricks-page .trending-posts{ padding: 60px 0 40px; }

}

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

    /* Hero */
    .databricks-page .hero .text .subtitle{ font-size: 13px; }
    .databricks-page .hero .iso { margin-left: -470px; }

    /* Databricks Partner */
    .databricks-page .databricks-partner .content{ flex-direction: column-reverse; justify-content: flex-start; align-items: flex-start; } 
    .databricks-page .databricks-partner .content figure{ margin-bottom: 30px; }
    .databricks-page .databricks-partner .content .text{ padding-left: 0; }
    .databricks-page .databricks-partner .content .text p span{ display: inline; }
    
    /* Highlights */
    .databricks-page .highlights .solutions-list li{ width: 100%; padding: 0; margin-bottom: 15px; }
    
    /* Our Work */
    .databricks-page .our-work .bottom .pill{ font-size: 15px; }

}