/*Hero*/
.amazon-web-services-page .hero{ background: var(--black) url("../jpg/bg-hero-7.jpg"); background-size: cover; background-position: center; color: var(--white); max-height: 900px; }
.amazon-web-services-page .hero:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.7); position: absolute; top: 0; left: 0; }
.amazon-web-services-page .hero .content{ display: flex; justify-content: space-between; }
.amazon-web-services-page .hero .text{ max-width: 800px; }
.amazon-web-services-page .hero .text .subtitle{ text-transform: uppercase; margin-bottom: 20px; font-size: 15px; line-height: 1.4; }
.amazon-web-services-page .hero .text .title{ margin-bottom: 40px; letter-spacing: -1px; line-height: 1.2; font-size: 52px; font-weight: 600; }
.amazon-web-services-page .hero .text .description{ line-height: 1.6; font-weight: 300; margin-bottom: 40px; font-size: 16px; max-width: 700px; }
.amazon-web-services-page .hero .text .description strong{ font-weight: bold; }

/* AWS Partner */
.amazon-web-services-page .aws-partner{ background: var(--white); padding: 90px 0 130px; border-radius: 40px 40px 0 0; margin-top: -40px; }
.amazon-web-services-page .aws-partner .content{ display: flex; justify-content: space-between; align-items: center; max-width: 1024px; }
.amazon-web-services-page .aws-partner .content .text{}
.amazon-web-services-page .aws-partner .content .text h2{ letter-spacing: -2px; font-size: 42px; margin-bottom: 10px; }
.amazon-web-services-page .aws-partner .content .text p{ line-height: 1.5; font-weight: 400; }
.amazon-web-services-page .aws-partner .content .text p span{ display: block; }
.amazon-web-services-page .aws-partner .content .text .button{ margin-top: 20px; }
.amazon-web-services-page .aws-partner .content figure{ max-width: 180px; }
.amazon-web-services-page .aws-partner .content figure img{ width: 100%; }

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

.amazon-web-services-page .services-timeline .head{ text-align: center; margin: 0 auto 120px; max-width: 600px; }
.amazon-web-services-page .services-timeline .head .section-title{ letter-spacing: -1px; font-size: 38px; margin-bottom: 20px; font-weight: 500; }
.amazon-web-services-page .services-timeline .head .description{ font-size: 16px; line-height: 1.6; font-weight: 300; }

.amazon-web-services-page .services-timeline .timeline{}
.amazon-web-services-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; }
.amazon-web-services-page .services-timeline .timeline ul{ position: relative; padding: 60px 0 30px; }
.amazon-web-services-page .services-timeline .timeline ul li{ display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; margin-bottom: 160px; position: relative; }
.amazon-web-services-page .services-timeline .timeline ul li .main-image{ width: 470px; height: 360px; overflow: hidden; border-radius: 20px; line-height: 0; }
.amazon-web-services-page .services-timeline .timeline ul li .main-image img{ width: 100%; height: 100%; object-fit: cover; }
.amazon-web-services-page .services-timeline .timeline ul li .text{ width: 490px; }
.amazon-web-services-page .services-timeline .timeline ul li .text h2{ color: var(--white); margin-bottom: 20px; font-weight: 500; font-size: 32px; line-height: 1.4; position: relative; }
.amazon-web-services-page .services-timeline .timeline ul li .text p{ color: #C4C4C4; font-size: 16px; line-height: 1.8; font-weight: 300; padding-right: 40px; }

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

.amazon-web-services-page .services-timeline .timeline ul:before{ content: ""; display: block; width: 1px; background: #565656; height: 100%; position: absolute; left: 50%; top: 0; }
.amazon-web-services-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; }

.amazon-web-services-page .services-timeline .timeline ul li .text h2:before{ content: ""; display: block; width: 80px; background: #565656; height: 1px; position: absolute; right: -100px; top: 24px; }
.amazon-web-services-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: 21px; border-radius: 100%; margin-right: -21px; z-index: 10; background: var(--black); }

.amazon-web-services-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: 24px; }
.amazon-web-services-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: 21px; border-radius: 100%; z-index: 10; }

