/*--------------------------------------------------------------# General--------------------------------------------------------------*/
body {
     font-family: 'Montserrat', sans-serif;
     font-size: 15px;
     color: #363636;
}
a {
     text-decoration: none;
}
a:hover {
     text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
     font-family: 'Montserrat', sans-serif;
}

#blog_detail .container, #articles .container, #ship_main .container{
     width: 1200px;
     max-width: 1200px;
}
.font-italic {
     font-style: italic;
}
/*--------------------------------------------------------------# Preloader--------------------------------------------------------------*/
#preloader {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 9999;
     overflow: hidden;
     background: #fff;
}
#preloader:before {
     content: "";
     position: fixed;
     top: calc(50% - 30px);
     left: calc(50% - 30px);
     border: 6px solid #ff0202;
     border-top-color: #e2eefd;
     border-radius: 50%;
     width: 60px;
     height: 60px;
     -webkit-animation: animate-preloader 1s linear infinite;
     animation: animate-preloader 1s linear infinite;
}
@-webkit-keyframes animate-preloader {
     0% {
          transform: rotate(0deg);
     }
     100% {
          transform: rotate(360deg);
     }
}
@keyframes animate-preloader {
     0% {
          transform: rotate(0deg);
     }
     100% {
          transform: rotate(360deg);
     }
}
/*--------------------------------------------------------------# Back to top button--------------------------------------------------------------*/
.back-to-top {
     position: fixed;
     visibility: hidden;
     opacity: 0;
     right: 15px;
     bottom: 15px;
     z-index: 996;
     background: #106eea;
     width: 40px;
     height: 40px;
     border-radius: 4px;
     transition: all 0.4s;
}
.back-to-top i {
     font-size: 28px;
     color: #fff;
     line-height: 0;
}
.back-to-top:hover {
     background: #3284f1;
     color: #fff;
}
.back-to-top.active {
     visibility: visible;
     opacity: 1;
}
/*--------------------------------------------------------------# Disable aos animation delay on mobile devices--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
     [data-aos-delay] {
          transition-delay: 0 !important;
     }
}
/*--------------------------------------------------------------# Header--------------------------------------------------------------*/
#header {
     background: #fff;
     transition: all 0.5s;
     z-index: 997;
     height: 86px;
     box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
#header.fixed-top {
     height: 102px;
}
#header .logo {
     font-size: 30px;
     margin: 0;
     padding: 0;
     line-height: 1;
     font-weight: 600;
     letter-spacing: 0.8px;
     font-family: 'Montserrat', sans-serif;
}
#header .logo img {
     max-height:60px;
}
.scrolled-offset {
     margin-top: 70px;
}
/*--------------------------------------------------------------# Navigation Menu--------------------------------------------------------------*/
/*** Desktop Navigation */
.navbar {
     padding: 0;
}
.navbar ul {
     margin: 0;
     padding: 0;
     display: flex;
     list-style: none;
     align-items: center;
}
.navbar li {
     position: relative;
}
.navbar > ul > li {
     white-space: nowrap;
     padding: 10px 0 10px 10px;
}
.navbar a {
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    font-size: 17px;
    font-weight: 400;
    color: #363636;
    white-space: nowrap;
    transition: 0.3s;
    position: relative;
    margin-right: 15px;
}
.navbar a i {
     color: #FF0202;
     font-size: 12px;
     line-height: 0;
     margin-left: 5px;
}
.form-group-input > input {
    width: 150px;
    border: 1px solid #363636 !important;
    height: 38px;
    line-height: 38px;
    padding: 10px 15px;
    border-radius: 25px;
    outline: none !important;
}
.form-group-input > button {
    position: absolute;
    right: 2px;
    top: 2px;
    background: white !important;
    border: none !important;
    outline: none !important;
    height: 35px;
    padding: 11px 10px;
    z-index: 5;
    border-radius: 40px;
    line-height: 30px;
}
.form-group-input button i {
    font-size: 17px;
    color: #363636;
    position: relative;
    top: -6px;
}
.form-group-input button:hover i {
    color: #ff0202;
}
.navbar > ul > li > a:before {
     content: "";
     position: absolute;
     width: 100%;
     height: 2px;
     bottom: -6px;
     left: 0;
     background-color: #FF0202;
     visibility: hidden;
     width: 0px;
     transition: all 0.3s ease-in-out 0s;
}
.navbar a:hover:before, .navbar li:hover > a:before, .navbar .active:before {
     visibility: visible;
     width: 100%;
}
.navbar a:hover, .navbar .active, .navbar li:hover > a {
     color: #FF0202;
}
.navbar .dropdown ul {
     display: block;
     position: absolute;
     left: 28px;
     top: calc(100% + 30px);
     margin: 0;
     padding: 0px 0px;
     z-index: 999;
     opacity: 0;
     visibility: hidden;
     background: #fff;
     box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
     transition: 0.3s;
}
.navbar .dropdown ul li {
     min-width: 200px;
}
.navbar .dropdown ul a {
     padding: 10px 20px;
     font-weight: 400;
}
.navbar .dropdown ul a i {
     font-size: 12px;
}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
     color: #FF0202;
}
.navbar .dropdown:hover > ul {
     opacity: 1;
     top: 100%;
     visibility: visible;
     display: block;
}
.navbar .dropdown .dropdown ul {
     top: 0;
     left: calc(100% - 30px);
     visibility: hidden;
}
.navbar .dropdown .dropdown:hover > ul {
     opacity: 1;
     top: 0;
     left: 100%;
     visibility: visible;
}
.navbar a.btn-request {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.2px;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 30px;
    transition: 0.5s;
    color: #fff;
    background: #FF0202;
}
.navbar a.btn-request:hover{
     background: #1492E6;
     border: 0;
     color: #fff;
}
.navbar a.btn-request:before{
     display: none;
}
@media (max-width: 1366px) {
     .navbar .dropdown .dropdown ul {
          left: -90%;
     }
     .navbar .dropdown .dropdown:hover > ul {
          left: -100%;
     }
}
/*** Mobile Navigation */
.mobile-nav-toggle {
     color: #363636;
     font-size: 28px;
     cursor: pointer;
     display: none;
     line-height: 0;
     transition: 0.5s;
}
.mobile-nav-toggle.bi-x {
     color: #fff;
}
@media (max-width: 991px) {
     .mobile-nav-toggle {
          display: block;
     }
     .navbar-firstmenu  ul {
          display: none;
     }
}
.navbar-mobile {
     position: fixed;
     overflow: hidden;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     background: rgba(9, 9, 9, 0.9);
     transition: 0.3s;
     z-index: 999;
}
.navbar-mobile .mobile-nav-toggle {
     position: absolute;
     top: 15px;
     right: 15px;
}
/*.navbar-mobile .navbar-firstmenu ul{
display: block;
}*/
.navbar-mobile .navbar-firstmenu ul{
     display: block;
     position: absolute;
     top: 55px;
     right: 15px;
     bottom: 15px;
     left: 15px;
     padding: 10px 0;
     background-color: #fff;
     overflow-y: auto;
     transition: 0.3s;
}
.navbar-mobile a {
     padding: 10px 20px;
     font-size: 15px;
     color: #363636;
}
.navbar-mobile > ul > li {
     padding: 0;
}
.navbar-mobile a:hover:before, .navbar-mobile li:hover > a:before, .navbar-mobile .active:before {
     visibility: hidden;
}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
     color: #106eea;
}
.navbar-mobile .getstarted {
     margin: 15px;
}
.navbar-mobile .dropdown ul {
     position: static;
     display: none;
     margin: 10px 20px;
     padding: 10px 0;
     z-index: 9999;
     opacity: 1;
     visibility: visible;
     background: #fff;
     box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
.navbar-mobile .dropdown ul li {
     min-width: 200px;
}
.navbar-mobile .dropdown ul a {
     padding: 10px 20px;
}
.navbar-mobile .dropdown ul a i {
     font-size: 12px;
}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
     color: #106eea;
}
.navbar-mobile .dropdown > .dropdown-active {
     display: block;
}
a.btn {
     display: inline-block;
     font-size: 15px;
     font-weight: 600;
     color: #fff;
     padding: 10px 28px;
     margin-right: 15px;
     border-radius: 30px;
     white-space: nowrap;
     transition: 0.3s;
     position: relative;
     width: auto;
}
a.btn:hover{
     color: #fff;
}
.red-bg{
     background-color: #FF0202;
}
.blue-bg{
     background-color: #1492E6;
}
.red-bg-dark {
     background: #C4000F;
}
.pink-bg{
     background-color: #E4348B;
}
.green-bg{
     background-color: #47A900;
}
.yellow-bg{
     background-color: #E69214;
}
.purple-bg{
     background-color: #A546CC;
}
.red-bg-dark:hover, .pink-bg:hover, .green-bg:hover, .yellow-bg:hover, .purple-bg:hover{
     background-color: #1492E6;
}

