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

/*=====================GENERAL CLASS=======================*/
:root{
    --radius-section: 4.125rem;
    --radius-box:1.9375rem;
    --radius-box-two: 2.25rem;
    --inline-padding: 3.75rem;
}
#videoModal [class^="icon-"] {
    color: var(--brown);
}
section.section:not(.aboutHeroSectionContainer) {
    margin-left: var(--spaceXS);
    margin-right: var(--spaceXS);
    width: calc(100% - var(--spaceXS)*2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: calc(100vh - var(--headerHeight) - var(--spaceXS)*2);
    border-radius: var(--radius-section);
    height: calc(100vh - var(--headerHeight) - var(--spaceXS)*2);
}
section.section{
    /*position: sticky;*/
    /*left: 0;*/
    /*top: calc(var(--headerHeight) + var(--spaceXS));*/
}
.title_item_lg{
    font-size: 5rem;
    font-weight: 800;
    line-height: normal;
}
html[dir="ltr"] .title_item_lg {
    font-size: 5rem;
}
.glass-box{
    border-radius: var(--radius-box-two);
    background: rgba(255, 255, 255, 0.55);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.gridWrapper{
    -ms-grid-columns: calc(var(--spaceX)*4) calc(var(--spaceX)*4);
    grid-template-columns: calc(var(--spaceX)*4) calc(var(--spaceX)*4);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
/*=====================GENERAL CLASS=======================*/
/*=====================ABOUT HERO SECTION=======================*/
section.aboutHeroSectionContainer {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3rem;
}
section.aboutHeroSectionContainer h1 {
    line-height: normal;
}
.hero-section-content {
    width: 70%;
    margin: 0 auto;
    position: relative;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hero-section-content-wrap {
    position: relative;
    height: 100%;
}
.hero-section-content-wrap .btn.blueBtn img {
    -webkit-transform: translateY(-50%) scaleX(-1) rotate(135deg);
    -ms-transform: translateY(-50%) scaleX(-1) rotate(135deg);
    transform: translateY(-50%) scaleX(-1) rotate(135deg);
    width: 0.71rem;
    height: 0.71rem;
}

.hero-section-content p,
.swiper_item .content p,
.sliderInfoWrap .content p{
    line-height: 2;
}
.hero-section-content-wrap .btn.blueBtn {
    position: relative;
    /*bottom: 0;*/
    /*left: 0;*/
    min-width: 8rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 0.75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.75rem;
    height: var(--hedaderButtonHeight);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 0;
    margin-right: auto;
    margin-top: 2rem;
}
html[dir="ltr"] .hero-section-content-wrap .btn.blueBtn{
    /*left: auto;*/
    /*right: 0;*/
    margin-right: 0;
    margin-left: auto;
}
/*=====================ABOUT HERO SECTION=======================*/
/*=====================ABOUT VIDEO SECTION======================*/
.video-overlay video {
    border-radius: var(--radius-section);
}
.aboutVideoContainer img.white-logo {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    bottom: calc(var(--spaceHalf)*2);
    right: calc(var(--spaceHalf)*2);
    width: 55%;
    position: absolute;
}
.play-video {
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.aboutVideoInfoWrapper {
    width: 33%;
    z-index: 2;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    padding: var(--spaceHalf);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: var(--radius-box-two);
    background: rgba(0, 0, 0, 0.25);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
section.aboutVideoContainer {
    padding: calc(var(--spaceHalf)*2);
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: var(--spaceXS);
    margin-bottom: var(--spaceXS);
}
html[dir="ltr"] section.aboutVideoContainer{
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.logoWrapper {
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    margin-top: 1rem;
}

.aboutVideoInfoWrapper p {
    margin-bottom: 0.5rem;
    line-height: 2;
}

/*=====================ABOUT VIDEO SECTION======================*/
/*=====================FIRST SWIPER SECTION=====================*/
.myFirstSwiper {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: var(--radius-section);
}
.swiper_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: calc(var(--spaceHalf)*2);
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: 1.25rem;
}
.swiper_item .content {
    padding: var(--spaceHalf);
    /*bottom: calc(var(--spaceHalf)*2);*/
    /*right: calc(var(--spaceHalf)*2);*/
    width: 25%;
    position: relative;
}
html[dir="ltr"] .swiper_item .content {
    /*right: auto;*/
    /*left: calc(var(--spaceHalf)*2);*/
}
.swiper_item h3 {
    z-index: 1;
    position: relative;
    /*width: 38%;*/
}
.swiper_item .back-overlay img {
    border-radius: var(--radius-section);
    position: relative;
    z-index: 0;
}
.aboutSliderContainerOne .swiper-pagination{
    left: calc(var(--spaceHalf)*2) !important;
    bottom: calc(var(--spaceHalf)*2);
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    width: auto;
}
html[dir="ltr"] .aboutSliderContainerOne .swiper-pagination{
    left: auto !important;
    right: calc(var(--spaceHalf)*2) !important;
}
.aboutSliderContainerOne .back-overlay{
    pointer-events: none;
}
.swiper-pagination span.swiper-pagination-bullet {
    width: 7.5rem;
    opacity: 1;
    height: .25rem;
    border-radius: 0;
    margin: 0 .5rem;
    opacity: 1;
    position: relative;
    overflow: hidden;
    padding: 2rem 0;
    background-color: transparent;
    bottom: -2rem;
}
.swiper-pagination span.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;
}
.swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    background-color: var(--white);
}
.swiper_item .back-overlay::before {
    content:'';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--black);
    z-index: 1;
    opacity: .25;
}

.swiper_item .back-overlay {
    position: absolute;
}
/*=====================FIRST SWIPER SECTION=====================*/
/*=======================TIME LINE SECTION======================*/
.panel {
    will-change: transform;
}
section.timelineContainer {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-top: var(--spaceHalf);
}
.time_line_slide{
    position: relative;
}
.time_line_slide::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.50)), to(rgba(0, 0, 0, 0.50)));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.full-screen {
    display: block;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.panel {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* justify-content: center; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 600;
    text-align: center;
    color: white;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: var(--headerHeight) 0 0 0;
}
#panels #panels-container {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0;
    overflow: hidden;
    background-color: var(--backColor);
}
.panel_slider_items {
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

.panel_slider_items .panel_slider_item {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: scale(1.35) translateZ(0);
    transform: scale(1.35) translateZ(0);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.memberWrap:hover .memberPortrait img {
    -webkit-transform: scale(1.15) translateZ(0);
    transform: scale(1.15) translateZ(0);
}
.panel_slider_items .panel_slider_item img {
    width: 100%;
    height: 100%;
}
#panels #panels-container .panel {
    position: relative;
    min-width: 100vw;
    height: 100vh;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
}
#panels #panels-container .panel img {
    max-width: 100%;
    display: block;
}
#panels #panels-container .panel .panels-navigation {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
#panels #panels-container .panel .anchor-panel,
#panels #panels-container .panel .nav-panel {
    color: #000;
    text-transform: uppercase;
    margin-right: 2rem;
}
#panels #panels-container .panels-navigation {
    position: absolute;
    width: 100%;
    bottom: 2rem;
    right: 2rem;
}
.panel > h3 {
    direction: rtl;
    z-index: 1;
    line-height: normal;
    margin-top: 1rem;
}
.time_line_Wrapper{
    position: relative;
    direction: rtl;
    z-index: 1;
    -ms-grid-columns: calc(var(--spaceX)*3.5) calc(var(--spaceX)*2);
    grid-template-columns: calc(var(--spaceX)*3.5) calc(var(--spaceX)*2);
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-grid;
    display: grid;
    height: 100%;
    padding-bottom: 3rem;
}
#panels #panels-container .panel:nth-of-type(3) img {-o-object-position: 0 -40px;object-position: 0 -40px;}
.time_line_info_media_wrap .media_wrap,.time_line_info_media_wrap h3 {
    width: 100%;
    margin-right: auto;
}
.panel_slider_items::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 1;
}
.time_line_info_media_wrap .media_wrap {
    height: 50vh;
    border-radius: var(--radius-box);
    margin-bottom: 1.2rem;
    position: relative;
}
.time_line_info_media_wrap .media_wrap img {
    border-radius: var(--radius-box);
}

