@import url("../../../../../../use.typekit.net/rlu5kgk.css");


@font-face {
    font-family: 'Portrait';
    src: url('../fonts/Portrait-Light.woff2') format('woff2'),
        url('../fonts/Portrait-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}


* { margin: 0; padding: 0; box-sizing: border-box;}
body { font-family: 'aktiv-grotesk-thin'; position: relative;  }
img { max-width: 100%;  border:none; outline: none;}
html, body{height: 100%;}
html {
  scroll-behavior: smooth;
}

video::-webkit-media-controls {
    display:none !important;
}

.container{max-width:1280px;margin:0 auto;padding:0 30px;width:100%; position: relative; height: 100%;}
.page-title { font-size: 25px;  color: #0096FF; font-family: Portrait, sans-serif; font-weight: 300;}
.sub-title p{font-size: 16px; color: #fff; margin-bottom: 20px;}
.sub-title p:last-child{margin-bottom: 0;}
.full-height{height: 100vh;}
.page-heading p{ display: inline-block; color: #fff; font-size: 15px; position: relative; margin-top: 75px; letter-spacing: 2px; text-transform: uppercase;}
.page-heading p:before { content: ''; border-bottom: 1px solid #fff; display: block; position: absolute; height: 1px; width: 100%; bottom: 0; left: 0; }
.page-heading{position: relative;}
.page-heading .heading-img { display: inline-block; position: absolute; top: 0; left: 0; }
.page-heading .heading-img img{height: 40px; width: 40px;}
p.blue{color:#0096FF;}
p.blue:before{border-color:#0096FF; }
li{list-style: none;}
a{text-decoration: none; outline: none;}
.corner-animation{ width: 100vw; background-color:transparent;  position: absolute; top: 60px; right: 0; overflow:hidden; height: 240px; }
.corner-animation video{width: 900px !important;}
.corner-inner{position: relative; width: 100vw;}
.corner-inner:after { content: ''; border-top: 70vw solid transparent; border-bottom: 0 solid transparent;border-left: 116.6vw solid #070926; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.corner-animation.left{right: auto; width: 100vw;}
.team-section .corner-animation.left .corner-inner:after{border-right-color: #070926;}
.corner-animation.left .corner-inner:after {  border-top: 70vw solid transparent; border-bottom: 0 solid transparent; border-right: 126vw solid #ebebeb;border-left: none; right: 0; left: auto;}
.team-section .corner-animation.left .corner-inner:after{border-right-color: #070926;}
.corner-animation .corner-inner .frame-container{width: 100%; height: 100%;}
.corner-animation .corner-inner .frame-container iframe{width: 100vw !important; height: 36vh !important;}
h1{outline: none;}
#fsc-about-animation,
#fsc-large-animation-one{display: inline-block;width: 100%;}
span#fsc-about-animation svg,
span#fsc-large-animation-one svg{ width: 280px !important; }


/*header css start*/

.header-wrapper .header-right .nav-wrapper{position: fixed; top: 0; left: 0; right: 0; z-index: 9; height: 100%; background-color: rgba(0, 150, 254, 1); transform: translateX(100%); transition: all 0.3s ease; opacity: 0; }
.header-wrapper .header-right nav ul { text-align: left; padding: 40px 20px 30px; display: inline-block; display: block; position: absolute; left: 50%; right: 0; top: 50%;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%;}
.header-wrapper .header-right nav ul li{padding: 0 25px; margin-bottom: 50px; width: 100%; position: relative;counter-increment: step-counter;}
.header-wrapper .header-right nav ul li:before { content: '0'counter(step-counter); letter-spacing: 2px; color: #fff; font-size: 12px; position: absolute; top: 5px; left: 0; font-family: 'aktiv-grotesk-thin'; }
.header-wrapper .header-right nav ul li:last-child{margin-bottom: 0;}
.header-wrapper .header-right nav ul li a{ font-size: 20px; padding-left: 30px; font-family: 'aktiv-grotesk'; color: #070926; text-transform: capitalize; font-family: 'Portrait'; position: relative; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; margin-left: 15px;}
.header-wrapper .header-right nav ul li a:before{content: ''; height: 20px; width: 20px; background-image: url(../images/small-star.svg); background-repeat: no-repeat; position: absolute;left: 0; top:50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); opacity: 0;  -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}
.header-wrapper .header-right nav ul li.active a:before{opacity: 1;  -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}
.header-wrapper .header-right nav ul li a:hover:before{ opacity: 1; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}

.header-wrapper .header-right .nav-wrapper.open{transform: translateX(0); opacity: 1;}
header{background-color: transparent; position: fixed; left: 0; right: 0; top: 0; z-index: 10; }
.header-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center;-ms-flex-align: center;align-items: center; padding-top: 20px; padding-bottom: 15px;}
.header-wrapper .header-right{width: 65%; z-index: 1;}
.header-wrapper .header-left{width: 35%; z-index: 2;}
.header-wrapper .header-right{text-align: right;}
.header-wrapper .header-left .logo { display: inline-block; width: 100%;}
sup{font-size: 8px; margin-left: 2px; display: inline-block;}
.header-wrapper .header-right .menu-icon{display: inline-block;}
.header-wrapper .header-right .menu-icon a { position: relative; width: 25px; height: 20px; display: inline-block; z-index: 10; outline: none;}
.header-wrapper .header-right .menu-icon a span { background-color: #fff; height: 1px; display: block; margin-bottom: 10px; float: right; transition: all 0.3s ease;}
.header-wrapper .header-right .menu-icon a span:first-child{width: 42px;}
.header-wrapper .header-right .menu-icon a span:nth-child(2){width: 28px;}
.header-wrapper .header-right .menu-icon a span:last-child{width: 15px; margin-bottom: 0;}
.header-wrapper .header-right .menu-icon.icon-toggle a span:first-child { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 29px 5px; -ms-transform-origin: 29px 5px; transform-origin: 29px 5px; width: 38px; }
.header-wrapper .header-right .menu-icon.icon-toggle a span:nth-child(2){opacity: 0;}
.header-wrapper .header-right .menu-icon.icon-toggle a span:last-child { width: 22px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 35px -7px; -ms-transform-origin: 35px -7px;transform-origin: 35px -7px; width: 38px; }
.header-wrapper .header-left .logo.desktop{display: none;}
.header-wrapper .header-left .logo.responsive{width: 100%; max-width: 100%;}
.header-footer-group.sticky{background-color: #070926;}



/*header css end*/

/*Banner css start*/

.hero-banner-wrapper{/*background: -o-linear-gradient(38deg, rgba(20,31,64,1) 0%, rgba(17,51,95,1) 39%, rgba(0,150,255,1) 100%);    background: linear-gradient(52deg, rgba(20,31,64,1) 0%, rgba(17,51,95,1) 39%, rgba(0,150,255,1) 100%);*/     background: -o-linear-gradient(38deg, rgb(8, 8, 39) 0%, rgb(3, 10, 39) 39%, rgb(62, 86, 138) 100%);    background: linear-gradient(52deg, rgb(8, 8, 39) 0%, rgb(3, 10, 39) 39%, rgb(62, 86, 138) 100%); background-repeat: no-repeat; background-position: 0 0; background-size: cover; padding-top: 107px; position: relative; overflow: hidden;}
.down-arrow { display: inline-block; width: 30px; height: 30px; position: absolute; bottom: 40px; right: auto; left: 30px; }
.down-arrow a { display: inline-block; width: 30px; height: 30px; text-align: center; position: relative; }
.down-arrow a span { display: block; width: 30px; height: 40px; position: relative;}
.down-arrow a span:before { content: ''; display: inline-block; height: 40px; width: 1px; background: #fff; position: absolute; top: 0; left: 15px; -webkit-animation: slide-down 3s ease-in-out infinite; animation: slide-down 3s ease-in-out infinite; }
.hero-banner-wrapper .sub-title{ margin-top: 40px; }
.hero-banner-wrapper .fullscreen-vid { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: none;}
.hero-banner-wrapper .fullscreen-vid.res{display: block;}
.hero-banner-wrapper .fullscreen-vid .vid-overlay { display: inline-block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: none;}
.hero-banner-wrapper .fullscreen-vid video { object-fit: cover; width: 320px; height: 100vh; position: absolute; top: 0px; left: 0px; position: relative; }
.carousel-wrapper{ position: relative; top:50%; transform: translateY(-50%); padding-top: 80px;}
.hero-banner-wrapper .fullscreen-vid video:before{display: inline-block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.hero-banner-wrapper .fullscreen-vid.res video{width: 100% !important; position: absolute; height: auto;}

@-webkit-keyframes slide-down{
  0%{
      -webkit-transform-origin:0% 0%;
              transform-origin:0% 0%;
      -webkit-transform:scale(1, 0);
              transform:scale(1, 0);
  }
  50%{
    -webkit-transform-origin:0% 0%;
            transform-origin:0% 0%;
      -webkit-transform:scale(1, 1);
              transform:scale(1, 1);
  }
  50.1%{
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100%{
    -webkit-transform-origin:0% 100%;
            transform-origin:0% 100%;
      -webkit-transform:scale(1, 0);
              transform:scale(1, 0);
  }
}
@keyframes slide-down{
  0%{
      -webkit-transform-origin:0% 0%;
              transform-origin:0% 0%;
      -webkit-transform:scale(1, 0);
              transform:scale(1, 0);
  }
  50%{
    -webkit-transform-origin:0% 0%;
            transform-origin:0% 0%;
      -webkit-transform:scale(1, 1);
              transform:scale(1, 1);
  }
  50.1%{
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100%{
    -webkit-transform-origin:0% 100%;
            transform-origin:0% 100%;
      -webkit-transform:scale(1, 0);
              transform:scale(1, 0);
  }
}

.delay-animation{animation-delay: 0.60s; transition-duration: 15s;}
.down-arrow a span:after { content: ''; position: absolute; border-left: 1px solid #fff; border-bottom: 1px solid #fff; width: 8px; height: 8px; bottom: 0; left: 11px; transform: rotate(-45deg); }
.down-arrow a:hover span:before { animation: none; }
.text-carousel .slider-content.slide-one{max-width: 575px;}
.text-carousel .slider-content.slide-two{max-width: 685px;}
.text-carousel .slider-content{transition-duration: 15s;}
.text-carousel {-webkit-transition: all 5s ease;-o-transition: all 5s ease;transition: all 5s ease; }

/*Banner css end*/

/*approach css start*/
.blue_bg{background-color: #070926;}
.label-title{display: block;  width: 100%;}
.working-stage-inner ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap;flex-wrap: wrap; }
section{position: relative;}
.approach-section{/*background-color: #070926;*/ padding-bottom: 70px; padding-top: 216px; margin-top: -5px;}
.approach-section .page-detail .page-title{margin: 55px 0;}
.approach-wrapper .sub-title{max-width: 550px;}
.fsc_feature_tabs{margin-top: 100px;}
.fsc_feature_tabs .tab-container label{display: block; width: 100%;}
.fsc_feature_tabs  .tab-container label span{ margin-bottom: 20px; display: inline-block; position: relative; color: #fff; text-decoration: none; font-size: 15px; text-transform: uppercase; cursor: pointer; letter-spacing: 3px; transition: all 0.3s ease;}
.fsc_feature_tabs .tab-container label span:after{ content: ''; background-color: #0096FF; width: 1px; height: 14px; position: absolute; right: -10px; top: 3px; transform: rotate(15deg); }
.fsc_feature_tabs .tab-container label.principles span{padding-right: 0; margin-bottom: 0; display: inline-block;}
.fsc_feature_tabs .tab-container label.principles span:after{content: none;}
.fsc_feature_tabs input{display: none;}
.fsc_feature_tabs .tab-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.fsc_feature_tabs .tab-content { display:none; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; height: 100%; margin-top: 40px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.fsc_feature_tabs input[type="radio"]:checked + label + .tab-content { display: block; transition: opacity .15s linear;}
.fsc_feature_tabs .tab-content .tab-content-inner h3{font-size: 25px; color: #fff; font-family: Portrait, sans-serif; margin-bottom: 30px; font-weight: normal;}
.fsc_feature_tabs .tab-content .tab-content-inner p{font-size: 16px; color: #fff;}
.fsc_feature_tabs input[type="radio"]:checked + label span{color: #0096FF; font-weight: 600;}
.fsc_feature_tabs input[type="radio"]:checked + label span:before { content: ''; border-bottom: 1px solid #0096FF; position: absolute; height: 1px; width: 100%; bottom: 0; }

.working-stage-wrapper{display: block; margin-top: 40px;}
.working-stage-inner ul li{text-align: center; width: 100%; margin-bottom: 40px;}
.working-stage-inner ul li .stage-image span { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; width: 100px; /*background-color: #ee2f2e;*/ border-radius: 100%; color: #fff; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.working-stage-inner ul li .stage-title{margin: 5px 0 8px;}
.working-stage-inner ul li .stage-title p { color: #0096FF; text-transform: uppercase; font-size: 15px; letter-spacing: 3px; font-weight: 600;}
.working-stage-inner ul li .stage-detail p{font-size: 14px; color: #fff; letter-spacing: 2px; max-width: 168px;}
.working-stage-inner ul li .stage-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 55px; }
.working-stage-inner ul li:first-child .stage-detail{border-left: none;}


/*approach section css end*/

/*about section css start*/
.about-section .parallax-bg{display: none;}
.about-section{padding: 107px 0 70px; background-color: #ebebeb; position: relative; height: 100%; width: 100%;}
.about-section .parallax-bg{ background-image: url(../images/parallax-bg.png); height: 100%; width: 100%; position: absolute; background-repeat: no-repeat; background-position: right; top: 50%; right: 0; transform: translateY(-50%);}

.about-section .page-title{color: #070926; margin-bottom: 60px; max-width: 200px;}
.about-section .page-heading{margin-bottom: 35px;}
.about-section .page-detail{width: 100%;}
.about-section .about-inner{display: inline-block; width: 100%; margin-top: 140px;}
.about-section .sub-title p{color: #070926;}
h3.about-title{font-size: 26px; color: #070926; font-family: Portrait, sans-serif; font-weight: normal; margin-bottom: 36px;}
.about-section .main-content .about-detail p{font-size: 16px; color: #070926;}
.about-section .main-content { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin: 70px 0 55px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; width: 100%; margin: 70px 0 55px; margin-top: 0; margin-bottom: 0;}
.about-section .main-content .left-content,
.about-section .main-content .right-content{width: 100%;}
.about-section .main-content .right-content{text-align: center;}
.about-section .right-content .svg-animation{height: 260px; width: 260px; background-color: #ee2f2e; display: inline-block; border-radius: 100%;}
.about-section .top-content{display: inline-block; width: 100%;}
.about-section .left-content h4{ font-size: 25px; color: #070926; text-transform: capitalize; text-decoration: none; font-family: 'Portrait', sans-serif; font-weight: 600; position: relative; padding-left: 33px; display: inline-block; text-align: left;}
.about-section .left-content h4:before { content: ''; height: 25px; width: 25px; background-image: url(../images/star-blue.svg); background-repeat: no-repeat; position: absolute; left: 0; top: 0; }
.about-section .bottom-content .left-content{text-align: center; width: 100%; margin-top: 0;}
.about-section .bottom-content .right-content{width: 100%; text-align: center;}
.about-section .bottom-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;  -webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.about-section .bottom-content .left-content p{text-align: center; font-size: 18px; color: #070926; position: relative;}
.about-section .bottom-content .left-content .enabling_technologies_about .technologies_inner{    position: relative; padding-top: 35px; margin-top: 40px;}
.about-section .bottom-content .left-content .enabling_technologies_about .technologies_inner:before { content: '+'; position: absolute; font-size: 36px; color: #0096FF; top: 0; left: 50%; transform: translateY(-50%); font-weight: 600;}
.about-section .bottom-content .left-content .enabling_technologies_about .technologies_inner.bottom{max-width: 310px; margin: 0 auto; margin-top: 40px;}
.about-section .bottom-content .left-content .enabling_technologies_about .technologies_inner.bottom:before{content: '=';}
.about-section .about-detail p{margin-bottom: 20px;}
.about-section .about-detail p:last-child{margin-bottom: 0;}
.about-section .right-content{margin-bottom: 10px;}
.sum-detail { display: block; font-size: 12px; color: #141F40; }
.sum-heading { position: relative; display: inline-block; border-bottom: 1px solid #0096FF; margin-bottom: 12px; padding-bottom: 3px; }
.enabling_technologies_about .sum-detail{margin-top: 20px;}
.technologies_inner.middle .sum-detail{margin-top: 10px;}
/*about section css end*/

/*pull quote section start*/

.pull-quote{display: inline-block; width: 100%;  padding:35px 0; position: relative;}
.pull-quote:before{ content: ''; background-image: url(../images/pull-out-background.png); width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: center; background-size: cover; background-repeat: no-repeat; z-index: -2; }

.pull-quote .pull-quote-wrapper p.quotes{color: #fff; font-size: 26px; font-family: Portrait, sans-serif; position: relative;}
.pull-quote .pull-quote-wrapper p.quotes span { font-size: 133px; color: #0096FF; display: block; position: static; height: 60px; margin-bottom: 20px;}
.pull-quote .pull-quote-wrapper .author_name{display: inline-block; width: 100%;}
.pull-quote .pull-quote-wrapper .author_name span{ display: inline-block; font-size: 15px; font-family: 'aktiv-grotesk-thin'; color: #0096FF; text-transform: uppercase; letter-spacing: 4px; margin-top: 25px; position: relative; text-decoration: none; font-weight: 600; /*text-decoration: underline;*/}
.pull-quote .pull-quote-wrapper{z-index: 2;}
.pull-quote.bottom:before{background-image: url(../images/blue.jpg); transform: none; background-position: bottom;}
.pull-quote.bottom:after{content: none;}

/*pull quote section end*/

/*how-we-work-section start*/

.how-we-work-section { /*background-color: #070926;*/ padding-top: 80px; }
.how-we-work-section .page-heading p{margin-top: 0; }
.how-we-work-section .how-we-work-wrapper{padding: 200px 0 1px;}
.how-we-work-section .how-we-work-wrapper .page-detail{width: 100%; margin-top: 40px;}
.how-we-work-section .page-detail h2.page-title{ position: relative; color: #fff; display: inline-block; padding-left: 45px; font-size: 25px;}
.how-we-work-section .page-detail h2.page-title:before { background-image: url(../images/star-blue.svg); background-repeat: no-repeat; content: ''; position: absolute; height: 30px; width: 30px; left: 0; top: 0; }
.how-we-work-section .page-detail h2.page-title sup { font-size: 8px; position: absolute; right: -12px; top: -10px; line-height: 20px; }
.how-we-work-section .page-detail .sub-title{margin-top: 40px;}
.how-we-work-section .page-detail .sub-title p{margin-bottom: 20px;}
.how-we-work-section .work-features{margin-top: 50px;}
.how-we-work-section .work-feature-inner{display: inline-block; width: 100%;}
.how-we-work-section .work-feature-inner .page-heading{padding-left: 0;}
.how-we-work-section .work-feature-inner .page-heading p{margin-bottom: 12px;}
.how-we-work-section .work-feature-inner ul li{color: #fff; font-size: 13px; position: relative; margin-bottom: 7px; max-width: 370px;}
.how-we-work-section .work-feature-inner ul li:after { content: ''; border-bottom: 1px solid #0096FF; display: block; position: absolute; height: 1px; width: 100%; bottom: 0; left: 0; }
.how-we-work-section .work-feature-inner .left-block,
.how-we-work-section .work-feature-inner .right-block{width: 100%;}
.how-we-work-section .work-feature-inner .left-block{margin-bottom: 40px;}
.how-we-work-section .how-we-work-wrapper .sub-title  h3.about-title{color: #fff; margin-bottom: 40px;}

/*how-we-work-section end*/

/*team section css start*/

.team-section{padding: 340px 0 45px; /*background-color: #070926;*/}
.team-section .right-section .page-heading{margin-bottom: 45px;}
.team-section .about-title{color: #fff;}
.team-section .page-detail .sub-title p{margin-bottom: 20px;}
.team-section .page-detail .sub-title p:last-child{margin-bottom: 0;}
.team-section .bio-detail .bio-content{display: none; margin: 20px 0; color: #fff; }
.team-section .bio-detail .bio-content p{font-size: 13px;}
.team-section .bios{margin-top: 70px;}
.team-section .wrapper_tabcontent ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.team-section .wrapper_tabcontent ul li{  width: 100%; padding: 0; margin-bottom: 15px;}
.team-section .wrapper_tabcontent ul li:last-child{margin-bottom: 0;}
.team-section .wrapper_tabcontent ul li a{text-decoration:none; color: #0096FF; font-size: 12px; width: 100%; display: inline-block; text-align: left;  border-top: 1px solid #0096FF; border-bottom: 1px solid #0096FF; padding: 7px 0; cursor: pointer; text-transform: uppercase; transition: all 0.3s ease; position: relative; letter-spacing: 2px; font-weight: 600; }
.team-section .wrapper_tabcontent ul li a:after { content: '+'; font-size: 20px; color: #0096FF; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all 0.3s ease; }
.team-section .wrapper_tabcontent ul li a.active:after{color: #fff;}
.team-section .wrapper_tabcontent ul li a.active.show:after,
.team-section .wrapper_tabcontent ul li a.active:after{content: '-';}
/*.team-section .wrapper_tabcontent .tab-block.tab_active{display: inline-block; width: 100%;}*/
.team-section .wrapper_tabcontent .tab-block{display: inline-block; width: 100%;}
.team-section .wrapper_tabcontent ul li a.active{color: #fff; border-color: #fff; transition: all 0.3s ease;}
.tab-wrapper{display: inline-block; width: 100%;}
.team-section .wrapper_tabcontent .tab-block .bio-wrap .bio-detail .bio-header a { color: #0096FF; display: inline-block; width: 100%; text-decoration: initial; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; position: relative; padding: 7px 0;  transition: all 0.3s ease; font-weight: 600;}
.team-section .wrapper_tabcontent .tab-block .bio-wrap .bio-detail .bio-header a:after { content: '+'; font-size: 20px; color: #0096FF; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all 0.3s ease;}
.team-section .wrapper_tabcontent .tab-block .bio-wrap .bio-detail .bio-header a.show:after{content: '-'; transition: all 0.3s ease;}
.team-section .wrapper_tabcontent .tab-block .bio-wrap .bio-detail .bio-header{border-top: 1px solid #0096FF; border-bottom: 1px solid #0096FF;}
.team-section .wrapper_tabcontent .tab-block{margin: 0; margin-top: 30px;}
.team-section .wrapper_tabcontent .tab-block .bio-wrap{width: 100%; margin-bottom: 30px;}
.team-section .wrapper_tabcontent .tab-block .bio-wrap .team_image img{width: 100%;}
.team-section .wrapper_tabcontent .tab-wrapper .bio-wrap .Team_name p{ font-size: 18px; color: #fff; font-family: Portrait, sans-serif; text-transform: capitalize; letter-spacing: 1px;}
.team-section .wrapper_tabcontent .tab-block .bio-wrap .Team_name{margin: 10px 0;}
.team-section .wrapper_tabcontent .tab-block .bio-wrap:nth-child(4n + 1){clear: both;}
.team-title p { color: #0096FF; display: inline-block; width: 100%; text-decoration: initial; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; position: relative; padding: 7px 0; transition: all 0.3s ease; font-weight: 600; border-top: 1px solid #0096FF; border-bottom: 1px solid #0096FF; max-width: 100%; }

/*team section css end*/

/*footer section css start*/
footer{background-color: #0096FF; padding: 40px 0;}
footer .page-heading p{margin-top: 0;}
footer .footer-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
footer .footer-icon{width: 20%; max-width: 125px; display: none;}
footer .address_detail{width: 100%;}
footer .address_detail p{font-size: 24px; color: #fff; font-family: Portrait, sans-serif; line-height: 28px; max-width: 100%;}
footer .footer-detail{margin: 30px 0 60px;}
footer .address_detail .contact-detail .contact-title{ font-size: 15px; color: #070926; letter-spacing: 2px; text-transform: uppercase; position: relative; font-weight: 600;}
footer .address_detail .contact-detail .contact-title:after { content: ''; border-bottom: 1px solid #070926; display: block; position: absolute; height: 1px; width: 100%; bottom: -4px; left: 0; }
footer .address_detail .contact-detail a{display: inline-block;width: 100%; text-decoration: none; color: #fff; font-size: 24px; margin-top: 15px;}
footer .fsc-email.contact-inner{width: 50%;}
footer .contact-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 50px;}
footer .footer-bottom p{font-size: 13px; color: #fff;}
footer .footer-bottom p a{color: #fff; font-size: 13px; text-decoration: underline;}
footer .footer-bottom{display: inline-block; width: 100%;}
footer .fsc-email.contact-inner.fsc-email{margin-bottom: 25px;}
footer .footer-bottom .left-block{margin-bottom: 5px;}

/*footer section css end*/

/*news detail page css start 4-8-2020*/

.new-detail-page{padding: 100px 0 50px;}
.new_detail_wrapper{color:#fff;}
.news_tabs_inner .tabs_list_inner li.new_tab_link a{color: #fff; text-transform: uppercase; letter-spacing: 4px; position: relative; transition: all 0.2s ease;}
.news_tabs_inner .tabs_list_inner li.new_tab_link.active a{color:#0096FF;}
.news_tabs_inner .tabs_list_inner li.new_tab_link.active a:before{content: ''; border-bottom: 1px solid #0096FF; display: block; position: absolute; height: 1px; width: 100%; bottom: -2px; left: 0;}
.news_tabs_inner .tabs_list_inner li.new_tab_link + li{margin-top: 20px;}
.new_detail_wrapper .news_tabs .news_tabs_inner{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.news_content_wrapper .news_detail_wrap .news_detail_inner .news_title{font-family: Portrait, sans-serif; font-size: 26px; font-weight: normal; color: #0096FF; margin-bottom: 12px; position: relative;}
.news_content_wrapper .news_detail_wrap .news_detail_inner .new_editor{font-weight: normal; letter-spacing: 4px; font-size: 11px; position: relative; color: #fff;}
.news_content_wrapper .news_detail_wrap .news_detail_inner .new_editor span.news_date{position: absolute; display: inline-block; right: 0;}
.news_content_wrapper .news_detail_wrap .news_detail_inner h3{border-bottom: 1px solid #fff; padding-bottom: 6px; margin-bottom: 30px; position: relative;}
.news_content_wrapper .news_detail_wrap .news_detail_inner .news_content_overview p{font-size: 16px; line-height: 25px; text-overflow:  ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.news_content_wrapper .news_content{display: none;}
.news_content_wrapper .news_content.current{display: block;}
.news_content_wrapper .news_detail_wrap .news_detail_inner .news_title .article_link span{position: relative;}
.news_content_wrapper .news_detail_wrap .news_detail_inner .news_title .article_link span:after{content: ''; width: 16px; height: 2px; position: absolute; background: #0096FF; right: 0; bottom: 0;}
.news_content_wrapper .news_detail_wrap .news_detail_inner .news_title .article_link span:before{content: ''; border-bottom: 2px solid #0096FF; border-right: 2px solid #0096FF; height: 10px; width: 10px; position: absolute; right: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); bottom: -5px;}

.news_content_wrapper .news_detail_wrap .news_detail_inner .news_title .article_link{position: absolute; right: 0; bottom: 15px;}
.pdf_link{background: #0096ff; padding: 7px 17px; color: #fff; position: absolute; display: inline-block; width: 95px; right: 0; top: 8px;}
.pdf_link span{font-size: 16px; display: inline-block; width: 100%; max-width: 95px; letter-spacing: 1px; position: relative;}
.pdf_link span:before{background: #fff; bottom: 5px; content: ''; height: 15px; position: absolute; right: 0; transform-origin: bottom; width: 1px;}
.pdf_link span:after{content: ''; background: border-box; display: inline-block; width: 7px; height: 5px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(97deg) skew(-51deg, 30deg); position: absolute; right: -4px; bottom: 7px;}
.news_content_wrapper .news_detail_wrap .news_detail_inner .news_title.whitepaper-title{max-width: 230px;}
.main_page_news .new_detail_wrapper .news_tabs .news_tabs_inner .news_content_wrapper{width: 100%;}
.news_content_wrapper .news_content .news_detail_wrap:last-child{margin-bottom: 0;}
.new_detail_wrapper .page-heading p{margin-top: 0;}
.new_detail_wrapper .page-detail{margin: 25px 0;}
.news_content_wrapper .news_content .news_detail_wrap{margin-bottom: 30px;}
.show_article{margin-top: 50px;}
.show_article a{color: #0096FF; font-size: 15px; text-transform: uppercase; letter-spacing: 3px; font-weight: 600; position: relative;}
.show_article a:after{content: ''; border-bottom: 1px solid #0096FF; display: block; position: absolute; height: 1px; width: 100%; bottom: -4px; left: 0;}
.news_content_wrapper{margin-top: 30px;}

/*news detail page css end*/

/*Home page news detail section css start*/

.main_page_news .new_detail_wrapper .page-heading p{margin-top: 75px;}
.new-detail-page.main_page_news{padding: 50px 0;}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 70px, 0);
    transform: translate3d(0, 70px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 70px, 0);
    transform: translate3d(0, 70px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/*Home page news detail section css end*/

/*Single page article css start*/

.single_detail_article .new_detail_wrapper .page-detail{width: 100%;}
.single_detail_article .new_detail_wrapper .page-detail span{display: block;}
.author_name{font-size: 18px; color: #fff; font-family: Portrait, sans-serif; text-transform: capitalize; letter-spacing: 1px; margin: 10px 0;}
.author_details{ color: #0096FF; display: inline-block; width: 100%; text-decoration: initial; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; position: relative; padding: 7px 0; transition: all 0.3s ease; font-weight: 600; border-top: 1px solid #0096FF; border-bottom: 1px solid #0096FF;}
.article_new_link a{display: inline-block; width: 100%; color: #fff; letter-spacing: 2px; font-size: 12px; -webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.article_new_link a:hover{color: #0096FF;}
.article_new_link{margin-top: 35px;}
.article_new_link a + a{margin-top: 10px;}
.article_detail_page{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.article_title_detail{font-family: Portrait, sans-serif; font-size: 26px;}
.bold-text{font-weight: bold;}
.article_content_title{display: inline-block; width: 100%;}
.article_detail_content{ line-height: 26px;}
.article-right .show_article{margin: 30px 0 0;}
.article_left{width: 70%;}
.article-right{margin-top: 30px;}
.main_page_news .news_content_wrapper .news_content .news_detail_wrap h3{margin-bottom: 0;}

/*news form css start*/

.news_form{padding: 100px 0 60px; background: -o-linear-gradient(20deg, rgb(8, 8, 39) 55%, rgb(3, 10, 39) 52%, rgb(0 150 255) 92%);background: linear-gradient(70deg, rgb(8, 8, 39) 55%, rgb(3, 10, 39) 52%, rgb(0 150 255) 92%);}
.news_form_inner .page-title{font-size: 70px; max-width: 60%; line-height: normal; margin-bottom: 20px;}
.news_form_inner .form_content{margin-top: 35px;}
.news_form .form_content{margin-top: 35px;}
.news_form .form_content input{background: transparent; border: none; font-size: 17px; color: #8A8F9F; width: 100%; border-bottom: 1px solid #fff; padding-bottom: 4px; letter-spacing: 1px; outline: none;  font-family: 'aktiv-grotesk-thin'; font-weight: 600;}
.news_form .form_content span.wpcf7-form-control-wrap{max-width: 100%; display: inline-block; margin-right: 32px; margin-bottom: 40px;}
.intrest-condition span{margin: 0;}
.intrest-condition span input{width: auto;}
.intrest-condition span span{color: #fff; font-size: 12px; opacity: 0.9; letter-spacing: 1px;}
.form_content_inner{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

.form_content_inner .intrest-condition li span{max-width: 100%; margin-bottom: 0;}
.form_content_inner .intrest-condition li span.wpcf7-form-control-wrap{max-width: 100%; margin-bottom: 0; margin-right: 0;}
.form_content_inner .intrest-condition li span.first{margin: 0; position: relative;}
.form_content_inner .intrest-condition li span.first input[type="checkbox"]{position: absolute; display: inline-block; left: 0; width: auto; opacity: 0; z-index: 99; cursor: pointer;}
.news_form .form_content .form_content_inner .intrest-condition li span.first span{margin: 0; max-width: 100%; position: relative; padding-left: 30px; cursor: pointer;}
.news_form .form_content .form_content_inner .intrest-condition li span.first span:before{content: ''; height: 12px; width: 12px; border: 1px solid #fff; position: absolute; left: 0; top: 50%; opacity: 0.9; z-index: 1; cursor: pointer; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.news_form .form_content .form_content_inner .intrest-condition li span.first span:after { content: ''; width: 4px; height: 14px; border-bottom: 3px solid #0096FF; border-right: 3px solid #0096FF; position: absolute; left: 6px; z-index: 2; transform: rotate(45deg) skew(7deg, 10deg); top: -6px; opacity: 0; -webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.form_content_inner .intrest-condition li span.first input[type="checkbox"]:checked + span:after{opacity: 1;}
.form_content_inner .intrest-condition li{position: relative; margin-bottom: 5px;}
/*.form_content_inner .intrest-condition li:last-child{margin-top: 20px;}*/
.confirm_btn{position: relative;}
.news_form .form_wrapper{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.confirm_btn .proceed_link{background: transparent; border: 1px solid #fff; color: #fff; display: inline-block; padding: 15px 20px; width: 70%; text-align: left; font-family: Portrait, sans-serif; font-size: 20px; letter-spacing: 1px; position: static; -webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; cursor: pointer; margin-top: 30px;}
.confirm_btn .proceed_link:hover:focus{outline: none;}
.confirm_btn .proceed_link:hover{background: #0096FF; border-color: #0096FF;}
.news_form .form_content span.wpcf7-not-valid-tip{margin-bottom: 0; font-size: 12px; margin-top: 4px; font-weight: 600;}
.confirm_btn{width: 100%;}
.confirm_btn .ajax-loader{position: absolute; right: 20%; bottom: 20px;}

@media not all and (min-resolution:.001dpcm) { @media {

  .news_form .form_content .form_content_inner .intrest-condition li span.first span:before{ left: 0; top: 7px;}
  .news_form .form_content .form_content_inner .intrest-condition li span.first span:after { left: 6px;  top: -5px;}
}}


/*news form css start*/

/*Single page article css end*/

/*responsive css start*/

@media (min-width: 620px) and (max-width: 767px){
  .carousel-wrapper{padding-top: 260px;}
}

@media (min-width: 768px) and (max-width: 1499px){
  .new-detail-page .new_detail_wrapper .page-detail{margin: 30px 0;}
  .news_content_wrapper .news_content .news_detail_wrap{margin-bottom: 30px;}
}

@media (min-width: 768px) and (max-width: 1199px){
  .confirm_btn{width: 50%;}
  .confirm_btn .proceed_link{width: 90%;}
  .confirm_btn .ajax-loader{right: 0;}
}


@media (min-width: 321px){
  .about-section .about-inner{margin-top: 230px;}
  .page-title{font-size: 35px;}
}


@media (min-width: 768px){

  .container{padding:0 70px;}
  .corner-animation{ width: 70%; height: unset;}
  .corner-animation.left{right: auto; width: 70%;}
  .corner-animation.left .corner-inner:after { border-top: 70vw solid transparent; }
  .corner-inner:after { border-top: 48vw solid transparent; border-left: 86.6vw solid #070926; }
  .page-heading p{font-weight: 600;}
  .team-section .corner-animation.left .corner-inner:after{border-right-color: #070926;}
  .corner-animation .corner-inner .frame-container iframe{width: 70vw !important; height: 100% !important;}
  .corner-inner{width: 100%;}
  span#fsc-about-animation svg,
  span#fsc-large-animation-one svg{ width: 300px !important; }
  .carousel-wrapper{padding-top: 0;}


  /*header css start*/
  .header-wrapper .header-right nav ul li:before{top:10px;}
  .header-wrapper .header-left{z-index: 1;}
  .header-wrapper .header-right .nav-wrapper{height: 760px; width: 70%; right: 0; left: auto; height: 100%; transition: all 0.5s ease-out; background-color: rgba(0, 150, 254, 1);}
  .header-wrapper .header-right .nav-wrapper.open { transform: translateX(0); opacity: 1; transition: all 0.5s ease-out;}
  .header-wrapper .header-right nav ul li{margin-bottom: 68px;/* padding: 0 45px;*/ position: relative;}
  .header-wrapper .header-right nav ul li a{ margin-left: 70px; font-size: 30px; display: inline-block; width: 100%;}
  .header-wrapper .header-right nav ul { text-align: left; position: static; transform: none; padding: 167px 45px 140px;}
  .header-wrapper .nav-wrapper nav{ position: absolute !important; right: auto !important; top: 50% !important; -webkit-transform: translateY(-50%) !important;-ms-transform: translateY(-50%) !important;transform: translateY(-50%) !important; left: 0 !important; bottom: auto !important; z-index: 9; overflow: hidden; height: auto !important; width: 100%;}
  .header-wrapper .header-left .logo.desktop{display: block;}
  .header-wrapper .header-left .logo.responsive{display: none;}
  .header-wrapper .header-right .menu-icon a span{margin-bottom: 6px;}
  .header-wrapper .header-right .menu-icon a span:first-child{width: 22px;}
  .header-wrapper .header-right .menu-icon a span:nth-child(2){width: 17px;}
  .header-wrapper .header-right .menu-icon a span:last-child{width: 9px; margin-bottom: 0;}
  .header-wrapper .header-right .menu-icon.icon-toggle a span:first-child { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin:22px 0px; transform-origin: 21px 0px;  width: 22px; }
  .header-wrapper .header-right .menu-icon.icon-toggle a span:last-child { width: 22px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 21px 1px; -ms-transform-origin: 21px 1px; transform-origin: 21px 1px; }
  .header-wrapper{padding-top: 40px;}
  .hero-banner-wrapper .fullscreen-vid{display: block;}
  .hero-banner-wrapper .fullscreen-vid.res{display: none;}

  /*header css End*/


  /*banner section css start*/

  .down-arrow{left: auto; right: 50px; bottom: 100px;}
  .page-title{font-size: 45px;}


  /*approach section css start*/

  .approach-section{padding-bottom:140px; padding-top: 56px;}
  .page-detail{width: 60%;}
  .approach-section .page-detail .page-title{margin: 55px 0;}
  .approach-wrapper .sub-title{max-width: 550px;}
  .fsc_feature_tabs{margin-top: 100px;}
  .fsc_feature_tabs  .tab-container label{ margin-right: 20px; margin-bottom: 0; font-size: 12px;}
  .fsc_feature_tabs .tab-container label.principles{margin-right: 0; width: 25%;}
  .fsc_feature_tabs .tab-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .fsc_feature_tabs .tab-content{margin-top: 25px;}
  .fsc_feature_tabs .tab-content .tab-content-inner h3{font-size: 26px; margin-bottom: 55px;}
  .fsc_feature_tabs .tab-container label:after{height: 12px;}
  .working-stage-inner ul li{width: 25%; margin-bottom: 0;}
  .working-stage-inner ul li .stage-title{margin: 10px 0 23px;}
  .working-stage-wrapper{margin-top: 90px;}
  .working-stage-inner ul { margin: 0 -70px; }
  .working-stage-inner ul li .stage-detail p{font-size: 12px;}
  .approach-wrapper{padding-left: 0;}
  .working-stage-inner ul li .stage-detail{min-height: 45px; border-left: 1px solid #fff;}
  .approach-wrapper .tab-content-inner{max-width: 600px;}
  .about-section .right-content .svg-animation{width: 300px; height: 300px;}
  .fsc_feature_tabs .tab-container label{display: inline-block;
    width: auto;}
  .fsc_feature_tabs  .tab-container label span{margin-bottom: 0;}

  /*approach section css end*/

  /*about section start*/

  .about-section{padding: 75px 0;}
  .about-section .right-section{width: 50%; float: right;}
  .about-section .about-inner{ margin-top: 80px;}
  .about-section .page-title{max-width: 100%;}
  .about-section .main-content{ margin: 100px 0; -webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
  .about-section .main-content .left-content{width: 60%; margin-top: 50px;}
  .about-section .main-content .right-content{width: 40%; text-align: right; padding-left: 20px;}
  h3.about-title{font-size: 26px;}
  .about-section .main-content .about-detail p{font-size: 16px;}
  .about-section .right-content .svg-animation{height: 250px; width: 250px;}
  .about-section .bottom-content .left-content,
  .about-section .bottom-content .right-content{width: 50%;}
  .about-section .bottom-content .right-content{text-align: left;}
  .about-section .bottom-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .about-section .parallax-bg{display: block;}
  .how-we-work-section .how-we-work-wrapper .sub-title  h3.about-title{margin-bottom: 50px;}
  .about-section .right-content{margin-bottom: 0;}

  /*about section css end*/

  /*pull quote section start*/

  .pull-quote{padding: 60px 0; }
  .pull-quote .pull-quote-wrapper p.quotes{ padding-left: 90px; font-size: 30px;}
  .pull-quote .pull-quote-wrapper p.quotes span { display: inline-block; position: absolute; top: -18px; left: 0; }
  .pull-quote .pull-quote-wrapper .author_name{padding-left: 90px;}
  .pull-quote .pull-quote-wrapper .author_name a{ margin-top: 40px;}
  .pull-quote .pull-quote-wrapper{max-width: 800px;}

  /*pull quote section end*/

  /*how-we-work-section start*/

  .how-we-work-section .page-heading{padding-left: 40px;}
  .how-we-work-section .how-we-work-wrapper{padding-top:200px; padding-bottom: 85px;}
  .how-we-work-section .page-detail h2.page-title{ padding-left: 40px; font-size: 45px;}
  .how-we-work-section .page-detail h2.page-title:before { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .how-we-work-section .page-detail h2.page-title sup{right: -18px; font-size: 10px; top: -12px;}
  .how-we-work-section .page-detail .sub-title{ padding-left: 40px;}
  .how-we-work-section .work-features{padding-left: 40px; margin-top: 70px;}
  .how-we-work-section .work-feature-inner ul li{max-width: 260px;}
  .how-we-work-section .work-feature-inner .left-block, .how-we-work-section .work-feature-inner .right-block{width: 50%; float: left; margin-bottom: 0;}

  /*how-we-work-section end*/

  /*team section css start*/

  .team-section{padding-top: 70px;}
  .team-section .wrapper_tabcontent ul li a{ font-size: 12px; }
  .team-section .wrapper_tabcontent .tab-block .bio-wrap{width: 50%;  float: left; padding: 0 6px; margin-bottom: 30px;}
  .team-section .page-detail{width: 100%;}
  .team-section .right-section { max-width: 58%; float: right; margin-top: 130px; }
  .team-section .bios{clear: both; display: inline-block; width: 100%;}
  .team-title p{max-width: 325px;}
  .team-section .wrapper_tabcontent .tab-block{margin: 30px -6px 0;}

  /*team section css end*/

  /*footer section start*/

  footer .footer-icon{display: block; max-width: 135px; padding-left: 56px;}
  footer .footer-icon:before { background-image: url(../images/FSC_white_blue-star.svg); content: ''; background-repeat: no-repeat; position: absolute; height: 38px; width: 38px; left: 0; }
  footer{ padding: 80px 0 40px;}
  footer .address_detail{width: 80%; padding-left: 80px;}
  footer .address_detail p{font-size: 32px; line-height: 40px;}
  footer .footer-detail{margin: 70px 0 125px;}
  footer .address_detail .contact-detail a{display: inline-block;width: 100%; text-decoration: none; color: #fff; font-size: 24px; margin-top: 15px;}
  footer .fsc-email.contact-inner{width: 50%;}
  footer .contact-detail { margin-top: 70px;}
  footer .footer-bottom p{font-size: 12px; }
  footer .footer-bottom p a{font-size: 12px; text-decoration: none;}
  footer .footer-bottom{display: inline-block; width: 100%;}
  footer .footer-bottom .left-block,
  footer .footer-bottom .right-block{width: 50%; float: left;}
  footer .footer-bottom .right-block{text-align: right;}
  footer .footer-wrapper .page-heading,
  footer .footer-bottom .left-block{padding-left: 56px;}

  /*footer section end*/


  /*news detail page css start 4-8-2020*/

  .new-detail-page .new_detail_wrapper .page-detail{margin: 50px 0 90px;}
  .new_detail_wrapper .page-heading p{margin-top: 75px;}
  .news_content_wrapper .news_detail_wrap .news_detail_inner .news_title{font-size: 36px;}
  .pdf_link{width: 125px;}
  .news_content_wrapper .news_detail_wrap .news_detail_inner .news_title.whitepaper-title{max-width: 395px;}
  .new-detail-page,
  .new-detail-page.main_page_news{padding: 100px 0;}
  .news_content_wrapper .news_content .news_detail_wrap{ margin-bottom: 40px;}
  .pdf_link{padding: 10px 15px;}
  .pdf_link span{font-size: 18px;}
  /*.article_left{width: 30%;}*/
  .article-right .show_article{margin: 70px 0 30px;}
  .news_form{padding-top: 200px;}
  /*.news_form .form_wrapper .confirm_btn input[type="submit"]{width: 50%;}*/
  .news_content_wrapper .news_detail_wrap .news_detail_inner .new_editor{font-size: 15px;}


  /*news detail page css end*/


}

@media (min-width: 992px){
  .team-section .wrapper_tabcontent .tab-block .bio-wrap{width: 25%;}
  span#fsc-about-animation svg,
  span#fsc-large-animation-one svg{ width: 360px !important; }
  footer .address_detail p{font-size: 37px;}
  /*.news_form .form_wrapper .confirm_btn input[type="submit"]{width: 40%;}*/
  .confirm_btn{width: 38%;}
}

@media (min-width: 1006px){
  .team-section .wrapper_tabcontent ul li{  width: 25%; padding: 0 6px; margin-bottom: 0;}
  .team-section .wrapper_tabcontent ul li a:after,
  .team-section .wrapper_tabcontent ul li a.active:after{content: none;}
  .team-section .wrapper_tabcontent ul li a.active.show:after,
  .team-section .wrapper_tabcontent ul li a.active:after{content: none;}
  .corner-animation .corner-inner .frame-container iframe{width: 100% !important;}
}

@media (min-width: 1200px){
  footer .address_detail p{font-size: 44px; line-height: 42px;}
  footer .address_detail{ padding-left: 120px;}
  .fsc_feature_tabs input[type="radio"]:checked + label + .tab-content{margin-top: 100px;}
  .fsc_feature_tabs .tab-content .tab-content-inner p{margin-bottom: 140px;}
  .how-we-work-section .page-detail .sub-title{max-width: 730px;}
  .team-section .about-title{margin-bottom: 60px;}
  .header-wrapper .header-right .nav-wrapper{width: 50%;}
  .how-we-work-section .how-we-work-wrapper .sub-title h3.about-title{margin-bottom: 80px;}
  .corner-inner{width: 100%;}
  span#fsc-about-animation svg,
  span#fsc-large-animation-one svg{ width: 500px !important; }

  .new_detail_wrapper .news_tabs .news_tabs_inner .tabs_list_inner{width: 18%;}
  .new_detail_wrapper .news_tabs .news_tabs_inner .news_content_wrapper{width: 82%;}
  .news_content_wrapper{margin-top: 0;}
  .news_content_wrapper .news_content .news_detail_wrap{margin-bottom: 70px;}
  .main_page_news .news_content_wrapper .news_content .news_detail_wrap{margin-bottom: 35px;}
  .article_left{width: 20%;}
  .article-right{width: 80%; padding: 0 115px;}

  /*news form css start*/

  .news_form .form_content{max-width: 60%;}
  .confirm_btn{width: 40%;}
  .news_form .form_content span.wpcf7-form-control-wrap{max-width: 45%;}
  .confirm_btn .proceed_link{width: 70%; position: absolute; left: 0; bottom: 0;}
  .news_form{padding-top: 280px;}

}


@media (min-width: 1500px){

  .page-title{font-size: 85px; line-height: 82px;}
  .corner-animation{/*width: 670px;*/ width: 50%; top:107px;}
  .corner-animation.left .corner-inner:after { border-top: 32vw solid transparent; /*border-right: 50.6vw solid #ebebeb;*/ border-right: 60.6vw solid #ebebeb; right:0; }
  .corner-inner:after{/*border-left: 75.6vw solid #070926;*/ border-left: 85.6vw solid #070926;}
  .corner-animation video{width: 100% !important;}
  .team-section .right-section{max-width: 50%;}
  .corner-animation.left{width: 50%;}

  /*header css start*/
  .header-wrapper{padding-top: 35px;}

  /*banner css start*/

  .down-arrow{bottom: 200px;}
  .text-carousel .slider-content.slide-one{max-width: 680px; overflow: hidden;}

  /*approach section css start*/

  .approach-section{padding: 107px 0;}
  .fsc_feature_tabs{margin-top: 175px;}
  .working-stage-inner ul li .stage-detail p{ font-size: 14px;}
  .fsc_feature_tabs .tab-container label{font-size: 15px; margin-right: 24px;}
  .fsc_feature_tabs .tab-content .tab-content-inner h3{font-size: 36px;}
  .working-stage-inner ul li .stage-detail{min-height: 55px;}
  .approach-wrapper .tab-content-inner{max-width: 70%;}
  .fsc_feature_tabs .tab-content .tab-content-inner p{max-width: 600px;}

  /*approach section css end*/


  /*about section css start*/

  .about-section .about-inner{margin-top: 50px;}
  .about-section{padding: 107px 0 140px;}
  .about-section .right-section{ margin-top: 0;}
  .about-section .main-content{margin: 245px 0;}
  h3.about-title{font-size: 36px;}
  .about-section .right-content .svg-animation{height: 300px; width: 300px;}
  .about-section .bottom-content .left-content{ /*width: 30%;*/ width: 50%; padding-left: 200px;}
  .about-section .bottom-content .right-content{/*width: 60%;*/ width: 45%;}

  /*about section css end*/


  /*pull quote section start*/

  .pull-quote{padding: 100px 0 60px;}

  /*pull quote section end*/

  /*how-we-work-section start*/
  .how-we-work-section .page-detail h2.page-title{font-size: 85px; padding-left: 80px;}
  .how-we-work-section { padding-top: 107px; }
  .how-we-work-section .page-heading{padding-left: 80px;}
  .how-we-work-section .how-we-work-wrapper{padding: 345px 0 180px;}
  .how-we-work-section .how-we-work-wrapper .page-detail{width: 80%; margin-top: 40px;}
  .how-we-work-section .page-detail h2.page-title sup { font-size: 14px; right: -20px; top: -15px;}
  .how-we-work-section .work-feature-inner ul li{ max-width: 370px;}
  .how-we-work-section .page-detail .sub-title{padding-left: 80px;}
  .how-we-work-section .work-features{padding-left: 80px; }
  .how-we-work-section .page-detail h2.page-title:before{background-image: url(../images/main-heading-bullet.svg); height: 60px; width: 60px;}

  /*how-we-work-section end*/

  /*team section css start*/

  .team-section{padding: 107px 0 45px; background-color: #070926;}
  .team-section .wrapper_tabcontent ul li{  width: 25%; padding: 0 6px;}
  .team-section .bios{margin-top: 155px;}

  /*team section css end*/

  /*footer section css start*/

  footer{ padding-top: 150px;}

  /*footer section css end*/

  /*article detail css start*/

  .new_detail_wrapper .page-title{line-height: 100px;}
  .article-right{margin-top: 0;}

  /*article detail css end*/

}


/*disclaimer css start*/

.disclaimer_wrap{background-color: rgba(0, 150, 254, 1); margin: 0 auto; position: fixed; top: 0; right: 0; padding: 50px 60px 60px; max-width: 820px; z-index: 999; height: 100%; overflow-y: auto; }
.disclaimer_wrap .page-title{color: #141f40; font-size: 70px;}
.disclaimer_menu-icon a span{background-color: #fff; height: 20px; display: block; margin-bottom: 10px; float: right; transition: all 0.3s ease; width: 1px; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); position: absolute; cursor: pointer;}
.disclaimer_menu-icon a span.cross_two{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); top: 20px;}
.disclaimer_menu-icon{position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.disclaimer_wrap .disclaimer_title{margin-bottom: 40px; position: relative; max-width: 90%;}
.disclaimer_content h3{font-family: Portrait, sans-serif; font-weight: normal; font-size: 22px; margin-bottom: 20px;}
.disclaimer_content .disclaimer_detail .disclaimer_text{font-size: 16px; margin-bottom: 20px;}
.disclaimer_content{max-height: 580px; overflow-y: auto; max-width: 90%;}
.disclaimer_wrap .form_check{margin-top: 40px;}
.disclaimer_wrap .form_check br,
.disclaimer_wrap .form_check_inner br{display: none;}
.disclaimer_wrap .form_check input[type="checkbox"]{opacity: 0; position: absolute; left: 0; top: 1px; z-index: 99;}
.disclaimer_wrap .form_check .form_check_inner{position: relative;}
.disclaimer_wrap .form_check .form_check_inner .tc_content{padding-left: 10px;}
.disclaimer_wrap .confirm_btn input[type="submit"]:hover{background: transparent; border-color: #fff;}
.disclaimer_wrap .form_check_inner input[type="checkbox"] + span:before{ height: 13px; width: 13px; border: 1px solid #fff; position: absolute; top: 0; left: 0; cursor: pointer; display: inline-block; content:""; z-index: 1;}
.disclaimer_wrap .form_check_inner input[type="checkbox"] + span:after{content: ''; width: 4px; height: 14px; border-bottom: 3px solid #141f40; border-right: 3px solid #141f40; position: absolute; z-index: 2; transform: rotate(45deg) skew(7deg, 10deg); opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; top: -5px; left: 6px; cursor: pointer;}
.disclaimer_wrap .form_check_inner input[type="checkbox"]:checked + span:after{opacity: 1;}
.disclaimer_wrap .form_check_inner input[type="checkbox"] + span{padding-left: 15px; cursor: pointer; color:#fff; font-size: 14px;}
.disclaimer_content .disclaimer_detail .disclaimer_text br {display: none;}
.disclaimer_content .disclaimer_detail{padding-right: 35px;}

.disclaimer_wrap{transform: translateX(100%); transition: all 0.5s cubic-bezier(.17,.67,.69,.95)}
.disclaimer_wrap.show-disclaimer{transform: translateX(0); transition: all 0.5s cubic-bezier(.17,.67,.69,.95)}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 8px !important; background-color: #fff !important;}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width: 2px !important; background-color: #fff !important;}
.mCSB_scrollTools{opacity: 1 !important;}

.disclaimer_wrap .confirm_btn input[type="submit"]{position: static; width: 100%; outline: none;}

.article_detail_page .article-right ul li{width: 100%; margin-bottom: 10px; position: relative; padding-left: 27px;}
.article_detail_page .article-right ul li:before{content: ''; height: 10px; width: 10px; background: #fff; position: absolute; border-radius: 100%; top: 3px; left: 0;}
body.pos_fixed{overflow-y: hidden;}
.article-right p { margin-bottom: 20px;}

@media(min-width: 768px) and (max-width: 1024px){
  .disclaimer_wrap{max-width: 80%;}
}

@media(min-width: 1207px) and (max-width: 1630px){
  .disclaimer_wrap{max-width: 42%;}
}

@media(min-width: 1200px){
  .disclaimer_wrap .confirm_btn{width: 50%;}
}

@media (min-width: 992px){
  .disclaimer_wrap .confirm_btn{width: 50%;}
}

@media(max-width: 767px){
  .disclaimer_wrap{padding: 30px 15px;}
  .disclaimer_wrap .page-title{font-size: 45px;}
  .disclaimer_wrap .disclaimer_title{max-width: 95%;}
  .disclaimer_content{max-width: 95%; padding-right: 20px;}
}

/* CSS added on 02-nov-2020 */
.article_author_details {
    margin-bottom: 30px;
}

@media(min-width: 768px) and (max-width: 1199px){
  .article_left{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
  .article_author_details{width: 46%; margin-bottom: 0;}
  .article_author_details + .article_author_details{margin-left: 30px;}
}

.article_detail_content a{color: #0096FF;}
.article_detail_content + .article_detail_content{margin-top: 35px;}