.left-offset {
     padding: 0 60px;
}
.text-blue{
     color: #1492E6;
}
.text-red{
     color: #FF0202;
}
/*--------------------------------------------------------------# Hero Section--------------------------------------------------------------*/
#hero {
     width: 100%;
     height: 80vh;
     background: url("../img/hero-bg.jpg");
     background-size: cover;
     background-position: center;
     position: relative;
}
#hero .container {
     position: relative;
}
#hero h2 {
     color: #fff;
     margin: 5px 0 10px 0;
     font-size: 35px;
     font-weight: 400;
}
#hero h4 {
     color: #fff;
     font-size: 13px;
     font-weight: 700;
     margin: 5px 0 0px 0;
}
#hero p {
     color: #fff;
     font-size: 16px;
     font-weight: 400;
     margin: 5px 0 30px 0;
}
#hero .btn-get-started {
     font-family: 'Montserrat', sans-serif;
     text-transform: uppercase;
     font-weight: 600;
     font-size: 14px;
     letter-spacing: 1px;
     display: inline-block;
     padding: 10px 28px;
     border-radius: 30px;
     transition: 0.5s;
     color: #fff;
     background: #FF0202;
}
#hero .btn-get-started:hover {
     background: #1492E6;
}
@media (max-width: 768px) {
     #hero {
          height: 100vh;
     }
     #hero h1 {
          font-size: 28px;
          line-height: 36px;
     }
     #hero h2 {
          font-size: 18px;
          line-height: 24px;
          margin-bottom: 30px;
     }
     #hero .btn-get-started, #hero .btn-watch-video {
          font-size: 13px;
     }
}
/*--------------------------------------------------------------# Sections General--------------------------------------------------------------*/
section {
     padding: 60px 0;
     overflow: hidden;
}
.section-bg {
     background-color: #f6f6f6;
}
.section-title {
     text-align: center;
     margin-bottom: 15px;
}
.section-title h2 {
     font-size: 13px;
     letter-spacing: 1px;
     font-weight: 700;
     margin: 0;
     display: inline-block;
     text-transform: uppercase;
}
.section-title h3 {
     margin: 15px 0 0 0;
     font-size: 35px;
     font-weight: 700;
}
@media (min-width: 1024px) {
     .section-title p {
          width: 50%;
     }
}