/*Stories*/
.amazon-web-services-page .stories{ background: #f6f4f3 url("../jpg/bg-landid.jpg"); background-size: cover; padding: 0; margin-top: -40px; border-radius: 40px; overflow: hidden; z-index: 20; position: relative; }
.amazon-web-services-page .stories .content{ position: relative; max-width: 100%; }
.amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper{ height: auto; }
.amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; max-width: 1160px; margin: 0 auto; padding: 150px 0; }
.amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .main-image{ width: 550px; min-width: 550px; height: 750px; overflow: hidden; border-radius: 20px; }
.amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .main-image img{ width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .text{ width: 520px; min-width: 520px; }
.amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .text .subtitle{ text-transform: uppercase; margin-bottom: 15px; font-size: 15px; font-weight: 500; }
.amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .text .title{ font-size: 36px; margin-bottom: 20px; font-weight: 600; letter-spacing: -1px; }
.amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .text .title span{ display: block; }
.amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .text .small-title{ font-weight: 500; margin-top: 20px; background: var(--black); color: var(--white); padding: 5px 13px; display: inline-block; border-radius: 30px; font-size: 15px; }
.amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .text .description{ color: var(--black); line-height: 1.4; font-weight: 400; font-size: 16px; margin-bottom: 10px; }

.amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .text .item-list{ list-style-type: disc; padding-left: 30px; margin-bottom: 30px; margin-top: 15px; }
.amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .text .item-list li{ color: var(--black); line-height: 1.4; font-weight: 400; font-size: 15px; margin-bottom: 10px; }
.amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .text .item-list li strong{ font-weight: bold; }

.amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .text .pills{ display: flex; flex-wrap: wrap; }
.amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .text .pills li{ background: transparent; border: 1px solid var(--black); border-radius: 40px; padding: 5px 12px; font-size: 14px; white-space: nowrap; margin: 0 4px 6px 0; font-weight: 600; }

/* Highlights */
.amazon-web-services-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; }
.amazon-web-services-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; }
.amazon-web-services-page .highlights .content{ max-width: 1180px; }
.amazon-web-services-page .highlights .head{ text-align: center; margin: 0 auto 50px; max-width: 600px; }
.amazon-web-services-page .highlights .head .section-title{ letter-spacing: -1px; font-size: 38px; margin-bottom: 20px; font-weight: 500; }
.amazon-web-services-page .highlights .head .section-title span{ display: block; }
.amazon-web-services-page .highlights .head .description{ font-size: 16px; line-height: 1.6; }

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

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

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

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

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

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

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


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

    /* Hero */
    .amazon-web-services-page .hero .text .subtitle{ font-size: 15px; }
    .amazon-web-services-page .hero .text .title{ font-size: 36px; }

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

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

    /*Success Stories*/
    .amazon-web-services-page .stories .content{ padding: 0; }
    .amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content{ padding: 80px 20px 130px; height: 100%; }
    .amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .main-image{ width: 40%; min-width: 40%; height: auto; }
    .amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .text{ width: 55%; min-width: 55%; }
    .amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .text .subtitle{ font-size: 15px; }
    .amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .text .title{ font-size: 30px; }
    .amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .text .title span{ display: inline; } 
    .amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .text .description{ font-size: 15px; }
    .amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .text .item-list li{ font-size: 15px; }

}

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

    /* Hero */
    .amazon-web-services-page .hero{ height: auto; padding-top: 60px; min-height: 820px; }
    .amazon-web-services-page .hero .text .title span{ display: inline; }
    .amazon-web-services-page .hero .text .description span{ display: inline; }
    .amazon-web-services-page .hero .text .title{ font-size: 28px; line-height: 1.3; }
    .amazon-web-services-page .hero .text .description{ font-size: 14px; }

    /* AWS Partner */
    .amazon-web-services-page .aws-partner{ padding: 70px 0 110px; }
    .amazon-web-services-page .aws-partner .content .text h2{ font-size: 32px; letter-spacing: -1px; }
    .amazon-web-services-page .aws-partner .content .text p{ font-size: 15px; }
    .amazon-web-services-page .aws-partner .content figure{ max-width: 150px; }

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

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

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

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

    .amazon-web-services-page .services-timeline .timeline ul li .main-image{ margin-bottom: 30px; width: 100%; height: 250px; }
    .amazon-web-services-page .services-timeline .timeline ul li .text{ width: 100%; }
    .amazon-web-services-page .services-timeline .timeline ul li .text p{ font-size: 14px; padding-right: 0; line-height: 1.5; }
    
    .amazon-web-services-page .services-timeline .timeline ul li .text{ padding-right: 0; }
    .amazon-web-services-page .services-timeline .timeline ul li .text h2{ font-size: 26px; font-weight: 600; line-height: 1.3; }
    .amazon-web-services-page .services-timeline .timeline ul li:nth-child(2n) .text{ padding-right: 0; padding-left: 0; }

    /*Success Stories*/
    .amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content{ flex-direction: column; justify-content: flex-start; padding: 50px 20px 60px; }
    .amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .main-image{ width: 100%; min-width: 100%; }
    .amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .text{ width: 100%; min-width: 100%; margin-top: 30px; }
    .amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .text .subtitle{ font-size: 12px; margin-bottom: 15px; }
    .amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .text .title{ font-size: 26px; margin-bottom: 20px; }
    .amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .text .description{ font-size: 14px; margin-bottom: 20px; }
    .amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .text .item-list li{ font-size: 14px; }
    .amazon-web-services-page .stories .success-stories-carrousel .case-content-wrapper .case-content .text .pills li{ padding: 4px 10px; font-size: 14px; }

}

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

    /* Hero */
    .amazon-web-services-page .hero .text .subtitle{ font-size: 13px; }

    /* Highlights */
    .amazon-web-services-page .highlights .solutions-list li{ width: 100%; padding: 0; margin-bottom: 15px; }

    /* AWS Partner */
    .amazon-web-services-page .aws-partner .content{ flex-direction: column-reverse; justify-content: flex-start; align-items: flex-start; } 
    .amazon-web-services-page .aws-partner .content figure{ margin-bottom: 30px; }
    .amazon-web-services-page .aws-partner .content .text p span{ display: inline; }

}