@font-face {
    font-family: ProximaNova-Semibold;
    src: url("../fonts/ProximaNova-Semibold.otf"), url('../fonts/proxima-nova/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype');
}

@font-face {
    font-family: ProximaNova-ExtraBold;
    src: url("../fonts/ProximaNova-Xbold.otf"), url('../fonts/proxima-nova/ProximaNova-Xbold.eot?#iefix') format('embedded-opentype');

}
@font-face {
    font-family: ProximaNova-Bold;
    src: url("../fonts/ProximaNova-Bold.otf"), url('../fonts/proxima-nova/ProximaNova-Bold.eot?#iefix') format('embedded-opentype');

}

@font-face {
    font-family: ProximaNova-Light;
    src: url("../fonts/ProximaNova-Light.otf"), url('../fonts/proximanovacond-light-webfont.eot?#iefix') format('embedded-opentype');
}

@font-face {
    font-family: ProximaNova-Regular;
    src: url("../fonts/ProximaNova-Reg.otf"), url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype');
}

@font-face {
    font-family: ProximaNova-LightIt;
    src: url("../fonts/ProximaNovaCond-LightIt.otf"), url('../fonts/proximanovacond-light-webfont.eot?#iefix') format('embedded-opentype');
}

@font-face {
    font-family: proximanova-bold-webfont;
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/proximanova-bold-webfont.ttf") format('truetype');
    src: url("../fonts/proximanova-bold-webfont.eot");
    src: url("../fonts/proximanova-bold-webfont.ttf") format('truetype');
    src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-bold-webfont.woff') format('woff'), url('../fonts/proximanova-bold-webfont.ttf') format('truetype'), url('../fonts/proximanova-bold-webfont.svg') format('svg');
}

html,
body {
    font-family: ProximaNova-Regular;
    font-size: 14px;
}
html {
    scroll-behavior: smooth;
}
body {
    /* background-color: #5a5a5a; */
    height: 100vh;
}

@keyframes moveInleft {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }

    80% {
        transform: translateX(10px);
    }
    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes moveInRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }

    80% {
        transform: translateX(-10px);
    }
    
    100% {
        opacity: 1;
        transform: translate(0);
    }

}

.main-container {
    max-width: 100%;
    margin: 0px auto !important;
    float: none !important;
    height: 100%;
}

.clearfix {
    clear: both;
    padding: 0px;
    margin: 0px;
    font-size: 0px;
}

.backstretch {
    left: 0px;
    top: 0px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    z-index: -999998;
    position: relative;
}

.backstretch img {
    position: absolute;
    margin: 0px;
    padding: 0px;
    border: none;
    width: 100%;
    max-height: none;
    max-width: none;
    z-index: -999999;
    left: 0px;
    height: 100%;
    object-fit: cover;
}

.pattern {
    background: url(../images/pattern.png);
    width: 100%;
    height: 90%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1 !important;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 100%;
}

.caption-container .caption {
    position: absolute;
    text-align: center;
    width: 100%;
    max-width: 100%;
    top: 26.5%;
}

.caption-container {
    height: auto;
}

.caption-container .main-caption {
    height: 96px;
    color: #FFFFFF;
    font-size: 35px;
    line-height: 48px;
    text-align: center;
}

.caption-container .title-cotainer {
    font-size: 48px;
    font-family: ProximaNova-Regular;
    color: white;
    text-align: center;
    font-weight: 600;
    letter-spacing: -0.64px;
    line-height: 60px;
    margin-top: 70px;
}
.caption-container .title-cotainer-success {
    font-size: 34px;
    font-family: ProximaNova-Bold;
    color: white;
    text-align: left;
    font-weight: 600;
    letter-spacing: -0.64px;
    line-height: 37px;
    letter-spacing: -0.45px;
    /* margin-top: 70px; */
    display: flex;
    /* align-items: center; */
    flex-direction: column;
    padding-left: 40%;
    padding-top: 3%;
}
.caption-container .title-cotainer-success div{
    animation-name: moveInleft;
    animation-duration: 3s;
}

.caption-container .title-cotainer span {
    color: #1fbadf;
}

.caption-container .title-cotainer span.white-color {
    color: #ffffff !important;
}
.caption-container .title-cotainer-success span {
    color: #1fbadf;
    animation-name: moveInRight;
    animation-duration: 3s;
    margin-top: 4px;
}

.caption-container .title-cotainer-success span.white-color {
    color: #ffffff !important;
}

.caption-container .sub-title {
    font-size: 20px;
    font-family: ProximaNova-Regular;
    color: white;
    text-align: center;
}

.caption-container .sub-title span {
    color: #f1565a;
}
.caption-container .sub-title-success {
    font-size: 30px;
    font-family: ProximaNova-Regular;
    color: #1fbadf;
    text-align: left;
}

.caption-container .sub-title-success span {
    color: #f1565a;
}

/* fade slider */