/*@media (min-width: 1024px) and (max-width: 1366px) {
.navbar > ul > li {
white-space: nowrap;
padding: 10px 0px 10px 1px;
}

.navbar a {
padding: 2px 2px;
font-size: 12px;
font-weight: 600;
margin-right: 25px;
}

.navbar a.btn-request {
font-size: 12px;
padding: 6px 6px;
}
}*/
/*--------------------------------------------------------------# Breadcrumbs--------------------------------------------------------------*/
.breadcrumbs {
     padding: 20px 0;
     background-color: #f1f6fe;
     min-height: 40px;
}
.breadcrumbs h2 {
     font-size: 24px;
     font-weight: 300;
     margin: 0;
}
@media (max-width: 992px) {
     .breadcrumbs h2 {
          margin: 0 0 10px 0;
     }
}
.breadcrumbs ol {
     display: flex;
     flex-wrap: wrap;
     list-style: none;
     padding: 0;
     margin: 0;
     font-size: 14px;
}
.breadcrumbs ol li + li {
     padding-left: 10px;
}
.breadcrumbs ol li + li::before {
     display: inline-block;
     padding-right: 10px;
     color: #6c757d;
     content: "/";
}
@media (max-width: 768px) {
     .breadcrumbs .d-flex {
          display: block !important;
     }
     .breadcrumbs ol {
          display: block;
     }
     .breadcrumbs ol li {
          display: inline-block;
     }
}
/*--------------------------------------------------------------# About--------------------------------------------------------------*/
.about .section-title{
     text-align: left;
}
.about .section-title h2{
     color: #FF0202;
     font-size: 13px;
}
.about .content h3 {
     font-weight: 600;
     font-size: 26px;
}
.about-figure {
     position: relative;
     padding: 50px;
     margin-top: 100px;
}
.about-figure img {
     padding: 10px;
}
.about-figure:before {
     content: "";
     background-color: #1492E6;
     height: 84px;
     width: 84px;
     position: absolute;
     top: 40px;
     left: 25px;
     z-index: -1;
}
/*--------------------------------------------------------------# Clients--------------------------------------------------------------*/
.clients {
     padding: 0 0 30px 0;
     text-align: center;
     margin-top: -70px;
}
.clients .section-title{
     padding: 15px 0 0 0;
}
.clients .clients-blocks {
     box-shadow: 0px 10px 20px rgba(0,0,0,0.16);
     background: #fff;
     padding-bottom: 15px;
}
.clients img {
     max-width: 100%;
     transition: all 0.4s ease-in-out;
     display: inline-block;
}
.clients img:hover {
     transform: scale(1.15);
}
@media (max-width: 768px) {
     .clients img {
          max-width:100%;
     }
}
/*--------------------------------------------------------------# Services--------------------------------------------------------------*/
.services .section-title h2{
     color: #FF0202;
}
.section-title h3{
     margin-bottom: 30px;
}
.services .icon-box {
     transition: all ease-in-out 0.3s;
     background: #fff;
     box-shadow: 0 10px 20px rgba(0,0,0,0.16);
}
.services .icon-box .icon {
     margin: 0 auto;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 20px;
     transition: ease-in-out 0.3s;
}
.services .content-box {
     padding: 0 25px 30px 25px;
}
.services .content-box h4 span {
     color: #DBDBDB;
     font-size: 50px;
     position: relative;
     font-weight: 700;
     display: inline-block;
     margin-right: 15px;
}
.services .icon-box .icon img{
     width: 100%;
}
.services .icon-box h4 {
     font-weight: 700;
     margin-bottom: 15px;
     font-size: 22px;
     position: relative;
     display: flex;
     justify-content: stretch;
     align-items: center;
}
.services .icon-box h4 a {
     color: #363636;
     transition: ease-in-out 0.3s;
}
.services .icon-box p {
     line-height: 24px;
     font-size: 14px;
     margin-bottom: 15px;
}
/*--------------------------------------------------------------# Blogs--------------------------------------------------------------*/
.blogs .section-title h2 {
     color: #ff0202;
}
.blogs .content-box {
     padding: 20px 20px 30px 20px;
}
.blogs .icon-box {
     transition: all ease-in-out 0.3s;
     background: #fff;
     box-shadow: 0 10px 20px rgba(0,0,0,0.16);
}
.blogs .icon-box img{
     width: 100%;
     height:350px;
}
.blogs .content-box i {
     font-size: 12px;
     top: -2.5px;
     position: relative;
}
/*--------------------------------------------------------------# Workflow--------------------------------------------------------------*/
.workflow .section-title{
     text-align: left;
}
.workflow .section-title h2 {
     color: #ff0202;
     margin-bottom: 0;
     text-align: left;
}
.workflow .section-title h3{
     margin: 0;
}
.workflow .section-title p {
     width: 100%;
}
/*.workflow-list {
display: flex;
justify-content: center;
align-items: baseline;
}
*/
.workflow-lists figure.icon-img {
     width: 80px;
     height: 80px;
     line-height: 80px;
     background: #efefef;
     border-radius: 50%;
     margin: 0 20px;
     text-align: center;
}
.workflow-lists .workflow-content h3 {
     font-weight: 600;
     font-size: 18px;
     color: #363636;
}
.workflow-lists .workflow-content{
     font-size: 14px;
}
.workflow-lists .timeline-block {
     width: -webkit-calc(50% + 8px);
     width: -moz-calc(50% + 8px);
     width: calc(50% + 8px);
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: flex;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -moz-box-pack: justify;
     justify-content: space-between;
     clear: both;
     padding: 25px 0;
}
.workflow-lists .timeline-block-right {
     float: right;
     margin-right: 15px;
}
.workflow-lists .timeline-block-left {
     float: left;
     direction: rtl;
     margin-left: 50px;
}
.workflow-lists .marker {
     width: 90px;
     height: 80px;
     border-radius: 50%;
     background: #EFEFEF;
     z-index: 9999;
     position: relative;
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
}
.workflow-lists .timeline-content {
     width: 95%;
     padding: 0 15px;
     color: #363636;
}
.workflow-lists .timeline-content h3 {
     margin-top: 25px;
     margin-bottom: 5px;
     font-size: 18px;
     font-weight: 600;
}
.workflow-lists .timeline-content p {
     font-size: 14px;
     line-height: 1.5em;
     word-spacing: 1px;
     color: #646464;
}
.workflow-lists .timeline-block-right, .workflow-lists .timeline-block-left{
     position: relative;
}
.workflow-lists .timeline-block-right:before {
     content: "";
     background: #efefef;
     width: 1px;
     position: relative;
     left: 40px;
     bottom: -55px;
}
.workflow-lists .timeline-block-left:before {
     content: "";
     background: #efefef;
     width: 1px;
     position: relative;
     right: 40px;
     bottom: -55px;
}
.workflow-lists .timeline-block-left span {
     font-size: 50px;
     color: #dbdbdb;
     font-weight: 700;
     position: absolute;
     top: 30px;
     right: -70px;
}
.workflow-lists .timeline-block-right span {
     font-size: 50px;
     color: #dbdbdb;
     font-weight: 700;
     position: absolute;
     top: 30px;
     left: -70px;
}
.workflow-lists .timeline-block-right:last-child:before {
     display: none;
}
.workflow-lists .timeline-block-left:after {
     content: "";
     background: #efefef;
     width: 85%;
     position: absolute;
     right: -78%;
     bottom: 15px;
     z-index: 9999;
     height: 1px;
}
.workflow-lists .timeline-block-right:after {
     content: "";
     background: #efefef;
     width: 85%;
     position: absolute;
     left: -78%;
     bottom: 15px;
     z-index: 9999;
     height: 1px;
}
.workflow-lists .timeline-block-right:last-child:after {
     display: none;
}
@-webkit-keyframes animate-loading {
     0% {
          transform: rotate(0deg);
     }
     100% {
          transform: rotate(360deg);
     }
}
@keyframes animate-loading {
     0% {
          transform: rotate(0deg);
     }
     100% {
          transform: rotate(360deg);
     }
}
/*--------------------------------------------------------------# Hero Section--------------------------------------------------------------*/
#inner_hero {
     width: 100%;
     height: 60vh;
     background: url("../img/hero-bg.jpg");
     background-size: cover;
     background-position: center;
     position: relative;
}
#inner_hero .container {
     position: relative;
}
#inner_hero h2 {
     color: #fff;
     margin: 5px 0 10px 0;
     font-size: 35px;
     font-weight: 400;
}
#inner_hero h4 {
     color: #fff;
     font-size: 13px;
     font-weight: 700;
     text-transform: uppercase;
     margin: 5px 0 0px 0;
}
#inner_hero p {
     color: #fff;
     font-size: 16px;
     font-weight: 400;
     margin: 5px 0 30px 0;
}
@media (max-width: 768px) {
     #inner_hero {
          height: 100vh;
     }
     #inner_hero h1 {
          font-size: 28px;
          line-height: 36px;
     }
     #inner_hero h2 {
          font-size: 18px;
          line-height: 24px;
          margin-bottom: 30px;
     }
}
/*--------------------------------------------------------------# featured-blogs--------------------------------------------------------------*/
#featured-blogs .news-box{
     padding: 0 30px;
     position: relative;
     transition: 0.5s all;
}
#featured-blogs .news-box:hover{
     box-shadow: 0px 10px 25px rgba(0,0,0,0.16);
     transition: 0.5s all;
}
#featured-blogs .news-box span{
     font-size: 11px;
     color: #FF0202;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 10px;
}
#featured-blogs .news-box h4.title{
     font-size: 22px;
     font-weight: 600;
     margin-bottom: 15px;
}
#featured-blogs .news-box p{
     margin-bottom: 30px;
}
#featured-blogs .news-box a.btn{
     width: 140px;
}
/*--------------------------------------------------------------# blog_detail--------------------------------------------------------------*/
#blog_detail .section-title {
     text-align: left;
     position: relative;
}
#blog_detail .section-title span{
     display: block;
     font-size: 11px;
     color: #FF0202;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 10px;
}
#blog_detail .section-title h2{
     font-size: 35px;
     text-transform: inherit;
     font-weight: 600;
     margin-bottom: 30px;
}
#blog_detail .news-box {
     background: #fff;
     padding: 40px 140px 40px 40px;
     margin-left: -35%;
}
#blog_detail .more-details {
     padding: 80px 0px;
}
#blog_detail .blog-quote{
     padding: 50px;
}
#blog_detail .blog-quote p{
     text-align: center;
     color: #fff;
     font-weight: 600;
     padding: 0 220px;
     margin: 0;
}
#blog_detail .blog-quote p:before {
     content: "";
     background: url(../img/icon-quote.png);
     width: 28px;
     height: 21px;
     display: block;
     margin: 0 auto 10px auto;
}
/*--------------------------------------------------------------# Help Center--------------------------------------------------------------*/
/*#articles .section-title {
text-align: left;
}
*/
#articles .section-title h4{
     font-size: 12px;
     font-weight: 700;
     text-transform: uppercase;
     color: #1492E6;
}
#articles .search-box {
     position: relative;
     background: #f3f3f3;
     padding: 10px 30px;
     border-radius: 30px;
}
#articles .search-box input[type="search"] {
     background: transparent;
     border: 0;
     padding: 0 5px;
}
#articles .search-box input[type="search"]:focus {
     border: 0;
     box-shadow: none;
     outline: none;
}
.border-bottom-1 {
     border-bottom: 1px solid #f3f3f3;
     padding-bottom: 10px;
}
#articles .help-box{
     padding-top: 30px;
}
.help-box .nav-pills .nav-link.active, .help-box .nav-pills .show>.nav-link {
     color: #fff;
     background-color: #1492E6;
}
.help-box .nav-pills .nav-link {
     border-radius: 0;
}
.help-box .nav-link {
     background-color: #F9F9F9;
     display: block;
     padding: 1.5rem;
}
.help-box .pills-support {
     display: flex;
     justify-content: space-between;
     position: relative;
     margin-bottom: 30px;
}
.help-box .user-support {
     display: flex;
     justify-content: space-between;
}
.help-box .pills-box h3 {
     font-size: 26px;
     font-weight: 600;
     margin-bottom: 30px;
}
.help-box .user-support figure{
     margin-bottom: 0;
}
.help-box .user-support .user-info{
     margin-left: 15px;
}
.help-box .user-support .user-info h5 {
     font-size: 12px;
     font-weight: 600;
     margin-bottom: 0;
}
.help-box .user-support .user-info span {
     font-size: 8px;
     font-weight: 600;
}
.user-follow{
	 height: 38px !important;  
     background-color: #D0E9FA;
     border-radius: 30px;
     padding: 7px 25px;
}
.user-follow a {
     color: #1492E6;
     font-size: 10px;
     font-weight: 600;
}
.help-box .pills-box img {
     margin-bottom: 40px;
}
.help-box .user-support img{
     margin: 0;
}
/*--------------------------------------------------------------# Study--------------------------------------------------------------*/
#study .section-title h3 {
     font-size: 26px;
     color: #646464;
     font-weight: 600;
     display: inline-block;
     position: relative;
     margin-bottom: 15px;
}
#study .section-title span{
     font-size: 16px;
     color: #FF0202;
     display: block;
     font-weight: 600;
     text-transform: uppercase;
}
#study .section-title p{
     text-align: center;
     color: #646464;
     display: block;
     font-weight: 600;
     width: 100%;
}
#study .section-title h3:after {
     content: "";
     background: url(../img/icon-quote-red.png);
     background-repeat: no-repeat;
     display: block;
     width: 28px;
     height: 21px;
     position: absolute;
     top: 0;
     right: -40px;
}
#study .section-title h3:before {
     content: "";
     background: url(../img/icon-quote-blue.png);
     background-repeat: no-repeat;
     display: block;
     width: 28px;
     height: 21px;
     position: absolute;
     top: 0;
     left: -40px;
}
#study .about-box h2{
     font-size: 35px;
     color: #646464;
     font-weight: 600;
}
#study .about-box{
     padding-left: 50px;
}
#study .study-img-box{
     position: relative;
}
#study .study-img-box:after {
     content: "";
     background-color: #1492E6;
     height: 84px;
     width: 84px;
     position: absolute;
     bottom: -20px;
     right: -20px;
     z-index: -1;
}
.faq .section-title {
     text-align: left;
     border-bottom: 1px solid #FF0202;
}
.faq .section-title span{
     color: #FF0202;
     font-size: 13px;
     font-weight: 700;
}
.faq .section-title h3 {
     color: #363636;
     font-size: 35px;
     font-weight: 700;
     margin: 0 0 20px 0px;
}
.faq .accordion-header button {
     font-size: 22px;
     font-weight: 600;
     border: 0;
     border-radius: 0;
}
.faq .accordion-button:not(.collapsed) {
     color: #363636;
     background-color: transparent;
}
.faq .accordion-button:focus {
     z-index: 3;
     border: 0;
     outline: 0;
     box-shadow: none;
}
.faq .accordion-collapse{
     border: 0;
}
.faq .accordion .accordion-item {
     border-bottom: 1px solid #efefef;
}
.faq .accordion-button::after {
     width: 1rem;
     height: 1rem;
     background-size: 1rem;
}
.faq .accordion-header button span {
     color: #FFF;
     font-size: 15px;
     border-radius: 50%;
     background: #1492E6;
     padding: 5px;
     margin-right: 10px;
     height: 2rem;
     width: 2rem;
     text-align: center;
     line-height: 1.3rem;
}
.faq .accordion-block {
     margin-bottom: 60px;
}
/*--------------------------------------------------------------# Contact--------------------------------------------------------------*/
section#contact {
     overflow: inherit;
}
#contact-info {
     padding-bottom: 0;
}
.contact-box {
     box-shadow: 0px 10px 20px rgb(0,0,0,0.2);
     max-width: 80%;
     width: 100%;
     margin: -130px auto 0 auto;
     padding: 60px;
     position: relative;
     background: #fff;
}
#contact .section-title {
     margin-bottom: 40px;
}
#contact .section-title h2 {
     color: #ff0202;
     margin: 0;
}
#contact .section-title h3 {
     color: #363636;
     margin: 0 0 5px 0;
     font-size: 35px;
     font-weight: 600;
}
#contact .section-title p{
     width: 100%;
}
.contact .brochure-form .form-group {
     margin-bottom: 20px;
     position: relative;
}
.contact .brochure-form .form-group .form-terms {
     padding: 0px 0 0px 30px;
     margin-bottom: 0;
}
.contact .brochure-form input, .contact .brochure-form textarea, .contact .brochure-form select{
     border-radius: 0;
     box-shadow: none;
     font-size: 14px;
}
.contact .brochure-form input:focus, .contact .brochure-form textarea:focus, .contact .brochure-form select:focus {
     border-color: #1492E6;
}
.contact .brochure-form label {
     display: block;
     font-size: 12px;
     font-weight: 600;
     margin-left: 15px;
     margin-bottom: 6px;
}
.contact .brochure-form input, .contact .brochure-form textarea{
     padding: 10px 15px;
     background: #F3F3F3;
     height: 50px;
     border: 1px solid #F3F3F3;
}
.contact .brochure-form textarea{
     height: 120px !important;
     resize: none;
}
.contact .brochure-form input::placeholder{
     color:#BCBCBC;
}
.contact .brochure-form button[type="submit"],.wpcf7-form input.wpcf7-submit{
     font-family: 'Montserrat', sans-serif;
     text-transform: uppercase;
     font-weight: 600;
     font-size: 14px;
     letter-spacing: 1px;
     display: inline-block;
     padding: 10px 20px;
     border-radius: 30px;
     transition: 0.5s;
     color: #fff;
     background: #FF0202;
     border: 0;
}
.contact .brochure-form button[type="submit"]:hover,.wpcf7-form input.wpcf7-submit:hover {
     background: #1492E6;
     border: 0;
     color: #fff;
}
.contact-info .info-box{
     position: relative;
     padding: 40px;
}
.contact-info .info-box .section-title p{
     width: 100%;
     margin: 0;
}
.contact-info .info-box .section-title p, .contact-info .info-box .section-title p a, .contact-info .info-box .section-title h4{
     color: #fff;
}
.contact-info .info-box .section-title h4{
     margin-bottom: 10px;
}
.contact-info .info-box .section-title img{
     margin-bottom: 10px;
}
/*--------------------------------------------------------------# Modal--------------------------------------------------------------*/
#brochureModal .modal-dialog {
     max-width: 80%;
     width: 100%;
}
#brochureModal .modal-dialog .modal-content {
     padding: 40px;
     position: relative;
}
#brochureModal .modal-dialog .modal-content .modal-close {
     position: absolute;
     top: 20px;
     right: 20px;
     font-size: 20px;
     color: #fff;
     background: #000;
     opacity: .4;
     border-radius: 50%;
     padding: 0;
     height: 24px;
     width: 24px;
     line-height: 24px;
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
}
#brochureModal .modal-content .section-title h2 {
     color: #ff0202;
}
#brochureModal .modal-content .section-title h3 {
     color: #363636;
     font-size: 35px;
     font-weight: 600;
     margin: 0 0 10px 0;
}
#brochureModal .modal-content .section-title p {
     width: 100%;
}
#brochureModal .modal-content .brochure-form .form-group {
     margin-bottom: 20px;
     position: relative;
}
#brochureModal .modal-content .brochure-form input, .contact .brochure-form textarea {
     border-radius: 0;
     box-shadow: none;
     font-size: 14px;
}
#brochureModal .modal-content .brochure-form input:focus, .contact .brochure-form textarea:focus {
     border-color: #1492E6;
}
#brochureModal .modal-content .brochure-form label {
     font-size: 12px;
     font-weight: 600;
     margin-left: 15px;
     margin-bottom: 6px;
}
#brochureModal .modal-content .brochure-form input, .contact .brochure-form textarea, .contact .brochure-form select{
     padding: 10px 15px;
     background: #F3F3F3;
     height: 50px;
     border: 1px solid #F3F3F3;
}
#brochureModal .modal-content .brochure-form textarea{
     height: 120px;
     resize: none;
}
#brochureModal .modal-content .brochure-form input::placeholder{
     color:#BCBCBC;
}
#brochureModal .modal-content .brochure-form button[type="submit"] {
     font-family: 'Montserrat', sans-serif;
     text-transform: uppercase;
     font-weight: 600;
     font-size: 14px;
     letter-spacing: 1px;
     display: inline-block;
     padding: 10px 20px;
     border-radius: 30px;
     transition: 0.5s;
     color: #fff;
     background: #FF0202;
     border: 0;
}
#brochureModal .modal-content .brochure-form button[type="submit"]:hover {
     background: #1492E6;
     border: 0;
     color: #fff;
}
#brochureModal .modal-content .brochure-form input[type="checkbox"] {
     width: 25px;
     height: 25px;
     position: absolute;
     opacity: 0;
     cursor: pointer;
     left: 30px;
     z-index: 99;
}
#brochureModal .modal-content .brochure-form span.checkmark {
     position: absolute;
     top: -1;
     left: 30px;
     height: 25px;
     width: 25px;
     border-radius: 5px;
     background-color: #f3f3f3;
}
#brochureModal .modal-content .brochure-form input[type="checkbox"]:hover input ~ .checkmark {
     background-color: #ccc;
}
#brochureModal .modal-content .brochure-form input[type="checkbox"]:checked ~ .checkmark {
     background-color: #f3f3f3;
}
#brochureModal .modal-content .brochure-form span.checkmark:after {
     content: "";
     position: absolute;
     display: none;
}
#brochureModal .modal-content .brochure-form input[type="checkbox"]:checked ~ .checkmark:after {
     display: block;
}
#brochureModal .modal-content .brochure-form span.checkmark:after {
     left: 7px;
     top: 6px;
     width: 12px;
     height: 12px;
     background: #ff0202;
     border-radius: 50%;
}
#brochureModal .modal-content .brochure-form span.form-terms{
     margin-left: 50px;
}
#brochureModal .modal-content .button-group a.btn {
     padding: 8px 15px;
     margin: 5px 5px 10px 0;
}
.ship-main .ship-content-box {
     position: relative;
     padding-left: 50px;
}
.ship-main .ship-content-box h4 {
     color: #0099DD;
     font-size: 13px;
     font-weight: 700;
     text-transform: uppercase;
}
.ship-main .ship-content-box h2 {
     color: #363636;
     font-size: 26px;
     font-weight: 600;
     margin-bottom: 20px;
}
.ship-blocks .ship-main-box{
     position: relative;
     transition: 0.5s all;
     padding: 40px;
}
.ship-blocks .ship-main-box:hover {
     box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
     transition: 0.5s all;
     overflow: hidden;
}
.ship-blocks .ship-main-box:hover .icon-box:before {
     content: "";
     background: rgba(0,153,221,0.3);
     width: 160px;
     height: 160px;
     display: block;
     position: absolute;
     top: -65px;
     left: -65px;
     border-radius: 50%;
     transition: 0.5s all;
}
.ship-blocks .icon-box {
     margin-bottom: 15px;
     position: relative;
     transition: 0.5s all;
}
.ship-blocks .ship-content-block{
     transition: 0.5s all;
}
.ship-blocks .ship-main-box:hover .ship-content-block{
     margin-top:60px;
     transition: 0.5s all;
}
.ship-blocks .ship-content-block h3 {
     font-size: 18px;
     color: #363636;
     margin-bottom: 10px;
     font-weight: 600;
}
#shipping_tabs{
     padding-bottom: 0;
}
#shipping_tabs .nav-pills {
     position: relative;
     justify-content: space-around;
}
#shipping_tabs .nav-pills .nav-link:hover {
     color: #fff;
     background-color: #0099DD;
}
#shipping_tabs .nav-pills .nav-link {
     background: rgba(0,153,221,0.3);
     color: #0099DD;
     border: 0;
     border-radius: 30px;
     padding: 12px 70px;
     font-size: 14px;
     font-weight: 600;
}
#main_config .section-title h4, #partners .section-title h4 {
     color: #1492E6;
     font-size: 14px;
     font-weight: 600;
}
#main_config .section-title h2, #partners .section-title h2 {
     font-size: 35px;
     color: #363636;
     margin-bottom: 15px;
     text-transform: inherit;
}
#shipping_tabs .tab-content .tab-pane .section-title{
     margin-bottom: 30px;
}
.main-functions .section-title h2, .modules .section-title h2{
     color: #1492E6;
     font-size: 13px;
     font-weight: 600;
}
.main-functions .section-title h4, .modules .section-title h4{
     font-size: 35px;
     color: #363636;
     text-transform: inherit;
}
.main-functions .icon-box, .modules .icon-box {
     position: center;
     align-items: center;
}
.main-functions .icon-box img, .modules .icon-box img{
     margin-right: 20px;
}
.main-functions .icon-box h3, .modules .icon-box h3{
     position: relative;
}
.main-functions .icon-box h3:after, .modules .icon-box h3:after {
     content: "";
     background-color: #0099dd;
     width: 940px;
     height: 1px;
     display: block;
     margin-top: 3px;
}
.main-functions .content-box, .modules .content-box{
     padding-left: 50px;
}
.main-functions .functions-blocks, .modules .functions-blocks{
     position: relative;
     margin-bottom: 40px;
}
.main-functions .figure-box, .modules .figure-box {
     position: relative;
     width: 60%;
     margin: 0 auto;
}
.main-functions .content-box h3, .modules .content-box h3 {
     font-size: 18px;
}
.main-functions .figure-box, .modules .figure-box {
     position: relative;
     width: 80%;
     margin: 0 auto;
     box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
     padding: 20px;
}
.main-functions .figure-box:after, .modules .figure-box:after {
     content: "";
     background: url(../img/explore.png);
     width: 115px;
     height: 24px;
     display: block;
     position: absolute;
     bottom:15px;
     left: 0;
     right: 0;
     margin: 0 auto;
     cursor: pointer;
}
.column-count-2 {
     column-count: 2;
}
#purchase_functions .content-box {
     display: flex;
     background: #fff;
     box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
     align-items: baseline;
}
#purchase_functions .section-title {
     text-align: left;
}
#purchase_functions {
     position: relative;
}
#purchase_functions:before {
     content: "";
     background: #0099dd;
     width: 100%;
     height: 50%;
     display: block;
     position: absolute;
}
#purchase_functions .img-box {
     position: relative;
     top: 40px;
     right: 0;
}
#purchase_functions .content-box {
     display: flex;
     background: #fff;
     box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
     align-items: baseline;
     position: relative;
     left: -60px;
     padding: 40px;
}
#purchase_functions .section-title {
     text-align: left;
     margin: 40px 10px 20px;
}
#purchase_functions .section-title h4, #purchase_functions .section-title h2{
     color: #fff;
}
#purchase_functions .section-title h4{
     font-size: 13px;
     font-weight: 600;
}
#purchase_functions .section-title h2{
     font-size: 35px;
     text-transform: inherit;
}
.ship-steps .steps-content {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100%;
}
.ship-steps .steps-content ul {
     list-style: none;
     position: relative;
     padding-left: 50px;
}
.ship-steps .steps-content ul li span {
     position: absolute;
     left: -25px;
     background: #0099dd;
     height: 50px;
     width: 50px;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     color: #fff;
     font-weight: 700;
}
.shipping-cycle .section-title h2 {
     font-size: 13px;
     font-weight: 600;
}
.shipping-cycle .section-title h4 {
     font-size: 35px;
     color: #363636;
     text-transform: inherit;
}
.shipping-cycle .section-title{
     margin-bottom: 40px;
}
.shipping-cycle .img-box{
     position: relative;
}
/*.shipping-cycle .img-box:after {
content: "";
background: url(../img/Icon-youtube.png);
width: 53px;
height: 37px;
display: block;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
cursor: pointer;
}
*/
.functions-inner-blocks h3{
     font-size: 18px;
     color: #363636;
     margin-bottom: 10px;
     font-weight: 600;
}
#shipping_video .section-title h2 {
     color: #1492E6;
}
.content-box ul {
     column-count: 2;
     padding: 0 40;
     position: relative;
}
.content-box ul li{
     font-size: 18px;
     color: #1492E6;
     margin-bottom: 15px;
     font-weight: 600;
     position: relative;
}
.content-box ul li:before {
     content: "";
     background: #1492E6;
     display: inline-block;
     width: 14px;
     height: 14px;
     position: absolute;
     left: -20px;
     top: 6px;
     border-radius: 50%;
}
.main-functions .figure-box img, .modules .figure-box img {
     width: 70%;
}
/*--------------------------------------------------------------# Footer--------------------------------------------------------------*/
#footer {
     padding: 0 0 30px 0;
     color: #fff;
     font-size: 14px;
     background: #363636;
}
#footer .footer-top {
     padding: 60px 0 30px 0;
     background: #363636;
}
.footer-top a.logo img {
     margin-bottom: 30px;
}
#footer .footer-top a.linkedin i {
     color: #fff;
     font-size: 22px;
     line-height: 45px;
     height: 49px;
     width: 49px;
     text-align: center;
     padding: 0 0;
     background: #545454;
     border-radius: 50%;
}
#footer .footer-top h4 {
     font-size: 13px;
     font-weight: 700;
     color: #fff;
     position: relative;
     padding-bottom: 12px;
     text-transform: uppercase;
     letter-spacing: 0.5px;
}
#footer .footer-top .footer-block {
     margin-bottom: 30px;
}
#footer .footer-top .footer-block ul {
     list-style: none;
     padding: 0;
     margin: 0;
}
#footer .footer-top .footer-block ul li {
     padding: 10px 0;
     display: flex;
     align-items: center;
}
#footer .footer-top .footer-block ul a {
     color: #c9c9c9;
     transition: 0.3s;
     display: inline-block;
     line-height: 1.2;
}
#footer .footer-top .footer-block ul a:hover {
     text-decoration: none;
     color: #FF2020;
}
#footer .copyright {
     border-top: 1px solid #707070;
     text-align: center;
     margin-bottom: 5px;
     padding: 15px 0 0 0;
}
#footer .credits, #footer .credits a{
     color: #818181;
}
#footer .footer-top .footer-block ul.events-list a {
     display: flex;
     line-height: 1.2;
}
#footer .footer-top .footer-block ul.events-list a span {
     color: #fff;
     font-weight: 700;
     border-right: 1px solid #707070;
     margin-right: 15px;
}
#footer .footer-top .footer-block ul.events-list li {
     border-bottom: 1px solid #707070;
     padding: 8px 0px 8px 10px;
}
/* Date 20/07/2021 */
#inner_hero .img-box {
     position: absolute;
     right: 0;
     bottom: -65%;
     z-index: 9999;
}
#inner_hero .img-box:after {
     content: "";
     background: url(../img/explore.png);
     width: 115px;
     height: 24px;
     display: block;
     position: absolute;
     bottom: 15px;
     left: 0;
     right: 0;
     margin: 0 auto;
     cursor: pointer;
}
.integration-blocks {
     position: relative;
     display: flex;
     align-items: center;
}
.integration-boxes ul {
     display: flex;
     position: relative;
     list-style: none;
}
.integration-boxes ul li {
     text-align: center;
     box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
     margin: 0 10px;
     padding: 25px 40px;
}
.integration-boxes ul li h3{
     color: #363636;
     font-size: 14px;
     font-weight: 600;
}
.integration-blocks .section-title h3{
     color:#1492E6;
     font-size: 13px;
     font-weight: 700;
     text-align: right;
}
.workflow .section-title h1 {
     color: #0099DD;
     font-size: 26px;
     font-weight: 600;
}
.workflow .section-title h1 span {
     color: #363636;
     display: block;
}
.workflow .section-title {
     text-align: left;
     margin-bottom: 50px;
}
.workflow-blocks .workflow-content h3 {
     font-size: 18px;
     font-weight: 700;
}
.workflow-blocks .workflow-img-box {
     position: relative;
     margin-bottom: 15px;
}
.workflow-blocks .workflow-img-box img {
     width: 14%;
     height: 50px;
     object-fit: scale-down;
}
.workflow .workflow-box {
     margin-bottom: 40px !important;
     padding:15px 15px;
     transition:0.5s all;
}
.workflow .workflow-box:hover{
     box-shadow:0 10px 20px rgba(0,0,0,0.1);
     transition:0.5s all;
}
.workflow .workflow-box .workflow-blocks {
     padding: 0 15px;
}
.ship-workflow{
     position:relative;
     padding:0 0 100px 0;
}

