/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@property --my-border {
    syntax: "<percentage>"; /* its type */
    inherits: false;
    initial-value: 0%; /* the initial value */
}
@property --my-borderDefault {
    syntax: "<percentage>"; /* its type */
    inherits: false;
    initial-value: 100%; /* the initial value */
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/*==============HOME HERO SECTION===============*/
.heroSectionWrapper {
    height: 100vh;
}
.homeHeroTitleDescCTAPlayWrapper {
    position: relative;
    min-height: calc(100vh - var(--headerHeight) - var(--spaceY) - 9em);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.product_media_info_wrap .img {
    height: 13rem;
    padding-top: .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.play-icon {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    cursor: pointer;
}
/*==============HOME HERO SECTION===============*/
/*=================HERO SECTION=================*/
.myVideoMobileSwiper{
    display: none;
}
.infoItem span.icon-information {
    font-size: .7rem;
    line-height: normal;
    color: var(--white);
}
.heroSection-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00377C4D;
}

.heroSection-content {
    -webkit-column-gap: calc(var(--spaceX)* 1);
    -moz-column-gap: calc(var(--spaceX)* 1);
    column-gap: calc(var(--spaceX)* 1);
    padding-bottom: 2rem;
}
.title-play_container{
    margin-bottom: 2rem;
}
.title-play_container .title {
    font-size: 5rem;
    line-height: normal;
    font-weight: 700;
    line-height: calc(5rem* 1.5);
}
html[dir="ltr"] .title-play_container .title {
    font-size: 5rem;
    font-weight: 500;
    line-height: calc(5rem* 1.5);
}
.iconContainer{
    left: 0;
    bottom: 1rem;
}
html[dir="ltr"] .iconContainer{
    left: auto;
    right: 0;
}
.homeHeroTitleDescCTAPlayWrapper .btn.blueBtn::before {
    border-radius: 1.875rem;
}
.dec-cta_container {
    width: 65%;
}
.dec-cta_container .btn.blueBtn::after {
    mix-blend-mode: saturation;
}
.dec-cta_container .description {
    font-size: .75rem;
    line-height: normal;
    margin-bottom: 2rem;
}
.hero-button{
    margin-top: 2rem;
    margin-left: -2rem;
}
.main-swiper-slide_inner svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
html[dir="ltr"] .main-swiper-slide_inner svg {
    left: auto;
    right: 0;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}
.heroSection-content_media {
    height: calc(100% - var(--headerHeight)* 1.5);
}
.mainSwiper {
    height: 100%;
}
.thumbnailSwiperContainer{
    position: absolute;
    bottom: 2.125rem;
    width: 23vw;
    left: var(--spaceX);
    /* height: 75px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
html[dir="ltr"] .thumbnailSwiperContainer {left: auto;right: var(--spaceX);}
.thumbnailSwiper {
    width: 100%;
    /*height: 100%;*/
}
.thumbnailSwiper .swiper-wrapper {
    /* justify-content: space-between; */
    /* column-gap: 3rem; */
    /* align-items: center; */
    /* width: calc(100% - 13em); */
    /* margin-left: auto; */
    /* margin-right: 0; */
}
.thumbnailSwiper .swiper-wrapper .swiper-slide {
    cursor: pointer;
    width: 5rem;
    margin-left: 35px;
    aspect-ratio: 1 / 1;
}
html[dir="ltr"] .thumbnailSwiper .swiper-wrapper .swiper-slide {
    margin-left: 0;
    margin-right: 35px;
}
.heroSection-content_media .swiper-slide > img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.thumbnailSwiper .swiper-slide > img {
    border-radius: 50%;
    /* border: 1px solid #fff; */
    padding: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    aspect-ratio: 1 / 1;
}
.thumbnailSwiper .swiper-wrapper .swiper-slide::before {
}

.thumbnailSwiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active::before {
}
.thumbnailSwiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img {
    /* border: 3px solid #fff; */
}
.mainSwiper .swiper-slide .img{
    position: relative;
    margin-bottom: 0.5rem;
}
.mainSwiper .swiper-slide .img img {
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    position: relative;
    z-index: 1;
}
/*.mainSwiper .swiper-slide .img::before {*/
/*    content: '';*/
/*    background-color: rgba(230, 177, 96, 0.4);*/
/*    border-radius: 50% 50% 0 0;*/
/*    -webkit-box-shadow: 0 0 20px 15px rgba(230, 177, 96, 0.5);*/
/*    box-shadow: 0 0 20px 15px rgba(230, 177, 96, 0.5);*/
/*    position: absolute;*/
/*    bottom: 13px;*/
/*    left: 50%;*/
/*    -webkit-transform: translateX(-50%);*/
/*    -ms-transform: translateX(-50%);*/
/*    transform: translateX(-50%);*/
/*    z-index: 0;*/
/*    width: 26%;*/
/*}*/
.mainSwiper .swiper-slide.swiper-slide-active{
    opacity: 1 !important;
}
.main-swiper-slide_inner {
    height: calc(100vh - var(--headerHeight) - var(--spaceY) - 9em);
    position: relative;
    overflow: hidden;
    margin-left: 0;
    margin-right: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: auto;
}
.product_media_info_wrap .btn::before {
    border-radius: 1.875rem;
}
.swiper-slide-item.grid {
    /*padding-top: calc(var(--headerHeight) + var(--spaceY) / 1.25);*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 126px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}
.mainSwiper .swiper-slide:before {
    content: '';
    position: absolute;
    width: 13rem;
    height: 15rem;
    left: 0;
    top: 5rem;
    background-color: #F5F6F733;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    border: 1px solid #fff;
    border-right: none;
    border-radius: 1.5em 0 0 1.5rem;
}
.mainSwiper .swiper-slide .info {
    width: 85%;
    margin: 0 auto;
}
section.heroSection {
    height: 100dvh;
}
.mainSwiper .swiper-slide .info .name span:first-child {
    display: block;
    font-size: 1.125rem;
    font-weight: 400;
    text-align: center;
    line-height: normal;
}
html[dir="ltr"] .mainSwiper .swiper-slide .info .name span:first-child{
    text-transform: capitalize;
}
.mainSwiper .swiper-slide .features .feature.size {
    position: relative;
    text-align: right;
}

.mainSwiper .swiper-slide .features .feature.size sup {
    font-size: 1.125rem;
    top: -16px;
    position: absolute;
    right: 0;
    font-weight: 600;
}

.mainSwiper .swiper-slide .features .feature.size span {display: inline-block;line-height: 1;font-weight: 300;font-size: 4rem;}
.mainSwiper .swiper-slide .info .name span:last-child {
    display: block;
    font-size: 1.9rem;
    font-weight: 400;
    text-align: center;
    line-height: normal;
}
.productsListItems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
/*.mainSwiper .swiper-slide .img:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: 5px;*/
/*    left: 50%;*/
/*    -webkit-transform: translateX(-50%);*/
/*    -ms-transform: translateX(-50%);*/
/*    transform: translateX(-50%);*/
/*    width: 60%;*/
/*    height: 1rem;*/
/*    background-color: rgba(230, 177, 96, 0.5);*/
/*    border-radius: 0 0 20% 20%;*/
/*    -webkit-box-shadow: 0 0 8px 15px rgba(230, 177, 96, 0.6);*/
/*    box-shadow: 0 0 8px 15px rgba(230, 177, 96, 0.6);*/
/*    -webkit-transition: all ease-in-out .35s;*/
/*    -o-transition: all ease-in-out .35s;*/
/*    transition: all ease-in-out .35s;*/
/*    z-index: -1;*/
/*    !* z-index: -1; *!*/
/*}*/

.mainSwiper .swiper-slide .info .name {
    border-bottom: 1px solid #fff;
    margin-bottom: 0.5rem;
    padding-bottom: .35rem;
}
.mainSwiper .swiper-slide .features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    direction: ltr;
}

.mainSwiper .swiper-slide .features .feature {
    -webkit-box-flex: .5;
    -ms-flex: .5;
    flex: .5;
    height: 3.875rem;
    overflow:hidden
}

.mainSwiper .swiper-slide .features .feature:first-child {
    /* flex: 1; */
    /* font-size: 4rem; */
    font-weight: 300;
    line-height: normal;
}
/*.mainSwiper .swiper-slide .features .feature:first-child span {*/
/*	position: relative;*/
/*}*/
/*.mainSwiper .swiper-slide .features .feature:first-child span:before {*/
/*	content: 'Kg';*/
/*	position: absolute;*/
/*	top: 0;*/
/*	right: 0;*/
/*	font-size: 1rem;*/
/*}*/
.mainSwiper .swiper-slide .features .feature:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.mainSwiper .swiper-slide .features .feature:nth-child(1) img {
}
.mainSwiper .swiper-slide .features .feature:nth-child(2) img {
    /* object-position: right; */
}
.mainSwiper .swiper-slide .features .feature img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    /* mix-blend-mode: darken; */
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}
#rangeAreaChar1 {
    position: absolute;
    z-index: 2;
    -webkit-transform: translate(-5px,-20px);
    -ms-transform: translate(-5px,-20px);
    transform: translate(-5px,-20px);
}
.mainSwiper .swiper-slide .features .feature:nth-child(3) {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: normal;
    margin: auto;
}
.mainSwiper .swiper-slide .features .feature:nth-child(3) span {
    text-align: right;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
}