.slides {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.slides ul {
    list-style: none;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0px;
    height: 100%;
}

.slides ul li {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}

.slides ul li img {
    /*display: block;*/
}

.navbar-default.navbar-fixed-top {
    height: 66px !important;
    border-bottom: 0px;
    z-index: 999999;
    max-width: 100%;
    /* margin: 0 auto !important; */
    float: none !important;
}

.navbar-fixed-top.transparent-bg {
    background: transparent;
}

.navbar-nav>li>a {
    padding-top: 25px;
}

.navbar-default .navbar-nav>li>a {
    color: #ffffff;
    padding: 23.5px 15.6px 0px 15.6px;
}

.navbar-brand {
    float: left;
    padding: 6px 15px 15px 44px;
    font-size: 18px;
    line-height: 20px;
    height: 42px;
    display: block;
    width: 157px;
    margin-left: 0px !important;
}

.navbar-right {
    margin-right: 44px;
}

.lji-text-new {
    padding-top: 3.5% !important;
    height: auto !important;
    padding-bottom: 3.5%;
}


.lji-text-new .help-text {
    text-align: left !important;
}

.lji-text-new h1 {
    font-size: 30px !important;
}

.lji-text {
    height: 419px;
    width: 100%;
    background-color: #F5F5F5;
    padding-top: 144px;
}

.lji-text h1 {
    color: #393f4e;
    font-size: 56px;
    letter-spacing: -0.75px;
    line-height: 60px;
    text-align: center;
    font-family: ProximaNova-Regular;
    padding: 0px;
    margin: 0px;
}

.lji-text .help-text {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: normal;
    font-weight: 600;
    color: #393f4e;
    display: block;
    width: 58%;
    margin: 0px auto;
    padding-top: 18px;
    text-align: center;
}

.lji-text .help-text .help-sub-text {
    /* color: #f1565a; */
    color: #069CB5;
}

.what-we-do-text {
    height: 870px;
    width: 100%;
    background-color: #212229;
    padding-top: 82px;
}

.what-we-do-text h1 {
    color: #ffffff;
    font-size: 56px;
    letter-spacing: -0.75px;
    line-height: 60px;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

.what-we-do-text .help-text {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: normal;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    padding-top: 10px;
}

.stat-block {
    width: 100%;
    background-color: #000000;
    position: relative;
    height: 1890px;
    overflow-x: hidden;
}
.scale2{
    /* -moz-transform:scale(1.5);
    -webkit-transform:scale(1.5);
    -o-transform:scale(1.5);
    -ms-transform:scale(1.5); */
    transform:scale(2.2);
    padding-top: 330px;
    /* position: relative; */
    /* animation-delay: 5s; */
    /* margin-left: 30px; */
}
.scale2-img{
    display: none; 
    height: 1807px;
    padding-top: 50px;
    /* padding-left: 10px; */
}
.gravty-powers {
    width: 360px;
    margin:0px auto;
    padding-top:140px;
}

.stat-image {
    padding-top: 65px;
    width: 1000px;
    padding-right: 10px;
    margin: 0px auto;
}


.contact-us {
    height: auto;
    width: 100%;
    background: #000000 url(../images/City_Landscape.jpg);
    background-size: cover;
    z-index: 1;
}
.contact-us-text {
    color: #ffffff;
    width: 100%;
    font-size: 56px;
    line-height: 60px;
    text-align: center;
    padding: 0px;
    margin: 0px;
    z-index: 55;
    top: 44px;
    /* font-family: ProximaNova-Semibold; */
    letter-spacing: -0.75px;
    padding: 80px 0 80px 0;
}
.contact-us h1 {
    color: #ffffff;
    font-size: 56px;
    text-align: center;
    padding: 0px;
    margin: 0px;
    position: relative;
    z-index: 55;
    top: 80px;
    margin-bottom: -150px;
    letter-spacing: 1px;
}

.footer-new {
    border-top: 1px solid #444A59;
}

.footer {
    height: 280px;
    background: #f5f5f5;
    padding-top: 102px;
}

.footer img {
    display: block;
    margin: 0px auto;
    height: auto;
}

.footer-links {
    text-align: center;
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.footer-links li {
    list-style: none;
    height: 26px;
    color: #444A59;
    font-family: ProximaNova-Regular;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    text-align: center;
    display: inline-block;
    padding: 0px 5px 0px 5px;
}

.black-pattern {
    position: relative;
    background: #292f3d;
    width: 100%;
    height: 500px;
    top: 0;
    left: 0;
    opacity: 0.8;
    z-index: 3;
}
.black-pattern-new{
    background: rgba(0,0,0,0.8);
    opacity: 0.9;
    /* background: #292f3d; */
    width: 100%;
    top: 0;
    left: 0;
    /* opacity: 0.8; */
    z-index: 3;
    /* height: -webkit-fill-available; */
}

.contacts-nodes {
    /* position: relative; */
    /* top: 270px; */
    z-index: 55;
    width: 1000px;
    margin: 0px auto;
    /* margin-bottom: -210px; */
    position: unset;
    margin-bottom: 0px;
    padding-bottom: 60px;
}

.contacts-nodes .contact-node {
    width: 20% !important;
    float: left; /*newchange*/
    display: flex;
    flex-direction: column;
    justify-content: left;
    padding-right: 0px !important;
}
.contacts-nodes .contact-node:nth-child(2),.contacts-nodes .contact-node:nth-child(5){
    padding-left: 30px;
}

.contacts-nodes .contact-node .contact-title {
    color: #FFFFFF;
    font-size: 26px;
    font-weight: bold;
    line-height: 29px;
    letter-spacing: normal;
    font-family: ProximaNova-Bold;
    /* text-transform: uppercase; */
    display: flex;
    align-items: center;
    /* justify-content: center; */
}

.contacts-nodes .contact-node .email-title {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    padding-top: 10px;
    display: flex;
    align-items: center;
    /* justify-content: center; */
}

.contacts-nodes .contact-node .email-title span {
    display: inline-block;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px;
}

.contacts-nodes .contact-node .email-title img {
    display: inline-block;
}

.contacts-nodes .contact-node .phone-title {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    display: flex;
    align-items: center;
    /* justify-content: center; */
}

.contacts-nodes .contact-node .phone-title span {
    display: inline-block;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px;
}

.contacts-nodes .contact-node .phone-title img {
    display: inline-block;
}

.contact-us .social-icons {
    /* width: 50px; */
    /* position: relative; */
    /* top: 580px; */
    margin: 0px auto;
    z-index: 55;
    position: unset; 
    padding: 20px 0px 93px 0px;
    text-align: center;
}

.contact-us .social-icons a:nth-of-type(1){
    padding-left: 30px;
}

.contact-us .social-icons img {
    display: inline-block;
    padding-right: 20px;
}

.what-we-do-container {
    padding-top: 60px;
}

.what-we-do-container .what-we-do-nodes {
    padding: 0px 50px 0px 50px;
    margin: 0px !important;
}

.what-we-do-container .what-we-do-nodes .what-we-do-node {
    height: 558px;
    border-radius: 10px;
    /* background: url(../images/GRAVTY_Platform_Background.jpg); */
    /* background: url(../images/GRAVTY_Image.png); */
    background: url(../images/3_Gravty.jpg);
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
    margin-right: 50px;
    width: 31.92%;
    padding: 0px;
    margin-right: 25px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 0;
    float: left; /*newchange*/
}

.what-we-do-container .what-we-do-nodes .what-we-do-node.node-two {
    /* background: url(../images/1.jpg) !important; */
    /* background: url(../images/Stratagy_Image.png) !important; */
    background: url(../images/1_Strategy.jpg) !important;
    background-repeat: no-repeat !important; /*newchange*/
    background-size: cover !important; /*newchange*/
}
.what-we-do-container .what-we-do-nodes .what-we-do-node.node-three {
    /* background: url(../images/2.jpg) !important; */
    /* background: url(../images/Service_Image.png) !important; */
    background: url(../images/2_Services.jpg) !important;
    background-size: cover !important; /*newchange*/
    background-repeat: no-repeat !important; /*newchange*/
}

.what-we-do-container .what-we-do-nodes .what-we-do-node.no-margin {
    margin-right: 0px !important;
}

.what-we-do-container .what-we-do-nodes .what-we-do-node img {
    display: block;
    margin: 0px auto;
    margin-top: 73px;
}

.gravty-text {
    font-size: 20px;
    font-family: ProximaNova-Semibold;
    font-weight: 600;
    line-height: 26px;
    color: #ffffff;
    width: 80%;
    /* padding-top: 20px;
    padding-left: 35px;
    padding-right: 35px; */
    padding-bottom: 53px;
    height: 326px;
    letter-spacing: normal;
    text-align: center;
    margin: 0 auto;
}

.opacity-div {
    height: 100%;
    width: 100%;
    opacity: 0.8;
    position: relative;
    top: 0px;
    z-index: 1;
    background: #444958;
    border-radius: 10px;
}

.opacity-container {
    position: relative;
    top: 61px;
    z-index: 55555;
}
.opacity-container .logo-text {
    color: #FFFFFF;
    font-size: 40px;
    font-weight: 600;
    line-height: 43px;
    text-align: center;
    padding-bottom: 36px;
    padding-top: 12px;
    letter-spacing: normal;
    font-family: ProximaNova-Semibold;
}

.opacity-container .orange-text {
    /* color: #FF8421; */
    color: #FFFFFF;
    font-size: 40px;
    font-weight: 600;
    line-height: 43px;
    text-align: center;
    padding-bottom: 36px;
    padding-top: 12px;
    letter-spacing: normal;
    font-family: ProximaNova-Semibold;
}

.opacity-container .blue-text {
    /* color: #A2EA51; */
    color: #FFFFFF;
    font-size: 40px;
    font-weight: 600;
    line-height: 43px;
    text-align: center;
    padding-bottom: 36px;
    padding-top: 12px;
    letter-spacing: normal;
    font-family: ProximaNova-Semibold;
}

.bottom-container {
    height: 80px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    /* background: #000000; */
    background: rgba(0,0,0,0.4);
    /*opacity: 0.5;*/ /*newchange*/
}

.bottom-container-title {
    color: #f4f4f5;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
    position: relative;
    top: -67px;
    margin-bottom: -55px;
    text-transform: uppercase;
    font-family: ProximaNova-Bold;
}

.bottom-container-title a {
    text-transform: none !important;
    height: auto;
    color: #069CB5;
    /* color: #f1565a; */
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
    width: fit-content;
    margin: 0px auto;
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #069CB5;;
    /* border-bottom: 1px solid #f2575b; */
    letter-spacing: 0.5px;
}

.bottom-container-title a:hover {
    text-decoration: none;
}

.scroll-down-arrow {
    display: block;
    width: 32px;
    height: 18px;
    margin: 0px auto;
    position: relative;
    top: -75px;
    margin-bottom: -28px;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #ffffff;
}

.container-fluid {
    height: 66px;
    /* opacity: 0.8; */
    background-color: #212121;
    padding: 0px !important;
}

.sticky {
    /* opacity: 0.8; */
    background-color: #212121;
}

.services-table {
    width: 63%;
    margin: 0px auto;
    margin-top: 2%;
    font-size: 20px;
}

.services-table th {
    text-align: left;
    border-bottom: 1px solid #444A59;
    padding-bottom: 10px;
}

.services-table td {
    padding-bottom: 10px;
}

.services-table td.top-padding {
    padding-top: 10px;
}

.captions-container {
    position: relative;
    top: -340px;
    left: 12.1%;
    width: 400px;
    margin-bottom: -425px;
}

.captions-container p.new-caption-text {
    width: 448px;
    color: #FFFFFF;
    font-size: 26px;
    font-weight: 600;
    line-height: 34px;
    height: 75px;
}

.new-caption-container {
    height: 333px;
    width: 426px;
    opacity: 0.8;
    border-radius: 20px;
    background-color: #212121;
    padding: 30px 40px;
    box-sizing: border-box;
    margin-top: 20px;
}

.new-caption-container .main-title {
    height: 46px;
    width: 245px;
    color: rgba(24, 191, 227, 0.95);
    font-size: 48px;
    font-weight: 600;
    letter-spacing: -0.64px;
    line-height: 46px;
    margin: 0px;
}

.new-caption-container .sub-title {
    height: 46px;
    width: 324px;
    color: rgba(255, 255, 255, 0.95);
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.48px;
    line-height: 46px;
    margin: 0px;
}

.new-caption-container .short-description {
    height: 112px;
    width: 318px;
    color: #FFFFFF;
    font-size: 22px;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 4px;
}

.show-btn {
    box-sizing: border-box;
    height: 43px;
    width: 171px;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    background: transparent;
    display: block;
    margin: 0px auto;
    margin-top: 23px;
    box-sizing: border-box;
    padding-top: 9px;
}

.show-btn:hover {
    color: #FFFFFF;
    outline: none;
    text-decoration: none;
}

.imageshow {
    display: none;
}

.textshow {
    display: none;
}

.pages-container {
    padding: 0px 0px 0px 0px;
    background: #ffffff;
}

.pages-container .main-media-container{
    margin: 0 120px;

}
/* .pages-container .main-media-container h1{
    margin: 0;
    font-size: 47px;
    line-height: 57px;
    text-align: justify;
    letter-spacing: -0.63px;
    color: #069CB5;
    font-weight: bolder;
    margin-bottom: 24px;
} */

.pages-container .main-media-container h2{
    margin:0;
    padding: 0;
    font-size: 35px;
    line-height: 44px;
    letter-spacing: -0.48px;
    color: #343345;
    margin-bottom: 24px;

}
.pages-container .main-media-container .content p{
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -0.21px;
    color:#343C45;
    margin-bottom: 30px;
    text-align: justify;
    text-justify: distribute;
    text-align-last: left;
    /* text-align: justify; */
}
.pages-container .main-media-container .content p:nth-of-type(3){
    margin-bottom: 0;
}

.pages-container .main-media-container .content p:nth-of-type(6){
    /* margin-bottom: 0; */
}
.pages-container .main-media-container .content p:nth-of-type(7){
    margin-bottom: 0;
}
.pages-container .main-media-container .video-container h1{
    margin: 0;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -0.48px;
    color: #343C45;
    font-weight: bolder;
    text-align: justify;
    margin-top: 50px;
    margin-bottom: 30px;
}
.pages-container .main-media-container .video-container video{
    width: 100%;
    height: auto;
}
.pages-container .main-media-container .video-container .video-tags{
    text-align: right;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.21px;
    color: #069CB5;
    font-weight: bolder;
}
.pages-container .main-media-container .about-lji{
    margin-bottom: 60px;
}
.pages-container .main-media-container .about-lji h2{
    margin:0;
    padding: 0;
    font-size: 35px;
    line-height: 44px;
    letter-spacing: -0.48px;
    /* text-align: justify; */
    color: #343345;
    margin-top: 60px;
    margin-bottom: 20px;
    text-align: justify;
}
.pages-container .main-media-container .about-lji p{
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -0.21px;
    /* text-align: justify; */
    color:#343C45;
    margin-bottom: 50px;
    text-align: justify;
    text-justify: distribute;
    text-align-last: left;
}
.pages-container .main-media-container .about-lji p:nth-of-type(1){
    margin-bottom: 0;
}
.pages-container .main-media-container .about-lji img{
    width: 100%;
    height: auto;
}

.h_blog_item.top-media-padding{
    padding-top: 80px !important;
}

.home_blog_area {}

.home_blog_inner {
    margin-bottom: -50px;
}

.h_blog_item {
    padding: 0px 10%;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-top: 100px;
    /* padding-bottom: 100px; */
    outline: none;
    display: flex;
    flex-direction: column;
}

.h_blog_item.top-padding {
    padding-top: 158px !important;
}

.h_blog_item.top-media-padding{
    
}

.h_blog_item.second {
    background: #DCD4CE;
}
.h_blog_item.fourth {
    background: #E0E0E0;
}

.h_blog_item.more-space {
    margin-top: 210px;
}

.h_blog_item .col-lg-6 {
    vertical-align: middle;
    align-self: center;
    padding: 0px;
}

.h_blog_item .h_blog_img {
    border-radius: 10px;
    width: 626px;
    position: relative;
    left: -75px;
}

.h_blog_item .h_blog_img.left {
    left: 40px;
}

.h_blog_item .h_blog_text {
    /* padding-bottom: 60px; */
}

.h_blog_item .main-text {
    padding-left: 40px;
}

.h_blog_item .main-text.left {
    padding-left: 135px;
    width: 552px;
}

.h_blog_item .main-text.right {
    padding-right: 110px;
}
.pd-rt {
    padding-right: 8% !important;  
    
}
@media not all and (min-resolution:.001dpcm)
{ 
    @supports (-webkit-appearance:none) {

        .pd-rt { 

            padding-right: 5% !important;

        }
        .wd-610{
            width: 610px;
        }
    }
}
.h_blog_item .main-text h1{
    margin: 0px;
    color: #4A4A4A;
    font-size: 30px;
    letter-spacing: -0.4px;
    line-height: 34px;
    display: inline-block;
    font-weight: bold;
    font-family: ProximaNova-ExtraBold;


}
.h_blog_item .main-text div{
    margin: 0px;
    color: #4A4A4A;
    font-size: 30px;
    letter-spacing: -0.4px;
    line-height: 43px;
    display: inline-block;
    font-weight: bold;
    font-family: ProximaNova-Semibold;

}

.h_blog_item .main-text span{
    color: #4A4A4A;
    font-size: 30px;
    letter-spacing: -0.4px;
    line-height: 34px;
    display: inline-block;
    margin-bottom: 10px;
}

.h_blog_item .main-text ul {
    color: #4A4A4A;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.24px;
    line-height: 26px;
    list-style-type: none;
    padding: 0px;
}

.h_blog_item .h_blog_text .h_blog_text_inner {
    background-color: #FFEDDF;
    padding: 50px 40px;
    border-radius: 10px;
    height: 384px;
    box-sizing: border-box;
    width: 640px;
    /* margin-bottom: 45px; */
}

.h_blog_item .h_blog_text .h_blog_text_inner.one p {
    color: #6E5D54;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.24px;
    line-height: 28px;
    font-family: ProximaNova-Semibold;
}

.h_blog_item .h_blog_text .h_blog_text_inner.one ul li {
    color: #6E5D54;
    font-size: 16px;
    letter-spacing: -0.21px;
    line-height: 21px;
    padding-bottom:15px;
}

.h_blog_item .h_blog_text .h_blog_text_inner.one ul li.no-bottom-space {
        padding-bottom:0px !important;
}

.h_blog_item .h_blog_text .h_blog_text_inner.second {
    background-color: #FBF8F8;
    height: 455px;
}

.h_blog_item .h_blog_text .h_blog_text_inner.second p {
    font-family: ProximaNova-Semibold;
    color: #707070;
    font-size: 18px;
    /* font-weight: 600; */
    letter-spacing: -0.24px;
    line-height: 28px;
}

.h_blog_item .h_blog_text .h_blog_text_inner.second ul li {
    color: #707070;
    font-size: 16px;
    letter-spacing: -0.21px;
    line-height: 21px;
    padding-bottom:15px;
}

.h_blog_item .h_blog_text .h_blog_text_inner.second ul li.no-bottom-space {
        padding-bottom:0px !important;
}

.h_blog_item .h_blog_text .h_blog_text_inner.third {
    background-color: #E3F4F8;
}

.h_blog_item .h_blog_text .h_blog_text_inner.third p {
    font-family: ProximaNova-Semibold;
    color: #5B6D73;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.24px;
    line-height: 28px;
}

.h_blog_item .h_blog_text .h_blog_text_inner.third ul li {
    color: #5B6D73;
    font-size: 16px;
    letter-spacing: -0.21px;
    line-height: 21px;
    padding-bottom:15px;
}

.h_blog_item .h_blog_text .h_blog_text_inner.third ul li.no-bottom-space {
        padding-bottom:0px !important;
}


.h_blog_item .h_blog_text .h_blog_text_inner.fourth {
    background-color: #FFFFFF;
    height:auto !important;
}

.h_blog_item .h_blog_text .h_blog_text_inner.fourth p {
    font-family: ProximaNova-Semibold;
    color: #696969;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.24px;
    line-height: 28px;
}

.h_blog_item .h_blog_text .h_blog_text_inner.fourth ul li {
    color: #696969;
    font-size: 16px;
    letter-spacing: -0.21px;
    line-height: 21px;
    padding-bottom:15px;
}

.h_blog_item .h_blog_text .h_blog_text_inner.fourth ul li.no-bottom-space {
        padding-bottom:0px !important;
}

.h_blog_item .h_blog_text .h_blog_text_inner.fifth {
    background-color: #E9F8FF;
    margin-bottom: 100px;
    height: 365px;
    /* top: 24px !important; */
    left: 25px !important;
}

.h_blog_item .h_blog_text .h_blog_text_inner.fifth p {
    font-family: ProximaNova-Semibold;
    color: #628FA3;
    font-size: 18px;
    /* font-weight: 600; */
    letter-spacing: -0.24px;
    line-height: 28px;
}

.h_blog_item .h_blog_text .h_blog_text_inner.fifth ul li {
    color: #628FA3;
    font-size: 16px;
    letter-spacing: -0.21px;
    line-height: 21px;
    padding-bottom:15px;
}

.h_blog_item .h_blog_text .h_blog_text_inner.fifth ul li.no-bottom-space{
        padding-bottom:0px !important;
}

.h_blog_item .h_blog_text .h_blog_text_inner.left {
    margin-left: -67px;
    position: relative;
    z-index: 2;
    z-index: 2;
    /* left: -26px;
    top: 88px; */
    right: -585px;
    top: -125px;
    left: auto;
}

.h_blog_item .h_blog_text .h_blog_text_inner.left ul{
    padding-left: 17px;
}

.h_blog_item .h_blog_text .h_blog_text_inner.right {
    margin-right: -67px;
    position: relative;
    z-index: 2;
    left: 40px;
    top: -150px;
}

.h_blog_item .h_blog_text .h_blog_text_inner.right ul{
    padding-left: 17px;
}

.h_blog_item .h_blog_text .h_blog_text_inner.right .one p{
    width: 90% !important;
}

.h_blog_item .h_blog_text .h_blog_text_inner h4 {
    font-size: 42px;
    margin-bottom: 15px;

}

.h_blog_item .h_blog_text .h_blog_text_inner p {
    margin-bottom: 20px;

}

.img-fluid {
    max-width: 100%;
    height: 384px;
    object-fit: cover;
    border-radius: 10px;
}

.container {
    padding: 0px !important;
    width: 100% !important;
}
.container-success {
    padding: 0px !important;
    width: 100% !important;
    margin-right: 100px;
}

.plocies-background {
    height: 776px;
    background-repeat: round;
    background-image: url(../images/policies_background.jpg);
}

.policies-menu {
    width: 63.6%;
    height: 100%;
    margin: 0px auto;
    padding-top: 13.5%;
}

.policies-menu .title {
    color: #212121;
    font-size: 27px;
    font-weight: bold;
    line-height: 33px;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.menus-list {
    margin-top: 74px;
    padding-left: 18.5%;
}

.menus-list-second {
    margin-top: 6.4%;
    padding-left: 18.5%;
}

.menus-list .menu-icon,
.menus-list-second .menu-icon {
    width: 111px;
    text-align: center;
    float: left;
    display: block;
}

.menus-list .menu-link,
.menus-list-second .menu-link {
    display: block;
    padding-top: 10px;
    color: #0092FF;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    text-align: center;
}

.menus-list .menu-link:hover,
.menus-list-second .menu-link:hover {
    text-decoration: none;
}

.menus-list .menu-icon.data_privacy {
    /* margin-left: 90px; */
    margin-left: 190px;
    padding-top: 10px;
    width:90px;
}

.menus-list .menu-icon.disaster_recovery {
    margin-left: 89px;
    width: 130px;
    padding-top: 4px;
}
.menus-list .menu-icon.cookies_policy {
    /* margin-left: 89px; */
    margin-left: 145px;
    width: 130px;
    padding-top: 4px;
}

.menus-list .menu-icon.data_backup {
    margin-left: 84px;
    width: 92px;
    padding-top: 15px;
}

.menus-list-second .menu-icon.customer_support {
    margin-left: 64px;
    width: 130px;
    padding-top: 13px;
}

.menus-list-second .menu-icon.release_management {
    width: 155px;
    padding-top: 4px;
}
.menus-list-second .menu-icon.incident_management {
    width: 156px;
    padding-top: 4px;
    /* margin-left: 63px; */
    margin-left: 130px;
}
.menus-list-second .menu-icon.security {
    width: 59px;
    padding-top: 4px;
    margin-left: 140px;
    /* margin-left: 64px; */
}

.sub-pages {
    min-height: 800px;
    background: linear-gradient(337.12deg, #C5C5C5 0%, #C5C5C5 0%, #E0E0E0 55.51%, #DEDEDE 100%);
    padding-top: 148px;
    padding-bottom: 150px;
}

.sub-pages .sub-page {
    max-width: 1115px;
    margin: 0px auto;
}

.sub-pages .sub-page .header {
    height: 368px;
    box-shadow: 7px 8px 6px 0 rgba(81, 81, 81, 0.6);
}

.sub-pages .sub-page .header img{
    object-fit: cover;
}

.sub-pages .sub-page .header.data_backup {
    background: url(../images/data_backup_bg.jpg) no-repeat;
}

.sub-pages .sub-page .header .logo-container {
    padding: 0px 0px 0px 82px;
    position: relative;
    top: -280px;
}

.sub-pages .sub-page .header .sub-title {
    color: #FFFFFF;
    font-size: 34px;
    font-weight: 800;
    line-height: 41px;
    margin-top: 15px;
}

.sub-pages .sub-page .sub-sub-menu {
    height: 46px;
    width: 100%;
    background-color: #212121;
    list-style: none;
    display: block;
    padding-left: 11px;
    padding-top: 13px;
    margin-bottom: 0px;
    box-shadow: 7px 8px 6px 0 rgba(81, 81, 81, 0.6);
}

.sub-pages .sub-page .sub-sub-menu li {
    display: inline-block;
    padding-right: 4.1%;
}

.sub-pages .sub-page .sub-sub-menu li a {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
}

.sub-pages .sub-page .sub-sub-menu li:last-child a {
    padding-right: 0px;
}

.sub-pages .sub-page .sub-sub-menu li a.selected {
    color: #00F5FF;
    padding-right: 106px;
}

.sub-pages .sub-page .sub-sub-menu li a.no-padding {
    padding-right: 0px;
}

.sub-container {
    min-height: 500px;
    background: linear-gradient(142.48deg, #FFFFFF 0%, #F3F3F3 100%, #F3F3F3 100%);
    box-shadow: 7px 8px 6px 0 rgba(81, 81, 81, 0.5);
    padding: 66px 95px 89px 95px;
}

.sub-container h3 {
    color: #212121;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.27px;
    line-height: 23px;
    margin-bottom: 29px;
}

.sub-container .sub-list li {
    color: #212121;
    font-size: 16px;
    letter-spacing: -0.21px;
    line-height: 33px;
    list-style-type: none;
    margin: 0px;
    margin-left: 30px;
    text-indent: -1.5em;
}

.sub-container .sub-list li a {
    padding-left: 15px;
}

.sub-container .sub-list li a:hover {
    text-decoration: none;
}

.sub-container .sub-list li::before {
    content: "•";
    color: #000000
}
#topics-content{
    text-align: justify;
}

.sub-container .sub-list-left {
    width: 50%;
    float: left;
    padding: 0px;
}

.sub-container .sub-list-right {
    width: 50%;
    float: left;
    padding: 0px;
    padding-left: 7%;
}

.divider,
hr {
    height: 1px;
    background: #898989;
    margin-top: 47px;
    margin-bottom: 41px;
    border: 0px;
}

p,
.sub-paragraph {
    color: #212121;
    font-size: 16px;
    letter-spacing: -0.21px;
    line-height: 23px;
}

.sub-paragraph span,
p b,
p strong {
    font-weight: bold;
    font-family: ProximaNova-Semibold;
}

.sub-sub-title,
h1 {
    color: #212121;
    font-family: ProximaNova-Semibold;
    font-size: 18px;
    letter-spacing: -0.21px;
    line-height: 23px;
    margin: 0px;
    margin-top: 30px;
    display: block;
    font-weight: bold;
    margin-bottom: 15px;
    outline: none;
}

h2 {
    color: #212121;
    font-family: ProximaNova-Semibold;
    font-size: 16px;
    letter-spacing: -0.21px;
    line-height: 23px;
    margin: 0px;
    margin-top: 25px;
    display: block;
    font-weight: bold;
    margin-bottom: 15px;
    outline: none;
    padding-left:20px;
}

h2 + ul{
    padding-left:20px !important;
}

.sub-sub-title::selected {
    outline: none;
}

.sub-sub-list {
    padding: 0px
}

#topics-content ul {
    padding-left: 0px;
}

.sub-sub-list li,
#topics-content ul li {
    color: #212121;
    font-size: 16px;
    letter-spacing: -0.21px;
    line-height: 25px;
    list-style-type: none;
    margin: 0px;
    margin-left: 7px;
    margin-bottom: 15px;
    text-align: justify;
    text-indent: -1.5em;
    padding-left: 17px;
}

/* #topics-content ul li{
    text-align: left !important;
} */

.sub-sub-list li::before,
#topics-content ul li::before {
    content: "•";
    color: #000000;
    padding-right: 15px;
}

.sub-sub-no-list,
#topics-content ol {
    padding: 0px;
    padding-left: 5px;
}

.sub-sub-no-list li,
#topics-content ol li {
    color: #212121;
    font-size: 16px;
    letter-spacing: -0.21px;
    line-height: 25px;
    margin: 0px;
    margin-left: 7px;
    margin-bottom: 10px;
    text-align: justify;
    padding-left: 10px;
}