#nevents_tab {
     position:relative;
}

#nevents_tab .nav-pills {
     position: relative;
     justify-content: space-around;
}
#nevents_tab .nav-pills .nav-link {
     background: rgba(0,153,221,0.3);
     color: #0099DD;
     border: 0;
     border-radius: 30px;
     padding: 12px 70px;
     font-size: 14px;
     font-weight: 600;
}
#nevents_tab .nav-pills .nav-link:hover {
     color: #fff;
     background-color: #0099DD;
}
#nevents_tab .tab-content .news-box{
     padding: 0 30px;
     position: relative;
     transition: 0.5s all;
}
#nevents_tabs .tab-content .news-box:hover{
     box-shadow: 0px 10px 25px rgba(0,0,0,0.16);
     transition: 0.5s all;
}
#nevents_tab .tab-content .news-box span {
     font-size: 11px;
     color: #FF0202;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 10px;
}
#nevents_tab .tab-content .news-box h4.title{
     font-size: 22px;
     font-weight: 600;
     margin-bottom: 15px;
}
#nevents_tab .tab-content .news-box p{
     margin-bottom: 30px;
}
#nevents_tab .tab-content .news-box a.btn{
     width: 140px;
}
#nevents_tab .tab-content .news-box:hover {
     box-shadow: 0px 10px 25px rgb(0 0 0 / 16%);
     transition: 0.5s all;
}
.brochure-form .form-group .check-box {
/*display: flex;
padding: 0px 0 0 15px;*/
align-items: center;

position: relative;
margin-bottom: 10px;
}
.brochure-form .form-group .check-box span.form-terms {
     padding-left: 25px;
}
.brochure-form .form-group .radio-box {
     display: flex;
     align-items: center;
     padding: 0px 0 0 15px;
}
.brochure-form .form-group .radio-box input {
     height: 30px;
}
.brochure-form .form-group .radio-box span.form-terms {
     padding-left: 10px;
}
.brochure-form ul {
     position: relative;
     list-style: none;
     padding: 0px 30px;
}