.mainSwiper .swiper-slide .chart {
    /*border-bottom: 1px solid #fff;*/
    margin: .5em 0 .87rem;
    padding-bottom: .25rem;
}
#rangeAreaChar1,.mainSwiper .swiper-slide .chart{
    min-height: 5rem;
}
.mainSwiper .swiper-slide .chart img {
    margin: auto;
    width: 80%;
    height: 2rem;
    -o-object-fit: cover;
    object-fit: cover;
}
.product_media_info_wrap {
    margin-left: 0;
    margin-right: auto;
    padding-left: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    height: 100%;
    padding-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: calc(1rem - 1px);
    /* padding: 0; */
    position: relative;
    z-index: 1;
}
.media-text-wrap {
    position: relative;
    width: 100%;
    height: 100%;
}
.media-text-wrap::before {
    content: '';
    position: absolute;
    bottom: .6rem;
    left: 50%;
    width: 85%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: var(--white);
    height: 1px;
}
html[dir="ltr"] .product_media_info_wrap {
    margin-right: 0;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: calc(1em - 1px);
}
.mainSwiper .swiper-slide .img .colors {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    margin-left: 1rem;
}
html[dir="ltr"] .mainSwiper .swiper-slide .img .colors {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: 1rem;
}
.video-overlay::before {
    content: '';
    background: rgba(0, 84, 107, 0.30);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.mainSwiper .swiper-slide .img .colors > span {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    margin: .5em 0;
    border: 1px solid #fff;
    background-size: cover;
    background-position:center;
    background-repeat:no-repeat;
}
.mainSwiper .swiper-slide .sidelong-media {
    position: absolute;
    top: 101px;
    right: 0;
    width: 16rem;
    height: 15rem;
    padding: .5rem;
}
.myThumbMobileSwiper{
    display: none;
}
.mainSwiper .swiper-slide .sidelong-media > * {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 1rem;
}
.swiper-button-next.mainSN1,
.swiper-button-prev.mainSP1{
    background-image: url(../img/icon_right_arrow-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.swiper-button-next.mainSN1{
    right: auto;
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
    left: -3rem;
}
.swiper-button-prev.mainSP1{
    left: auto;
    right: -3rem;
}
html[dir="ltr"] .swiper-button-prev.mainSP1 {left: -3rem;right: auto;-webkit-transform: scale(-1);-ms-transform: scale(-1);transform: scale(-1);}

html[dir="ltr"] .swiper-button-next.mainSN1 {
    right: -3rem;
    left: auto;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.swiper-button-next.mainSN1::after,
.swiper-button-prev.mainSP1::after{
    opacity: 0;
}
#videoModal {
    opacity:0;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
    -webkit-transition: all ease-in-out .35s;
    -o-transition: all ease-in-out .35s;
    transition: all ease-in-out .35s;
}
#videoModal.openM ,
#videoModal.show{
    opacity: 1;
    pointer-events: auto;
}
#videoModal video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
body.opVideoModal #videoModal{
    opacity: 1;
    pointer-events: auto;
}
#videoModal .close {
    position: absolute;
    top: 0;
    right: 0;
    margin: 1rem;
    cursor: pointer;
    z-index: 1;
}
#videoModal .close img {
    width: 2rem;
    height: 3rem;
    -o-object-fit: contain;
    object-fit: contain;
}
#heroVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 1; /* Start fully visible */
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s; /* Optional for smoothing */
}
.homeHeroSectionCTAWrapper {
    position: absolute;
    z-index: 1;
    bottom: 2.125rem;
    right: var(--spaceX);
    grid-column-gap: 1.31rem;
    -ms-grid-columns: 1fr 1.31rem 1fr;
    grid-template-columns: 1fr 1fr;
}
html[dir="ltr"] .homeHeroSectionCTAWrapper {
    right: auto;
    left: var(--spaceX);
}
.homeHeroSectionCTAWrap {
    width: 15vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: -o-linear-gradient(left, rgba(245, 246, 247, 0.20) 0%, rgba(144, 144, 145, 0.20) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(245, 246, 247, 0.20)), to(rgba(144, 144, 145, 0.20)));
    background: linear-gradient(90deg, rgba(245, 246, 247, 0.20) 0%, rgba(144, 144, 145, 0.20) 100%);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    position: relative;
}
html[dir="ltr"] .homeHeroSectionCTAWrap.lineChartWrapper,html[dir="ltr"] .lineChartInfoNumberWrap{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.homeHeroSectionCTAWrap.lineChartWrapper.borderHighlight::after {
    content: '';
    left: .5rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) scaleX(-1);
    -ms-transform: translateY(-50%) scaleX(-1);
    transform: translateY(-50%) scaleX(-1);
    height: 1.25rem;
    width: 1.25rem;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: rgba(0, 84, 107, 0.4);
    border-radius: 50%;
    -webkit-box-shadow: 0 0 1em 1em rgba(0, 84, 107, 0.4);
    box-shadow: 0 0 1em 1em rgba(0, 84, 107, 0.4);
    -webkit-transition: all ease-in-out .35s;
    -o-transition: all ease-in-out .35s;
    transition: all ease-in-out .35s;
    z-index: -1;
}
.homeHeroSectionCTAWrap,.homeHeroSectionCTAWrap::before {
    border-radius: 1.25rem;
    height: 2.5rem;
}
.productsListItemsWrapper:hover {
    background: rgba(245, 246, 247, 0.40);
}
.infoItem {
    width: 1.875rem;
    height: 1.875rem;
}
#lineChartWrapper {
    width: 46%;
    padding: .31rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(100% - 0.31em - 0.31em);
}
.line_chart_list_items {
    direction: ltr;
}
.line_chart_list_items span {
    font-size: 0.75rem;
    /* line-height: 0.55rem; */
}
.mainSwiper .swiper-slide .features .feature.size > * {
    font-family: var(--enFont);
}
.lineChartInfoNumberWrap {
    padding: .31rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-column-gap: .25rem;
    -moz-column-gap: .25rem;
    column-gap: .25rem;
}
.line_chart_list_item {
    line-height: 0.9rem;
}
.productsListItems img {
    width: 2rem;
    height: 2rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}
.productsListItemsWrapper {
    padding: 0.25em 1.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}