#topics-content table {
    margin-top: 38px;
    width: 100%;
}

.table {
    margin-top: 38px;
}

#topics-content table thead {
    box-sizing: border-box;
    height: 60px;
    border: 1px solid #979797;
    background-color: #E3E3E3;
}

#topics-content table thead tr {
    height: 60px;
    border: 1px solid #979797;
    background-color: #E3E3E3;
    box-sizing: border-box;
}

#topics-content table thead tr th {
    padding-left: 20px;
    padding-top: 7.5px;
    color: #212121;
    font-size: 16px;
    font-weight: bold;
    box-sizing: border-box;
    border-right: 1px solid #979797;
    border-bottom: 1px solid #979797;
}

#topics-content table tbody tr {
    height: 60px;
    border: 1px solid #979797;
    box-sizing: border-box;
}

#topics-content table tbody tr td {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 7.5px;
    color: #212121;
    font-size: 16px;
    box-sizing: border-box;
    border-right: 1px solid #979797;
    border-bottom: 1px solid #979797;
}

.table thead {
    box-sizing: border-box;
    height: 60px;
    border: 1px solid #979797;
    background-color: #E3E3E3;
}

.table thead tr {
    height: 60px;
    border: 1px solid #979797;
    background-color: #E3E3E3;
    box-sizing: border-box;
}