.time_line_info_media_wrap h3 {
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    font-size: 1.5rem;
}
.time_line_content {
    position: relative;
    padding: var(--spaceHalf);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2.25rem;
    background: rgba(0, 0, 0, 0.20);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    text-align: right;
}
html[dir="ltr"] .time_line_content {
    text-align: left;
}
#panels #panels-container .panel span.year {
    position: absolute;
    font-size: 25rem;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.35);
    bottom: 7rem;
    line-height: 11rem;
    display: block;
    right: var(--spaceX);
}
.time_line_slider{
    width: 100vw;
    height: 100%;
}
.time_line_slide{
    -webkit-transition: all linear 0s;
    -o-transition: all linear 0s;
    transition: all linear 0s;
}
.myTimeLineSwiper {
    width: 100vw;
    height: 100%;
    z-index: 0;
}
.time_line_info_media_wrap .media_wrap::before {
    border-radius: var(--radius-box);
}
.time_line_overlay::before{
    content: '';
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.50)), to(rgba(0, 0, 0, 0.50)));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
    -webkit-filter: blur(3px);
    filter: blur(3px);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.time_line_overlay img{
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    width: 100%;
    height: 100%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
/*=======================TIME LINE SECTION======================*/
/*=====================SECOND SLIDER SECTION=====================*/
section.aboutSliderContainerTwo {
    z-index: 2;
    position: relative;
    background-color: var(--backColor);
    padding: var(--spaceXS);
    height: calc(100vh - var(--headerHeight));
}
.mySecondSwiper {}
.mySecondSwiper .swiper-slide {
    padding: var(--spaceHalf) var(--spaceX) 4.5rem;
}

.sliderWrapper {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    padding: var(--spaceXS) var(--spaceXS);
}
html[dir="ltr"] .sliderWrapper{

}
.sliderInfoWrap {
    position: relative;
    padding-left: var(--spaceXS);
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    row-gap: 2rem;
}
html[dir="ltr"] .sliderInfoWrap {
    padding-left: 0;
    padding-right: var(--spaceXS);
}
.sliderMediaWrap::before {
    border-radius: var(--radius-box);
}
.sliderMediaWrap img{
    border-radius: var(--radius-box);
}
.sliderMediaWrap {
    height: calc(100vh - var(--headerHeight) - var(--spaceHalf) * 2 - 7px - var(--spaceXS) * 6);
    width: calc(100% - var(--spaceXS));
    margin-right: auto;
}
html[dir="ltr"] .sliderMediaWrap {
    margin-right: 0;
    margin-left: auto;
}
.sliderInfoWrap::before {
    content: '';
    position: absolute;
    background-color: var(--brown);
    width: 1px;
    height: 104%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
html[dir="ltr"] .sliderInfoWrap::before {
    left: auto;
    right: 0;
}
.sliderInfoWrap .content {
    padding-bottom: 2.38rem;
}
section.aboutSliderContainerTwo .swiper-pagination {
    bottom: 24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
section.aboutSliderContainerTwo .swiper-pagination span.swiper-pagination-bullet::after {
    background: var(--brown);
}

section.aboutSliderContainerTwo .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    background: var(--blue);
}
/*===================SECOND SLIDER SECTION===================*/
/*=====================AWARDS SECTION=====================*/
section.aboutAwardsContainer {
    background-color: var(--backColor);
    -ms-grid-columns: 1fr var(--spaceX) .5fr;
    grid-template-columns: 1fr .5fr;
    grid-gap: var(--spaceX);
    min-height: calc(100vh - var(--headerHeight));
}
.awardsPortrait {
    position: sticky;
    top: calc(var(--headerHeight) + var(--spaceHalf));
    left: 0;
    padding-left: var(--spaceXS);
    height: calc(100vh - var(--headerHeight) - var(--spaceHalf) *3);
    border-radius: var(--radius-box);
    padding-top: var(--spaceHalf);
}
.awardsListItemsTitle {
    padding-right: var(--spaceXS);
}
section.aboutAwardsContainer h2 {
    margin-bottom: var(--spaceHalf);
}
.awardsPortrait img {
    border-radius: var(--radius-box);
}
.award_portrait_box.load:before {
    content: '';
    background-image: url(../img/loading.gif);
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 2rem;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--backColor);
    z-index: 1
}
.awards_list_item {
    -ms-grid-columns: 0.4fr 0.2fr 1fr;
    grid-template-columns: 0.4fr 0.2fr 1fr;
    padding: 1.2rem 0;
    border-top: 1px solid var(--brown);
    -webkit-transition: all cubic-bezier(0,.23,.06,.99) .5s;
    -o-transition: all cubic-bezier(0,.23,.06,.99) .5s;
    transition: all cubic-bezier(0,.23,.06,.99) .5s;
    padding-right: 0.5rem;
}
html[dir='ltr'] .awards_list_item{
    padding-right: 0;
    padding-left: .5rem;
}
.awards_list_item:last-child {
    border-bottom: 1px solid var(--brown);
}
.awards_list_item:hover{
    color: var(--white);
}
.awards_list_item .title {
    font-weight: 700;
}
.awards_list_item > *{
    z-index: 1;
}
.awards_list_item::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 51%;
    background-color: var(--blue);
    -webkit-transition: all cubic-bezier(0,.23,.06,.99) .5s;
    -o-transition: all cubic-bezier(0,.23,.06,.99) .5s;
    transition: all cubic-bezier(0,.23,.06,.99) .5s;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    z-index: 0;
}
.awards_list_item::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 51%;
    background-color: var(--blue);
    -webkit-transition: all cubic-bezier(0,.23,.06,.99) .5s;
    -o-transition: all cubic-bezier(0,.23,.06,.99) .5s;
    transition: all cubic-bezier(0,.23,.06,.99) .5s;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    z-index: 0;
}
.awards_list_item:hover::before,.awards_list_item:hover::after{
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
/*=====================AWARDS SECTION=====================*/
/*=======================MEMBERS SECTION======================*/
section.membersContainer {
    position: relative;
    z-index: 2;
    padding-left: var(--spaceXS);
    padding-right: var(--spaceXS);
    background-color: var(--backColor);
    border: none !important;
    padding-top: var(--spaceHalf);
}
.membersWrapper .swiper-wrapper{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1.25rem 1fr 1.25rem 1fr 1.25rem 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1.25rem;
}
.memberPortrait{
    border-radius: var(--radius-box);
    overflow: hidden;
}
section.membersContainer h2 {
    margin-bottom: 0.5rem;
    padding: 0 calc(var(--spaceX) - var(--spaceXS));
}
.memberInfo {
    bottom: 1.3rem;
    right: 1.25rem;
    width: calc(100% - 1.3rem - 1.3rem);
    border-radius: 1.25rem;
    background: rgba(0, 0, 0, 0.20);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: .81rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.memberInfo p.name {
    font-weight: 700;
}
.memberWrap {
    height: 58vh;
}
.memberPortrait 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);
}
/*=======================MEMBERS SECTION======================*/
/*=======================CAREERS SECTION======================*/
section.careersAboutContainer {
    position: relative;
    margin: 0 var(--spaceXS);
    width: calc(100% - var(--spaceXS)*2);
    padding: var(--spaceHalf) 0;
    background-color: var(--backColor);
}
.careersWrapper {
    padding-top: var(--inline-padding);
    padding-bottom: var(--inline-padding);
}
.backOverlay img {
    border-radius: var(--radius-section);
}
.backOverlay {
    border-radius: var(--radius-section);
}
.careersContainer {
    border-radius: var(--radius-section);
}
.careersWrap {
    padding: 1.81rem;
}
.careersWrap h3 {
    margin-bottom: 1.37rem;
}
.careersTopContent {
    margin-bottom: 1.37rem;
}
.careersVideoBox {
    margin-bottom: 1rem;
    border-radius: 8.3125rem;
    /* background: rgba(0, 84, 107, 0.20); */
    -webkit-backdrop-filter: blur(10px);
    /* backdrop-filter: blur(10px); */
    /* padding: 1.38rem 0;*/
}
.careersVideoBox video {
    height: 5.125rem;
    border-radius: 3.9375rem;
}
.careersContent {
    margin-bottom: 2.2rem;
}
.careersWrap .borderHighlight::before {
    border-radius: 1.875rem;
}
.careersWrap .borderHighlight {
    font-size: .75rem;
}
/*=======================CAREERS SECTION======================*/
/*======================CERTIFICATE SECTION====================*/
.certificateContainer{
    position: relative;
    margin-left: var(--spaceXS);
    margin-right: var(--spaceXS);
    width: calc(100% - var(--spaceXS)* 2);
    background-color: var(--backColor);
}
.certificateWrapper {
    padding-top: var(--inline-padding);
    padding-bottom: var(--inline-padding);
}