.brochure-form ul li {
     position: relative;
     margin-bottom: 10px;
}
.brochure-form ul li:before {
     content: "";
     border-radius: 50%;
     background-color: #ff0202;
     display: inline-block;
     left: -15px;
     top: 6px;
     position: absolute;
     height: 8px;
     width: 8px;
}
.brochure-form input[type="checkbox"] {
     width: 18px;
     height: 18px;
/*position: absolute;
opacity: 0;*/
cursor: pointer;
left: 15px;
z-index: 99;
}
.brochure-form span.checkmark {
     position: absolute;
     top: -1;
     left: 15px;
     height: 18px;
     width: 18px;
     border-radius: 0px;
     background-color: #f3f3f3;
}
.brochure-form input[type="checkbox"]:hover input ~ .checkmark {
     background-color: #ccc;
}
.brochure-form input[type="checkbox"]:checked ~ .checkmark {
     background-color: #f3f3f3;
}
.brochure-form span.checkmark:after {
     content: "";
     position: absolute;
     display: none;
}
.brochure-form input[type="checkbox"]:checked ~ .checkmark:after {
     display: block;
}
.brochure-form span.checkmark:after {
     left: 4px;
     top: 4px;
     width: 10px;
     height: 10px;
     background: #ff0202;
     border-radius: 50%;
}
#partners_info {
     position: relative;
     padding: 60px 0 0 0 !important;
}
#integrated_partners {
     position: relative;
     padding: 0 0 60px 0 !important;
}
#sales_partners {
     position: relative;
     padding: 0 0 60px 0 !important;
}
ul.partners-list {
     position: relative;
     list-style: none;
     padding: 0;
}
ul.partners-list li {
     margin: 0 15px 0 15px;
     width: 250px;
     height: 100px;
     display: flex;
     align-items: center;
     box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
     padding: 0px 15px;
}
.sea-asia .section-title{
     text-align: left;
}
.sea-asia .section-title h3{
     margin-bottom: 30px;
}
.sea-asia .section-title p{
     width: 100%;
}





