.main-products{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;padding:0;background-image:linear-gradient(#979797 50%,#fff0 0%);background-position:center;background-size:1px 20px;background-repeat:repeat-y}.main-products .box{display:flex;position:relative}.main-products .box .container-design{display:flex;flex-direction:column;padding:95px 0 207px;position:relative;z-index:2}@media (min-width: 1360px){.main-products .box .container-design{width:1200px}}@media (max-width: 1359px){.main-products .box .container-design{width:960px}}@media screen and (max-width: 480px){.main-products .box .container-design{width:100%}}@media screen and (min-width: 481px) and (max-width: 1024px){.main-products .box .container-design{width:100%}}@media screen and (min-width: 1025px) and (max-width: 1200px){.main-products .box .container-design{width:100%}}@media screen and (min-width: 1201px) and (max-width: 1359px){.main-products .box .container-design{width:100%}}.main-products .box .container-design .content{position:relative;z-index:3}.main-products .box .container-design .content .section-design-frame{background:#fbcccc;background:linear-gradient(90deg,#fbcccc,#9c9);padding:2px;border-radius:8px;display:inline-block;width:1030px}@media screen and (max-width: 480px){.main-products .box .container-design .content .section-design-frame{width:100%;border-radius:0;padding:2px 0}}@media screen and (min-width: 481px) and (max-width: 1024px){.main-products .box .container-design .content .section-design-frame{width:100%;border-radius:0;padding:2px 0}}@media screen and (min-width: 1025px) and (max-width: 1200px){.main-products .box .container-design .content .section-design-frame{width:100%;border-radius:0;padding:2px 0}}.main-products .box .container-design .content .section-design-frame .section-design{background:#333;display:flex;align-items:flex-start;justify-content:space-between;border-radius:6px;box-sizing:border-box;padding:18px;width:100%}@media screen and (max-width: 480px){.main-products .box .container-design .content .section-design-frame .section-design{border-radius:0}}@media screen and (min-width: 481px) and (max-width: 1024px){.main-products .box .container-design .content .section-design-frame .section-design{border-radius:0}}.main-products .box .container-design .content .section-design-frame .section-design .text{padding-right:32px}@media screen and (max-width: 480px){.main-products .box .container-design .content .section-design-frame .section-design .text{padding-right:0}}@media screen and (min-width: 481px) and (max-width: 1024px){.main-products .box .container-design .content .section-design-frame .section-design .text{padding-right:0}}.main-products .box .container-design .content .section-design-frame .section-design .text h2{margin:0;font-family:Roboto,sans-serif;color:#fbcccc;text-transform:uppercase;font-size:18px;font-weight:700}.main-products .box .container-design .content .section-design-frame .section-design .text p{color:#fff;font-family:Roboto,sans-serif;font-size:16px;line-height:24px;font-weight:400}.main-products .box .container-design .content .section-design-frame .section-design .text p em{font-style:normal;color:#9c9}.main-products .box .container-design .content .section-design-frame .section-design .text p span:nth-of-type(2){color:#9c9}.main-products .box .container-design .content .section-design-frame .section-design .image{align-self:flex-end;margin-right:-186px;margin-bottom:-60px}@media screen and (max-width: 480px){.main-products .box .container-design .content .section-design-frame .section-design .image{display:none}}@media screen and (min-width: 481px) and (max-width: 1024px){.main-products .box .container-design .content .section-design-frame .section-design .image{display:none}}@media screen and (min-width: 1025px) and (max-width: 1200px){.main-products .box .container-design .content .section-design-frame .section-design .image{display:none}}@media screen and (min-width: 1201px) and (max-width: 1359px){.main-products .box .container-design .content .section-design-frame .section-design .image{display:none}}.main-products .box .container-design .content .section-design-frame .section-design .image .image-shadow{background:#fbcccc;background:linear-gradient(135deg,#fbcccc,#9c9);border-radius:8px;display:inline-block;width:370px;height:240px}.main-products .box .container-design .content .section-design-frame .section-design .image .image-shadow .image-frame{display:flex;align-items:baseline;justify-content:flex-end;width:370px;height:240px;border-radius:8px;margin-left:-20px;margin-top:-20px;background:#fbcccc;background:linear-gradient(135deg,#fbcccc,#9c9);padding:2px}.main-products .box .container-design .content .section-design-frame .section-design .image .image-shadow .image-frame .image-mask{width:100%;height:100%;overflow:hidden;border-radius:8px;position:relative}.main-products .box .container-design .content .section-design-frame .section-design .image .image-shadow .image-frame .image-mask img{position:absolute;transform:rotate(-8deg);top:-70px;left:-12px;width:740px;height:480px;display:inline-block}.main-products .full-callout{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-bottom:340px}@media (min-width: 1360px){.main-products .full-callout{width:1200px}}@media (max-width: 1359px){.main-products .full-callout{width:960px}}@media screen and (max-width: 480px){.main-products .full-callout{width:100%;padding-bottom:220px}}@media screen and (min-width: 481px) and (max-width: 1024px){.main-products .full-callout{width:95%}}.main-products .full-callout .callout-wrapper{padding:30px;width:fit-content;height:fit-content;background-color:#222}@media screen and (max-width: 480px){.main-products .full-callout .callout-wrapper{padding:0}}@media screen and (min-width: 481px) and (max-width: 1024px){.main-products .full-callout .callout-wrapper{width:100%;padding:0}}.main-products .full-callout .callout-wrapper p{background:#fbcccc;background:linear-gradient(90deg,#fbcccc,#9c9);text-align:center;background-clip:text;color:transparent;font-family:Roboto,sans-serif;font-size:72px;font-weight:700;margin:0;padding:3px}@media screen and (max-width: 480px){.main-products .full-callout .callout-wrapper p{width:100%;font-size:48px;padding:7px}}@media screen and (min-width: 481px) and (max-width: 768px){.main-products .full-callout .callout-wrapper p{width:100%;font-size:48px;padding:4}}