/*:root {
    *//*--black-theme-color:  #ffffff;
    *//*--black-theme:  #0f0f0f;
    *//*}
*//*h1,  h2,  h3,  h4,  h5,  h6 {
    *//*font-family:  var(--font-montserrat);
    *//*color:  var(--black-theme-color);
    	*//*}
*//*body {
    *//*background:  var(--black-theme);
    *//*color:  var(--black-theme-color);
    *//*}
*//*.black-header {
    *//*background:  #0f0f0f;
    *//*padding:  30px 0;
    	*//*}
*//*.black-header .header-logo {
    *//*color:  var(--black-theme-color);
    *//*}
*//*.black-header .navbar-nav li .nav-link {
    *//*color:  var(--black-theme-color);
    *//*}
*//*.black-header .navbar-nav .menu-item.has-children > a: after  {
    *//*color:  var(--black-theme-color);
    *//*}
*//*.black-footer {
    *//*background:  #0f0f0f;
    *//*color:  var(--black-theme-color);
    *//*border-color:  var(--black-theme-color);
    	*//*}
*//*.black-footer .footer-widget .social-icons li a {
    *//*color:  var(--black-theme-color);
    *//*}
*//*.black-footer .footer-widget .footer-links li a {
    *//*color:  var(--black-theme-color);
    *//*}
*//*-----------------*/.flexible-area {
    border-top:  1px dashed #e1dfdf;
    border-bottom:  1px dashed #e1dfdf;
    padding:  250px 0px;
    margin:  40px 0 0;
    position:  relative;
}

.flexible-area.logistics{
    padding: 180px 0px;
}

/*.flexible-area:before {*/
/*    position: absolute;*/
/*    content: '';*/
/*    left: 0;*/
/*    right: -23%;*/
/*    top: -40px;*/
/*    margin: 0 auto;*/
/*    width: 1px;*/
/*    height: calc(100% + 100px);*/
/*    border-left: 1px solid #fff;*/
/*}*/
/*.flexible-area:after {*/
/*    content:  "";*/
/*    width:  50%;*/
/*    height:  106%;*/
/*    position:  absolute;*/
/*    right:  0;*/
/*    top:  -40px;*/
/*    background:  url(../img/logistics-orchestration/section1-image.png) no-repeat;*/
/*    background-size:  contain;*/
/*    background-position:  top right;*/
/*    z-index:  1;*/
/*}*/

.flexible-area-image{
    position: absolute;
    right: 0;
    top: -40px;
}

.flexible-area-image:after{
    content: "";
    position: absolute;
    left: 0;
    top: -40px;
    width: 1px;
    height: calc(100% + 96px);
    background-color: #fff;
}


.flexible-area-content {
    position:  relative;
}
.flexible-area-content h1 {
    font-size: 100px;
    line-height: 110px;
    font-weight: 600;
    font-family: var(--font-montserrat) !important;
}
.flexible-area-content p {
    font-weight:  400;
    width:  75%;
    line-height:  30px;
    margin-bottom: 0;
}
/*.flexible-area-content span {*/
/*    font-weight:  400;*/
/*    font-size:  12px;*/
/*    position:  absolute;*/
/*    bottom:  -50%;*/
/*    left:  0;*/
/*}*/
/*-----------------*/.pioneer-area {
    padding:  90px 0px 100px;
}
.pioneer-area-right {
    display:  flex;
    justify-content:  flex-end;
}
.pioneer-area-content {
    width:  58%;
}
.pioneer-area-content h3 {
    position:  relative;
    font-size:  22px;
    padding-left:  30px;
    margin-bottom:  15px;
}
.pioneer-area-content h3:before {
    content:  "";
    position:  absolute;
    left:  0;
    top:  50%;
    transform:  translateY(-50%);
    width:  15px;
    height:  15px;
    background-color: #fff;
    border-radius:  50%;
    box-shadow:  0px 0px 10px rgb(255 255 255);
}
.pioneer-area-content p {
    font-weight:  400;
    margin-bottom:  0px;
}
.pioneer-area-head h1 {
     font-size:  79px;
    line-height:  84px;
}
.pioneer-area-image {
    margin-top:  50px;
}
.pioneer-area-image img {
    display:  block;
    max-width:  100%;
    height:  auto;
    margin:  0 auto;
}
 /*-----------------*/
 
 .logistic-tab-area.category-sec .category-absolute-content {
     top: 16%;
    width: 850px;
}

/*.logistic-tab-area.category-sec .category-list li{*/
/*    text-transform: capitalize;*/
/*}*/