@media (max-width: 768px) {
body .workflow-lists .timeline-block-right span{
     display: none;
}











body .workflow-lists .marker {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}
body .workflow-lists .marker img {
    width: 25px;
}
body .workflow-lists .timeline-block {
    display: inline-block;
    justify-content: unset;
    clear: both;
    padding: 25px 0;
}

#footer .copyright, #footer .credits {
     float: none;
     text-align: center;
     padding: 2px 0;
}

body  .workflow-lists .timeline-block-left {
    float: left;
    direction: unset;
    margin-left: 0px;
}
body .workflow-lists .timeline-block-right:after {
    content: "";
    background: #efefef;
    width: 85%;
    position: absolute;
    left: 0;
    bottom: 15px;
    z-index: 9999;
    height: 1px;
    right: 0;
    margin: 0 auto;
}
.workflow-lists .timeline-block-left:after {
    width: 85%;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.principal-lower-content {
    margin-top: 3rem;
}
.seo-msg-content h2 {
    font-size: 25px;
}
body #pills-tabContent .section-title h3 {
    margin-bottom: 0;
}
body .lightboxOverlay {
    width: 100% !important;
    height: 100% !important;
}
body .fancybox-wrapper .item img {
    width: 100%;
    height: auto;
    border: 1px solid #3636363d;
    object-fit: contain;
}
body #lightbox .lb-outerContainer {
    width: 80% !important;
    height: auto !important;
}
body div#lightbox {
    background: #555;
    padding: 50px 0px 15px;
}
body #lightbox .lb-data .lb-close {
    position: absolute;
    top: 20px;
    right: 15px;
}
body  #lightbox .lb-outerContainer img {
    width: 100% !important;
    height: auto;
    object-fit: contain;
    padding: 10px 0;
}
section#articles table {
    margin-bottom: 2rem;
}
.ship-blocks .ship-main-box {
    padding: 20px 20px;
}
body .ship-blocks .ship-main-box {
    position: relative;
    transition: 0.5s all;
    padding: 20px 20px;
}
body #purchase_functions .section-title h2 {
    font-size: 25px;
}
body #purchase_functions .section-title {
    padding-top: 2rem;
}
.main-functions .icon-box h3:after, .modules .icon-box h3:after{
     display: none;
}


}