.certificateWrap {
    -ms-grid-columns: 1fr 2.5rem 1fr 2.5rem 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2.5rem;
}

.certificateWrap img {
    mix-blend-mode: screen;
    width: 100%;
    height: 14rem;
}

.certificateWrapper h2 {
    white-space: nowrap;
}
/*======================CERTIFICATE SECTION====================*/
/*========================FOUNDER SECTION=====================*/
section.founderContainer {
    position: relative;
    margin-left: var(--spaceXS);
    margin-right: var(--spaceXS);
    width: calc(100% - var(--spaceXS)* 2);
    background-color: var(--backColor);
    min-height: calc(100vh - var(--headerHeight));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: var(--spaceHalf);
}
.founderWrapper {
    padding-top: var(--inline-padding);
    padding-bottom: var(--inline-padding);
    position: relative;
    width: 100%;
    height: 100%;
    min-height: calc(100vh - var(--headerHeight));
}
.ceoMediaWrapper video {
    border-radius: var(--radius-box-two);
}
.ceoMediaWrapper {
    height: calc(100vh - var(--headerHeight) - var(--inline-padding) * 2);
}
.founderInfo h3 {
    margin-bottom: 1.87rem;
    font-size: 4rem;
}
.ceoMediaWrapper .mediaWrap::before {
    border-radius: 2.4375rem;
}
.ceo-content {
    width: 75%;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background-color: rgba(0, 0, 0, 0.2);
    padding: .95rem;
}
.ceo-content p{
    text-align: justify;
}
.founderInfo .founder_name {
    text-align: left;
    margin-top: 1rem;
    font-size: 1.17rem;
    font-weight: bold;
}
html[dir="ltr"] .founderInfo .founder_name {
    text-align: right;
}
/*========================FOUNDER SECTION=====================*/
/*========================MODAL SECTION=====================*/
#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.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;
}
/*========================MODAL SECTION=====================*/
@media only screen and (max-width: 768px){
    /*=========GENERAL CLASS==========*/
    :root{
        --radius-section: 1.5625rem;
        --radius-box:1.9375rem;
        --inline-padding: 1.5rem;
        --radius-box-two: 1.25rem;
    }
    .title_item_lg,html[dir="ltr"] .title_item_lg {
        font-size: 2.1875rem;
        margin-bottom: 1.5rem;
    }
    section.section:not(.aboutHeroSectionContainer) {
        height: auto;
        margin-bottom: var(--spaceHalf);
    }
    .gridWrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .founderInfo h3 {
        font-size: 2rem;
    }
    .founderInfo .founder_name {
        font-size:1.125rem
    }
    /*=========GENERAL CLASS==========*/
    /*=========HERO SECTION==========*/
    section.aboutHeroSectionContainer {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        margin-bottom: 1.56rem;
    }
    section.section {
        position: relative;
        top: auto;
    }
    .hero-section-content {
        width: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .hero-section-content-wrap .btn.blueBtn {
        position: relative;
        top: auto;
        left: auto;
        margin-top: 0;
    }
    .hero-content {
        margin-bottom: 2rem;
    }
    section.aboutHeroSectionContainer h1 {
        margin-bottom: 1rem;
    }
    /*=========HERO SECTION==========*/
    /*=========VIDEO SECTION=========*/
    section.aboutVideoContainer {
        padding: var(--spaceX);
    }
    .aboutVideoInfoWrapper {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 2.2rem 0 2.38rem;
    }
    #play-video {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        top: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin: 2rem auto;
    }
    .aboutVideoContainer img.white-logo {
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3;
        bottom: auto;
        right: auto;
        width: 86%;
        position: relative;
        margin: 0 auto 1.53rem;
    }
    .logoWrapper img {
        width: 5.433rem;
        height: 1.01594rem;
    }

    .logoWrapper {
        -webkit-column-gap: 2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    section.aboutVideoContainer .play-video {
        position: relative;
    }
    /*=========VIDEO SECTION=========*/
    /*=========SLIDER ONE SECTION=========*/
    section.aboutSliderContainerOne {
        min-height: unset !important;
        height: calc(100vh - var(--headerHeight) - var(--headerHeightMobile)) !important;
    }
    .swiper_item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        padding: var(--spaceX);
        padding-bottom: 4rem;
    }
    .swiper_item .content {
        width: 100%;
        right: auto;
        bottom: auto;
        position: relative;
    }
    html[dir="ltr"]  .swiper_item .content {
        left: auto;
    }
    .swiper_item h3 {
        width: 100%;
        margin-bottom: 1.2rem;
    }
    .swiper-pagination span.swiper-pagination-bullet {
        width: 2.5rem;
        height: 3px;
    }
    .aboutSliderContainerOne .swiper-pagination {
        left: 50% !important;
        top: auto;
        -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important;
        width: 100%;
        bottom: 1rem;
    }
    /*=========SLIDER ONE SECTION=========*/
    /*==========TIMELINE SECTION==========*/
    .panel_slider_items .panel_slider_item{
        -webkit-transform: scale(1.35) translateZ(0);
        transform: scale(1.35) translateZ(0);
    }
    #panels #panels-container .panel:nth-of-type(3) img {
        -o-object-position: 0;
        object-position: 0;
    }
    #panels #panels-container .panel span.year {
        font-size: 36vw;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
        right: auto;
        top: 9rem;
    }
    html[dir="ltr"] #panels #panels-container .panel span.year {
        bottom: 12rem;
    }
    .time_line_Wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        /* height: 100%; */
        /* padding-bottom: calc(var(--headerHeightMobile)); */
        /* height: 100%; */
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .time_line_content {
        padding: var(--spaceX);
        height: auto;
        overflow: auto;
        font-size: .65rem;
    }
    .time_line_info_wrap {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: auto;
        width: 50%;
    }
    .time_line_info_media_wrap {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 38%;
    }
    .time_line_info_media_wrap h3 {
        font-size: 1.1625rem;
    }
    .time_line_info_media_wrap .media_wrap {
        height: auto;
        width: 70%;
        margin: 0 auto 1rem;
        border-radius: 0.125rem;
    }
    #panels #panels-container .panel {
        /*width: 200vw;*/
        padding-bottom: var(--headerHeightMobile);
    }
    html[dir="ltr"] .panel > h3{
        margin-bottom: 0.75rem;
    }
    .panel > h3 {
        width: 100%;
        padding: 0 var(--spaceX);
        font-size: 1.25rem;
        line-height: 2.25rem;
    }
    /*.panel_slider_items {*/
    /*    width: 200vw;*/
    /*}*/
    /*==========TIMELINE SECTION==========*/
    /*=========SECOND SLIDER SECTION=========*/
    .sliderWrapper {-ms-grid-columns: 1fr;grid-template-columns: 1fr;}
    section.aboutSliderContainerTwo {
        height: auto;
        min-height: calc(100vh - var(--headerHeight) - var(--headerHeightMobile));
        padding: 0;
        margin: var(--spaceHalf) var(--spaceX);
    }
    .sliderInfoWrap {
        padding: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .sliderMediaWrap {
        height: 28vh;
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 1.12rem;
    }
    .sliderInfoWrap h2 {
        padding: 0;
        text-align: center;
        line-height: 1.5;
        margin-bottom: 1.12rem;
    }
    .sliderInfoWrap::before {
        opacity: 0;
    }

    .sliderInfoWrap .content {
        padding-bottom: 0;
    }
    .mySecondSwiper .swiper-slide {
        height: 100%;
        min-height: calc(100vh - var(--headerHeight) - var(--headerHeightMobile));
        opacity: 0 !important;
    }
    .mySecondSwiper .swiper-slide.swiper-slide-active {
        opacity: 1 !important
    }
    /*=========SECOND SLIDER SECTION=========*/
    /*=========AWARDS SECTION=========*/
    section.aboutAwardsContainer {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        margin-bottom: var(--spaceHalf);
    }
    .awardsListItemsTitle {
        padding: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .awardsPortrait {
        padding: 0;
        height: 28vh;
        z-index: 1;
        top: var(--headerHeight);
        border-radius: 0;
        background-color: var(--backColor);
    }
    .awards_list_item {
        padding: .56rem 0;
        -ms-grid-columns: 0.5fr 0.25fr 1fr;
        grid-template-columns: 0.5fr 0.25fr 1fr;
    }
    /*=========AWARDS SECTION=========*/
    /*=========MEMBERS SECTION=========*/
    .membersWrapper .swiper-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        grid-gap: unset;
    }
    .memberWrap {
        width: 44%;
        height: 32vh;
    }
    section.membersContainer {
        padding-left: 0;
    }
    html[dir="ltr"] section.membersContainer{
        padding-right: 0;
        padding-left: var(--spaceXS);
    }
    .memberInfo {
        padding: .5rem;
        right: .5rem;
        bottom: .5rem;
        width: calc(100% - 1rem);
        border-radius: 0.9375rem;
    }
    section.membersContainer h2 {
        margin-bottom: 1.56rem;
    }
    /*=========MEMBERS SECTION=========*/
    /*=========CAREERS SECTION=========*/
    .careersWrapper h2 {
        line-height: 1.6;
        margin-bottom: .5rem;
    }
    .careersWrap {
        padding: var(--spaceHalf);
    }
    .careersWrap h3 {
        margin-bottom: .5rem;
    }
    .careersTopContent {
        margin-bottom: .62rem;
    }
    .careersVideoBox {
        border-radius: 8.3125rem;
        padding: .5rem 0;
        margin-bottom: .62rem;
    }
    .careersVideoBox video {
        height: 3.57938rem;
        border-radius: 3.9375rem;
    }
    /*=========CAREERS SECTION=========*/
    /*=========CERTIFICATE SECTION=========*/
    .certificateWrap img {
        height: 10.5rem;
    }
    .certificateWrap {
        grid-gap: .75rem;
    }
    .certificateContainer {
        padding-bottom: 2rem;
    }
    .certificateWrapper h2 {
        text-align: center;
        margin-bottom: 1rem;
    }
    /*=========CERTIFICATE SECTION=========*/
    /*============CEO SECTION============*/
    section.founderContainer {
        padding-top: var(--spaceHalf);
        /*background: #030303;*/
        margin-top: var(--spaceHalf);
        border-radius: var(--radius-section);
        min-height: auto;
    }
    .ceoMediaWrapper {
        height: 51vh;
    }
    .founderItemWrapper .backOverlay {
        position: relative;
        top: auto;
        left: auto;
    }
    .founderInfo h3 {
        margin-bottom: .56rem;
        color: var(--blue);
    }
    .ceo-content {
        margin-bottom: 2.38rem;
        width: 100%;
        color: var(--blue);
        background: transparent;
        padding: 0;
    }
    .founderWrapper {
        /*margin-top: -5rem;*/
        min-height: auto;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }
    /*============CEO SECTION============*/
    /*============MODAL VIDEO============*/
    #videoModal .close {
        margin: .75rem;
    }
    #videoModal .close img {
        width: 2rem;
        height: 2rem;
    }
    /*============MODAL VIDEO============*/
    #panels #panels-container .panel {
        min-width: 200vw;
    }
}
@media only screen and (min-width: 640px) and (max-width: 768px){
    section.aboutVideoContainer{
        padding-bottom: calc(var(--headerHeightMobile) + 2rem);
    }
    .aboutVideoContainer img.white-logo{
        bottom: calc(var(--headerHeightMobile) + 2rem);
    }
    .aboutVideoContainer img.white-logo {
        margin-top: auto;
    }
    .time_line_info_media_wrap .media_wrap {
        width: 45%;
    }
    #panels #panels-container .panel span.year {
        font-size: 33vw;
        bottom: 10rem;
    }

    .aboutVideoContainer img.white-logo {
        margin-bottom: 4rem;
    }
    .swiper_item h3 {
        /*width: 68%;*/
    }

    .swiper_item .content {
        width: 70%;
    }

    .time_line_Wrapper {
        padding-bottom: var(--headerHeightMobile);
    }

    .time_line_content {
        width: 70%;
        margin: 0 auto;
    }

    section.aboutSliderContainerTwo,
    .mySecondSwiper .swiper-slide {
        min-height: calc(70vh - var(--headerHeight));
    }
    section.aboutAwardsContainer {
        min-height: 25vh;
    }

    .memberWrap {
        height: 46vh;
    }

    .gridWrapper {
        row-gap: 1rem;
    }
    section.aboutSliderContainerOne {
        height: calc(100vh - var(--headerHeight) - var(--headerHeightMobile)) !important;
    }
    section.section:not(.aboutHeroSectionContainer){
        min-height: calc(100vh - var(--headerHeight) - var(--headerHeightMobile));
    }
}
@media only screen and (min-width: 769px) and (max-width: 1199px){
    :root{
        --radius-section: 3.125rem;
        --radius-box-two: 2.125rem;
    }
    .title_item_lg {
        font-size: 4rem;
    }
    html[dir="ltr"] .title_item_lg{
        font-size: 3.5rem;
    }
    .ceo-content {
        width: 80%;
    }

    .founderInfo h3 {
        font-size: 3.25rem;
    }
    section.section:not(.aboutHeroSectionContainer){
        min-height: calc(100vh - var(--headerHeight) - var(--headerHeightMobile) - var(--spaceXS)*2);
        height:calc(100vh - var(--headerHeight) - var(--headerHeightMobile) - var(--spaceXS)*2);
    }
    .logoWrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-column-gap: 2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
    section.aboutVideoContainer{
        padding-bottom: calc(var(--headerHeightMobile) + 3rem);
    }
    .aboutVideoContainer img.white-logo{
        bottom: calc(var(--headerHeightMobile) + 3rem);
    }
    .aboutVideoInfoWrapper {
        width: 45%;
        padding: calc(var(--spaceHalf)*.75);
    }
    .panel > h3{
        margin-bottom: 2rem;
    }
    .swiper_item .content{
        padding: calc(var(--spaceHalf)*.75);
        position: relative;
        width: 50%;
        right: auto;
        bottom: auto;
    }
    html[dir="ltr"] .swiper_item .content{
        left: auto;
    }
    .swiper_item{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 2rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .aboutVideoContainer img.white-logo {
        width: 40%;
    }
    .logoWrapper img {
        width: 4rem;
    }
    .swiper_item h3 {
        /*width: 52%;*/
        text-align: center;
    }
    .swiper-pagination span.swiper-pagination-bullet {
        width: 5.5rem;
        height: 0.2rem;
    }
    .time_line_Wrapper {
        height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 7rem;
    }

    .time_line_info_media_wrap {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
    }

    .time_line_info_wrap {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 56%;
    }

    .time_line_info_media_wrap .media_wrap {
        width: 46%;
        margin: 0 auto 1.5rem;
        height: 40vh;
    }

    .time_line_content {
        padding: calc(var(--spaceHalf)*.75);
    }
    .panel{
        padding-top: calc(var(--headerHeight) + 2rem);
    }
    #panels #panels-container .panel span.year {
        font-size: 20rem;
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 9rem;
    }
    html[dir="ltr"] #panels #panels-container .panel span.year{
        bottom: 14rem;
    }
    section.aboutSliderContainerTwo {
        height: 50vh;
    }

    .sliderMediaWrap {
        height: calc(50vh - var(--headerHeight) - var(--spaceHalf) * 2 - 2px - var(--spaceXS) * 3);
        width: calc(100% - var(--spaceXS));
    }
    .sliderInfoWrap {
        padding-left: calc(var(--spaceX) * .5);
    }

    .sliderWrapper {
        padding: var(--spaceHalf);
    }

    .sliderInfoWrap h2 {
        padding-top: 4.44rem;
    }

    .sliderInfoWrap .content {
        padding-bottom: 1.38rem;
    }
    section.aboutAwardsContainer {
        min-height: auto;
        -ms-grid-columns: 1fr calc(var(--spaceX)*.5) 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: calc(var(--spaceX)*.5);
    }

    .awardsListItemsTitle {
        padding: 0;
    }

    .awardsPortrait {
        padding-left: 0;
        height: calc(70vh - var(--headerHeight) - var(--spaceHalf)* 3);
    }

    .membersWrapper .swiper-wrapper {
        grid-gap: .75rem;
    }

    .memberWrap {
        height: 28vh;
    }

    .gridWrapper {
        -ms-grid-columns: calc(var(--spaceX)* 5.5) calc(var(--spaceX)* 5.5);
        grid-template-columns: calc(var(--spaceX)* 5.5) calc(var(--spaceX)* 5.5);
    }
    section.founderContainer {
        min-height: auto;
    }

    .ceoMediaWrapper {
        height: 39vh;
    }

    .founderWrapper.gridWrapper {-ms-grid-columns: calc(var(--spaceX)* 5) calc(var(--spaceX)* 5);grid-template-columns: calc(var(--spaceX)* 5) calc(var(--spaceX)* 5);}
    .certificateWrap img {
        height: 11rem;
    }

    .certificateWrap {
        grid-gap: 2rem;
    }
    .hero-section-content {
        width: 87%;
        -webkit-box-align: self-end;
        -ms-flex-align: self-end;
        align-items: self-end;
        row-gap: 1rem;
    }

    .hero-section-content-wrap .btn.blueBtn {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px){
    :root{
        --spaceHalf: calc(2.125rem * .75);
    }
    .title_item_lg {
        font-size: 3.875rem;
    }
    html[dir="ltr"] .title_item_lg{
        font-size: 3.175rem;
    }
    .aboutVideoContainer img.white-logo {
        width: 50%;
    }
    .hero-content {
        /*min-height: 13rem;*/
    }
    .logoWrapper {
        -webkit-column-gap: 3rem;
        -moz-column-gap: 3rem;
        column-gap: 3rem;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 3rem 1fr 3rem 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .swiper-pagination span.swiper-pagination-bullet {
        width: 4rem;
        height: .15rem;
    }
    .swiper_item .content{
        /* bottom:var(--spaceHalf); */
        width: 33%;
    }
    #panels #panels-container .panel span.year {
        font-size: 20rem;
        bottom: 6rem;
    }
    .time_line_Wrapper{
        -ms-grid-columns: calc(var(--spaceX)* 4) calc(var(--spaceX)* 2);
        grid-template-columns: calc(var(--spaceX)* 4) calc(var(--spaceX)* 2);
    }
    .time_line_info_media_wrap .media_wrap{
        height: 48vh;
    }
    .time_line_info_media_wrap h3{
        font-size: 1.35rem;
    }
    html[dir="ltr"] #panels #panels-container .panel span.year{
        font-size: 18rem;
        bottom: 14rem;
    }
    #videoModal .close img {
        width: 1.5rem;
        height: 2.5rem;
    }
    .sliderInfoWrap h2 {
        padding-top: 3.44rem;
    }

    .sliderMediaWrap {
        height: calc(100vh - var(--headerHeight) - var(--spaceHalf) * 2 - 16px - var(--spaceXS) * 6);
    }
    .founderInfo h3 {
        font-size: 3.25rem;
    }
}
@media only screen and (min-width: 1401px) and (max-width: 1600px){
    :root{

    }
    .title_item_lg{
        font-size: 4.125rem;
    }
    .swiper_item .content{
        width: 30%;
    }
    html[dir='ltr'] .title_item_lg{
        font-size: 4rem;
    }
    #videoModal .close img {
        width: 1.5rem;
        height: 2.5rem;
    }
    /*===========ABOUT HERO SECTION===============*/
    .logoWrapper {
        -webkit-column-gap: 3rem;
        -moz-column-gap: 3rem;
        column-gap: 3rem;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .hero-content {
        /*min-height: 15rem;*/
    }
    .logoWrapper img {
        width: 6rem;
        height: 1.5rem;
    }
    .panel > h3{
        margin-bottom: 1.5rem;
    }
    .aboutVideoContainer img.white-logo {
        width: 51%;
    }
    /*===========ABOUT HERO SECTION===============*/
    .swiper-pagination span.swiper-pagination-bullet {
        width: 5.5rem;
        height: .2rem;
    }
    #panels #panels-container .panel span.year {
        font-size: 19rem;
        bottom: 12rem;
    }
    .time_line_Wrapper{
        -ms-grid-columns: calc(var(--spaceX)* 5) calc(var(--spaceX)* 2);
        grid-template-columns: calc(var(--spaceX)* 5) calc(var(--spaceX)* 2);
    }
    .time_line_info_media_wrap h3{
        font-size: 1.5rem;
    }
    .time_line_info_media_wrap .media_wrap{
        height: 46vh;
    }
    html[dir="ltr"] #panels #panels-container .panel span.year{
        bottom: 12rem;
    }
    .certificateWrap img {
        height: 10rem;
    }
    .certificateWrap {
        grid-gap: 1.6rem;
    }
    .founderInfo h3 {
        font-size: 3.5rem;
    }
}
@media only screen and (min-width: 1601px) and (max-width: 1850px) {
    .title_item_lg{
        font-size: 5rem;
    }
    #panels #panels-container .panel span.year {
        font-size: 22rem;
    }
}