.productsListItems img {
    margin-left: -.6rem;
}
.productsListItemsWrapper > [class^="icon-"] {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
html[dir="ltr"] .productsListItemsWrapper > [class^="icon-"] {
    -webkit-transform: rotate(45deg) scaleX(-1);
    -ms-transform: rotate(45deg) scaleX(-1);
    transform: rotate(45deg) scaleX(-1);
}
.productsListItemsWrapper span {
    font-size: 0.75rem;
}
.productsListItemsWrapper span:nth-of-type(1){
    margin-top: 2px;
}
html[dir="ltr"] .productsListItemsWrapper span:nth-of-type(1){
    margin-top: 0;
    text-transform: uppercase;
}
.product_media_info_wrap .btn [class^="icon-"] {
    left: 1rem;
}
html[dir="ltr"] .product_media_info_wrap .btn [class^="icon-"] {
    left: auto;
    right: 1rem;
}
.product_media_info_wrap .btn:hover [class^="icon-"] {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}
html[dir="ltr"] .product_media_info_wrap .btn:hover [class^="icon-"] {
    -webkit-transform: translateY(-50%) scaleX(-1) rotate(-45deg);
    -ms-transform: translateY(-50%) scaleX(-1) rotate(-45deg);
    transform: translateY(-50%) scaleX(-1) rotate(-45deg);
}
.product_media_info_wrap .btn:hover img {
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

/*=================HERO SECTION=================*/
/*=================selectedProducts SECTION=================*/
section.selectedProducts > h2.title{
    font-size: 4rem;
    /* margin-top: var(--spaceY); */
    /* margin-bottom: var(--spaceY); */
    line-height: normal;
    text-align: center;
}
html[dir="ltr"] section.selectedProducts > h2.title{}
section.selectedProducts .selectedProducts-container {
    height: calc((100vw - var(--space)*2 - (1em* 2/1))/5*2);
    gap: 1rem;
    -ms-grid-columns: minmax(0, 1fr) 1rem minmax(0, 1fr) 1rem minmax(0, 1fr) 1rem minmax(0, 1fr) 1rem minmax(0, 1fr);
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
section.selectedProducts .selectedProduct_item{
    border-radius: var(--radius-box);
}
section.selectedProducts .selectedProducts-container .selectedProduct_item:first-child {
    -ms-grid-column-span: 2;
    grid-column: span 2 / span 2;
    -ms-grid-row-span: 2;
    grid-row: span 2 / span 2;
}
section.selectedProducts .selectedProduct_item .selectedProduct_item-media img {
    border-radius: var(--radius-box);
    -webkit-transition: all ease-in-out 0.75s;
    -o-transition: all ease-in-out 0.75s;
    transition: all ease-in-out 0.75s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
section.selectedProducts .selectedProduct_item-link ,
section.selectedBlogs .selectedBlog_item-link {
    width: 3.125rem;
    height: 3.125rem;
    margin: .875rem;
    border-radius: 50%;
    overflow: hidden;
    /* border: 1px solid #fff; */
    -webkit-box-shadow: 0 -1px 0 0.5px #fff;
    box-shadow: 0 -1px 0 0.5px #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    left: 0;
    bottom: 0;
}
html[dir="ltr"] section.selectedProducts .selectedProduct_item-link ,
html[dir="ltr"] section.selectedBlogs .selectedBlog_item-link {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: auto;
    right: 0;
}
section.selectedProducts .selectedProduct_item-link [class^="icon-"],
section.selectedBlogs .selectedBlog_item-link [class^="icon-"] {
    position: relative;
    z-index: 1;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}
section.selectedProducts .selectedProduct_item-link:before ,
section.selectedBlogs .selectedBlog_item-link:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--brown);
}

section.selectedProducts .selectedProduct_item:hover [class^="icon-"] ,
section.selectedBlogs .selectedBlog_item:hover [class^="icon-"]{
    -webkit-transform: scaleX(-1)rotate(-45deg);
    -ms-transform: scaleX(-1)rotate(-45deg);
    transform: scaleX(-1)rotate(-45deg);
}
section.selectedProducts .selectedProduct_item-info{
    padding: 1rem;
    display: block;
    position: relative;
    background-color: rgba(0,0,0,.45);
    border-radius: var(--radius-box);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}
section.selectedProducts .selectedProduct_item:hover .selectedProduct_item-info {
    opacity: 1;
}

section.selectedProducts .selectedProduct_item:hover .selectedProduct_item-media img {
    -webkit-transform: scale(1.15) translateZ(0);
    transform: scale(1.15) translateZ(0);
}

.selectedProduct_item-media {
    overflow: hidden;
    border-radius: var(--radius-box);
}
section.selectedProducts .selectedProduct_item:nth-child(1) .selectedProduct_item-info{
    padding: 2rem;
}
section.selectedProducts .selectedProduct_item-info > *{
    margin-bottom: .625rem;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
section.selectedProducts .selectedProduct_item:hover .selectedProduct_item-info > *{
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.selectedProduct_item .selectedProduct_item-info > *:nth-child(1) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.selectedProduct_item .selectedProduct_item-info > *:nth-child(2) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.selectedProduct_item .selectedProduct_item-info > *:nth-child(3) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
section.selectedProducts .selectedProduct_item:nth-child(1) .selectedProduct_item-info > *{
    margin-bottom: 1.2rem;
}
section.selectedProducts .selectedProduct_item-info .name{
    font-size: .875rem;
    font-weight: 400;
}
section.selectedProducts .selectedProduct_item-info .model{
    font-size: 1.625rem;
    font-weight: 300;
    font-family: var(--enFont);
}
section.selectedProducts .selectedProduct_item:nth-child(1) .selectedProduct_item-info .name{
    font-size: 1rem;
    font-weight: 400;
}
section.selectedProducts .selectedProduct_item:nth-child(1) .selectedProduct_item-info .model{
    font-size: 3rem;
    font-weight: 300;
}
section.selectedProducts .selectedProduct_item-info .features .feature > span{
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
}
section.selectedProducts .selectedProduct_item-info .features .feature > img{
    width: 4rem;
    height: 4rem;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
section.selectedProducts .selectedProduct_item:nth-child(1) .selectedProduct_item-info .features .feature > img{
    width: 4.625rem;
    height: 4.625rem;
}
.borderHighlightSwiper::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    border-radius: 50%;
    background: repeating-conic-gradient(
            #fff 0%,
            #fff var(--my-border),
            transparent var(--my-border),
            transparent 100%
    );
    transition: --my-border 15s linear;
}
.borderHighlightSwiper::after{
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    border-radius: 50%;
    background: repeating-conic-gradient(
            rgba(255,255,255,.2) 0%,
            rgba(255,255,255,.2) var(--my-borderDefault),
            transparent var(--my-borderDefault),
            transparent 100%
    );
}
.borderHighlightSwiper.swiper-slide-thumb-active::before {
    -webkit-animation: linearGradient 15s linear forwards;
    animation: linearGradient 15s linear forwards;
}

/* Class to pause the animation */
.borderHighlightSwiper.pause-animation::before ,
.pause-animation .borderHighlightSwiper::before{
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

@-webkit-keyframes linearGradient {
    to {
        --my-border: 100%;
    }
}

@keyframes linearGradient {
    to {
        --my-border: 100%;
    }
}
.myMainSwiper .swiper-slide foreignObject{
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}
.myMainSwiper .swiper-slide foreignObject.pause-animation{
    opacity: .7;
}

/*=================selectedProducts SECTION=================*/
/*=================selectedBlogs SECTION=================*/
section.selectedBlogs{
    height: auto;
    width: 100%;
    aspect-ratio: 5 / 2 auto;
}
section.selectedBlogs .swiper{
    border-radius: 3rem;
}
section.selectedBlogs .swiper,
section.selectedBlogs .swiper .swiper-wrapper ,
section.selectedBlogs .swiper .swiper-slide{
    width: 100%;
    height: 100%;
}
section.selectedBlogs .swiper .selectedBlog_item .selectedBlog_item-media {
    position: absolute;
    top: 0;
    left: 0;
}
section.selectedBlogs .curve.one {
    position: absolute;
    bottom: -1rem;
    right: calc(50% - 3.5rem);
    width: 4rem;
    height: 4rem;
    border-bottom-left-radius: 2.5rem;
    background-color: transparent;
    z-index: 2;
    -webkit-box-shadow: inset 0.5rem -1rem 0 0px #f5f6f7;
    box-shadow: inset 0.5rem -1rem 0 0px #f5f6f7;
}
section.selectedBlogs .curve.two {
    position: absolute;
    bottom: calc(25vh - 0.5rem);
    width: 4rem;
    height: 4rem;
    left: auto;
    border-bottom-left-radius: 3rem;
    background-color: transparent;
    z-index: 2;
    -webkit-box-shadow: inset 1.5rem -0.5rem 0 0px #f5f6f7;
    box-shadow: inset 1.5rem -0.5rem 0 0px #f5f6f7;
    right: calc(100% - 2.5rem);
}

:root {
    --blur: 1;
    --blurs: 5;
}
section.selectedBlogs .blur {
    height: 35vh;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    width: 50%;
    z-index: 1;
    -webkit-filter: none;
    filter: none;
    right: 0;
}
section.selectedBlogs .blur div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--index);
    -webkit-mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#000), color-stop(#000), to(transparent));
    -webkit-mask: linear-gradient(90deg, transparent calc(var(--index)* 100 / var(--blurs)* 1%), #000 calc((var(--index) + 1)* 100 / var(--blurs)* 1%), #000 calc((var(--index) + 2)* 100 / var(--blurs)* 1%), transparent calc((var(--index) + 3)* 100 / var(--blurs)* 1%));
    mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#000), color-stop(#000), to(transparent));
    mask: linear-gradient(90deg, transparent calc(var(--index)* 100 / var(--blurs)* 1%), #000 calc((var(--index) + 1)* 100 / var(--blurs)* 1%), #000 calc((var(--index) + 2)* 100 / var(--blurs)* 1%), transparent calc((var(--index) + 3)* 100 / var(--blurs)* 1%));
    -webkit-backdrop-filter: blur(calc(var(--index, 0)* var(--blur, 0)* 2px));
    backdrop-filter: blur(calc(var(--index, 0)* var(--blur, 0)* 2px));
}
section.selectedBlogs .blur div {
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#000), color-stop(#000), to(transparent));
    -webkit-mask: linear-gradient(180deg, transparent calc(var(--index)* 100 / var(--blurs)* 1%), #000 calc((var(--index) + 1)* 100 / var(--blurs)* 1%), #000 calc((var(--index) + 2)* 100 / var(--blurs)* 1%), transparent calc((var(--index) + 3)* 100 / var(--blurs)* 1%));
    mask: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#000), color-stop(#000), to(transparent));
    mask: linear-gradient(180deg, transparent calc(var(--index)* 100 / var(--blurs)* 1%), #000 calc((var(--index) + 1)* 100 / var(--blurs)* 1%), #000 calc((var(--index) + 2)* 100 / var(--blurs)* 1%), transparent calc((var(--index) + 3)* 100 / var(--blurs)* 1%));
}
section.selectedBlogs .swiper .selectedBlog_item {
    position: relative;
    display: block;
    overflow: hidden;
}

section.selectedBlogs .selectedBlog_item-info {
    position: absolute;
    bottom: 0;
    right: auto;
    left: 0;
    width: 50%;
    height: 25vh;
    z-index: 1;
    padding: 1rem;
    /*border-top-left-radius: 0;*/
    border-top-right-radius: 3rem;
    -webkit-box-shadow: 0 5px 0 -1px rgb(245 246 247 / var(--tw-bg-opacity, 1));
    box-shadow: 0 5px 0 -1px rgb(245 246 247 / var(--tw-bg-opacity, 1));
}

section.selectedBlogs .selectedBlog_item-link {
    position: absolute;
    left: 0.65rem;
    top: .55rem;
}
html[dir="ltr"] section.selectedBlogs .selectedBlog_item-link {
    left: calc(100% - 3.125rem - 1.5rem);
    right: auto;
}
section.selectedBlogs .selectedBlog_item-info .title{
    margin-bottom: .75rem;
    font-size: 2.125rem;
    font-weight: 600;
    padding-left: calc(3.125rem + 2rem / 2);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: normal;
}
html[dir="ltr"] section.selectedBlogs .selectedBlog_item-info .title {
    font-size: 2.25rem;
    line-height: normal;
    /* margin-bottom: 1.125rem; */
}
html[dir="ltr"] section.selectedBlogs .selectedBlog_item-info .title{
    padding-left: 0;
    padding-right: calc(3.125rem + 2rem / 2);
}
section.selectedBlogs .selectedBlog_item-info .des{
    font-size: 0.75rem;
    line-height: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
#productLinkMobile{
    display: none;
}
section.selectedBlogs .swiper-pagination {
    position: absolute;
    left: var(--spaceX);
    width: calc(50% - var(--spaceX));
    bottom: 0;
    z-index: 3;
    margin-bottom: 3rem;
    left: auto;
    right: var(--spaceX);
}
section.selectedBlogs .swiper-pagination .swiper-pagination-bullet{
    width: 7.5rem;
    height: .25rem;
    border-radius: 0;
    margin: 0 .5rem;
    opacity: 1;
    position: relative;
    overflow: hidden;
    padding: 2rem 0;
    background-color: transparent;
    bottom: -2rem;
}
section.selectedBlogs .swiper-pagination .swiper-pagination-bullet:after {
    content:'';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: .25rem;
    -webkit-box-shadow: 0px 0px 14px 0px #00FFC2;
    box-shadow: 0px 0px 14px 0px #00FFC2;
    background-color: #719F94;
}
section.selectedBlogs .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    background: var(--white);
}

section.fullGridSection {
    overflow: hidden;
}
/*=================selectedBlogs SECTION=================*/
.overlayBack #svgMobile {
    display: none;
}
/*=============================responsive=============================*/
@media only screen and (max-width: 768px){
    main.homeWrapper h2 {
        color: var(--blue);
    }
    [data-pagetype="home"] main {
        overflow-x: hidden;
    }
    /*=================HERO SECTION=========================*/
    .title-play_container .title {
        font-size: 1.875rem;
        line-height: calc(1.875rem * 1.5);
    }
    .mainSwiper .swiper-slide .img .colors {
        display: none;
    }
    html[dir="ltr"]  .title-play_container .title {
        font-size: 1.875rem;
        line-height: calc(1.875rem * 1.5);
    }
    .swiper-slide-item.grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding-top: calc(var(--headerHeight) + 2rem);
        grid-gap: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-bottom: 0;
    }
    /*.mainSwiper .swiper-slide .img:after {*/
    /*    width: 28%;*/
    /*    bottom: 13px;*/
    /*}*/
    /*.mainSwiper .swiper-slide .img::before {*/
    /*    bottom: 42px;*/
    /*}*/
    .homeHeroSectionCTAWrap {
        width: 100%;
    }
    .mainSwiper .swiper-slide .info .name {
        border-bottom: none;
    }
    .dec-cta_container .description {
        display: none;
    }
    .homeHeroTitleDescCTAPlayWrapper {
        min-height: auto;
        /* position: static; */
        z-index: 1;
    }
    .main-swiper-slide_inner {
        z-index: 0;
    }
    .main-swiper-slide_inner svg{
        display: none;
    }
    .swiper-button-prev.mainSP1 , .swiper-button-next.mainSN1 {
        display: none;
    }
    .product_media_info_wrap {
        width: 100% !important;
        height: auto !important;
        padding-left: 0;
        padding-right: 0;
    }
    .media-text-wrap::before {
        opacity: 0;
    }
    .mainSwiper .swiper-slide .features,.mainSwiper .swiper-slide .chart {
        display: none;
    }
    .dec-cta_container .btn.blueBtn {
        display: none;
    }
    .title-play_container {
        margin-bottom: .87rem;
        position: static;
    }

    .iconContainer {
        bottom: -3.5rem;
        left: 0;
    }
    .overlayText p.text-white.text_item {
        font-size: .6rem;
    }
    .mainSwiper .swiper-slide .img {
        padding-top: 0;
        height: 30vh;
    }

    .dec-cta_container {
        display: none;
    }
    .overlayText .secondTitle{
        font-size: 1.5rem;
    }
    .thumbnailSwiperContainer {
        position: relative;
        bottom: auto;
        width: 100% !important;
        left: auto !important;
        padding: 0 calc(var(--spaceX)*2);
        right: auto !important;
    }
    .mainSwiper {
        height: auto;
    }
    .homeHeroSectionCTAWrap.lineChartWrapper {
        display: none;
        padding: 0;
    }
    .homeHeroSectionCTAWrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        width: 100%;
        position: relative;
        bottom: auto;
        left: auto !important;
        right: auto !important;
        padding: 0 var(--spaceX);
        margin-top: 1rem;
        row-gap: .68rem;
    }
    .homeHeroSectionCTAWrapper > * {
        height: 2.4rem !important;
        padding: 0;
    }
    .main-swiper-slide_inner .btn.blueBtn {
        display: none;
    }
    .swiper.myVideoMobileSwiper {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 0;
        display: block;
        pointer-events: none;
    }
    section.heroSection .swiper.myMainSwiper:not(.swiper-initialized) .swiper-slide:first-child>*:not(.video-overlay) {
        opacity: 1;
    }
    .swiper.myVideoMobileSwiper .swiper-slide::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 84, 110, 0.30);
    }
    .mainSwiper .swiper-slide:before{
        display: none;
    }
    section.heroSection .swiper.myMainSwiper .swiper-slide > * {
        opacity: 0;
    }
    section.heroSection .swiper.myMainSwiper .swiper-slide.swiper-slide-active > * {
        opacity: 1;
        -webkit-transition: all linear .3s;
        -o-transition: all linear .3s;
        transition: all linear .3s;
    }
    #productLinkMobile{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .productsListItems {
    }
    .mainSwiper .swiper-slide .img .colors > span {
        width: 1.25rem;
        height: 1.25rem;
    }
    .homeHeroSectionCTAWrap.productsListItemsWrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
    .productsListItems img {
        width: 1.8rem;
        height: 1.8rem;
        margin-left: -.2rem;
    }

    .homeHeroSectionCTAWrap.productsListItemsWrapper::after {opacity: 0;}
    .homeHeroSectionCTAWrap.productsListItemsWrapper span.icon-arrow-btn {
        position: absolute;
        font-size: .875rem;
        left: 1rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all ease-in-out .35s;
        -o-transition: all ease-in-out .35s;
        transition: all ease-in-out .35s;
        color: var(--white);
    }
    .homeHeroSectionCTAWrap.productsListItemsWrapper:hover span.icon-arrow-btn {
        -webkit-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg);
    }
    .productsListItemsWrapper span:nth-of-type(1) {
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    html[dir="ltr"] .homeHeroSectionCTAWrap.productsListItemsWrapper span.icon-arrow-btn {
        -webkit-transform: translateY(-50%) scaleX(-1);
        -ms-transform: translateY(-50%) scaleX(-1);
        transform: translateY(-50%) scaleX(-1);
        left: auto;
        right: 1rem;
    }
    html[dir="ltr"] .homeHeroSectionCTAWrap.productsListItemsWrapper:hover span.icon-arrow-btn{
        -webkit-transform: translateY(-50%)scaleX(-1)rotate(-45deg);
        -ms-transform: translateY(-50%)scaleX(-1)rotate(-45deg);
        transform: translateY(-50%)scaleX(-1)rotate(-45deg)
    }
    .mainSwiper .swiper-slide .info .name span:first-child {
        font-size: 1rem;
    }
    .mainSwiper .swiper-slide .info .name span:last-child {
        font-size: 1.75rem;
    }
    /*=================HERO SECTION=========================*/
    /*============SELECTED PRODUCTS SECTION==================*/
    section.selectedProducts .selectedProducts-container .selectedProduct_item:first-child {
        -ms-grid-column-span: 2;
        grid-column: span 2 / span 1;
        -ms-grid-row-span: 1;
        grid-row: span 1 / span 1;
    }
    section.selectedProducts .selectedProducts-container {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    section.selectedProducts .selectedProduct_item-link, section.selectedBlogs .selectedBlog_item-link {
        width: 1.85944rem;
        height: 1.85944rem;
        top: calc(-1.85944rem - .55rem);
        left: 0;
    }
    section.selectedProducts .selectedProduct_item-link {
        top: auto;
        margin: .5rem;
    }
    html[dir="ltr"] section.selectedBlogs .selectedBlog_item-link{
        left: 0;
    }
    section.selectedBlogs .selectedBlog_item-link {
        margin: .25rem;
    }
    section.selectedProducts .selectedProduct_item-link [class^="icon-"], section.selectedBlogs .selectedBlog_item-link [class^="icon-"] {
        font-size: .65rem;
    }
    section.selectedProducts .selectedProduct_item-info {
        pointer-events: none;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: all ease-in-out .5s;
        -o-transition: all ease-in-out .5s;
        transition: all ease-in-out .5s;
        padding: .5rem 0.75rem;
    }

    section.selectedProducts .selectedProduct_item {
        overflow: hidden;
    }
    section.selectedProducts .selectedProduct_item:hover .selectedProduct_item-info {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        pointer-events: auto;
    }
    section.selectedProducts .selectedProduct_item-info > *{
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        margin-bottom: .4rem;
    }
    section.selectedProducts .selectedProduct_item-info .name {
        font-size: .75rem;
        display: block;
    }

    section.selectedProducts .selectedProduct_item-info .model {
        font-size: 1.225rem;
        line-height: normal;
        display: block;
    }
    section.selectedProducts .selectedProduct_item:nth-child(1) .selectedProduct_item-info .features .feature > img{
        width: 3.625rem;
        height: 3.625rem;
    }
    section.selectedProducts .selectedProduct_item-info .features .feature > img {
        width: 3rem;
        height: 3rem;
    }
    section.selectedProducts .selectedProduct_item:nth-child(1) .selectedProduct_item-info .name {
        font-size: .875rem;
    }

    section.selectedProducts .selectedProduct_item:nth-child(1) .selectedProduct_item-info > * {
        margin-bottom: .875rem;
    }

    section.selectedProducts .selectedProduct_item:nth-child(1) .selectedProduct_item-info .model {
        font-size: 2.25rem;
    }
    /*============SELECTED PRODUCTS SECTION==================*/
    /*=================selectedBlog SECTION=================*/
    section.selectedBlogs .swiper{
        height: auto;
    }
    section.selectedBlogs {
        height: auto;
    }

    section.selectedBlogs .selectedBlog_item-info {
        position: relative;
        right: auto;
        left: auto;
        bottom: auto;
        /* top: -15vh; */
        height: auto;
        width: 100%;
        padding: 0;
        color: var(--blue);
        border-radius: 0;
    }
    section.selectedBlogs .selectedBlog_item-info .selectedBlog_item-info_title {
        position: relative;
        top: -8vh;
        width: 75%;
        margin-right: 25%;
        margin-bottom: calc(-12vh + 1em);
        min-height: 8vh;
        background-color: var(--backColor);
        border-top-right-radius: 1rem;
        padding-top: .25rem;
    }
    html[dir="ltr"] section.selectedBlogs .selectedBlog_item-info .selectedBlog_item-info_title {
        border-top-left-radius: 0;
        border-top-right-radius: 1rem;
    }
    section.selectedBlogs .selectedBlog_item-info .title{
        font-size: .85rem !important;
        font-weight: 700;
        /*padding-left: calc(1.85944rem + .75rem* 2);*/
        padding-left: 0;
        padding-right: .5rem;
        margin-bottom: 0;
    }
    html[dir="ltr"] section.selectedBlogs .selectedBlog_item-info .title{
        padding-left: 0;
        /*padding-right: calc(1.85944rem + .75rem* 2);*/
        padding-right: 0;

    }
    section.selectedBlogs .swiper-pagination {
        margin: 1em 0 0;
        width: calc(100% - var(--spaceX)*2);
        bottom: auto;
        top: 100%;
        /* height: 1rem; */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    section.selectedBlogs .swiper-pagination .swiper-pagination-bullet{
        width: 100%;
        margin: 0 .25rem;
        bottom: auto;
    }
    section.selectedBlogs .blur{
        display: none;
    }
    section.selectedBlogs .selectedBlog_item {
        /*overflow: auto; */
        /*height: auto; */
    }
    section.selectedBlogs .swiper{
        border-radius: 0;
        /* margin-bottom: 3rem; */
        /* height: 130%; */
        /* overflow: auto; */
    }
    section.selectedBlogs .curve.one {
        bottom: auto;
        top: calc(26vh - 1.75rem);
        right: calc(100% - 75% - 1.5rem);
        width: 2rem;
        height: 2rem;
        border-bottom-left-radius: 1rem;
        -webkit-box-shadow: inset .5rem -.25rem 0 0 #f5f6f7;
        box-shadow: inset .5rem -.25rem 0 0 #f5f6f7;
        /* -webkit-transform: scaleX(-1); */
        -ms-transform: scaleX(-1);
        /* transform: scaleX(-1); */
    }
    html[dir="ltr"] section.selectedBlogs .curve.one {
        right: calc(25% - 1.5rem);
    }
    section.selectedBlogs .curve.two {
        bottom: auto;
        top: calc(26vh - 8vh - 1.75rem);
        right: auto;
        left: -1rem;
        width: 2rem;
        height: 2rem;
        border-bottom-left-radius: 1rem;
        -webkit-box-shadow: inset 1rem -0.25rem 0 0px #f5f6f7;
        box-shadow: inset 1rem -0.25rem 0 0px #f5f6f7;
        /* -webkit-transform: scaleX(-1); */
        -ms-transform: scaleX(-1);
        /* transform: scaleX(-1); */
    }
    html[dir="ltr"] section.selectedBlogs .curve.two {
        left: -1rem;
        right: auto;
    }
    section.selectedBlogs .swiper .selectedBlog_item .selectedBlog_item-media {
        /* height: auto; */
        position: relative;
        height: 26vh;
        border-radius: 1rem;
        overflow: hidden;
    }
    section.selectedBlogs .selectedBlog_item-info .des {
        padding-top: 1.5rem;
    }
    section.selectedBlogs .swiper,
    section.selectedBlogs .swiper .swiper-wrapper ,
    section.selectedBlogs .swiper .swiper-slide{
        height: auto;
    }
    /*=================selectedBlog SECTION=================*/
    /*=================selectedProducts SECTION=================*/
    section.selectedProducts > h2.title {
        font-size: 2.1875rem;
        font-style: normal;
        font-weight: 800;
        line-height: normal;
    }
    section.selectedProducts .selectedProducts-container {
        height: auto;
        gap: .8rem;
    }
    section.selectedProducts .selectedProduct_item:not(:first-child) {
        width: calc((100vw - var(--spaceX)*2)/2 - .8em*1/2);
        height: calc((100vw - var(--spaceX)*2)/2 - .8em*1/2);
    }

    section.selectedProducts .selectedProduct_item:first-child {
        width: calc((100vw - var(--spaceX)* 2));
        height: calc((100vw - var(--spaceX)* 2)* .75);
    }
    /*=================selectedProducts SECTION=================*/
    /*============FULL GRID SECTION============*/
    section.fullGridSection {
        min-height: 100vh;
    }
    .overlayText h2,html[dir="ltr"] .overlayText h2 {
        font-size: 2.1875rem;
        color: var(--white) !important;
        font-weight: 800;
    }
    html[dir=ltr] .overlayText .secondTitle {
        font-size: 1.25rem;
    }
    main .content__title {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: calc(100% - var(--spaceX)*2);
        height: 50vh;
    }
    .contentText {
        padding: 0 .75rem;
    }
    .sloganText {
        padding-right: 5rem;
        padding-top: 1rem;
    }
    html[dir="ltr"] .sloganText{
        padding-right: 0;
        padding-left: 5rem;
    }
    .overlayText .btnWrap {
        padding: 0 .75rem;
    }
    .fullGridSection .btn.blueBtn {
        font-size: .75rem;
    }
    main .grid--wide {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
    }
    main .grid--wide > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    main .grid--wide > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
    main .grid--wide > *:nth-child(3) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    main .grid--wide > *:nth-child(4) {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }
    main .grid--wide > *:nth-child(5) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    main .grid--wide > *:nth-child(6) {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
    }
    main .grid--wide > *:nth-child(7) {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }
    main .grid--wide > *:nth-child(8) {
        -ms-grid-row: 4;
        -ms-grid-column: 2;
    }
    main .grid--wide > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    main .grid--wide > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
    main .grid--wide > *:nth-child(3) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    main .grid--wide > *:nth-child(4) {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }
    main .grid--wide > *:nth-child(5) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    main .grid--wide > *:nth-child(6) {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
    }
    main .grid--wide > *:nth-child(7) {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }
    main .grid--wide > *:nth-child(8) {
        -ms-grid-row: 4;
        -ms-grid-column: 2;
    }
    section.fullGridSection .grid {
        grid-gap: 0.31rem;
    }
    .overlayBack #svg2 {
        display: none;
    }
    .overlayBack #svgMobile {
        display: block;
    }
    /*============FULL GRID SECTION============*/
    section.reelsContainer {
        margin-top: 2rem;
    }
}
@media only screen and (max-width: 375px) and (max-height: 750px){
    .mainSwiper .swiper-slide .img {
        height: 12rem;
    }
    .title-play_container .title {
        font-size: 1.45rem;
        width: 100%;
        line-height: calc(1.45rem * 1.5);
    }
    html[dir="ltr"]  .title-play_container .title{
        font-size: 1.45rem;
        line-height: calc(1.45rem * 1.5);
    }
    .mainSwiper .swiper-slide .info .name span:first-child {
        font-size: .875rem;
    }
    .mainSwiper .swiper-slide .info .name span:last-child {
        font-size: 1.575rem;
    }
    .mainSwiper .swiper-slide .info .name {
        margin-bottom: .5rem;
    }
    .swiper-slide-item.grid {
        padding-top: calc(var(--headerHeight) + 1rem);
    }
    .product_media_info_wrap {
        padding-bottom: 0.5rem;
    }
    .sloganText {
        font-size: .7rem;
    }

    .overlayText h2,html[dir="ltr"] .overlayText h2 {
        font-size: 1.875rem;
    }
    html[dir="ltr"] .overlayText .secondTitle {
        font-size: 1.25rem;
    }
    .contentText .text-white {
        font-size: .65rem;
    }

    .fullGridSection .btn.blueBtn {
        height: 2rem;
    }
}
@media only screen and (max-width: 420px) and (max-height: 750px){
    .mainSwiper .swiper-slide .img {
        height: 24vh;
    }
}
@media only screen and (min-width: 640px) and (max-width: 768px) {
    /*============HERO SECTION==============*/
    .mainSwiper .swiper-slide .img {
        height: 20rem;
    }
    /*.mainSwiper .swiper-slide .img:after {*/
    /*    width: 16%;*/
    /*    bottom: 13px;*/
    /*}*/
    .mainSwiper .swiper-slide .info .name span:first-child {
        font-size: 1.125rem;
    }

    .mainSwiper .swiper-slide .info .name span:last-child {
        font-size: 2.25rem;
    }

    .homeHeroSectionCTAWrapper {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        margin-top: 2rem;
    }

    .thumbnailSwiperContainer {
        margin-top: 2rem;
    }
    .homeHeroSectionCTAWrapper > * {
        height: 2.875rem !important;
    }
    .title-play_container .title {
        font-size: 2.5rem;
        line-height: calc(2.5rem* 1.5);
    }
    html[dir="ltr"]  .title-play_container .title{
        font-size: 2.5rem;
        line-height: calc(2.5rem* 1.5);
    }
    /*============HERO SECTION==============*/
    /*============SELECTED PRODUCTS SECTION==============*/
    section.selectedProducts .selectedProduct_item:nth-child(1) .selectedProduct_item-info .model {
        font-size: 2.875rem;
    }

    section.selectedProducts .selectedProduct_item:nth-child(1) .selectedProduct_item-info .name {
        font-size: 1rem;
    }

    section.selectedProducts .selectedProduct_item-info .name {
        font-size: .875rem;
    }

    section.selectedProducts .selectedProduct_item-info .model {
        font-size: 1.625rem;
    }
    section.selectedProducts .selectedProduct_item-link, section.selectedBlogs .selectedBlog_item-link {
        width: 2.5rem;
        height: 2.5rem;
        top: calc(-2.5rem - .55rem);
    }
    section.selectedBlogs .selectedBlog_item-info .title {
        padding-left: calc(2.5rem + .25rem* 2);
    }
    html[dir="ltr"] section.selectedBlogs .selectedBlog_item-info .title {
        padding-left: 0;
        padding-right: calc(2.5rem + .25rem* 2);
    }
    section.selectedProducts .selectedProduct_item-link [class^="icon-"], section.selectedBlogs .selectedBlog_item-link [class^="icon-"] {
        font-size: 1rem;
    }
    /*============SELECTED PRODUCTS SECTION==============*/
    /*============FULL GRID SECTION==============*/
    .sloganText {
        padding-right: 7rem;
    }
    section.fullGridSection .grid {
        grid-gap: .75rem;
    }
    main .content__title {
        width: calc(100% - var(--spaceX)* 11);
        height: 50vh;
    }
    .contentText,.overlayText .btnWrap {
        padding: 0 1.5rem;
    }
    /*============FULL GRID SECTION==============*/
    html[dir="ltr"] .overlayText .secondTitle {
        font-size: 1.75rem;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1199px){
    /*=============HERO SECTION===============*/
    .title-play_container .title {
        font-size: 3.275rem;
        line-height: calc(3.275rem* 1.5);
    }
    html[dir="ltr"]  .title-play_container .title {
        font-size: 3.275rem;
        line-height: calc(3.275rem* 1.5);
    }
    .mainSwiper .swiper-slide:before {
        display: none;
    }
    .swiper-slide-item.grid {
        padding-bottom: calc(var(--headerHeightMobile) + 5rem);
        grid-gap: 0.75rem;
        -ms-grid-columns: 1fr 0.75rem 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .product_media_info_wrap .img {
        height: 16rem;
    }
    .title-play_container {
        margin-bottom: 3rem;
    }

    .dec-cta_container {
        width: 75%;
    }
    .mainSwiper .swiper-slide .info .name span:first-child {
        font-size: 1rem;
    }

    .mainSwiper .swiper-slide .info .name span:last-child {
        font-size: 1.875rem;
    }

    .mainSwiper .swiper-slide .features .feature.size span {
        font-size: 3rem;
    }

    .mainSwiper .swiper-slide .features .feature.size sup {
        font-size: .875rem;
    }

    .mainSwiper .swiper-slide .features .feature:nth-child(3) {
        font-size: .7rem;
    }
    .mainSwiper .swiper-slide .info {
        width: 85%;
    }

    .homeHeroSectionCTAWrap {
        width: 30vw;
    }
    .thumbnailSwiperContainer {
        bottom: calc(var(--headerHeightMobile) + 2rem);
    }
    .homeHeroSectionCTAWrapper {
        bottom: calc(var(--headerHeightMobile) + 2rem);
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-row-gap: 1rem;
    }
    /*=============HERO SECTION===============*/
    /*=============SELECTED PRODUCTS SECTION===============*/
    section.selectedProducts > h2.title {
        font-size: 3rem;
    }
    section.selectedProducts .selectedProduct_item-link, section.selectedBlogs .selectedBlog_item-link {
        width: 2.125rem;
        height: 2.125rem;
    }
    html[dir="ltr"] section.selectedBlogs .selectedBlog_item-link{
        left: calc(100% - 2.125rem - 1.5rem);
    }
    section.selectedProducts .selectedProduct_item-link [class^="icon-"], section.selectedBlogs .selectedBlog_item-link [class^="icon-"] {
        font-size: .75rem;
    }
    section.selectedProducts .selectedProduct_item:nth-child(1) .selectedProduct_item-info .name {
        font-size: .875rem;
    }
    section.selectedProducts .selectedProduct_item:nth-child(1) .selectedProduct_item-info .model {
        font-size: 2.5rem;
    }
    section.selectedProducts .selectedProduct_item-info .name {
        font-size: .75rem;
    }

    section.selectedProducts .selectedProduct_item-info .model {
        font-size: 1rem;
    }
    section.selectedProducts .selectedProduct_item-info .features .feature > img {
        width: 3.91075rem;
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }
    section.selectedProducts .selectedProduct_item-info {
        padding: .875rem;
    }
    section.selectedProducts .selectedProduct_item:nth-child(1) .selectedProduct_item-info .features .feature > img{
        width: 5.625rem;
        height: 5.625rem;
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }
    section.selectedProducts .selectedProduct_item-info > *{
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    section.selectedProducts .selectedProduct_item:nth-child(1) .selectedProduct_item-info {
        padding: 1.5rem;
    }
    section.selectedProducts .selectedProduct_item{
        overflow: hidden;
    }
    section.selectedProducts .selectedProduct_item-info {
        pointer-events: none;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: all ease-in-out 0.4s;
        -o-transition: all ease-in-out 0.4s;
        transition: all ease-in-out 0.4s;
    }
    section.selectedProducts .selectedProduct_item {
        overflow: hidden;
    }
    section.selectedProducts .selectedProduct_item:hover .selectedProduct_item-info {
        pointer-events: auto;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    /*=============SELECTED PRODUCTS SECTION===============*/
    /*=============SELECTED BLOG SECTION===============*/
    section.selectedBlogs{
       /* height: auto;
        width: 100%;
        aspect-ratio: 5 / 2 auto;*/
    }
    section.selectedBlogs .selectedBlog_item-info {
        height: 16vh;
    }
    section.selectedBlogs .curve.two {
        bottom: calc(16vh - 0.5rem);
    }
    section.selectedBlogs .selectedBlog_item-info .title {
        font-size: 1.625rem;
        padding-left: calc(2.125rem + .875rem / 2);
    }
    html[dir="ltr"] section.selectedBlogs .selectedBlog_item-info .title {
        padding-left: 0;
        padding-right: calc(2.125rem + .875rem / 2);
    }
    section.selectedBlogs .selectedBlog_item-info .des {
        -webkit-line-clamp: 5;
    }

    section.selectedBlogs .swiper-pagination .swiper-pagination-bullet {
        width: 3.5rem;
    }
    section.selectedBlogs .swiper-pagination .swiper-pagination-bullet:after{
        height: .125rem;
    }
    /*=============SELECTED BLOG SECTION===============*/
    /*=============FullGRID  SECTION===============*/
    main .content__title {
        width: 65vw;
        height: 50vh;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .overlayText h2,html[dir="ltr"] .overlayText h2 {
        font-size: 5rem;
    }
    .sloganText {
        padding-right: 9rem;
    }
    section.fullGridSection .grid--wide {
        display: -ms-grid !important;
        display: grid !important;
    }
    section.fullGridSection.content {
        height: 100vh;
    }
    /*=============FullGRID  SECTION===============*/
}
@media only screen and (min-width: 769px) and (max-width: 1200px){
    .overlayText h2,html[dir="ltr"] .overlayText h2{
        font-size: 3.5rem;
    }
    .overlayText .secondTitle {
        font-size: 3rem;
    }
    html[dir="ltr"] .overlayText .secondTitle {
        font-size: 2.45rem;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px){
    /*==============HERO SECTION================*/
    html[dir="ltr"] .btn.blueBtn span:not([class^="icon-"]){
        font-size: .75rem;
    }
    .swiper-slide-item.grid {
        -ms-grid-columns: 1fr 4rem .6fr;
        grid-template-columns: 1fr .6fr;
        grid-column-gap: 4rem;
        padding-bottom: 100px;
    }
    .mainSwiper .swiper-slide .features .feature{
        height: 3.25rem;
    }
    .product_media_info_wrap .img {
        padding-top: .5rem;
        height: 12rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .product_media_info_wrap {
        padding: .7rem;
        padding-right: calc(1rem + 8px);
    }
    html[dir="ltr"] .product_media_info_wrap {
        padding-right: 0;
        padding-left: calc(1rem + 8px);
    }
    .mainSwiper .swiper-slide .info .name span:last-child {
        font-size: 1.35rem;
    }

    .mainSwiper .swiper-slide .info .name span:first-child {
        font-size: .9rem;
    }

    .mainSwiper .swiper-slide .features .feature:nth-child(3) {
        font-size: .5rem;
    }

    .mainSwiper .swiper-slide .features .feature.size span {
        font-size: 2.65rem;
    }

    .mainSwiper .swiper-slide .features .feature.size sup {
        font-size: .75rem;
    }

    .mainSwiper .swiper-slide .img .colors > span {
        width: 1rem;
        height: 1rem;
    }
    .title-play_container .title {
        font-size: 3rem;
        line-height: calc(3rem* 1.5);
    }
    .homeHeroTitleDescCTAPlayWrapper{
        min-height: auto;
    }
    .infoItem span.icon-information{
        font-size: .5rem;
        margin-bottom: 2px;
    }
    html[dir="ltr"]  .title-play_container .title {
        font-size: 4rem;
        line-height: calc(4rem* 1.5);
    }
    .title-play_container {
        margin-bottom: 2rem;
    }
    #rangeAreaChar1, .mainSwiper .swiper-slide .chart {
        min-height: 3.5rem;
    }

    .mainSwiper .swiper-slide .chart {
        margin: .5em 0 0.75rem;
    }
    .thumbnailSwiper .swiper-slide > img {
        padding: .18rem;
    }

    .swiper-button-next.mainSN1, .swiper-button-prev.mainSP1 {
        width: 1.3rem;
    }

    .homeHeroSectionCTAWrap, .homeHeroSectionCTAWrap::before {
        width: 20vw;
        height: 2rem;
    }

    .productsListItems img {
        width: 1.6rem;
        height: 1.6rem;
    }
    .infoItem {
        width: 1.575rem;
        height: 1.575rem;
    }
    .infoItem {
        width: 1.575rem;
        height: 1.575rem;
    }
    .apexcharts-canvas {
        margin-top: 5px;
    }
    .line_chart_list_items span {
        font-size: .7rem;
    }
    .main-swiper-slide_inner .btn.blueBtn,.dec-cta_container .btn.blueBtn {
        font-size: .75rem;
    }
    .mainSwiper .swiper-slide .info .name {
        padding-bottom: .1rem;
    }
    #videoModal .close {
        margin: .75rem;
    }

    #videoModal .close img {
        width: 1.5rem;
        height: 1.5rem;
    }
    /*==============HERO SECTION================*/
    /*==============SELECTED PRODUCTS SECTION================*/
    section.selectedProducts > h2.title {
        font-size: 3rem;
    }
    section.selectedProducts .selectedProduct_item-link:before, section.selectedBlogs .selectedBlog_item-link:before {
        background-size: .875rem;
    }
    section.selectedProducts .selectedProduct_item-link, section.selectedBlogs .selectedBlog_item-link {
        width: 2.75rem;
        height: 2.75rem;
        margin: .75rem;
    }

    section.selectedProducts .selectedProduct_item-info .name {
        font-size: .75rem;
    }
    section.selectedProducts .selectedProduct_item-info .features .feature > img{
        width: 4.91075rem;
    }
    section.selectedProducts .selectedProduct_item-info .model {
        font-size: 1.425rem;
    }
    section.selectedProducts .selectedProduct_item:nth-child(1) .selectedProduct_item-info .name {
        font-size: .875rem;
    }
    section.selectedProducts .selectedProduct_item:nth-child(1) .selectedProduct_item-info .model {
        font-size: 2.25rem;
    }
    section.selectedProducts .selectedProduct_item:nth-child(1) .selectedProduct_item-info > * {
        margin-bottom: 1rem;
    }
    /*==============SELECTED PRODUCTS SECTION================*/
    /*==============SELECTED BLOG SECTION================*/
    section.selectedBlogs .selectedBlog_item-info .title {
        font-size: 1.4rem !important;
        margin-bottom: 0.45rem;
        padding-left: calc(2.75rem + 1.875rem / 2);
    }
    html[dir="ltr"] section.selectedBlogs .selectedBlog_item-info .title {
        padding-left: 0;
        padding-right: calc(2.75rem + 1.875rem / 2);
    }
    section.selectedBlogs .selectedBlog_item-info .des {
        -webkit-line-clamp: 4;
        font-size: .7rem;
    }
    section.selectedBlogs .swiper-pagination .swiper-pagination-bullet {
        width: 4.5rem;
    }
    section.selectedBlogs .swiper-pagination .swiper-pagination-bullet:after{
        height: .16rem;
    }
    section.selectedBlogs .swiper-pagination {
        margin-bottom: 2rem;
    }
    /*==============SELECTED BLOG SECTION================*/
    /*==============FULL GRID SECTION=================*/
    .overlayText h2{
        font-size: 4.875rem;
    }
    .overlayText .secondTitle{
        font-size: 2.75rem;
    }
    html[dir="ltr"] .overlayText h2{
        font-size: 3.75rem;
    }
    html[dir="ltr"] .overlayText .secondTitle {
        font-size: 2.35rem;
    }
    section.fullGridSection .grid {
        grid-gap: .875rem;
    }
    main .content__title {
        height: 70vh;
    }
    /*==============FULL GRID SECTION=================*/
    section.fullGridSection .contentText p {
        font-size: .6rem;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px){
    .title-play_container .title {
        font-size: 2.8rem;
        line-height: calc(2.8rem* 1.5);
    }
    .title-play_container {
        margin-bottom: 1rem;
    }
    html[dir="ltr"] .title-play_container .title{
        font-size: 3.6rem;
        line-height: calc(3.6rem* 1.5);
    }
    .dec-cta_container{
        width: 73%;
    }
    section.selectedBlogs .selectedBlog_item-info .title {
        font-size: 1.2rem !important;
        margin-bottom: .875rem;
    }
    .swiper-slide-item.grid {
        grid-column-gap: 11rem;
    }
    .product_media_info_wrap .img {
        height: 8rem;
    }
    .mainSwiper .swiper-slide .features .feature {
        height: 3rem;
    }
    .mainSwiper .swiper-slide .info .name span:first-child {
        min-height: 62px;
    }
    .overlayText h2 {font-size: 3.5rem;}

    main .content__title {
        width: 52vw;
        height: 70vh;
    }
    .product_media_info_wrap {
        padding-right: calc(1rem - 1px)
    }
    html[dir="ltr"] .product_media_info_wrap {
        padding-left: calc(1rem - 1px);
        padding-right: 0;
    }
}
@media only screen and (min-width: 1401px) and (max-width: 1600px){
    /*================GENERAL CLASS====================*/
    section.selectedProducts > h2.title {
        font-size: 3.25rem;
    }
    /*================GENERAL CLASS====================*/
    /*================HERO SECTION====================*/
    .swiper-slide-item.grid {
        grid-column-gap: 0;
        -ms-grid-columns: 1fr 4rem .6fr;
        grid-template-columns: 1fr 0.7fr;
        padding-bottom: 110px;
    }
    .title-play_container .title {
        font-size: 4rem;
        line-height: calc(4rem* 1.5);
    }
    html[dir="ltr"] .title-play_container .title{
        font-size: 4.5rem;
        line-height: calc(4.5rem* 1.25);
    }
    .title-play_container {
        margin-bottom: 1.5rem;
    }
    .dec-cta_container{
        width: 60%;
    }
    .thumbnailSwiperContainer {
        bottom: 1.7rem;
    }
    .homeHeroSectionCTAWrapper {
        bottom: 1.7rem;
    }
    .product_media_info_wrap .img {
        height: 12rem;
        padding-top: .5rem;
    }
    .mainSwiper .swiper-slide .info .name span:first-child {
        font-size: .95rem;
    }
    .mainSwiper .swiper-slide .features .feature{
        height: 3rem;
    }
    .mainSwiper .swiper-slide .info .name span:last-child {
        font-size: 1.35rem;
    }
    .mainSwiper .swiper-slide .features .feature.size sup {
        font-size: .9rem;
        top: -14px;
    }
    #rangeAreaChar1, .mainSwiper .swiper-slide .chart {
        min-height: 4rem;
    }
    .mainSwiper .swiper-slide .features .feature.size span {
        font-size: 3rem;
    }
    .mainSwiper .swiper-slide .img .colors > span {
        width: 1.25rem;
        height: 1.25rem;
    }
    .swiper-button-next.mainSN1, .swiper-button-prev.mainSP1 {
        width: 1.5rem;
    }
    .homeHeroSectionCTAWrap {
        width: 19rem;
    }
    .dec-cta_container .btn.blueBtn {
        font-size: .875rem;
    }
    .product_media_info_wrap .btn.blueBtn {
        font-size: .875rem;
    }
    #lineChartWrapper {
        margin-top: 6px;
    }
    #videoModal .close img {
        width: 1.8rem;
        height: 2.8rem;
    }
    /*================HERO SECTION====================*/
    /*==========selectedProducts SECTION===============*/
    section.selectedProducts .selectedProduct_item-link:before, section.selectedBlogs .selectedBlog_item-link:before{
        background-size: .875rem;
    }
    section.selectedProducts .selectedProduct_item-link, section.selectedBlogs .selectedBlog_item-link {
        width: 2.8rem;
        height: 2.8rem;
    }
    section.selectedProducts .selectedProduct_item-info .model {
        font-size: 1.525rem;
    }
    section.selectedProducts .selectedProduct_item-info .name {font-size: .75rem;}
    section.selectedProducts .selectedProduct_item:nth-child(1) .selectedProduct_item-info .name {
        font-size: .9rem;
    }
    section.selectedProducts .selectedProduct_item:nth-child(1) .selectedProduct_item-info .model {
        font-size: 2.8rem;
    }
    section.selectedProducts .selectedProduct_item-info .features .feature > img {
        width: 5.21075rem;
    }
    /*==========selectedProducts SECTION===============*/
    /*==========selectedBlogs  SECTION===============*/
    section.selectedBlogs .selectedBlog_item-info .title{
        font-size: 1.65rem;
        padding-left: calc(2.8rem + .875rem / 2);
    }
    html[dir="ltr"] section.selectedBlogs .selectedBlog_item-info .title{
        padding-left: 0;
        padding-right: calc(2.8rem + .875rem / 2);
    }
    section.selectedBlogs .selectedBlog_item-info .des {
        -webkit-line-clamp: 5;
    }
    section.selectedBlogs .swiper-pagination .swiper-pagination-bullet {
        width: 5.15rem;
    }
    section.selectedBlogs .swiper-pagination .swiper-pagination-bullet:after{
        height: .18rem;
    }
    /*==========selectedBlogs  SECTION===============*/
    /*==========FULLSCREEN  SECTION===============*/
    section.fullGridSection .grid{
        grid-gap: 1.125rem;
    }
    .overlayText h2,html[dir="ltr"] .overlayText h2 {
        font-size: 5rem;
        white-space: nowrap;
    }
    html[dir="ltr"] .overlayText .secondTitle {
        font-size: 2.65rem;
    }
    .overlayText .secondTitle{
        font-size: 3.85rem;
    }
    .overlayText .btnWrap{
        font-size: .875rem;
    }
    /*==========FULLSCREEN  SECTION===============*/
    section.fullGridSection .contentText p {
        font-size: .7rem;
    }
}
@media only screen and (min-height: 1080px){
    .swiper-slide-item.grid{
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .homeHeroTitleDescCTAPlayWrapper{
        min-height: auto;
    }
    #lineChartWrapper {
        margin-top: 8px;
    }
}
@media only screen and (min-width: 1401px) and (max-width: 1600px) and (max-height: 779px){
    .swiper-slide-item.grid{
        grid-gap: 17rem;
    }
    .title-play_container .title{
        font-size: 4rem;
    }
    .product_media_info_wrap .img{
        height: 9rem;
    }
    .mainSwiper .swiper-slide .info .name span:first-child{
        font-size: 1rem;
    }
    .mainSwiper .swiper-slide .info .name span:last-child{
        font-size: 1.5rem;
    }
}
@media only screen and (min-width: 1600px) and (max-height: 779px) {
    .swiper-slide-item.grid {
        -ms-grid-columns: 1fr 12rem .45fr;
        grid-template-columns: 1fr .45fr;
        grid-gap: 6rem;
        padding-bottom: 98px;
    }
    .mainSwiper .swiper-slide .features .feature{
        height: 3rem;
    }
    .product_media_info_wrap .img {
        height: 10rem;
    }
    .mainSwiper .swiper-slide .features .feature.size sup {
        font-size: .875rem;
    }

    .mainSwiper .swiper-slide .img .colors > span {
        width: 1.25rem;
        height: 1.25rem;
    }
    .mainSwiper .swiper-slide .info .name span:first-child {
        font-size: .875rem;
    }

    .mainSwiper .swiper-slide .info .name span:last-child {
        font-size: 1.5rem;
    }

    .mainSwiper .swiper-slide .features .feature.size span {
        font-size: 2.5rem;
    }
    .product_media_info_wrap .btn.blueBtn{
        height: 2rem;
    }
    .title-play_container .title {
        font-size: 3.875rem;
        line-height: calc(3.875rem* 1.5);
    }

    .title-play_container {
        margin-bottom: 3rem;
    }

    .homeHeroSectionCTAWrap {
        width: 18vw;
    }
    section.selectedBlogs .selectedBlog_item-info .title {
        font-size: 1.875rem;
    }

    section.selectedBlogs .swiper-pagination .swiper-pagination-bullet {
        width: 6rem;
    }
    .grid--columns .grid__img {
        height: 59vh;
    }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px){
    section.selectedBlogs .swiper-pagination .swiper-pagination-bullet{
        width: 6rem;
    }
    .homeHeroSectionCTAWrap {
        width: 22vw;
    }
    .title-play_container .title {
        font-size: 4rem;
        line-height: calc(4rem * 1.5);
    }
}
@media only screen and (min-width: 2000px) {
    .swiper-slide-item.grid {
        -ms-grid-columns: 1fr 12rem .4fr;
        grid-template-columns: 1fr .5fr;
        grid-gap: 5rem;
    }
    .product_media_info_wrap .img {
        height: 12rem;
        padding-top: .5rem;
    }
    .mainSwiper .swiper-slide .info .name span:first-child {
        font-size: 1rem;
    }

    .mainSwiper .swiper-slide .info .name span:last-child {
        font-size: 1.85rem;
    }

    .mainSwiper .swiper-slide .features .feature.size span {
        font-size: 3rem;
    }

    .mainSwiper .swiper-slide .features .feature.size sup {
        font-size: .875rem;
    }
    .mainSwiper .swiper-slide .features .feature:nth-child(3) {
        font-size: 0.75rem;
    }
    .title-play_container .title {
        font-size: 4.875rem;
        line-height: calc(4.875rem* 1.5);
    }
    html[dir="ltr"] .title-play_container .title{
        font-size: 4.875rem;
        line-height: calc(4.875rem* 1.5);
    }
    .title-play_container {
        margin-bottom: 3rem;
    }
    .mainSwiper .swiper-slide .img .colors > span {
        width: 1.4rem;
        height: 1.4rem;
    }
    #rangeAreaChar1, .mainSwiper .swiper-slide .chart {
        min-height: 4rem;
    }
    .overlayText h2,html[dir="ltr"] .overlayText h2 {
        font-size: 5.5rem;
    }
}