@media (max-width: 767px){

#integrated_partners ul.partners-list li, #sales_partners ul.partners-list li {
    width: 100%;
    align-items: center;
    flex: 1 0 40%;
    margin: 10px;
    text-align: center;
    justify-content: center;
}
#integrated_partners ul.partners-list, #sales_partners ul.partners-list{
     flex-wrap: wrap;
}

.secnavbar .form-group-input {
    display: none;
}





.clients .clients-blocks .col-lg-2 {
    flex: 0 0 auto;
    width: 50%;
    margin: 0 auto;
    border: 1px solid #efefef;
}
     .about-figure img {
      padding: 10px;
      height: 260px;
      object-fit: cover;
     }
     .workflow .section-title h3 {
    margin: 0;
    font-size: 25px;
}
.workflow .section-title h3 {
     display: none;
}
     .integration-boxes ul {
          flex-wrap: wrap;
     }
     body section {
          padding: 30px 0;
     }
     .ship-workflow {
          position: relative;
          padding: 0 0 60px 0;
     }
     body .workflow .section-title h1 {
          color: #0099DD;
          font-size: 20px;
          font-weight: 600;
     }
     body #contact .section-title h3 {
          color: #363636;
          margin: 0 0 5px 0;
          font-size: 22px;
          font-weight: 600;
     }
     body ol, ul {
          padding-left: 1rem;
     }
     body .wpcf7-list-item {
          display: inline-block;
          margin: 0 0 0 0em;
     }
     body .brochure-form .form-group .radio-box {
          padding: 0px 0 0 0px;
     }
     body .brochure-form ul {
          padding: 0px 15px;
     }
     body .help-box .pills-box h3 {
          font-size: 20px;
          padding-top: 15px;
     }
     body .faq .section-title h3 {
          color: #363636;
          font-size: 20px;
     }
     body .faq .accordion-header button {
          font-size: 16px;
     }
     body .accordion-item:last-of-type .accordion-button.collapsed {
          padding: 0;
     }
     body  .faq .accordion-header button span {
          color: #FFF;
          font-size: 14px;
          border-radius: 100%;
          background: #1492E6;
          padding: 4px 15px;
          margin-right: 10px;
          height: 40px !important;
          width: 40px !important;
          text-align: center;
          line-height: 34px;
          display: inline-block !important;
     }
     body .company_details {
          padding: 20px 20px;
          border: 1px solid #00000069;
          width: 100%;
          margin-top: 1rem;
     }
     .integration-blocks {
          display: inherit;
     }
     body .integration-boxes ul li {
          width: 100%;
          margin-bottom: 1rem;
     }
     body .integration-blocks .section-title h3 br {
          display: none;
     }
     body .integration-blocks .section-title h3 {
          font-size: 18px;
          text-align: center;
     }
     body .ship-main .ship-content-box {
          padding-left: 15px;
     }
     body .logo-box img {
          width: 156px;
          padding-bottom: 1rem;
     }
     body .ship-main .ship-content-box h2 {
          color: #363636;
          font-size: 20px;
     }
     body .main-functions .icon-box h3, .modules .icon-box h3 {
          position: relative;
          font-size: 18px;
          white-space: normal;
          display: inherit;
     }
     body ul#pills-tab li {
          margin-bottom: 1rem;
     }
     body .ship-main .ship-content-box {
          position: relative;
          padding-left: 18px;
     }

     body .main-functions .content-box, .modules .content-box {
          padding-left: 15px;
     }
     body  .content-box ul li {
          font-size: 14px;
     }
     body  .main-functions .figure-box, .modules .figure-box {
          position: relative;
          width: 90%;
     }
     body .main-functions .content-box, .modules .content-box {
          padding-left: 20px;
     }
     body .column-count-2 {
          column-count: 1;
     }
     body  #purchase_functions .content-box{
          left: 0;
     }
     body .ship-steps .steps-content ul li span {
          position: absolute;
          left: 0;
     }
     body section#ship_steps .img-box {
          margin-bottom: 2.5rem;
     }
     body .functions-blocks .ml-50 {
      margin-left: 0 !important;
 }
 body .ship-steps .steps-content ul li h4 {
      padding-top: 2px;
      font-size: 20px;
      padding-left: 10px;
 }
 body .main-functions .section-title h4, .modules .section-title h4 {
    font-size: 30px;
}
body #inner_hero {
    height: 60vh;
}
body .workflow .workflow-box {
    margin-bottom: 20px !important;
}
body  #inner_hero .img-box {
    position: absolute;
    right: 0;
    bottom: unset;
    z-index: 9999;
}
body section#blogs .section-title h3 {
    font-size: 30px;
}
 body #study .section-title h3 {
    font-size: 22px;
}
body #blog_detail .section-title h2 {
    font-size: 25px;
}
body .contact .brochure-form br {
    display: none;
}
body .contact .brochure-form label {
    margin-left: 0;
    margin-bottom: 10px;
}
#main_config .section-title h2, #partners .section-title h2 {
    font-size: 30px;
}






     body .offical-iframe {
          padding-left: 0rem;
     }
     body .offical-iframe iframe {
          width: 100%;
          height: 350px;
     }
     body .aboutmember-inner ul {
          margin-left: 0.2rem;
     }
     .page-template-About section {
          padding: 20px 0;
          overflow: hidden;
     }
     body .principal-lower-content ul {
          padding-left: 0;
     }
     body .principal-lower-content ul li span{
          top: -40px;
     }
     body .principal-lower-content ul li {
          padding-left: 9.7rem;
          height: auto;
          margin-bottom: 5.5rem;
     }
     body #nevents_tab .nav-pills > li {
          margin-bottom: 1rem;
     }
     .brochure-form .form-group .radio-box {
          flex-wrap: wrap;
     }
     .brochure-form .form-group .radio-box input[type="radio"] {
          height: auto;
     }

     .navbar-mobile .dropdown ul{
          padding: 0px 0 !important;
     }
     nav#navbar > i {
          font-size: 28px;
          position: absolute;
          right: 0;
          top: 0;
     }
     #header.fixed-top {
          height: auto;
          padding: 13px 0px;
     }
     .about-figure {
          padding: 20px;
          margin-top: 30px;
     }
     .about-figure:before {
          top: 17px;
          left: 6px;
          z-index: -1;
     }
     .navbar a.btn-request {
          font-size: 11px;
          padding: 8px 12px;
     }
     .secnavbar > ul {
          position: absolute;
          right: 42px;
          top: 0;
     }
     .navbar a.btn-request {
          font-size: 11px;
          padding: 8px 15px;
          margin-right: 0;
     }
     .navbar-mobile .secnavbar {
          display: none;
     }
     .navbar-firstmenu ul li i {
          right: 10px !important;
     }
     .container, #header .container, #blog_detail .container, #articles .container, #ship_main .container{
          width: 100%;
          max-width: 100%;
     }
     .about .section-title {
          text-align: left;
     }
     .about .content h3 {
          font-weight: 600;
          font-size: 24px;
          text-align: center;
     }
     .about p {
          text-align: center;
     }
     .left-offset {
          padding: 0;
     }
     #about {
          text-align: center;
     }
     #about a.btn{
          margin-bottom: 15px;
     }
     .workflow-lists .timeline-block-right, .workflow-lists .timeline-block-left {
          float: none;
          margin: 0;
     }
     .workflow-lists .timeline-block {
          width: -webkit-calc(100% + 0px);
          width: -moz-calc(100% + 0px);
          width: calc(100% + 0px);
     }
     .featured-blogs .blog-image {
          margin-bottom: 30px;
     }
     #blog_detail .news-box {
          background: #fff;
          padding: 40px 0px 40px 0px;
          margin-left: 0;
     }
     #blog_detail .more-details {
          padding: 0px 0px;
     }
     #blog_detail .blog-quote p {
          padding: 0;
     }
     #blog_detail .blog-quote {
          padding: 50px;
          margin-bottom: 30px;
     }
     #articles .search-box {
          width: 100%;
     }
     #study .about-box {
          padding-left: 0;
          margin-top: 40px;
     }
     .contact-box {
          box-shadow: 0px 10px 20px rgb(0 0 0 / 20%);
          max-width: 85%;
          width: 100%;
          margin: -130px auto 0 auto;
          padding: 20px;
          position: relative;
          background: #fff;
     }
     #brochureModal .modal-dialog {
          max-width: 95%;
          margin: 0 auto;
          width: 100%;
     }
     #brochureModal .modal-content .button-group a.btn {
          padding: 8px 15px;
          margin: 5px 5px 10px 0;
          width: 100%;
     }
}