.logistic-tab ul {
    display:  flex;
    justify-content:  center;
    margin-bottom:  20px;
}
.logistic-tab ul li {
    width:  25%;
    text-align:  center;
}
.logistic-tab ul li .active {
    border-bottom:  2px solid var(--primary-color);
}
.logistic-tab ul li a {
    color:  var(--black-theme-color);
    padding:  12px 0px;
    display:  block;
    border-bottom:  2px solid #3f3f3f;
}
.logistic-tab-detail {
    padding-right:  70px;
}
.logistic-tab-detail span {
    font-size:  12px;
    font-weight:  400;
}
.logistic-tab-detail h2 {
    font-size:  40px;
}
.logistic-tab-detail ul li {
    font-weight:  700;
    color:  #bababa;
    font-size:  16px;
    padding-bottom:  12px;
    margin-bottom:  12px;
    border-bottom:  1px solid #3f3f3f;
}
.logistic-tab-detail ul li:last-child {
    padding-bottom:  0px;
    margin-bottom:  0px;
    border-bottom:  0px;
}
/*-----------------*/.dominate-area {
    padding-top:  300px;
}
.dominate-area-head {
    display:  flex;
    justify-content:  space-between;
    align-items:  end;
    border-bottom:  1px solid #fff;
    padding-bottom:  40px;
}
.dominate-area-head h1 {
    display:  inline-block;
    font-size:  79px;
    line-height:  85px;
    margin-bottom:  0px;
}
.dominate-area-head p {
    width:  42%;
    font-weight:  400;
    margin-bottom:  8px;
}
.dominate-area-ciclebox {
    display:  flex;
    align-items:  center;
    justify-content:  center;
}
.dominate-area-cicle {
    cursor: pointer;
    border:  2px solid var(--primary-color);
    border-radius:  50%;
    width:  600px;
    height:  600px;
    font-size:  10px;
    text-align:  center;
    font-weight:  400;
    display:  flex;
    align-items:  center;
    position:  relative;
    overflow:  hidden;
    	background:  #0f0f0f;
    transition:  .3s ease-in;
}
.dominate-area-cicle:hover {
    background:  var(--primary-color);
    border-color:  transparent;
}
.dominate-area-cicle center {
    width:  60%;
    position:  relative;
}
.dominate-area-cicle center h3 {
    font-size:  40px;
    display:  block;
    margin-bottom:  0px;
    transition:  .3s ease-in;
}
.dominate-area-cicle:hover center h3 {
    opacity:  0;
}
.dominate-cicle-top p {
    bottom:  -65px;
}
.dominate-area-cicle center p {
    font-weight:  400;
    line-height:  30px;
    margin-bottom:  0px;
    font-size:  20px;
    opacity:  0;
    position:  absolute;
    bottom:  -92px;
    transition:  .3s ease-in;
    z-index:  1;
    text-align:  center;
}
.dominate-cicle-top center p {
    bottom:  -65px;
}
.dominate-area-cicle:hover center p {
    opacity:  1;
    bottom:  -60px;
}
.dominate-area-cicle center span {
    font-size:  16px;
    margin-bottom:  15px;
    display:  block;
}
.dominate-cicle-right:before {
    content: '';
    position: absolute;
    background: #3d3d3d;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    right: -192px;
    top: -61%;
}
.dominate-cicle-left .small-circle {
    content:  '';
    position:  absolute;
    background:  #3d3d3d;
    width:  600px;
    height:  600px;
    border-radius:  50%;
    left:  -388px;
    z-index: 1;
    overflow: hidden;
}
.dominate-cicle-left:after {
    content: '';
    position: absolute;
    background: #3d3d3d;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    left: -192px;
    top: -61%;
}

.dominate-cicle-left .small-circle:before{
    content: "";
    width: 647px;
    height: 647px;
    border-radius: 50%;
    position: absolute;
    right: -36%;
    top: -68.4%;
    background-color: #ff0000;
}

.dominate-cicle-right {
    margin-right:  -215px;
    margin-top: -150px;
    justify-content:  start;
    padding-left:  31px;
}
.dominate-cicle-left {
    justify-content:  flex-end;
    padding-right:  34px;
    margin-top: -150px;
}
.dominate-cicle-top {
    margin-bottom:  -100px;
    justify-content:  center;
}
.dominate-cicle-top center {
    top:  -100px;
    	}
.dominate-cicle-top: hover center p {
    bottom:  -31px;
}
.dominate-area-ciclebox h2 {
    position: absolute;
    z-index: 9;
    font-weight: 700;
    font-size: 44px;
    color: #fff;
    right: 59px;
    top: 25%;
    text-transform: uppercase;
    margin: 0px;
}
.dominate-circle-sec {
    padding:  90px 0px 140px;
    background:  url(../img/logistics-orchestration/section4-bg-image.gif) no-repeat;
    background-size:  cover;
    background-position:  top;
}
/*-----------------*/.techno-area {
    background:  url(../img/logistics-orchestration/section5-bg-image.jpg) no-repeat;
    background-size:  cover;
    background-position:  center;
    padding:  200px 0px;
    position:  relative;
}
.techno-area-content span {
    font-size:  12px;
    font-weight:  400;
}
.techno-area-content h2 {
    font-size:  40px;
    margin-bottom:  10px;
}
.techno-tab-link a {
    font-weight:  700;
    color:  #ffffff;
    opacity: 0.7;
    font-size:  18px;
    padding-left:  12px;
    margin-top:  8px;
    position: relative;
}

.techno-tab-link a[aria-expanded="true"]{
    opacity: 1;
}

.techno-tab-link a[aria-expanded="false"]:before,
.techno-tab-link a[aria-expanded="false"]:after{
    height: 0;
}

