 
:root {
--title_color:#093258;
--theme_color:#00a2ea;
--content_color:#3d3d3d;
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.products_treatment {
 padding: 76px 0px 39px;
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
@media screen and (max-width: 768px){
.products_treatment {
 padding: 4rem 0px 3rem;
 }}
.content {
 max-width: 1440px;
 margin: 0px auto;
 position: relative;
 }
@media screen and (min-width: 768px) and (max-width: 1600px){
.banner_content, .home_support .content, .support_contact .content, .content {
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 768px) and (max-width: 1440px){
.banner_content, .home_support .content, .support_contact .content, .content {
 max-width: 1250px;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.content, .swiper_content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 max-width: 1000px;
 }}
@media screen and (min-width: 768px) and (max-width: 1024px){
.content, .swiper_content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 max-width: 768px;
 }}
@media screen and (max-width: 768px){
.content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 padding: 0px 1.2rem;
 }}
.flex {
 display: flex;
 }
.wrap {
 flex-wrap: wrap;
 }
.between {
 justify-content: space-between;
 }
.flex_top {
 align-items: flex-start;
 }
.gap {
 gap: 1.25rem;
 }
@media screen and (max-width: 768px){
.products_treatment .gap {
 gap: 1rem;
 }}
.flex1 {
 flex: 1 1 0%;
 }
.head .subtitle {
 font-size: 16px;
 line-height: 62px;
 color: rgb(48, 48, 48);
 text-transform: uppercase;
 letter-spacing: 4px;
 font-weight: 300;
 }
.fadeInLeft {
 animation-name: fadeInLeft;
 }
@media screen and (max-width: 768px){
.head .subtitle {
 font-size: 14px;
 line-height: 1.5;
 letter-spacing: normal;
 }}
.head h2 {
 font-size: 50px;
 line-height: 62px;
 color: var(--title_color);
 hyphens: auto;
 }
@media screen and (max-width: 768px){
.head h2 {
 font-size: 22px;
 line-height: 1.5;
 }}
.head h2 span {
 color: var(--theme_color);
 }
.head .desc {
 font-size: 18px;
 line-height: 30px;
 color: var(--content_color);
 hyphens: auto;
 }
.products_treatment .desc {
 max-width: 727px;
 font-weight: 300;
 padding-top: 56px;
 }
@media screen and (min-width: 768px) and (max-width: 1220px){
.products_treatment .desc {
 max-width: unset;
 padding-top: 0px;
 }}
@media screen and (max-width: 768px){
.head .desc {
 font-size: 14px;
 line-height: 1.5;
 }}
@media screen and (max-width: 768px){
.products_treatment .desc {
 max-width: unset;
 padding-top: 0px;
 }}
.products_treatment .desc p {
 margin-bottom: 32px;
 }
@media screen and (min-width: 768px) and (max-width: 1220px){
.products_treatment .desc p {
 margin-bottom: 1rem;
 }}
@media screen and (max-width: 768px){
.products_treatment .desc p {
 margin-bottom: 10px;
 }}
.banner_content {
 max-width: 1554px;
 margin: 0px auto;
 position: relative;
 }
.img.img_cv {
 overflow: hidden;
 }
.products_treatment .img {
 margin-top: 21px;
 aspect-ratio: 1554 / 590;
 border-top-left-radius: 195px;
 transition: 0.3s;
 overflow: hidden;
 }
@media screen and (min-width: 768px) and (max-width: 1024px){
.products_treatment .img {
 border-top-left-radius: 90px;
 }}
@media screen and (max-width: 768px){
.products_treatment .img {
 margin-top: 1rem;
 border-top-left-radius: 24px;
 }}
.img.img_cv img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
 transition: 0.5s;
 }
.products_treatment .img:hover img {
 transform: scale(1.02);
 }
button, input, textarea {
 outline: none;
 border: none;
 font-family: unset;
 color: var(--title_color);
 }
input[type="submit"], button {
 cursor: pointer;
 }
.sytech_export_template {
 display: none;
 }
 
@media screen and (max-width: 786px){


}
 
:root {
--title_color:#093258;
--theme_color:#00a2ea;
}
.products_technology {
 padding: 39px 0px 50px;
 }
@media screen and (max-width: 768px){
.products_technology {
 padding: 3rem 0px;
 }}
@media screen and (min-width: 768px) and (max-width: 1600px){
.banner_content, .home_support .content, .support_contact .content, .content {
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 768px) and (max-width: 1440px){
.banner_content, .home_support .content, .support_contact .content, .content {
 max-width: 1250px;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.content, .swiper_content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 max-width: 1000px;
 }}
@media screen and (min-width: 768px) and (max-width: 1024px){
.content, .swiper_content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 max-width: 768px;
 }}
@media screen and (max-width: 768px){
.content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 padding: 0px 1.2rem;
 }}
@media screen and (max-width: 768px){
.head .subtitle {
 font-size: 14px;
 line-height: 1.5;
 letter-spacing: normal;
 }}
@media screen and (max-width: 768px){
.head h2 {
 font-size: 22px;
 line-height: 1.5;
 }}
.products_technology .items {
 margin-top: 57px;
 }
@media screen and (max-width: 768px){
.products_technology .items {
 margin-top: 2rem;
 }}
.products_technology .items > div {
 display: grid;
 gap: 92px;
 }
@media screen and (max-width: 768px){
.products_technology .items > div {
 gap: 2rem;
 }}
.products_technology .items .item {
 display: flex;
 align-items: flex-start;
 flex-wrap: wrap;
 gap: 2rem 7.57%;
 }
@media screen and (min-width: 768px) and (max-width: 1220px){
.products_technology .items .item {
 gap: 1rem 2rem;
 }}
@media screen and (max-width: 768px){
.products_technology .items .item {
 gap: 1rem;
 }}
.products_technology .items .item .img {
 width: 51%;
 aspect-ratio: 734 / 529;
 border-radius: 22px;
 overflow: hidden;
 transition: 0.3s;
 }
@media screen and (max-width: 1024px){
.products_technology .items .item .img {
 width: 100%;
 }}
@media screen and (max-width: 768px){
.products_technology .items .item .img {
 border-radius: 12px;
 }}
.products_technology .items .item .img:hover img {
 transform: scale(1.05);
 }
.products_technology .items .item .info {
 flex: 1 1 0%;
 padding-top: 4%;
 }
@media screen and (max-width: 1024px){
.products_technology .items .item .info {
 padding-top: 0px;
 }}
.products_technology .items .item .info h3 {
 font-size: 38px;
 line-height: 1.5;
 margin-bottom: 32px;
 color: var(--title_color);
 }
@media screen and (max-width: 768px){
.products_technology .items .item .info h3 {
 font-size: 18px;
 margin-bottom: 1rem;
 }}
.products_technology .items .item .info p {
 font-size: 18px;
 line-height: 30px;
 margin-bottom: 30px;
 font-weight: 300;
 }
@media screen and (max-width: 768px){
.products_technology .items .item .info p {
 font-size: 14px;
 line-height: 1.5;
 margin-bottom: 1rem;
 }}
.products_technology .items .item .info p:last-child {
 margin-bottom: 0px;
 }
.products_technology .items .item:nth-child(2n) {
 flex-direction: row-reverse;
 }
.products_technology .items .item:nth-child(2n) .info {
 padding-top: 5.3%;
 }
@media screen and (max-width: 768px){
.products_technology .items .item:nth-child(2n) .info {
 padding-top: 0px;
 }}
 
@media screen and (max-width: 786px){


}