.table thead tr td {
    padding-left: 20px;
    padding-top: 19.5px;
    color: #212121;
    font-size: 16px;
    font-weight: bold;
    box-sizing: border-box;
    border-right: 1px solid #979797;
    border-bottom: 1px solid #979797;
}

.table thead tr td.no-border-right {
    border-right: 0px !important;
}

.table tbody tr {
    height: 60px;
    border: 1px solid #979797;
    box-sizing: border-box;
}

.table tbody tr td {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 19.5px;
    color: #212121;
    font-size: 16px;
    box-sizing: border-box;
    border-right: 1px solid #979797;
    border-bottom: 1px solid #979797;
    text-align: justify;
}

.table tbody tr td.no-justify {
    text-align: left;
}

.table tbody tr td.no-border-right {
    border-right: 0px !important;
}

.main-image-container .media-container{
    /* padding-top: 300px; */
}
.main-image-container .container .left-container{
    width: 58%;
    float: left;
    position: relative;
}

.main-image-container .container .left-container img{
    width: 98%;
    height: auto;
    padding: 150px;
    padding-left: 170px;
    padding-right: 100px;
}

.main-image-container .container .left-container video{
    /* position: absolute;
    right: 127px;
    width: 670px;
    height: 376.5px;
    top: 180px; */
    /* right: 119px;
    width: 535px;
    height: 300.5px;
    top: 175px; */

    position: absolute;
    left: 19%;
    width: 67%;
    top: 21%;
}

.main-content{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: justify;
}
.main-content h1{
    color: white;
    font-size: 36px;
}


.main-image-container .container .right-container{
    width: 41%;
    float: left;
    padding-top: 205px;
    /* padding-left:100px */
}

.main-image-container .container .right-container .content{
    width: 428px;
    margin-right: 0;
}

.main-image-container .container .right-container .content h1{
    margin: 0;
    font-size: 42px;
    line-height: 52px;
    color: #069CB5;
    letter-spacing: -0.75px;
    margin-bottom: 28px;
}

.main-image-container .container .right-container .content p{
    font-size: 16.5px;
    line-height: 23px;
    /* text-align: justify; */
    color: #fff;
    letter-spacing: normal;
    margin-bottom: 40px;

}
.main-image-container .container .right-container .content .read-more{
    padding:10px 35px 10px 35px;
    background-color: #069CB5;
    display: inline-block;
}

.main-image-container .container .right-container .content a{
    font-size: 18px;
    line-height: 22px;
    color: white;
    letter-spacing: normal;
}




header .item {
    height: auto;
    position: relative;
}

header .item img {
    width: 100%;
    object-fit: cover;
}

header .item .cover {
    padding: 75px 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}

header .item .cover .header-content {
    position: relative;
    padding: 56px;
    overflow: hidden;
}

header .item .cover .header-content .line {
    content: "";
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    border: 9px solid #fff;
    -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
    clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}

header .item .cover .header-content h2 {
    font-weight: 300;
    font-size: 35px;
    color: #fff;
}

header .item .cover .header-content h1 {
    font-size: 56px;
    font-weight: 600;
    margin: 5px 0 20px;
    word-spacing: 3px;
    color: #fff;
}

header .item .cover .header-content h4 {
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    color: #fff;
}
header .owl-item.active h1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}

header .owl-item.active h2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}

header .owl-item.active h4 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
}

header .owl-item.active .line {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: 0.3s;
}

header .owl-nav .owl-prev {
    position: absolute;
    left: 15px;
    top: 43%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: rgba(0, 0, 0, 0.5) !important;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
}

header .owl-nav .owl-prev span {
    font-size: 1.6875rem;
    color: #fff;
}

header .owl-nav .owl-prev:focus {
    outline: 0;
}

header .owl-nav .owl-prev:hover {
    background: #000 !important;
}

header .owl-nav .owl-next {
    position: absolute;
    right: 15px;
    top: 43%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: rgba(0, 0, 0, 0.5) !important;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
}

header .owl-nav .owl-next span {
    font-size: 1.6875rem;
    color: #fff;
}

header .owl-nav .owl-next:focus {
    outline: 0;
}

header .owl-nav .owl-next:hover {
    background: #000 !important;
}

header:hover .owl-prev {
    left: 0px;
    opacity: 1;
}

header:hover .owl-next {
    right: 0px;
    opacity: 1;
}

.navbar-default .navbar-nav>li>a:active {
    color: #ffffff !important;
}

.fade {
    opacity: 1;
}

.modal-backdrop {
    /* opacity: 1 !important;
    background: url(../images/Background.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    height: 2000px;
    z-index: 999; */
}

.modal-dialog {
    top: 250px;
    height: 457px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%) !important;
}
.modal-dialog .map-img{
    width: 100%;
    max-width: 900px;
}

.modal-content {
    height: 100%;
}

#popup-img .item {
    height: 457px;
}

#popup-img .item .left-content {
    width: 533px;
    display: block;
    height: 457px;
    float: left;
}

#popup-img .item .left-content .quote-text {
    position: relative;
    top: -411px;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.29px;
    line-height: 27px;
    width: 431px;
    text-align: left;
    left: 120px;
}

.mobile {
    display: none !important;
}

#popup-img .item .left-content .quote-text {
    width: 334px;
}

#popup-img .item2 .left-content .quote-text {
    top: -390px;
    left: 80px;
}

#popup-img .item3 .left-content .quote-text {
    top: -411px;
    font-size: 18px;
}

#popup-img .item4 .left-content .quote-text {
    top: -421px;
    font-size: 18px;
    color: #650019;
    font-weight: bold;
    left: 190px;
    letter-spacing: -0.24px;
    line-height: 22px;
}

#popup-img .item5 .left-content .quote-text {
    top: -421px;
    font-size: 18px;
    left: 170px;
}

#popup-img .item .left-content img {
    width: 100%;
    height: 100%;
    display: block;
}

#popup-img .item .right-content {
    width: 365px;
    display: block;
    height: 100%;
    float: left;
    background-color: #CF162D;
}

#popup-img .item2 .right-content {
    background-color: #212121;
}

#popup-img .item3 .right-content {
    background-color: #023767;
}

#popup-img .item4 .right-content {
    background-color: #BB023D;
}

#popup-img .item5 .right-content {
    background-color: #1950A2;
}

#popup-img .item .right-content .close-icon {
    height: 22px;
    margin-top: 18px;
    padding-right: 22px;
}

#popup-img .item .right-content .close-icon img {
    width: 20px;
    height: 20px;
    display: block;
    float: right;
    cursor: pointer;
}

#popup-img .item .right-content .message-text {
    color: #FFFFFF;
    font-size: 16px;
    width: 300px;
    margin: 0px auto;
    margin-top: 102px;
}

#popup-img .item .right-content .message-text {
    margin-top: 50px;
    width: 350px;
}

#popup-img .item .right-content .message-text span {
    display: block;
    text-align: left;
    padding-top: 7px;
    float: left;
    width: 200px;
    padding-left: 10px;
}

#popup-img .item .right-content .message-text span {
    width: 270px;
    text-align: center;
    padding-left: 0px;
    line-height: 28px;
}

#popup-img .item .right-content .message-text img {
    width: 40px;
    height: 31px;
    display: block;
    text-align: left;
    float: left;
    margin-right: 10px;
    float: left;
}

#popup-img .item .right-content .message-text img.top-margin {
    margin-top: 158px;
    margin-right: 0px;
}