.techno-tab-link a:before,
.techno-tab-link a:after{
    content: "";
    position: absolute;
    left: -12px;
    top: 0;
    width: 1px;
    height: 68px;
    background-color: #fff;
    opacity: 0.7;
    transition: 0.4s;
}
.techno-tab-link a:after{
    height: 24px;
    width: 3px;
    opacity: 1;
    transition-delay: 0.3s;
}
.techno-tab-body {
    font-weight:  400;
    line-height:  22px;
    padding:  2px 0px 5px 12px;
    margin:  0px;
    position:  relative;
    	}
.techno-tab-body: before {
    content:  "";
    position:  absolute;
    width:  2px;
    height:  0px;
    background:  #fff;
    left:  -2px;
    top:  -19px;
    transition:  all 0.3s ease;
}
.techno-area .accordion .show .techno-tab-body:before {
     	height:  19px;
}
.techno-area-image {
    position:  absolute;
    width:  27%;
    top:  -45px;
    left:  0;
}
/*-----------------*/.future-area {
    padding:  100px 0px;
    	position:  relative;
}
.future-area-content h2 {
    font-size:  40px;
    padding-bottom:  70px;
    margin:  0px;
}
.future-area-list {
    display:  flex;
    justify-content:  space-between;
    align-items:  center;
    padding:  40px 0px;
    border-bottom:  1px solid #3f3f3f;
    	}
.future-area-right .future-area-list:nth-child(2){
    border-top: 1px solid #3f3f3f;
}
.future-area-list h1 {
    margin:  0px;
    font-size:  70px;
    color:  rgb(255,  255,  255,  0.2);
}
.future-area-list p span {
    font-weight:  700;
    font-size:  20px;
    display:  block;
    margin-bottom:  8px;
}
.future-area-list p {
    max-width:  46%;
    font-weight:  400;
    line-height:  22px;
    margin-bottom:  0px;
}
.future-area-cta {
    margin-top:  50px;
}
.future-area-lines:before {
    position:  absolute;
    content:  '';
    right:  15px;
    width:  1px;
    height:  100%;
    border-left:  1px dashed #fff;
}
.future-area-lines:after {
    position:  absolute;
    content:  '';
    left:  15px;
    width:  1px;
    height:  100%;
    border-right:  1px dashed #fff;
}
.future-area-right {
    padding-left:  40px;
    margin-top: 80px;
}
.future-area-image {
    position:  absolute;
    left:  0;
    top:  18%;
    width: 480px;
}

.future-area .future-area-content{
    max-width: 600px;
}
/*-----------------*/.focus-area {
    padding-bottom:  100px;
    	}
.focus-area-head {
    display:  flex;
    justify-content:  space-between;
    border-bottom:  1px solid #fff;
    padding-bottom:  50px;
}
.focus-area-head h1 {
    display:  inline-block;
    font-size:  79px;
    line-height:  85px;
    margin-bottom:  0px;
}
.focus-area-head p {
    width:  27%;
    font-weight:  400;
    line-height:  22px;
    margin-bottom:  0px;
}
.focus-area-head p img {
    display:  block;
    margin-bottom:  62px;
    width:  80px;
}
/*-----------------*/.news-area {
    background:  url(../img/logistics-orchestration/section5-bg-image.jpg) no-repeat;
    background-size:  cover;
    padding:  90px 0px;
}
.news-area-head h2 {
    font-size:  40px;
    font-weight:  700;
    margin:  0px;
    	}
.news-area-box {
    margin-top:  45px;
    padding-left:  15px;
    	 }
.news-area-box a {
    color:  var(--black-theme-color);
    position:  relative;
    line-height:  6px;
}
.news-area-box a:hover {
    color:  var(--tertiary-color);
}
.news-area-box a:hover h4 {
    color:  var(--tertiary-color);
}
.news-area-box a:hover:after {
    border-color:  var(--tertiary-color);
}
.news-area-box a:after {
    position:  absolute;
    content:  '';
    left:  -15px;
    width:  1px;
    height:  100%;
    top:  0;
    bottom:  0;
    border-left:  1px dashed var(--black-theme-color);
}
.news-area-box span {
    font-size:  11px;
    font-weight:  400;
    text-transform:  uppercase;
}
.news-area-box h4 {
    font-weight:  700;
    font-size:  16px;
    margin:  15px 0px 20px;
    height:  80px;
    line-height:  24px;
}
.news-area-box p {
    margin:  20px 0px 0px;
    line-height:  20px;
}
.news-area-box img {
    transition:  .3s ease-in-out;
    display:  block;
    max-width:  100%;
    height:  auto;
}
.news-area-box a:hover img {
    transform:  scale(1.05);
}
.news-small-box {
    padding-left:  0px;
}
.news-small-box a:hover img {
    transform:  scale(1.1);
}
.news-small-box a:after {
    left:  -15.1px;
}
/*-----------------*/.scroll-area {
    background:  var(--primary-color);
    text-align:  center;
    padding:  90px 0px;
}
.scroll-area a {
    color:  #fff;
    margin-top:  40px;
    line-height:  12px;
    font-weight:  600;
}
.scroll-area-text {
    overflow:  hidden;
    position:  relative;
    height:  75px;
}
.scroll-area-text h1 {
    margin:  0;
    position:  absolute;
    bottom:  0;
    top:  0;
    white-space:  nowrap;
    left:  100vw;
    font-size:  78px;
    line-height:  61px;
}
/*-----------------*/.faq-area {
    padding:  90px 0px;
}
.faq-area .accordion {
    padding-bottom:  15px;
    border-bottom:  1px solid #ffffff;
}
.faq-area-head h1 {
    font-size:  79px;
    line-height:  85px;
}
.faq-tab-link {
    padding-top:  15px;
    margin-top:  15px;
    border-top:  1px solid #ffffff;
}
.faq-tab-link a  {
    font-weight:  700;
    font-size:  20px;
    color:  #fff;
    display:  flex;
    align-items:  center;
    justify-content:  space-between;
}
.faq-tab-link a small {
    font-size:  20px;
    font-weight:  400;
    margin-right:  25px;
    width:  15px;
}
.faq-tab-link a span {
    width:  92%;
}
.faq-tab-link a i {
    border:  1px solid #fff;
    border-radius:  100%;
    width:  23px;
    height:  23px;
    font-size:  10px;
    line-height:  23px;
    text-align:  center;
    font-weight:  400;
    margin-left:  15px;
    display:  inline-block;
    transition: 0.3s;
}

