.hero-section.base-style-section{background-image:url(/img/hero-section-bg.png);background-repeat:no-repeat;background-size:cover;background-position:center;padding:13rem 0 3rem}.hero-section .box{flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.hero-section .content{width:100%;max-width:750px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2rem;z-index:1}.hero-section .content h1{color:var(--accent-color-2)}.hero-section .content h1 span:first-child{color:var(--accent-color-3)}.hero-section .content h1 span:last-child{color:var(--accent-color-2)}.hero-section .content .wrapper:first-of-type{gap:0}.hero-section .content .wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2rem}.hero-section .buttons-border-box{width:fit-content;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.hero-section .button-border-box{display:flex;flex-direction:row;justify-content:center;align-items:center;border:var(--text-color-white-2) solid 1px;border-radius:var(--border-radius-1)}.hero-section .button-border-box:hover{background-color:#ffffff59}.hero-section .button-border-box .box-1{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:5.5rem;border:var(--text-color-white-2) solid 1px;border-radius:var(--border-radius-1);padding:0 1rem}.hero-section .button-border-box .box-1 img{width:50px}.hero-section .button-border-box .box-2{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 1rem}.hero-section picture{width:100%;max-width:500px;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-section picture img{width:100%;object-fit:cover;object-position:center}.hero-section .cards{margin-top:3rem;position:relative;justify-content:space-between;gap:2rem}.hero-section .cards .card{width:100%;max-width:450px;display:flex;flex-direction:row;justify-content:center;align-items:center}.hero-section .cards .card .icon-box{width:100%;max-width:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4.1rem 5rem 4.1rem 3.5rem;background-image:url(/img/icons/hero-section-cards-icons/card-bg-border.svg);background-position:center;background-repeat:no-repeat;background-size:contain}.hero-section .cards .card .text-box{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-left:-2rem}@media screen and (min-width: 0px) and (max-width: 700px){.hero-section{padding:9rem 0 0}.hero-section .box{flex-wrap:wrap}}@media screen and (min-width: 0px) and (max-width: 990px){.hero-section.base-style-section{background-image:url(/img/hero-section-bg-m.png)}.hero-section .cards{flex-wrap:wrap;gap:0}}.por-que-escogernos-section .box{gap:3rem}.por-que-escogernos-section .box .content{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2rem}.por-que-escogernos-section .box .content .title-1{width:100%}.por-que-escogernos-section .box .content .wrapper{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem}.por-que-escogernos-section .box .img{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;border-radius:var(--card-border-radius-1)}.por-que-escogernos-section .box .img img{max-height:27rem;object-position:top}.por-que-escogernos-section .box .content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:3rem}.por-que-escogernos-section .box .content .cards{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;border:var(--accent-color-1) solid 1px;border-radius:var(--border-radius-1);gap:2rem;padding:2rem}.por-que-escogernos-section .box .content .cards .card{width:100%;max-width:320px;min-height:290px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-right:2rem;border-right:var(--accent-color-1) solid 1px;gap:1rem}.por-que-escogernos-section .box .content .cards .card:last-of-type{border-right:none}.por-que-escogernos-section .box .content .cards .card h3{line-height:var(--title-height-1)}@media screen and (min-width: 0px) and (max-width: 1050px){.por-que-escogernos-section .box :nth-child(1){flex-wrap:wrap}.por-que-escogernos-section .box .content{align-items:center}.por-que-escogernos-section .box .content .cards{max-width:700px;flex-wrap:wrap;justify-content:flex-start}.por-que-escogernos-section .box .content .cards .card{max-width:100%;border-right:none;border-bottom:var(--accent-color-1) solid 1px;padding-bottom:2rem}}.blog-section{background-color:var(--background-color-gray-2)}.blog-section .box{gap:5rem}.blog-section .box>.wrapper{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}.blog-section .box .title-1{width:70%;max-width:750px}.blog-section .box .button-2{width:fit-content}.blog-section .box .cards{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:3rem}.blog-section .box .cards .blog-card{max-width:650px}@media screen and (min-width: 0px) and (max-width: 650px){.blog-section .box .wrapper{flex-wrap:wrap;gap:2rem}.blog-section .box .wrapper .title-1{width:100%;max-width:fit-content}}@media screen and (max-width: 1050px){.blog-section .box .title-1{align-items:flex-start;text-align:start}.blog-section .box .cards{flex-wrap:wrap;justify-content:flex-start}}@media screen and (min-width: 0px) and (max-width: 990px){.blog-section .box .cards .blog-card{width:100%;max-width:700px}}.blog-card{width:100%;max-width:430px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden;transition:ease .3s;background-color:var(--background-color-white-1);border-radius:var(--border-radius-1)}.blog-card:hover{transform:translateY(-2%)}.blog-card .content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem;gap:1rem}.blog-card .content h3{line-height:var(--title-height-3)}.blog-card .content .button-2 p{color:var(--accent-color-1)}