#popup-img .item .right-content .message-text img.top-margin {
    float: right;
    position: relative;
    left: -70px;
    margin-top: 150px;
}

#popup-img .item .right-content .message-text img {
    margin-right: 0px;
}

#popup-img .item .right-content .learn-more {
    height: 50px;
    width: 274px;
    background-color: #FFFFFF;
    color: #CF162D;
    font-size: 16px;
    margin: 0px auto;
    margin-top: 110px;
    display: block;
    text-align: center;
    box-sizing: border-box;
    padding-top: 15px;
}

#popup-img .item .right-content .learn-more {
    margin-top: 90px;
}

#popup-img .item .right-content .learn-more:hover {
    text-decoration: none;
}

#popup-img .item2 .right-content .learn-more {
    color: #212121;
}

#popup-img .item3 .right-content .learn-more {
    color: #023767;
}

#popup-img .item4 .right-content .learn-more {
    color: #BB023D;
}

#popup-img .item5 .right-content .learn-more {
    color: #1950A2;
}

.emirates-container {
    background: url(../images/EK_Image_bg.jpg);
    height: 580px;
    background-size: contain;
    padding-top: 72px
}

.emirates-container .logo {
    height: 130px;
    width: 92px;
    display: block;
    margin: 0px auto;
    margin-top: 72px;

}

.information-text {
    height: 260px;
    background-color: #212121;
    color: #9B9B9B;
    font-size: 16px;
    line-height: 26px;
    text-align: justify;
    padding-top: 50px;
}

.information-text .title {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    padding-bottom: 20px;
}

.information-text .left-container {
    float: left;
    width: 50%;
    padding-left: 8%;
    padding-right: 4%;
}

.information-text .right-container {
    float: left;
    width: 50%;
    padding-left: 4%;
    padding-right: 8%;

}

.meraas-container {
    background: url(../images/Meraas_Image_bg.jpg);
    height: 580px;
    background-size: contain;
    padding-top: 145px;
}

.meraas-container .logo {
    height: 53px;
    width: 209px;
    display: block;
    margin: 0px auto;
}

.muse-container {
    background: url(../images/Muse_Image_bg.jpg);
    height: 580px;
    background-size: contain;
    padding-top: 158px;
}

.muse-container .logo {
    height: 40px;
    width: 148px;
    display: block;
    margin: 0px auto;
}

.airrewards-container {
    background: url(../images/AirArebia_Image_bg.jpg);
    background-repeat: round;
    height: 580px;
    background-size: contain;
    padding-top: 140px;
}

.airrewards-container .logo {
    height: 62px;
    width: 184px;
    display: block;
    margin: 0px auto;
}

.bestday-container {
    background: url(../images/BestDay_Image_bg.jpg);
    height: 580px;
    background-size: contain;
    padding-top: 140px;
}

.bestday-container .logo {
    height: 62px;
    width: 176px;
    display: block;
    margin: 0px auto;
}

.quotes-information {
    width: 720px;
    margin: 0px auto;
    margin-top: 40px;
}

.quotes-information .left-quote {
    float: left;
}

.quotes-information .left-quote img {
    width: 40px;
    height: 31px;
    margin-top: 0px;
}

.quotes-information .right-quote {
    float: left;
}

.quotes-information .right-quote img {
    width: 40px;
    height: 31px;
    margin-top: 72px;
}

.quotes-information .quote-text {
    float: left;
    height: 149px;
    width: 636px;
    color: #FFFFFF;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: -0.35px;
    line-height: 33px;
    text-align: center;
}

.social-media-container {
    height: 39px;
    width: 540px;
    margin: 0px auto;
    margin-top: 30px;
}

.play-video {
    float: left;
}

.play-video img {
    display: inline-block;
    width: 28px;
    height: 23px;
}

.play-video span {
    display: inline-block;
    color: #FFFFFF;
    font-size: 21px;
    line-height: 28px;
    text-align: justify;
    padding-left: 10px;
}

.social-media {
    float: left;
    margin-left: 30px;
}

.social-media img {
    display: inline-block;
    width: 37px;
    height: 24px;
}

.social-media span {
    display: inline-block;
    color: #FFFFFF;
    font-size: 21px;
    line-height: 28px;
    text-align: justify;
    padding-left: 10px;
    position: relative;
    top: 4px;
}

.press-release {
    float: left;
    margin-left: 30px;
}

.press-release img {
    display: inline-block;
    width: 25px;
    height: 27px;
}

.press-release span {
    display: inline-block;
    color: #FFFFFF;
    font-size: 21px;
    line-height: 28px;
    text-align: justify;
    padding-left: 10px;
    position: relative;
    top: 4px;
}

.owl-theme .owl-nav {
    margin-top: unset;
}

.show {
    display: block !important;
    visibility: visible;
}

#animation-image-container {
    z-index: 1;
    position: relative;
    display: none;
}
#animation-image-background {
    display: none;
    top: 66px;
    position: fixed;
    width: 100%;
    z-index: 0;
    background: url("../images/Muse_Web_BK.jpg");
    background-size: cover;
}
#animation-image {
    display: none;
    width: 100vw;
    position: absolute;
}
#animation-image-container1 {
    z-index: 1;
    position: relative;
    display: none;
}
#animation-image-background1 {
    display: none;
    top: 66px;
    position: fixed;
    width: 100%;
    z-index: -2;
    background: url("../images/Meraas Background 1.jpg");
    background-size: cover;
}
#animation-image1 {
    display: none;
    width: 100vw;
    position: absolute;
}
#bottom-banners {
    position: relative;
}


#lji-wrapper {
    position: sticky;
    background: #5a5a5a;
    width: 100vw;
    z-index: 7;
}
.lji{
    height: 877px;
    /* min-height: 100vh; */
    position: relative;
    background-color: #FFFFFF;
    margin: auto;

}
.lji img {
    object-fit: cover;
}
.lji .lji-heading {
    position: absolute;
    top: 500px;
    height: 144px;
    width: 500px;
    text-align: center;
    left: 800px;
}
.lji .lji-heading .loyalty{
    /* height: 144px;
    width: 358px; */
    color: #000000;
    font-family: ProximaNova-ExtraBold;
    font-size: 60px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 72px;
}
.lji img{
    object-fit: cover;
}
.lji video{
    object-fit: cover;
    vertical-align: middle;
}
.lji .lji-heading .reimagined{
    /* height: 144px;
    width: 358px; */
    color: #000000;
    font-family: ProximaNova-ExtraBold;
    font-size: 60px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 72px;
    padding-left: 120px;
}
   
.lji-banner {
    height: 777px;
    position: relative;
}

.lji-banner img {
    object-fit: cover;
}

.lji-banner .lji-banner-heading {
    position: absolute;
    top: 463px;
    height: 140px;
    width: 100%;
    text-align: center;
}

.lji-banner .lji-banner-heading .loyalty-reimagined {
    height: 96px;
    width: 860px;
    color: rgba(255, 255, 255, 0.95);
    font-family: ProximaNova-Regular;
    font-size: 80px;
    font-weight: 600;
    letter-spacing: -1.07px;
    line-height: 96px;
    text-align: center;
}

.blue {
    color: #24C2E5 !important;
}

.lji-banner .lji-banner-heading .our-showcase {
    height: 43px;
    width: 234px;
    color: #FFFFFF;
    font-family: ProximaNova-Regular;
    font-size: 36px;
    font-weight: 600;
    line-height: 43px;
}
#left-bar {
    height: 100%;
    position: fixed;
    left: 0px;
    z-index: 10;
    background: #5a5a5a;
}
#right-bar {
    height: 100%;
    position: fixed;
    right: 0px;
    z-index: 10;
    background: #5a5a5a;
}
.muse-banner {
    height: 762px;
    position: relative;
    z-index: -1;
}

.muse-banner img {
    object-fit: cover;
}

.muse-banner .carousel img {
    height: 882px;
}

.muse-banner .muse-content {
    position: absolute;
    top: 144px;
    /* height: 556px; */
    height: 100%;
    width: 1290px;
    left: calc(50% - 380px);
    background-position: 100%;
}
.main-container .rel{
    position: relative;
}
.main-container .bg-black {
    background-color: #000;
}
.main-container .white {
    color: #fff;
}
 .container1 {
    height: 100vh;
    position: relative;
    top: -100px;
    /* height: 792px;
    width: 1290px;
    top: 400px;
    left: 650px;
    position: absolute; */
    /* height: 80vh;
    width: 120vh;
    top: 400px;
    left: 400px;
    position: relative; */
}
.container1 .left{
    width:50%;
    height: 50%;
    left: 0px;
}
.scale {
   
    height: 100vh;
    position: absolute;
    top: 60%;
    left: 58.5%;
    background-repeat: no-repeat;
    background-image: url(../images/Muze_Image.png);
    /* background-image: url(../images/muse1.png); */
    width: 100vw;
    /* background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/590856/person.png);
    width: 160vw; */
    background-size: 1440px 1000px;
    transform-origin: 50% 50%;
  }

.muse-banner .muse-content .experience {
    position: absolute;
    top: 219px;
    left: 400px;
    height: 70px;
    width: 439px;
    color: #FFFFFF;
    font-family: ProximaNova-Regular;
    font-size: 60px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 0.8px;


}
.hide {
    opacity:0;
    left:-100%;
}
.show {
    opacity:1;
    left:0;
}
.muse-banner .muse-content .reimagined {
    position: absolute;
    top: 278px;
    left: 479px;
    height: 76px;
    width: 456px;
    color: #24C2E5;
    font-family: ProximaNova-Regular;
    font-size: 60px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: 0.8px;
}

.muse-banner .muse-content .mobile_frame {
    height: 582px;
    width: 290px;
    top: 0px;
    left: 0px;
}
.muse-banner .muse-content .tv_container video{
    position: absolute;
    border-radius: 25px;
    width: 258px;
    height: 558px;
    top: 13px;
    /* Adjust top position */
    left: 16px;
    /* Adjust left position */
}
.muse-banner .muse-content .tv_container img{
    position: absolute;
    border-radius: 25px;
    width: 245px;
    height: 530px;
    top: 13px;
    /* Adjust top position */
    left: 16px;
    /* Adjust left position */
}

.emirates-banner {
    height: 882px;
    position: relative;
}

.emirates-banner img {
    object-fit: cover;
}

.emirates-banner .carousel img {
    height: 882px;
}

.emirates-banner .ek-content {
    position: absolute;
    top: 194px;
    height: 556px;
    width: 760px;
    left: calc(50% - 380px);
}

.emirates-banner .ek-content .partnerships {
    position: absolute;
    height: 70px;
    width: 440px;
    color: #FFFFFF;
    font-family: ProximaNova-Regular;
    font-size: 60px;
    font-weight: 600;
    line-height: 40px;
    top: 180px;
    left: -100px;
    letter-spacing: 0.8px;
}