.faq-tab-link a[aria-expanded = "true"] i{
    transform: rotate(180deg);
}

.faq-tab-body {
    font-weight:  400;
    line-height:  22px;
    padding-left:  30px;
    padding-top: 15px;
}
/*-----------------*/.supply-area {
    background:  url(../img/logistics-orchestration/section5-bg-image.jpg) no-repeat;
    background-size:  cover;
    background-position:  center;
    padding:  70px 0px;
}
.supply-area-head h2 {
    font-size:  40px;
    margin:  0px;
}
.supply-area-para p {
    font-weight:  400;
    line-height:  22px;
    margin-bottom:  0px;
}
.supply-area-icon {
    text-align:  right;
    	}
.supply-area-icon li {
    margin-bottom:  30px;
}
.supply-area-icon li:last-child {
    margin-bottom:  0px;
}
.supply-area-icon li img {
    width:  64px;
    filter: brightness(0) invert(1);
}
/*-----------------*/.forward-area {
    padding:  90px 0px;
    	}
.forward-area-head h1 {
    font-size:  79px;
    line-height:  85px;
    margin-bottom:  0px;
    text-align:  center;
}
.forward-area-box a {
    padding:  18px;
    background:  #fff;
    border-radius:  3px;
    margin-top:  50px;
    position:  relative;
    overflow:  hidden;
}
.forward-area-box a h3 {
    font-weight:  500;
    color:  #222222;
    font-size:  18px;
    margin-bottom:  15px;
}
.forward-area-box a p {
    line-height:  22px;
    margin:  0px;
    color:  #222222;
    transition:  0.3s all ease-in-out;
    -webkit-transition:  0.3s all ease-in-out;
    -moz-transition:  0.3s all ease-in-out;
    -ms-transition:  0.3s all ease-in-out;
    -o-transition:  0.3s all ease-in-out;
    position:  absolute;
    bottom:  -62px;
    left:  0;
    right:  0;
    background:  #ffffff;
    z-index:  1;
    padding:  18px;
    border-radius:  3px;
}
.forward-area-box a:hover p {
    bottom:  0px;
}
/*-----------------*/.related-indus {
    background-color: #000;
    width: 100%;
    height: auto;
    padding-top:  80px;
    padding-bottom:  80px;
    margin-top:  14px;
}
.related-head {
    width: 100%;
    height: auto;
    text-align: start;
}
.related-head h2 {
    font-size:  60px;
    line-height:  70px;
    color:  #ffffff;
}
/*related-img-card*/.image-related-indus-row {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-top:  65px;
    margin-bottom:  35px;
}
.image-related-indus-col1 {
    width: 54%;
    height: auto;
}
.image-related-indus-col2 {
    width: 30%;
    height: auto;
}
.image-related-indus-col3 {
    width: 30%;
    height: auto;
}
.related-img-card {
    width: 100%;
    height: 100%;
    padding:  0 20px;
    position: relative;
}
.related-img-card:before  {
    content:  "";
    position:  absolute;
    left:  0;
    top:  0;
    width:  1px;
    height:  0;
    border-left:  1px solid #fff;
    z-index: 2;
    transform-origin:  0 0;
    transition:  1s cubic-bezier(.5, 0, 0, 1);
    transition-property:  transform, opacity;
    transition-delay:  0s;
    transform:  scaleY(0);
}
.related-img-card.is-visible:before {
    transform:  scaleX(1) scaleY(1);
    height:  100%;
}
.related-img-card p {
    font-size:  16px;
    line-height:  24px;
    color:  #ffffff;
    text-transform:  uppercase;
}
.related-img-card h3 {
    font-size:  25px;
    line-height:  35px;
    color:  #ffffff;
    font-family:  var(--font-montserrat);
     height:  145px;
}
.read-btn {
    font-size:  16px;
    line-height:  38px;
    color:  #ffffff;
    font-weight:  600;
    font-family:  var(--font-montserrat);
    text-align:  center;
}