button.sub-menu-toggle {
     display: none !important;
}
.navbar {
     padding-top: 20px;
}
.wpcf7-list-item {
     display: flex !important;
     margin: 15px 0 0 18px;
}
.navbar i.bi {
    color: #FF0202;
    font-size: 13px;
    line-height: 0;
    position: absolute;
    right: 0;
    top: 5px;
}
.navbar li.dropdown {
    margin-right: 15px;
}

.blog-image img {
     min-height: 243px;
     min-height: 245px;
}

a.link:hover {
     color: #000000b5;
}

a.link {
     color: #000;
}

.company_details {
     padding: 20px 60px;
     border: 1px solid #000;
     width: 75%;
}
.company_details h5 {
     font-size: 15px;
     font-weight: 500;
}


#myCarousel .list-inline {
     white-space:nowrap;
     overflow-x:auto;
}

#myCarousel .carousel-indicators {
     margin-bottom: 50px;
     position: static;
     left: initial;
     width: initial;
     margin-left: initial;
}

#myCarousel .carousel-indicators > li {
     width: initial;
     height: initial;
     text-indent: initial;
     cursor: pointer;
}
#myCarousel .carousel-indicators > li img {
     width: 100px;
     height: 90px;
}

#myCarousel .carousel-indicators > li.active img {
     opacity: 0.7;
}


.photo-gallery {
     color:#313437;
     background-color:#fff;
}

.photo-gallery p {
     color:#7d8285;
}

.photo-gallery h2 {
     font-weight:bold;
     margin-bottom:40px;
     padding-top:40px;
     color:inherit;
}

@media (max-width:767px) {
     .photo-gallery h2 {
          margin-bottom:25px;
          padding-top:25px;
          font-size:24px;
     }
}

.photo-gallery .intro {
     font-size:16px;
     max-width:500px;
     margin:0 auto 40px;
}

.photo-gallery .intro p {
     margin-bottom:0;
}

.photo-gallery .photos {
     padding-bottom:20px;
}

.photo-gallery .item {
     padding-bottom:30px;
}

.fancybox-wrapper .item img {
     width: 100%;
     height: 500px;
     border: 1px solid #3636363d;
     object-fit: contain;
}
.lightboxtect {
     text-align: center;
     padding-top: 10px;
     padding-bottom: 2rem;
}
.lightboxtect p {
     font-size: 16px;
     padding-bottom: 0;
     margin-bottom: 5px;
     text-transform: capitalize;
     font-weight: 500;
}
.lightboxtect span {
     font-size: 14px;
     text-transform: capitalize;
     letter-spacing: 0.5px;
     font-weight: 400;
}
#lightbox .lb-outerContainer {
     width: 850px !important;
     height: 550px !important;

}
#lightbox .lb-outerContainer img {
     width: 100% !important;
     height: 542px !important;
     object-fit: contain;
}
#lightbox .lb-data .lb-close {
     position: absolute;
     top: -35px;
     right: 13%;
}
#lightbox  .lb-nav {
     display: none;
}
#lightbox  .lb-container {
     padding: 4px;
     height: 100%;
}

.offical-iframe iframe {
     width: 85%;
     height: 450px;
}
.offical-heading h2 {
     font-weight: 600;
     font-size: 30px;
}
.offical-iframe p {
     font-size: 18px;
     font-weight: 500;
     padding-bottom: 1rem;
     margin-bottom: 0;
}
.offical-heading {
     margin-bottom: 1.5rem;
}
.offical-iframe {
     padding-left: 2rem;
}
.aboutmember-inner ul li {
     margin: 8px 0px;
     color: #000;
     list-style-type: disclosure-closed;
}
.aboutmember-inner h2 {
     font-weight: 600;
     font-size: 30px;
     padding-bottom: 5px;
}
.aboutmember-inner ul {
     margin-left: 1.2rem;
}
img.menu-image {
     padding: 3px 0px;
     width: 190px;
}
.seo-msg-content h2 {
     font-weight: 600;
     font-size: 30px;
     padding-bottom: 5px;
}
.principal-inner h3 {
     font-size: 21px;
     margin-bottom: 0;
     font-weight: 500;
     color: #000;
}
.name p {
     margin-bottom: 2px;
     font-weight: 500;
}
.principal-sec .seo-msg-content h2 {
     font-weight: 600;
     font-size: 30px;
     padding-bottom: 5px;
}
.principal-inner {
     padding-left: 2rem;
}
.principal-lower-content ul li span {
     width: 150px; 
     height: 150px;
     border-radius: 100%;
     background: #ff0202;
     color: #fff;
     text-align: center;
     font-weight: 700;
     padding: 10px;
     margin-right: 2rem;
     position: absolute;
     left: -6px;
     word-break: break-all;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     display: flex;
     top: -50px;
}

.principal-lower-content ul li span.even{
     background: #1492E6;
}

.principal-lower-content ul li {
     list-style-type: none;
     position: relative;
     padding-left: 10rem;
     height: 100px;
     margin: 3.5rem 0;
}
.principal-lower-content {
     margin-top: 5rem;
}
.about-banner-ctnn {
     width: 65%;
}

.ml-50 {
     margin-left: 50px !important;
}
.seo-msg-icon img {
     width: 350px !important;
}
.signature-immg img{
     padding:5px;
}

header#header .navbar {
     flex-wrap: nowrap;
}
nav#navbar ul:nth-child(2) li {
     padding-left: 0;
}
ul.sub-menu li a {
     width: 100%;
     display: inline-block;
     text-align: center;
     margin-right: 0 !important;
}
nav#navbar ul:nth-child(2) li a {
     margin-right: 0px !important;
}
ul.sub-menu > li > a img {
     display: block;
     width: 150px;
     text-align: center;
     margin: 0 auto;
     padding-top: 10px;
}
ul.sub-menu > li {
     border-bottom: 1px solid #00000024;
}
.navbar > ul > li > ul {
     padding: 0 !important;
}

section#clients .clients-blocks img {
    width: 100%;
    height: 70px;
    object-fit: contain;
}
.clients .clients-blocks .col-lg-2 {
    flex: 0 0 auto;
    width: 20%;
}.i4ewOd-pzNkMb-tJHJj {    display: none;}.offical-iframe p {    font-size: 14px;   margin: 12px;
			margin-left: 29px;}
.offical-iframe i.bi.bi-geo-alt-fill{    color: red !important;    padding: 0px 8px 0px 0px !important;	font-size: 24px;
	    margin-top: 1px;
    width: 10px;
    position: absolute;
	}
#map-canvas .i4ewOd-pzNkMb-haAclf {
    display: none !important;
}
.i4ewOd-pzNkMb-r4nke-LS81yb.di8rgd-TEhSn.SfQLQb-fI6EEc" {
    display: none !important;
}


.extra-form .form-group-input {
    position: relative !important;  
}
.form-group-input .search{  
	width:100% !important;
}
form#product-search-form-0 {
    position: relative;
}

#inner_hero p.under-red {
    width: 56%;
    border-bottom: none;
}