.emirates-banner .ek-content .reimagined {
    position: absolute;
    height: 76px;
    width: 403px;
    color: #24C2E5;
    font-family: ProximaNova-Regular;
    font-size: 60px;
    font-weight: 600;
    line-height: 50px;
    text-align: center;
    top: 240px;
    left: -70px;
    letter-spacing: 0.8px;
}

.emirates-banner .ek-content .mobile_frame {
    position: absolute;
    height: 582px;
    width: 290px;
    left: 485px;
}
.emirates-banner .ek-content .tv_container video {
    position: absolute;
    border-radius: 25px;
    width: 258px;
    height: 558px;
    top: 13px;
    /* Adjust top position */
    left: 501px;
    /* Adjust left position */
}
/* meraas banner*/
.meraas-banner {
    height: 911px;
    position: relative;
    z-index: -3;
}

.meraas-banner img {
    object-fit: cover;
}

.meraas-banner .carousel img {
    height: 882px;
}

.meraas-banner .meraas-content {
    position: absolute;
    top: 194px;
    height: 556px;
    width: 760px;
    left: calc(50% - 380px);
}
.meraas-banner .meraas-content .bg-static1{
    left: 485px;
}
.meraas-banner .meraas-content .mobile_frame {
    position: absolute;
    height: 582px;
    width: 290px;
    /* left: 485px; */
}
.meraas-banner .meraas-content .tv_container .banner {
    position: absolute;
    border-radius: 25px;
    width: 258px;
    height: 558px;
    top: 13px;
    /* Adjust top position */
    /* left: 501px; */
    left: 16px;
    /* Adjust left position */
}
.meraas-banner .meraas-content .tv_container .banner img {
    height: 530px;
}
.meraas-banner .meraas-content .gamemechanics {
    position: absolute;
    height: 70px;
    width: 440px;
    color: #FFFFFF;
    font-family: ProximaNova-Regular;
    font-size: 60px;
    font-weight: 600;
    line-height: 40px;
    top: 180px;
    left: -60px;
    letter-spacing: 1.2px;

}
.meraas-banner .meraas-content .reimagined {
    position: absolute;
    height: 76px;
    width: 403px;
    color: #24C2E5;
    font-family: ProximaNova-Regular;
    font-size: 60px;
    font-weight: 600;
    line-height: 50px;
    text-align: center;
    top: 240px;
    /* left: -80px; */
    letter-spacing: 1px;
}

.foody-banner {
    height: 911px;
    position: relative;
    z-index: 2;
}

.foody-banner img {
    object-fit: cover;
}

.foody-banner .carousel img {
    height: 882px;
}

.foody-banner .foody-content {
    position: absolute;
    top: 166px;
    height: 556px;
    width: 760px;
    left: calc(50% - 380px);
    transition: left 5s ease-in;

}
.foody-banner .foody-content .req{
    position: absolute;
    /* top: 166px; */
    height: 556px;
    width: 760px;
    left: calc(50% - 380px);
    /* direction: ltr; */
    margin-left:0%;
    transform: matrix(1, 0, 0, 1, 0, 0);
}
#image {
    width: 80%;
    height: auto;
    min-height: 600px;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    background-size: 150% auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/Mobile_Frame.png);
  }
  
.foody-banner .foody-content .mobile_frame {
    height: 582px;
    width: 290px;
    top: 0px;
    left: 0px;
}

.foody-banner .foody-content .tv_container video {
    position: absolute;
    border-radius: 25px;
    width: 258px;
    height: 558px;
    top: 13px;
    /* Adjust top position */
    left: 16px;
    /* Adjust left position */
}

.foody-banner .foody-content .dining {
    position: absolute;
    height: 104px;
    width: 357px;
    color: #FFFFFF;
    font-family: ProximaNova-Regular;
    font-size: 60px;
    font-weight: 600;
    line-height: 70px;
    /* text-align: center; */
    top: 182px;
    left: 400px;
    letter-spacing: 0.8px;
}

.foody-banner .foody-content .reimagined {
    position: absolute;
    height: 76px;
    width: 403px;
    color: #24C2E5;
    font-family: ProximaNova-Regular;
    font-size: 60px;
    font-weight: 600;
    line-height: 50px;
    /* text-align: center; */
    top: 258px;
    left: 479px;
    letter-spacing: 0.8px;
}
/* bol banner */
.bol-banner {
    height: 788px;
    position: relative;
    z-index: 2;
}

.bol-banner img {
    object-fit: cover;
}

.bol-banner .carousel img {
    height: 882px;
}

.bol-banner .bol-content {
    position: absolute;
    top: 144px;
    height: 556px;
    width: 760px;
    left: calc(50% - 380px);
}
.section {
    position: absolute;
    max-width: 920px;
    min-height: 75vh;
    /* transition: left 5s ease-in; */
   /* padding: 40px;
    margin: auto;
    background-color: #48c9b0;
    color: #ffffff; */
  }
  .section .bg-move {
    position: absolute;
    top: 0;
    bottom: 0;
    /* left: -97px; */
    width: auto;
  }
 .section .bg-move1 {
    position: absolute;
    top: 0;
    bottom: 0;
    /* left: 97px; */
    width: auto;
  }
  .section .bg-move-unused {
    position: absolute;
    top: 0;
    bottom: 0;
    width: auto;
  }
 .section .bg-move1-unused {
    position: absolute;
    top: 0;
    bottom: 0;
    width: auto;
  }
.bol-banner .bol-content .ecosystems{
    position: absolute;
    top: 219px;
    left: 400px;
    height: 70px;
    width: 439px;
    color: #FFFFFF;
    font-family: ProximaNova-Regular;
    font-size: 60px;
    font-weight: 600;
    line-height: 50px;
    text-align: center;
    letter-spacing: 1px;
}

.bol-banner .bol-content .reimagined {
    position: absolute;
    top: 278px;
    left: 479px;
    height: 76px;
    width: 456px;
    color: #24C2E5;
    font-family: ProximaNova-Regular;
    font-size: 60px;
    font-weight: 600;
    letter-spacing: -1.5px;
    line-height: 50px;
    text-align: center;
    letter-spacing: 1px;


}

.bol-banner .bol-content .mobile_frame {
    height: 582px;
    width: 290px;
    top: 0px;
    left: 0px;
}

.bol-banner .bol-content .tv_container video {
    position: absolute;
    border-radius: 25px;
    width: 258px;
    height: 558px;
    top: 13px;
    /* Adjust top position */
    left: 16px;
    /* Adjust left position */
}

@media screen and (min-width: 320px) and (max-width: 768px) {
    .lji-banner .lji-banner-heading .loyalty-reimagined {
        height: auto;
        width: auto;
        color: rgba(255, 255, 255, 0.95);
        font-family: ProximaNova-Regular;
        font-size: 55px;
        font-weight: 600;
        letter-spacing: -1.07px;
        line-height: 65px;
        text-align: center;
    }

    .muse-banner .muse-content {
        position: absolute;
        top: 25px;
        width: 100%;
        left: 0px;
    }

    .muse-banner .muse-content .mobile_frame {
        position: absolute;
        top: 0px;
        height: 556px;
        width: 277px !important;
        left: calc(50% - 138.5px) !important;
    }

    .muse-banner .muse-content video {
        position: absolute;
        top: 13px;
        height: 556px;
        width: 245px !important;
        left: calc(50% - 122.5px) !important;
    }

    .muse-banner .muse-content .experience {
        position: absolute;
        top: 600px;
        left: calc(50% - 162px) !important;
        font-size: 50px;
        height: 60px;
        line-height: 60px;
        width: auto;
    }

    .muse-banner .muse-content .reimagined {
        position: absolute;
        top: 670px;
        right: calc(50% - 160px) !important;
        left: auto;
        font-size: 50px;
        height: 60px;
        line-height: 60px;
        width: auto;
    }

    .emirates-banner .ek-content {
        position: absolute;
        top: 60px;
        width: 100%;
        left: 0px;
    }

    .emirates-banner .ek-content .mobile_frame {
        position: absolute;
        top: 0px;
        height: 556px;
        width: 277px !important;
        left: calc(50% - 138.5px) !important;
    }

    .emirates-banner .ek-content video {
        position: absolute;
        top: 13px;
        height: 556px;
        width: 245px !important;
        left: calc(50% - 122.5px) !important;
    }

    .emirates-banner .ek-content .partnerships {
        position: absolute;
        top: 600px;
        left: calc(50% - 162px) !important;
        font-size: 50px;
        height: 60px;
        line-height: 60px;
        width: auto;
    }

    .emirates-banner .ek-content .reimagined {
        position: absolute;
        top: 670px;
        right: calc(50% - 160px) !important;
        left: auto;
        font-size: 50px;
        height: 60px;
        line-height: 60px;
        width: auto;
    }

    .foody-banner .foody-content {
        position: absolute;
        top: 85px;
        width: 100%;
        left: 0px;
    }

    .foody-banner .foody-content .mobile_frame {
        position: absolute;
        top: 0px;
        height: 556px;
        width: 277px !important;
        left: calc(50% - 138.5px) !important;
    }

    .foody-banner .foody-content video {
        position: absolute;
        top: 13px;
        height: 556px;
        width: 245px !important;
        left: calc(50% - 122.5px) !important;
    }

    .foody-banner .foody-content .dining {
        position: absolute;
        top: 600px;
        left: calc(50% - 162px) !important;
        font-size: 50px;
        height: 60px;
        line-height: 60px;
        width: auto;
    }

    .foody-banner .foody-content .reimagined {
        position: absolute;
        top: 670px;
        right: calc(50% - 162px) !important;
        left: auto;
        font-size: 50px;
        height: 60px;
        line-height: 60px;
        width: auto;
    }
    .meraas-banner .meraas-content {
        position: absolute;
        top: 60px;
        width: 100%;
        left: 0px;
    }

    .meraas-banner .meraas-content .mobile_frame {
        position: absolute;
        top: 0px;
        height: 556px;
        width: 277px !important;
        left: calc(50% - 138.5px) !important;
    }

    .meraas-banner .meraas-content .tv_container .banner {
        position: absolute;
        top: 13px;
        height: 556px;
        width: 245px !important;
        left: calc(50% - 122.5px) !important;
    }

    .meraas-banner .meraas-content .gamemechanics {
        position: absolute;
        top: 600px;
        left: calc(50% - 162px) !important;
        font-size: 60px;
        height: 60px;
        line-height: 50px;
        width: auto;
        letter-spacing: -0.8px;
    }

    .meraas-banner .meraas-content .reimagined {
        position: absolute;
        top: 670px;
        right: calc(50% - 160px) !important;
        left: auto;
        font-size: 60px;
        height: 60px;
        line-height: 50px;
        width: auto;
        letter-spacing: -0.8px;
    }
    .bol-banner .bol-content {
        position: absolute;
        top: 25px;
        width: 100%;
        left: 0px;
    }

    .bol-banner .bol-content .mobile_frame {
        position: absolute;
        top: 0px;
        height: 556px;
        width: 277px !important;
        left: calc(50% - 138.5px) !important;
    }

    .bol-banner .bol-content .tv_container video {
        position: absolute;
        top: 13px;
        height: 556px;
        width: 245px !important;
        left: calc(50% - 122.5px) !important;
    }

    .bol-banner .bol-content .ecosystems {
        position: absolute;
        top: 600px;
        left: calc(50% - 162px) !important;
        font-size: 60px;
        height: 60px;
        line-height: 50px;
        width: auto;
        letter-spacing: -0.8px;
    }

    .bol-banner .bol-content .reimagined {
        position: absolute;
        top: 670px;
        right: calc(50% - 160px) !important;
        left: auto;
        font-size: 50px;
        height: 60px;
        line-height: 60px;
        width: auto;
    }
    
}