.read-btn:before{
    background-color: #fff;
}
.read-btn:after{
    color: #fff;
}
.card-related-img {
    width: 100%;
    height: 300px;
     position:  relative;
    transition:  .4s cubic-bezier(.23, 1, .32, 1);
    transition-property:  -webkit-filter;
    transition-property:  filter;
    transition-property:  filter,  -webkit-filter;
    -webkit-filter:  grayscale(1);
    filter:  grayscale(1);
    position: relative;
}
.card-related-after-hover {
    opacity: 0;
    position:  absolute;
    top:  233px;
    left:  2px;
    width:  537px;
    height:  227px;
    object-fit:  cover;
    object-position:  50% 50%;
    transition:  .3s;
}
.related-img-card h3:hover {
    color:  #29ff65;
       transition:  .3s;
}
.related-img-card p:hover {
    color:  #29ff65;
      transition:  .3s;
}
.related-img-card:hover h3 {
    color:  #ff0000;
    transition:  .3s;
}
.related-img-card:hover p {
    color:  #ff0000;
    transition:  .3s;
}
.related-img-card:hover .global-btn {
    color:  #fff;
    transition:  .3s;
}
.global-btn:hover:before,  .related-img-card:hover .global-btn:before  {
    width:  100%;
    opacity:  1;
    visibility:  visible;
}

.related-img-card:hover .global-btn:before{
    background-color: #fff;
}
.global-btn:hover:after,  .related-img-card:hover .global-btn:after  {
    right:  -20px;
    opacity:  1;
    visibility:  visible;
}

.related-img-card:hover .global-btn:after{
    color: #fff;
}
.related-img-card .blog-image-wrap {
    position:  relative;
    margin-bottom:  10px;
    margin-left:  -20px;
    margin-right:  -20px;
}
.related-img-card .blog-image-wrap .image-overlay-1 {
    position:  absolute;
    left:  0;
    top:  0;
    width:  20px;
    height:  100%;
    background-color:  #000000;
    transition:  0.5s;
}
.related-img-card .blog-image-wrap .image-overlay-2 {
    position:  absolute;
    left:  0;
    bottom:  -1px;
    width:  100%;
    height:  20px;
    background-color:  #000000;
    transition:  0.5s;
}
.related-img-card .blog-image-wrap .image-overlay-3 {
    position:  absolute;
    right:  0;
    top:  0;
    width:  20px;
    height:  100%;
    background-color:  #000000;
    transition:  0.5s;
}
.related-img-card .blog-image-wrap .image-overlay-4 {
    position:  absolute;
    left:  0;
    top:  -1px;
    width:  100%;
    height:  20px;
    background-color:  #000000;
    transition:  0.5s;
}
.related-img-card:hover .blog-image-wrap .image-overlay-1, .related-img-card:hover .blog-image-wrap .image-overlay-3 {
    width:  0;
}
.related-img-card:hover .blog-image-wrap .image-overlay-2, .related-img-card:hover .blog-image-wrap .image-overlay-4 {
    height:  0;
}
.related-img-card:hover .card-related-img {
    /*opacity: 0;
    */transition:  .3s;
    transition-property:  filter,  -webkit-filter;
    -webkit-filter:  grayscale(0);
    filter:  grayscale(0);
    position: relative;
}
.related-img-card:hover .card-related-after-hover {
    opacity: 1;
    transition:  .3s;
}
.related-img-card:hover:before  {
    border-left:  1px solid #ff0000;
    transition:  .3s;
}
.margin-down-icon-upper {
    padding-top:  7px;
    }
#desktop-list {
    display: block;
}
#mobile-list {
    display: none;
}
.related-indus.style-2 .related-img-card .blog-image-wrap .image-overlay-1,  .related-indus.style-2 .related-img-card .blog-image-wrap .image-overlay-2,  .related-indus.style-2 .related-img-card .blog-image-wrap .image-overlay-3,  .related-indus.style-2 .related-img-card .blog-image-wrap .image-overlay-4  {
    background-color:  #2c2c2c;
}
/*-----------------------------*/

@media (min-width: 1921px) and (max-width: 2560px){
    .logistic-tab-area.category-sec .category-absolute-content{
        right: 18%;
    }
}
@media (min-width: 1920px) and (max-width: 2040px) {
/*    .flexible-area  {*/
/*     padding:  105px 0px;*/
/*}*/
.techno-area-image  {
     width:  27%;
      top:  -34px;
}
/*.future-area-image  {*/
/*     width:  100%;*/
/*}*/
}
@media (min-width: 2048px) and (max-width: 2560px) {
    .flexible-area:after  {
     height: 104%;
}
.flexible-area:before  {
     right: -4%;
}
.techno-area-image  {
     width:  26%;
     top:  -45px;
}
.future-area-image  {
     width:  100%;
}

.future-area {
    padding: 100px 0px 550px;
}

}



