/*Hero*/
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .hero{ background: #233FC0; }

/* Embrace */
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .embrace{ padding: 30px 0 200px; border-radius: 40px 40px 0 0; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .embrace .certifications-logos{ display: flex; align-items: center; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .embrace .certifications-logos figure{ max-width: 450px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .embrace .certifications-logos figure img{ width: 100%; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .embrace .certifications-logos .soc{ width: 80px; margin-right: 30px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .embrace .certifications-logos .iso{ width: 85px; }

/* Tools */
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools{ padding: 100px 0 150px; background: var(--black); color: var(--white); margin-top: 100px; border-radius: 40px 40px 0 0; margin-top: -40px; position: relative; z-index: 10; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .head{ display: flex; flex-direction: column; justify-content: center; margin-bottom: 70px; align-items: center; text-align: center; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .head .description{ text-transform: uppercase; font-size: 15px; margin-bottom: 15px; line-height: 1.4; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .head .title{ letter-spacing: -1px; font-size: 32px; font-weight: 300; line-height: 1.3; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .head .title span{ display: block; }

.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos{ display: flex; margin: 0 auto; justify-content: space-between; align-items: stretch; border-radius: 50px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox{ width: 32%; text-align: center; display: flex; justify-content: flex-start; flex-direction: column; align-items: center; background: var(--white); border-radius: 20px; padding: 30px 10px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox .pill{ padding: 0; font-size: 22px; color: var(--black); white-space: nowrap; margin-bottom: 50px; letter-spacing: -1px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox .logos-list{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox .logos-list li{ margin: 0 15px 20px 15px; } 
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox .logos-list li figure{}
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox .logos-list li figure img{ width: 100%; }

.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox.continous-monitoring{ width: 30%; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox.defensive-security{ width: 30%; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox.ssdc{ width: 37%; }

.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox.continous-monitoring .logos-list{ margin-top: 30px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox.defensive-security .logos-list{ margin-top: 30px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox.ssdc .logos-list{ max-width: 90%; margin: 0 auto; }

/* Continous monitoring */
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox .logos-list li.detectify figure{ width: 75px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox .logos-list li.datadog figure{ width: 55px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox .logos-list li.snyk figure{ width: 105px; }

/* Defensive security */
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox .logos-list li.awswaf figure{ width: 40px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox .logos-list li.awsfirewall figure{ width: 55px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox .logos-list li.cloudflare figure{ width: 75px; }

/* SSDC */
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox .logos-list li.burpsuite figure{ width: 45px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox .logos-list li.nmap figure{ width: 65px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox .logos-list li.john figure{ width: 55px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox .logos-list li.hydratool figure{ width: 50px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox .logos-list li.wireshark figure{ width: 50px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox .logos-list li.kali figure{ width: 55px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox .logos-list li.metasploit figure{ width: 35px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox .logos-list li.sqlmap figure{ width: 55px; }

/* Studio Services */
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services{ padding: 100px 0 160px; background: var(--black); border-radius: 40px 40px 0 0; margin-top: -40px; position: relative; z-index: 10; }

.studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .head{ color: var(--white); text-align: center; margin-bottom: 80px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .head .small-title{ font-size: 15px; text-transform: uppercase; margin-bottom: 15px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .head .title{ font-size: 36px; font-weight: 300; letter-spacing: -1px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .head .title span{ display: block; }

.studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list{}
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list li{ margin-bottom: 30px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list li .box-content{ background: var(--white); padding: 30px; display: flex; border-radius: 20px; align-items: center; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list li .box-content .main-image{ border-radius: 20px; overflow: hidden; line-height: 0; width: 450px; min-width: 450px; height: 100%; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list li .box-content .main-image img{ width: 100%; height: 100%; object-fit: cover; }

.studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list li .box-content .text{ max-width: 100%; padding: 0 40px 0 60px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list li .box-content .text .title{ font-size: 24px; font-weight: 500; margin-bottom: 20px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list li .box-content .text .description{ line-height: 1.5; font-size: 16px; font-weight: 300; }

.studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list li .box-content.inverse{ flex-direction: row-reverse; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list li .box-content.inverse .text{ max-width: 100%; padding: 0 60px 0 40px; }

/* SSDLC */
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc{ background: var(--white); padding: 100px 0; border-radius: 40px 40px 0 0; overflow: hidden; position: relative; z-index: 20; margin-top: -40px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc:before{ content: ""; background: url("../svg/hex.svg"); background-repeat: no-repeat; background-position: bottom center; background-size: 100%; width: 100%; height: 400px; position: absolute; bottom: 0; left: 0; opacity: .3; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .head{ position: relative; z-index: 10; color: var(--black); display: flex; justify-content: space-between; align-items: flex-end; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .head .left{}
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .head .left .subtitle{ text-transform: uppercase; font-size: 15px; margin-bottom: 20px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .head .left .title{ font-size: 26px; font-weight: 600; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .head .left .title span{ display: block; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .head .right{ line-height: 1.4; font-weight: 400; font-size: 17px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .head .right span{ display: block; }

.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons{ margin: 240px 0 250px; position: relative; z-index: 20; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul{ display: flex; justify-content: space-between; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li{ width: 220px; height: 220px; position: relative; color: var(--black); }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li i{ color: #2043C1; font-size: 220px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: var(--transition); }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li i:before{ width: auto; margin: 0; position: absolute; top: 0; left: 0; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li .hex-content{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li .hex-content .title{ letter-spacing: -1px; font-size: 19px; transition: var(--transition); color: var(--white); }

.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li .hex-content-hover{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 50; flex-direction: column; opacity: 0; visibility: hidden; transition: var(--transition); color: var(--white); }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li .hex-content-hover .title{ letter-spacing: -1px; font-size: 17px; margin-bottom: 10px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li .hex-content-hover .description{ font-size: 11px; line-height: 1.4; text-align: center; padding: 0 30px; opacity: .8; }

.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li:hover i{ color: #942CFC; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li:hover .hex-content-hover{ visibility: visible; opacity: 1; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li:hover .hex-content .title{ visibility: hidden; opacity: 0; }

.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li .pill{ position: absolute; background: #2946CF45; color: var(--blacks); border: 1px solid #006DFF; border-radius: 30px; padding: 0 23px; height: 36px; text-align: center; display: flex; align-items: center; justify-content: center; z-index: 100; font-size: 15px; top: -80px; left: 50%; transform: translateX(-50%); white-space: nowrap; transition: var(--transition); }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li .pill:before{ content: ""; width: 1px; height: 110px; background: #65A6FD; position: absolute; top: 36px; transition: var(--transition); }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li .pill:after{ content: ""; width: 9px; height: 9px; background: #65A6FD; position: absolute; top: 144px; border-radius: 100%; left: 50%; margin-left: -4px; transition: var(--transition); }

.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li:hover .pill{ background: #942CFB; border-color: #942CFB; color: var(--white); }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li:hover .pill:before{ height: 70px; background: #B66DFF; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li:hover .pill:after{ top: 104px; background: #B66DFF; }

.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li.requirements{ top: 120px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li.design{}
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li.implementation{ top: 120px; }
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li.testing{}
.studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li.deploy{ top: 120px; }


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

    /* Studio Services */
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .head .title{ font-size: 32px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list li .box-content .main-image{ width: 350px; min-width: 350px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list li .box-content .text .description{ font-size: 15px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list li .box-content .text{ padding: 0 30px 0 50px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list li .box-content.inverse .text{ padding: 0 50px 0 30px; }

    /* SSDLC */
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .head .left .subtitle{ font-size: 14px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .head .left .title{ font-size: 22px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .head .right{ font-size: 15px; }

    /* Tools */
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools{ padding: 70px 0; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .head .description{ font-size: 14px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .head .title{ font-size: 28px; } 
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox .pill { font-size: 20px; }

}

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

    /* Studio Services */
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services{ padding: 70px 0 100px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .head .title{ font-size: 28px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list li .box-content .main-image{ width: 300px; min-width: 300px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list li .box-content .text .description{ font-size: 14px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list li .box-content .text{ padding: 0 20px 0 40px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list li .box-content.inverse .text{ padding: 0 40px 0 20px; }

    /* Embrace */
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .embrace{ padding: 30px 0 120px; }

    /* SSDLC */
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc { padding: 70px 0; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .head{ flex-direction: column; justify-content: flex-start; align-items: flex-start; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .head .left .title{ margin-bottom: 20px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .head .left .title span{ display: inline; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .head .right span{ display: inline; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons{ margin: 130px auto 30px; max-width: 800px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul{ flex-wrap: wrap; justify-content: center; align-items: center; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li{ margin-bottom: 150px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li.requirements,
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li.implementation,
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li.deploy{ top: 0; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li .pill{ padding: 0 15px; font-size: 13px; }

    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li i{ color: #2043C1; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li .hex-content-hover{ visibility: visible; opacity: 1; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li .hex-content .title{ visibility: hidden; opacity: 0; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li .pill:before{ height: 70px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li .pill:after{ top: 104px; }

    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li.testing,
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li.deploy{ margin-bottom: 50px; }

    /* Tools */
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools{ padding: 80px 0 30px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .head{ margin-bottom: 10px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos{ flex-direction: column; padding: 60px 10px 0; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox{ width: 100%; margin-bottom: 40px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox.continous-monitoring,
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox.defensive-security,
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox.ssdc{ width: 100%; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .tools .tools-logos .toolbox .pill{ margin-bottom: 10px; }

    /* Trending */
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .trending-posts{ padding: 70px 0 20px; }

}

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

    /* Studio Services */
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services{ padding: 70px 0 100px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .head{ margin-bottom: 60px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list li .box-content,
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list li .box-content.inverse{ flex-direction: column; padding: 20px 20px 40px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list li .box-content .main-image{ width: 100%; min-width: 100%; margin-bottom: 30px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list li .box-content .text{ padding: 0; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list li .box-content.inverse .text{ padding: 0; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .studio-services .studios-services-list li .box-content .text .title{ font-size: 20px; }

    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li.testing,
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li.deploy{ margin-bottom: 150px; }

    /* SSDLC */
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc{ padding: 70px 0 110px; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul{ flex-direction: column; }
    .studio-sre-cloud-cybersecurity-page.cybersecurity-page .ssdlc .hexagons ul li:last-child{ margin-bottom: 0; }

}