video {
    outline: none;
}
  
/* .pin-spacer,.scale{
    width: 1440px !important;
} */
/* .scale{
    left: 700px !important;
} */
.fade-in-text {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 150px;
    color: black;
    animation: fadeIn linear 3s;
    -webkit-animation: fadeIn linear 3s;
    -moz-animation: fadeIn linear 3s;
    -o-animation: fadeIn linear 3s;
    -ms-animation: fadeIn linear 3s;
  }
  
  @keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }
  
  @-moz-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }
  
  @-webkit-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }
  
  @-o-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }
  
  @-ms-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }
  
.cards-container{
    padding: 0 56px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.cards-container .card{
    flex-basis: 32.2%;
    padding-bottom: 125px;
    /* border: 1px solid red; */
}

#press-card,#events-card{
    margin-right: 14px;
}

.top-cards-padding{
    padding-top: 125px !important;
}

.top-containers-padding{
    padding-top: 100px !important;
}

#media-1{
    /* background-color: #ebe8e9; */
    background-color: #d9edfc;;
}
#media-2{
    background-color: white;
}
#media-3{
    background-color: #ebe8e9;
}

.card-body{
    background-color: white;
    padding-bottom: 30px;
}

.card h1{
    margin: 0;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.32px;
    text-align: center;
    color: #554b4f;
    margin-bottom: 18px;
}
.card-content{
    padding: 0 27px 0 30px;
}
.card .card-content h2{
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.24px;
    color: #554b4f;
    margin-bottom: 20px;
}
.card .card-content p{
    font-size: 14px;
    line-height: 24px;
    letter-spacing: normal;
    color: #554b4f;
    margin-bottom: 37px;
}
.card img{
    width: 100%;
    height: 250px;
    padding-bottom: 37px;
}

.view-more{
    text-align: center;
    padding: 8px 93px;
    background-color: #554b4f;
}

.view-more a{
    font-size: 18px;
    line-height: 22px;
    letter-spacing: normal;
    color: white;
    text-decoration: none;
}

.container-media{
    padding: 0 56px;
    display: flex;
    flex-wrap: wrap;
}

.container-media h1{
    margin: 0;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.32px;
    color: #554b4f;
    margin-bottom: 40px;
    flex-basis: 100%;
}

.container-media .image-container{
    flex-basis: 40%;
    margin-right: 69px;
}

.container-media .image-container img{
    width: 100%;
    height: 250px;
}

.content-media{
    flex-basis: 53.2%;
}
.container-media .content-media h2{
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.24px;
    color: #554b4f;
    margin-bottom: 20px;
}

.content-media p{
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: normal;
    color: #554b4f;
    text-align: justify;
    word-break: break-all;
}

.content-media p:nth-of-type(1){
    margin-bottom: 15px;
}

.content-media .date{
    text-align: right;
    font-family: ProximaNova-Semibold;
}
.container-media a{
   font-size: 18px;
   line-height: 22px;
   letter-spacing: -0.24px;
   color: #0076FF;
   text-decoration: none;
   margin-left: auto;
   margin-top: 60px;
   margin-bottom: 40px;
   font-family: ProximaNova-Semibold;
}

.container-media h1{
    order: 1;
}
#press-image-1, #event-image-1, #webinar-image-1{
    order: 2;
}
#press-content-1, #event-content-1, #webinar-content-1{
  order: 3;
}
#press-image-2, #event-image-2, #webinar-image-2{
    order: 5;
}
#press-content-2, #event-content-2, #webinar-content-2{
    order: 4;
}
.container-media a{
    order: 6;
}

#press-image-2, #event-image-2, #webinar-image-2{
    margin-right: 0;
    margin-left: 69px;
}
#press-content-2,#press-image-2,#event-content-2,#event-image-2, #webinar-content-2,#webinar-image-2{
    margin-top: 80px;
}

#showcase_video::-webkit-media-controls {
    display:none !important;
}
  
.card .card-content .boson-content {
    width: auto;
    height: 88px;
    color: #000000;
    font-size: 18px;
    font-family: "ProximaNova-Semibold";
    font-weight: bolder;
    letter-spacing: -0.24px;
    line-height: 22px;
    text-align: center;
}

.card .card-content p{
    height: 80px;
    /* width: 281px; */
    color: #000000;
    font-size: 14px;
    /* font-weight: bold; */
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
}

.view-more{
    padding: 8px 93px;
    background-color: #069CB5;;
}
.main-image-container .container .left-container1 .featured {
    height: 46px;
    width: auto;
    color: #FFFFFF;
    font-size: 42px;
    font-weight: bold;
    letter-spacing: -0.56px;
    line-height: 46px;
    padding-left: 137px;
    padding-top: 20px;
    
  }
  .main-image-container .container .left-container1 .news {
    height: 166px;
    width: auto;
    color: #069CB5;
    font-size: 157px;
    font-weight: bold;
    letter-spacing: -2.09px;
    line-height: 191px;
    padding-left: 126px;
}
  .main-image-container .container .left-container1 .events-webinars {
    height: 40px;
    color: #FFFFFF;
    font-size: 22px;
    letter-spacing: 5.8px;
    line-height: 24px;
    padding-left: 135px;
}
.main-image-container .container .right-container{
    width: 41%;
    float: left;
    padding-top: 40px;
    /* padding-left:100px */
}

.main-image-container .container .right-container .Info{
    height: 184px;
    width: auto;
    color: #069CB5;
    font-size: 36px;
    font-weight: bold;
    letter-spacing: -0.75px;
    line-height: 46px;
    padding-right: 160px;
    margin-top: -16px;
}
.main-image-container .container .right-container .Infocontent{
    height: 134px;
    width: auto;
    color: #FFFFFF;
    font-size: 16.5px;
    letter-spacing: 0;
    line-height: 23px;
    text-align: justify;
    padding-top: 20px;
    padding-right: 170px;
}
.main-image-container .container .right-container  .read-more{
    margin-top: 33px;
    padding:10px 35px 10px 35px;
    background-color: #069CB5;
    display: inline-block;
}

.main-image-container .container .right-container  a{
    font-size: 18px;
    line-height: 22px;
    color: white;
    letter-spacing: normal;
}



/* stat page animation */
.section-content {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
}
.section-a14-bionic .grid {
    display: grid;
    /* grid-template-rows: 170px 210px 285px 215px; */
    grid-template-rows: 250px 280px 305px 255px;
    grid-template-columns: repeat(12, 1fr);
    gap: 6px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 120px 60px;
    padding-bottom: 0;
}
.section-a14-bionic .grid .spotlight-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    display: flex;
    justify-content: center;
}
.section-a14-bionic .grid .spotlight-wrapper .spotlight:nth-child(1) {
    top: -40px;
 }
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){
.section-a14-bionic .grid .spotlight-wrapper .spotlight {
    background-image: url(../images/gradient_large_2x.png);
    /* background-image: url("https://www.apple.com/v/iphone-12-pro/f/images/overview/a14-bionic/gradient__eb6qddgekbyq_large_2x.png"); */
}}
.section-a14-bionic .grid .spotlight-wrapper .spotlight {
    --spotlight-y-movement: 300px;
    opacity: 0.5;
    position: absolute;
    pointer-events: none;
    width: 715px;
    height: 835px;
    background-size: 715px 835px;
    background-repeat: no-repeat;
    background-image: url(../images/gradient_large.png);
    /* background-image: url("https://www.apple.com/v/iphone-12-pro/f/images/overview/a14-bionic/gradient__eb6qddgekbyq_large.png"); */
}

@media only screen and (min-width: 1069px){
.section-a14-bionic .grid .spotlight-wrapper .spotlight:nth-child(2) {
    background-size: 572px,668px;
    width: 572px;
    height: 668px;
}}
.section-a14-bionic .grid .spotlight-wrapper .spotlight:nth-child(2) {
    top: 240px;
    left: 9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){
.section-a14-bionic .grid .spotlight-wrapper .spotlight {
    background-image: url(../images/gradient_large_2x.png);
    /* background-image: url("https://www.apple.com/v/iphone-12-pro/f/images/overview/a14-bionic/gradient__eb6qddgekbyq_large_2x.png"); */
}}
.section-a14-bionic .grid .spotlight-wrapper .spotlight:nth-child(3) {
    --spotlight-y-movement: 200px;
    /* bottom: 0; */
    bottom: 150px;
    left: 31%;
}

.section-a14-bionic .grid .spotlight-wrapper .spotlight.last {
    /* bottom: -10px; */
    left: 18%;
    bottom: -150px;
}
.section-a14-bionic .grid .spotlight-wrapper .backdrop-grid {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: overlay;
    pointer-events: none;
    background-image: repeating-linear-gradient(rgba(255,255,255,0.171) 0 1px, transparent 1px 2px),repeating-linear-gradient(
0.25turn
, rgba(255,255,255,0.171) 0 1px, transparent 1px 2px);
}
.section-a14-bionic .grid .cell {
    box-sizing: border-box;
    position: relative;
    display: flex;
    background: #000;
    width: 100%;
    height: 100%;
    padding: 20px;
    padding-bottom: 15px;
    justify-content: flex-start;
    align-items: flex-end;
    border-radius: 3px;
    box-shadow: 0 0 8px rgb(97 182 205 / 10%);
}
.section-a14-bionic .grid .cell.h-span-7 {
    grid-column: span 7;
}
.section-a14-bionic .grid .cell.h-span-3 {
    grid-column: span 3;
}
.section-a14-bionic .grid .cell.h-span-5 {
    grid-column: span 5;
}
.section-a14-bionic .grid .cell.h-span-4 {
    grid-column: span 4;
}
.section-a14-bionic .grid .cell.medium-show {
    display: none;
}
.section-a14-bionic .grid .cell.h-span-2 {
    grid-column: span 2;
}
.section-a14-bionic .grid .cell.h-span-6 {
    grid-column: span 6;
}
.section-a14-bionic .grid .cell.glow{
    --glow-spread: 0;
    box-shadow: 0 0 var(--glow-spread) rgba(57,155,235,0.329412);
}
/* .section-a14-bionic .grid .cell.glow:hover,.section-a14-bionic .grid .cell.glow:active {
    box-shadow: 0 0 30px rgb(57, 200, 235);
} */
.section-a14-bionic .grid .cell.glow-active {
    box-shadow: 0 0 15px rgb(57, 200, 235);
}
.section-a14-bionic .grid .cell.glow-active1 {
    box-shadow: -8px 8px 6px -3px rgb(57, 200, 235);
}
.section-a14-bionic .grid .cell.glow-active2{
    box-shadow: 8px 8px 6px -3px rgb(57, 200, 235);
}
.section-a14-bionic .grid .spotlight-wrapper .spotlight .spotlight-active{
    opacity: 1;
}