@media (min-width: 2560px) and (max-width: 2570px) {
    .flexible-area:after  {
     height: 104%;
}
.techno-area-image  {
     width:  21%;
}
.future-area-image  {
     width:  100%;
}
}

/*@media (min-width: 1800px) and (max-width: 1920px){*/
/*    .flexible-area{*/
/*        padding: 78px 0;*/
/*    }*/
/*}*/

@media(max-width: 1920px){
    .flexible-area:before{
        right: -24.7%;
    }
}

@media(max-width: 1699px){
    .dominate-area {
    padding-top: 250px;
}
.flexible-area.logistics {
    padding: 148px 0px;
}
.flexible-area-content h1{
        font-size: 90px;
        line-height: 92px;
    }
    
    .flexible-area-image{
        width: 860px;
    }
}

@media(max-width: 1799px){
    .logistic-tab-area.category-sec .category-absolute-content{
        width: 750px;
    }
}

@media(min-width: 1800px){
    .dominate-area {
    padding-top: 380px;
}
}

@media(max-width: 1600px){
/*    .flexible-area {*/
/*    padding: 56px 0;*/
/*}*/

.flexible-area-image {
    width: 760px;
}

.flexible-area.logistics {
    padding: 104px 0px;
}

.flexible-area{
    padding: 235px 0px;
}

.flexible-area:before{
    right: -316px;
}
.flexible-area-content span  {
    bottom:  -96px;
}
}

@media(max-width: 1500px){
    .flexible-area {
    padding: 187px 0px;
}
}

@media(max-width: 1399px){
    
    .flexible-area.logistics {
    padding: 125px 0px;
}
    
    .flexible-area-content h1 {
    font-size: 66px;
    line-height: 78px;
}
.logistic-tab-area.category-sec .category-absolute-content{
        width: 621px;
    }
    .dominate-area {
    padding-top: 140px;
}
}

@media(max-width: 1299px){
    .flexible-area-content h1 {
    font-size: 58px;
    line-height: 71px;
}
.flexible-area:before{
    right: -143px;
}
.flexible-area {
    padding: 144px 0px;
}
}

@media(max-width: 1299px){
    
    .flexible-area-image {
    width: 704px;
}
    
    .flexible-area-content h1 {
    font-size: 52px;
    line-height: 62px;
}
}

@media(max-width: 1199px){
    
    .flexible-area-image {
    width: 615px;
}

.flexible-area.logistics {
    padding: 70px 0px;
}
    
    .flexible-area {
    padding: 115px 0px;
}
    
   .flexible-area-content span{
       bottom: -82px;
   }
   .flexible-area:before{
       right: -7px;
   }
   
   .dominate-area-head p{
       width: 48%;
   }
   .logistic-tab-area.category-sec .category-absolute-content{
        width: 521px;
    }
    .dominate-area {
    padding-top: 0;
}
.future-area-image{
    width: 380px;
}
.dominate-area-cicle{
    width: 547px;
    height: 547px;
}
.dominate-area-cicle center h3{
    font-size: 30px;
}
.dominate-cicle-left .small-circle{
    width: 547px;
    height: 547px;
    left: -336px;
}
.dominate-cicle-left .small-circle:before{
    width: 547px;
    height: 547px;
    top: -59.5%;
}

.dominate-cicle-right:before{
    width: 547px;
    height: 547px;
    right: -162px;
}
.dominate-cicle-left:after{
    width: 547px;
    height: 547px;
    left: -162px;
}
.dominate-area-cicle center{
    width: 50%;
}
.dominate-area-cicle:hover center p{
    bottom: -70px;
}
.dominate-area-cicle.dominate-cicle-left:hover center p,
.dominate-area-cicle.dominate-cicle-right:hover center p{
    bottom: -100px;
}
}

/*@media (min-width: 1700px) and (max-width: 1799px){*/
/*    .flexible-area{*/
/*        padding: 66px 0;*/
/*    }*/
/*}*/

@media (min-width: 1601px) and (max-width: 1699px){
/*    .flexible-area {*/
/*    padding: 40px 0;*/
/*}*/

.flexible-area{
    padding: 236px 0px;
}

.flexible-area-content p{
    width: 87%;
}
}


@media (min-width: 1601px) and (max-width: 1680px) {
.flexible-area:before  {
    height:  769px;
}
.flexible-area:before{
    right: 0%;
}
.techno-area-image  {
     width:  32%;
}
}
@media (min-width: 1599px) and (max-width: 1600px) {
.techno-area-image  {
     width:  34%;
}
}
@media (min-width: 1530px) and (max-width: 1536px) {
}
@media (min-width: 1368px) and (max-width: 1440px) {
.flexible-area:before  {
    height:  663px;
}
.flexible-area:after  {
     height:  107%;
}
  .techno-area-image  {
     width:  40%;
}
}
@media (min-width: 1300px) and (max-width: 1367px) {
.flexible-area:before  {
    height:  633px;
    right: -8px;
}
.flexible-area:after  {
     height:  107%;
}
 .techno-area-image  {
     width:  42%;
}
}
@media (min-width: 1201px) and (max-width: 1280px) {
.flexible-area:before  {
    height:  593px;
}
.flexible-area:after  {
     height:  108%;
}
.flexible-area-content span  {
    bottom:  -78px;
}
 .techno-area-image  {
     width:  44%;
}
}

@media(max-width: 991px){
    
    .flexible-area-image {
        width: 100%;
    position: relative;
    right: 0;
    top: 0;
    margin-top: 30px;
}

.flexible-area.logistics {
    padding: 70px 0 0;
}

.flexible-area.logistics .flexible-area-content p{
   width: 100%; 
}

.flexible-area-image:after{
    content: none;
}
    
    .flexible-area {
    padding: 75px 0px 0;
}
    
    
    .flexible-area:after{
        content: none;
    }
    .flexible-area-content span{
        margin-top: 36px;
        display: inline-block;
        position: relative;
        bottom: 0;
        font-size: 18px;
    }
    
    .flexible-area:before{
        display: none;
    }
    
    .pioneer-area-right{
        justify-content: flex-start;
        margin-top: 15px;
    }
    .dominate-area-head{
        flex-direction: column;
        align-items: flex-start;
    }
    .dominate-area-head p {
    width: 78%;
    margin-top: 30px;
}
.logistic-tab-area.category-sec .category-content-block img{
    width: 100%;
}
.logistic-tab-area.category-sec .category-absolute-content{
    width: 100%;
}
.dominate-area {
    padding-top: 100px;
}
.techno-area{
    padding: 100px 0;
}
.techno-area-image{
    width: auto;
    position: relative;
    top: 0;
    margin-top: 40px;
}
.focus-area-head {
    display: block;
    padding-bottom: 30px;
    margin-bottom: 20px;
}
.focus-area-head p{
    width: 78%;
}

.dominate-area-ciclebox{
    flex-direction: column;
}
.dominate-cicle-right{
    margin-right: 0;
}
.dominate-cicle-right:before{
    content: none;
}
.dominate-cicle-left{
    top: -87px;
}
.dominate-cicle-left:before{
    width: 298px;
    height: 260px;
    left: 50%;
    transform: translateX(-50%);
    top: -137px;
}
.dominate-cicle-top{
    margin-bottom: 0;
}
.dominate-cicle-right,
.dominate-cicle-left{
    margin-top: -100px;
    justify-content: center;
}

.dominate-cicle-left{
    top: 0;
}
.dominate-cicle-left .small-circle{
    display: none;
}
.dominate-cicle-left:after{
    content: none;
}
.future-area-image {
    width: 320px;
}
.future-area-list p{
    max-width: 69%;
}
}

@media(max-width: 767px){
    
    .flexible-area {
    padding: 40px 0px 0;
}
    
    .supply-area-head h2{
        margin-bottom: 20px;
    }
    .dominate-cicle-right, .dominate-cicle-left{
        margin-top: 30px;
    }
    .dominate-cicle-top{
        align-items: center;
    }
    .dominate-cicle-top center{
        top: 0;
    }
    .dominate-area-cicle.dominate-cicle-left:hover center p, .dominate-area-cicle.dominate-cicle-right:hover center p{
        bottom: -63px;
    }
    .faq-tab-link a{
        font-size: 16px;
    }
}

@media(max-width: 575px){
    .dominate-area-head h1 {
    font-size: 38px;
    line-height: 46px;
}
.logistic-tab-detail h2{
    font-size: 35px;
}
.techno-area-content h2{
    font-size: 34px;
}
}