.section-a14-bionic .grid .cell.h-span-8 {
    grid-column: span 8;
}
.section-a14-bionic .grid .cell.h-span-9 {
    grid-column: span 9;
}
.section-a14-bionic .grid .cell.h-span-10 {
    grid-column: span 10;
}
.section-a14-bionic .grid .cell .badge {
    margin-right: 0;
    opacity: 0;
}
.badge-gradient {
    width: 100%;
}
.badge {
    margin-right: 2em;
    box-sizing: border-box;
    display: inline-block;
    font-size: 20px;
    min-width: 5em;
    position: relative;
    z-index: 1;
    background-color: black;
    color: #f5f5f7;
}

figure {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
}
.section-a14-bionic .grid .cell .badge .badge-content {
    padding: 0;
    margin: 0;
}
.badge-gradient .badge-content {
    padding-top: 0;
}
.badge .badge-content {
    margin: 1em 0;
    padding-top: 4px;
    padding-bottom: 2px;
    position: relative;
    z-index: 1;
}
.section-a14-bionic .grid .cell .badge .badge-caption {
    position: static;
}
.badge .badge-caption:first-child {
    top: auto;
    bottom: 100%;
}
.badge-gradient .badge-caption {
    font-size: 23px;
    line-height: 1.23536;
    font-weight: 600;
    letter-spacing: -.022em;
    /* font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; */
}
.badge .badge-caption {
    font-size: 23x;
    line-height: 1.28577;
    font-weight: 400;
    letter-spacing: -.016em;
    /* font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; */
}
.badge .badge-caption {
    color: #f5f5f7;
}
.badge .badge-caption {
    left: 0;
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1;
}
.badge-gradient .badge-value {
    font-size: 64px;
    line-height: 1.0625;
    font-weight: 600;
    letter-spacing: -.009em;
    /* font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; */
    display: inline-block;
    color: transparent;
    background: linear-gradient(to right, #005e7f, #61b6cd);
    -webkit-background-clip: text;
    background-clip: text;
}
.badge .badge-value {
    font-size: 64px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.003em;
    /* font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; */
}
.badge .badge-value {
    left: -2px;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 1;
}
.badge-gradient .badge-caption-inline {
    position: relative;
    z-index: 1;
    display: inline;
 }
 br.small {
    display: none;
}
#stopwatch::after {
  font-weight: 800;
  font-size: 120px;
  content: counter(count);
  animation: counter 2s linear;
  counter-reset: count 10;
}

@keyframes counter {
  0% {
    counter-increment: count -5;
  }
   
   20% {
    counter-increment: count -4;
  }
 
  40% {
    counter-increment: count -3;
  }
  
   60% {
    counter-increment: count -2;
  }
  
  80% {
    counter-increment: count -1;
  }
  
 100% {
    counter-increment: count 0;
  }
}


#stopwatch1::after {
    font-weight: 800;
    font-size: 120px;
    content: counter(count);
    animation: counter 2s linear ;
    counter-reset: count 1000;
  }
  
  @keyframes counter {
    0% {
      counter-increment: count -5;
    }
    
    20% {
      counter-increment: count -4;
    }
   
    40% {
      counter-increment: count -3;
    }
    
    60% {
      counter-increment: count -2;
    }
    
    80% {
      counter-increment: count -1;
    }
    
    100% {
      counter-increment: count 0;
    }
  }

  #stopwatch2::after {
    font-weight: 800;
    font-size: 120px;
    content: counter(count);
    animation: counter 2s linear ;
    counter-reset: count 100;
  }
  
  @keyframes counter {
    0% {
      counter-increment: count -5;
    }
    
    20% {
      counter-increment: count -4;
    }
   
    40% {
      counter-increment: count -3;
    }
    
    60% {
      counter-increment: count -2;
    }
    
    80% {
      counter-increment: count -1;
    }
    
    100% {
      counter-increment: count 0;
    }
  }

  #stopwatch3::after {
    font-weight: 800;
    font-size: 120px;
    content: counter(count);
    animation: counter 2s linear ;
    counter-reset: count 50;
  }
  
  @keyframes counter {
    0% {
      counter-increment: count -5;
    }
    
    20% {
      counter-increment: count -4;
    }
   
    40% {
      counter-increment: count -3;
    }
    
    60% {
      counter-increment: count -2;
    }
    
    80% {
      counter-increment: count -1;
    }
    
    100% {
      counter-increment: count 0;
    }
  }

img[src*='#center'] { 
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
    float: none!important;
}
  

/* new policies main page */
.new-policies-section{
    width: 100%;
    height: auto;
    margin: 106px 0px 120px;
}
.new-policies-section .top-text{
    font-size: 34px;
    line-height: 40px;
    letter-spacing: normal;
    font-family: ProximaNova-Bold;
    margin: 0 26.9%;
    text-align: center;
    color: #4A4A4A;
}
.new-policies-section .policies-list {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 24.7% 0px 24.7%;
    gap: 22px;
    justify-content: center;
    align-items: center;
    
}
.policies-list .policy{
    width: 31%;
    height: auto;
    display: flex;
    flex-direction: column;
    min-width: 228px;
}
.policies-list .policy img{
    width: 100%;
    height: auto;
    /* height: 148px; */
}
.policies-list .policy .bottom-div{
    background: #F5F5F5;
    padding: 20px 0px 22px 26px;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.policies-list .policy .bottom-div img{
    width: 36px;
    height: 36px;
    margin-top: 4px;
}
.policies-list .policy .bottom-div span {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: normal;
    font-family: ProximaNova-Bold;
    color: #4A4A4A;
}
  


#tv_container {
    background: url(../images/New\ Imac\ Frame.png);
    width: 70%; /* Adjust TV image width */
    height: 600px; /* Adjust TV image height */
    position: relative;
    background-size: 100% 100%;
    background-position: center center;
    margin-left: 17.3%;
    margin-top: 20px;
}
#tv_container video {
    width: 95%;
    position: absolute;
    top: 33px; /* Adjust top position */
    left: 18px; /* Adjust left position */
}


.main-waf-container{
    width: auto;
    display: flex;
    align-items: center;
    background: url(../images/panel_1_bg.webp);
    height: 752px;
    background-position: center;
    background-size: cover;
    flex-direction: column;
    position: relative;

}
.main-waf-container .rel-div{
    position: absolute;
    top: 47px;
}
.main-waf-container .top-image{
    background-image: url(../images/@2xpanel\ _1_logos.webp);
    background-position: center;
    background-size: cover;
    height: 161px;
    width: 517px;
    margin-bottom: 31px;
}
.main-waf-container h2{
    text-align: center;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: normal;
    font-family: ProximaNova-Bold;
    color: #454B5C;
    margin: 0;
    padding: 0;
    
}
.main-waf-container .bottom-text{
    position: absolute;
    bottom: 3.75rem;
}
.main-waf-container h2 span{
    color: #009FE3;
}

.waf-section{
    padding: 75px 160px;
    background-position: center;
    background-size: cover;
}
.sec-1{
    background-image: url(../images/panel_1_background.webp);
}
.sec-2{
    background-image: url(../images/panel_3_bg_desktop.webp);
}
.mobile-img{
    background-image: url(../images/panel_3_bg_mobile.webp);
}

.sec-3{
    /* background-image: url(../images/panel_5_background@3x.png); */
    background-image: url(../images/panel_5_background_desktop.webp);
}
.mobile-img2{
    background-image: url(../images/panel_5_bg_mobile.webp);
}
.waf-section .waf-section-wrapper .waf-section-image{
    height: 270px;
    width: 270px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.sec-1 .waf-section-wrapper .waf-section-image{
    background-image: url(../images/LJI-Animation-GIF-Logo.gif);
    margin-top: 72px;
    border-radius: 50%;
    border: 10px solid white;

}
.sec-2 .waf-section-wrapper .waf-section-image{
    background-image: url(../images/panel\ 3\ -\ badge@2x.webp);
    margin-top: 48px;

}
.sec-3 .waf-section-wrapper .waf-section-image{
    /* background-image: url(../images/gravty_logo-circle@3x.png); */
    background-image: url(../images/@1xPhotos.webp);
    margin-top: 11px;
    height: 337px;
    width: 337px;

}
.waf-section .waf-section-wrapper{
    display: flex;
    gap: 104px;
    margin: 0px;
}
.sec-3 .waf-section-wrapper{
    gap: 63px;
}

.waf-section .waf-section-wrapper .waf-section-text{
 flex: 1;
}

.waf-section h2{
    color: #FFFFFF;
    font-family: ProximaNova-Semibold;
    font-size: 26px;
    letter-spacing: 0;
    line-height: 29px;
    margin: 0px;
    padding: 0px;
}


.waf-section .waf-section-wrapper .waf-section-text p{
    margin: 0px;
    padding: 0px;
    color: #FFFFFF;
    font-family: ProximaNova-Regular;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 26px;
    text-align: justify;
    margin-top: 35px;
}
.waf-section .waf-section-wrapper .waf-section-text p span{
    font-family: ProximaNova-Semibold;
    text-decoration: underline;
    cursor: pointer;
}   



.banner-div{
    height: 752px;
    width: 100%;
    background-color: #222631;
    padding: 0px 80px 0px 160px;
    display: flex;
    gap: 79px;
    justify-content: center;
    align-items: center;
}

.banner-div .banner{
    
    height: 465px;
    width: 355px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.banner-div .details{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 638px;
    width: 766px;
}
.banner-1{
    background-image: url(../images/panel\ 2\ -\ banner@1x.webp);
}

.details-1{
    background-image: url(../images/panel\ 2\ -\ image@2x.webp);
}

.banner-2{
    background-image: url(../images/panel\ 4\ -\ banner\ copy@1x.webp);
}

.details-2{
    background-image: url(../images/panel\ 4\ -\ image@2x.webp);
}

.nav-bar{
    width: 100%;
    height: 60px;
    background-color: #2C3241;
    padding: 10px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav-bar .logo{
    height: 40px;
    width: 122px;
    display: block;
}

.nav-bar .logo img{
    object-fit: fill;
    width: 100%;
    height: 100%;
}

.nav-bar h1{
    color: #FFFFFF;
    font-family: ProximaNova-Regular;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0px;
    padding: 0px;
}

.nav-bar img{
    display: block;
    height: 38px;
    width: 86px;
}

.img-overlay{
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-overlay img{
    width: 100%;
    max-width: 800px;
}

.img-overlay .close-btn{
    position: fixed;
    top: 10px;
    right: 10px;
}