@media (min-width: 769px) and (max-width: 1024px) {
.techno-area-image  {
     width:  44%;
}
 .focus-area-head p img  {
      margin-bottom:  42px;
}
.flexible-area-content h1  {
     font-size:  52px;
}
.logistic-tab ul li a  {
     font-size:  12px;
}
.scroll-area-text  {
     height:  58px;
}
.scroll-area-text h1  {
     font-size:  42px;
}
}
@media (min-width: 500px) and (max-width: 768px)  {
/*    .flexible-area  {*/
/*     padding:  17px 0px;*/
/*}*/
.flexible-area:before  {
    height:  376px;
}
.flexible-area:after  {
     height:  118%;
}
 .flexible-area-content h1  {
     font-size:  34px;
     line-height:  39px;
}
.pioneer-area-head h1  {
     font-size:  58px;
     line-height:  68px;
}
.pioneer-area-content  {
     width:  70%;
}
.logistic-tab-detail  {
     padding-right:  0px;
}
.logistic-tab-detail h2  {
     font-size:  36px;
}
.logistic-tab ul li a  {
     padding:  12px 18px;
     font-size:  13px;
     line-height:  20px;
}
.dominate-area-head h1  {
     font-size:  58px;
     line-height:  68px;
}
.techno-area  {
     padding:  80px 0px;
}
.techno-area-content h2  {
      font-size:  36px;
}
.techno-area-image  {
     width:  45%;
}
.future-area-content h2  {
     font-size:  35px;
}
.future-area-image  {
     width:  330px;
}
.focus-area-head h1  {
     font-size:  58px;
     line-height:  68px;
}
.focus-area-head p img  {
     margin-bottom:  32px;
     width:  52px;
}
.related-img-card h3  {
     height:  auto;
}
.scroll-area  {
     padding:  70px 0px;
}
.scroll-area-text  {
     height:  58px;
}
.scroll-area-text h1  {
     font-size:  42px;
}
.faq-area-head h1  {
     font-size:  58px;
     line-height:  68px;
}
.forward-area-head h1  {
     font-size:  58px;
     line-height:  68px;
}
.forward-area-box a  {
     padding:  12px;
}
.forward-area-box a p  {
     line-height:  20px;
     font-size:  12px;
     bottom:  -73px;
     padding:  12px;
}
.dominate-area-cicle  {
     width:  420px;
      height:  420px;
}
.dominate-cicle-right:before  {
     width:  440px;
     height:  440px;
     right:  -295px;
}
.dominate-area-cicle center span  {
     margin-bottom:  6px;
}
.dominate-area-cicle center h3  {
     font-size:  18px;
}
.dominate-area-cicle:hover center p  {
     bottom:  -54px;
}
.dominate-cicle-top:hover center p  {
     bottom:  -33px;
}
.dominate-area-cicle center p  {
     line-height:  20px;
     font-size:  12px;
}
.dominate-cicle-left  {
     padding-right:  20px;
}
.dominate-cicle-right  {
     padding-left:  22px;
}
}
@media(max-width:480px) {
/*    .flexible-area  {*/
/*     margin:  0px 0px;*/
/*}*/
.flexible-area:before {
     display:  none;
}
.flexible-area:after  {
     width:  100%;
     height:  100%;
     top:  0px;
     background-position:  bottom right;
     z-index:  -1;
}
.flexible-area-content h1  {
     font-size:  40px;
     line-height:  42px;
}
.flexible-area-content p  {
    width:  100%;
}
.pioneer-area-head h1  {
     font-size:  40px;
     line-height:  46px;
}
.pioneer-area-content  {
     width:  100%;
}
.pioneer-area  {
     padding:  90px 0px 40px;
}
.logistic-tab ul  {
     margin-bottom:  0px;
}
.logistic-tab ul li a  {
      padding:  9px 0px;
      font-size:  12px;
     line-height:  18px;
     height:  73px;
}
.logistic-tab-detail  {
     padding-right:  0px;
}
.logistic-tab-image {
     margin-top:  40px;
}
.dominate-area-head  {
     display:  block;
}
.dominate-area-head p  {
     width:  100%;
     margin-bottom:  0px;
}
.techno-area-image  {
     width:  250px;
}
.future-area-image  {
     top:  20px;
     width:  310px;
}
.future-area-right  {
     padding-left:  15px;
}
.future-area-list h1  {
     font-size:  50px;
}
.future-area-list p  {
     max-width:  70%;
 }
.focus-area-head  {
     display:  block;
      padding-bottom:  30px;
     margin-bottom:  20px;
}
.focus-area-head h1  {
     font-size:  40px;
     line-height:  46px;
}
.focus-area-head p  {
     width:  100%;
}
.focus-area-head p img  {
     margin-bottom:  18px;
     margin-top:  20px;
     width:  70px;
}
.focus-area  {
     padding-bottom:  60px;
}
.related-img-card h3  {
     height:  auto;
}
.related-head h2  {
     font-size:  40px !important;
     line-height:  46px !important;
}
.faq-area-head h1  {
     font-size:  40px;
     line-height:  46px;
}
.faq-tab-link a span  {
     width:  78%;
}
.supply-area-para {
    margin:  30px 0px;
}
.supply-area-icon  {
     text-align:  center;
}
.supply-area-icon li  {
     display:  inline-block;
     margin:  0px 18px 0px;
}
.forward-area-head h1  {
     font-size:  40px;
     line-height:  46px;
}
.forward-area-box a  {
     margin-top:  30px;
}
.techno-tab-link a  {
     font-size:  18px;
}
.techno-tab-body  {
     font-size:  14px;
}
.dominate-area-cicle  {
     width:  350px;
      height:  350px;
}
.dominate-cicle-right,
.dominate-cicle-left{
    justify-content: center;
}
.dominate-cicle-left:before  {
     display:  none;
}
.dominate-cicle-right:before  {
     width:  230px;
     height:  230px;
     right:  -101px;
      z-index:  1;
}
.dominate-area-ciclebox h2  {
     font-size:  32px;
}
.dominate-area-cicle center h3  {
     font-size:  13px;
}
.dominate-area-cicle center span  {
     font-size:  12px;
     margin-bottom:  3px;
}
.dominate-cicle-left  {
     padding-right:  4px;
}
.dominate-cicle-right  {
     padding-left:  2px;
}
.dominate-cicle-top center  {
     width:  88%;
}
.dominate-cicle-top center  {
     top:  -22px;
}
.dominate-area-cicle center p  {
     line-height:  18px;
     font-size:  11px;
}
.dominate-cicle-top:hover center p  {
     bottom:  -36px;
}
}