body{font-family: 'Poppins', sans-serif;}

.container{max-width: 1200px;}
p{font-size: 13px;line-height: 25px;}
/*---------- Header----------*/
.header {
    transition: all 0.5s;
    z-index: 997;
    
  }
  
  .header.sticked {
    background: #fff;
    border: none;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0,0.4);
    padding-top: 0;
  }
  .brand-logo{width:80%;}
  
.bg-light{background-color: transparent !important;}
.navbar-light .navbar-nav .nav-link{color: #fff;font-size: 14px;padding: 10px 15px;}
.navbar-light .navbar-nav .nav-link.active{color: #fff;}

.header.sticked .navbar-light .navbar-nav .nav-link{color: #000;}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: #0B86CE;}
.header.sticked  .navbar-light .navbar-nav .nav-link:focus,.header.sticked  .navbar-light .navbar-nav .nav-link:hover{color: #0B86CE;}

.navbar-light .navbar-toggler{border: none;outline: none;color: transparent;}

/*.navbar-brand img{width:100px;}*/

@media(max-width:991px){
    .navbar-light .navbar-nav .nav-link{text-align: center !important;padding: 15px ;}
}
/*---------- Banner ----------*/
.carousel-indicators{display: none;}

@media(min-width:992px){
.carousel-caption{bottom: 15.25rem ;}

}

@media(max-width:767px){
    .navbar-brand img{width:75%;}
    .brand-logo{width:60% !important;}

.carousel-item img{height: 500px;}
.carousel-caption{bottom: 5rem;}
.carousel-control-prev,.carousel-control-next{display: none;}

.carousel-caption h1{font-size: 22px !important;margin:15px 0 20px 0 !important;}
.carousel-caption p{padding-right: 0 !important;}
.about-left p{padding-right: 0 !important;}
}

.carousel-caption h5{font-size: 20px;font-weight: 400;letter-spacing: 10px;text-align: left;}

@media(max-width:767px){
    .carousel-caption h5{letter-spacing: 0px;font-size: 16px;}
    .carousel-caption{left:5%;right:5%;}
}
.carousel-caption p{text-align: left;padding-right: 250px;}
.carousel-caption h1{text-align: left; font-size: 40px;font-weight: 600;margin: 25px 0;}


@media(max-width:991px){

.carousel-control-prev,.carousel-control-next{ display: none;}
}


@media(min-width:992px) and (max-width:1200px){
     .carousel-caption {
    bottom: 10.25rem;
  }
}
/*---------- About ----------*/
.about-wrapper{background-image: url(assets/images/about-left-top-bg.png);background-repeat:no-repeat ;background-color: #F2F2F2;}

.about{padding: 130px 15px;}
@media(max-width:767px){
    .about{padding: 30px 15px;}
  
}
.about-left h4{font-size: 30px;font-weight: 700;color: #0B86CE;border-left: 5px solid #0B86CE;padding-left: 10px;height: 60px;padding-top:15px;}
.about-left p{text-align: justify;padding-right: 200px;margin-top: 30px;}

.abt-btn{margin-top: 60px;}
.abt-btn a{font-size: 14px;font-weight: 500;text-decoration: none; color: #fff;padding: 10px 50px;background-color: #0B86CE;border-radius: 6px;}

.about-right img{width: 100%;margin: auto;display: block;}
@media(min-width:768px) and (max-width:991px){
  .about-right img{height: 460px;}
}



  
.vision-mission-wrap{padding: 100px 15px;}
@media(max-width:767px){
      .vision-mission-wrap{padding-top:60px;padding-bottom:30px;}
}

@media(min-width:768px) and (max-width:991px){
  .vision-mission-wrap{padding: 50px 15px;}
}

  .abt-hover-box1{width: 300px;height: 135px;border-radius: 6px;transition: all 2s;background-image: url(assets/images/our-mission.webp);background-repeat: no-repeat;background-size: cover;text-align: center;padding: 20px;overflow: hidden;}

  .abt-hover-box1:hover{height: 350px; background-image: url(assets/images/mission-2.png);background-repeat: no-repeat;background-size: cover;}

  .abt-hover-box1 h5{font-weight: 600;font-size: 18px; color: #fff;margin:15px 0;}

  .abt-hover-box1 p{padding-right: 0;color: #fff;}



  .abt-hover-box2{width: 300px;height: 135px;border-radius: 6px;transition: all 2s;background-image: url(assets/images/our-vision.webp);background-repeat: no-repeat;background-size: cover;text-align: center;padding: 20px;overflow: hidden;}

  .abt-hover-box2:hover{height: 350px;background-image: url(assets/images/vision-2.png);background-repeat: no-repeat;background-size: cover;}

  .abt-hover-box2 h5{font-weight: 600;font-size: 18px; color: #fff;margin:15px 0;}

  .abt-hover-box2 p{padding-right: 0;color: #fff;}

  @media(max-width:991px){
    .vision-mission-wrap .col-lg-6{margin-bottom: 20px;}
    .abt-hover-box1{margin: auto;}
    .abt-hover-box2{margin: auto;}
  }


  /*---------- Services ----------*/
  .services-wrapper{background-image: url(assets/images/services-bg.webp);background-repeat: no-repeat;background-size: cover;padding: 130px 15px;background-attachment: fixed;}
  @media(max-width:767px){
    .services-wrapper{padding: 50px 15px;}
  }
.service-left{display: flex; align-items: center;}

  .service-left h5{font-size: 18px;font-weight: 400;color: #fff;padding: 5px 8px;background-color: #0B86CE;width: 155px;}
  .service-left h2{font-size: 32px;font-weight:500;color: #fff;line-height: 50px;}


  .ser-box-img{width: 135px;top:-60px;position: absolute;}
  .ser-box-img img{width: 100%;}
  .service-box{border: 2px solid #ccc;padding: 15px;min-height: 510px;position: relative;}
   @media(max-width:767px){
        .service-box{min-height:unset;}
       
   }

  .service-box h5{font-weight: 500;font-size: 18px; color: #fff;margin-top:90px;}
  .service-box p{color: #fff;font-size: 13px;line-height: 25px;}
  .service-right .col-lg-4{margin: 40px 0;}
  @media(max-width:991px){

    .service-right {margin-top: 80px;}
    .service-left{padding-top: 0;}
  }
  

  /*---------- Service img flip ----------*/
.filip-vertical:hover{
  
  transition: all 2s;
  -webkit-transform: rotateX(-360deg);
      -ms-transform: rotateX(-360deg);
      transform: rotateX(-360deg);
}

  /*---------- Port Covered ----------*/
  .port-wrapper{background-image: url(assets/images/port-bg.png);background-repeat: no-repeat;background-position: right center;}
.port-covered{padding-top: 130px;padding-bottom: 215px;}
  .port-box{text-align: center;padding:30px;border: 2px solid #ccc;background-color: #fff;}
  .port-box p{font-weight: 600;}

  .port-covered h4{font-size: 20px;font-weight: 700;color: #0B86CE;text-align: center; }
  .port-covered h3{font-size: 30px;color: #000;font-weight: 500;text-align: center;margin-bottom: 80px; }
@media(max-width:767px){
  .port-covered h4{font-size: 14px;}
  .port-covered h3{font-size: 24px;margin-bottom: 30px;}
}
/*---------- Port Box Shadow ----------*/
.smooth-offset-box-shadow:hover{
  
  transition: all 1s;
  box-shadow: -2px 3px 25px -6px rgba(0,0,0,0.75);
}



  @media(min-width:992px){
  .port-covered .col-lg-4{padding-left: 2px;padding-right: 2px;margin-bottom: 4px;}
}
@media(max-width:991px){
  .port-covered .col-lg-4{margin-bottom:20px;}
}

@media(max-width:991px){
  .port-covered{padding: 30px 15px;}
}
/*---------- Footer ----------*/
.footer-wrapper{background-image: url(assets/images/footer-bg.jpg);background-repeat: no-repeat;background-size: cover;}
.ftr-left h4{color: #fff;margin: 35px 0;}
.ftr-left p{color: #fff;text-align: justify;}
.ftr-left h5{color: #0B86CE;margin-top: 35px;}
.ftr-left a{text-decoration: none;font-size: 13px;color: #fff;padding-right:15px;}
.ftr-left a:hover,.ftr-left a:focus{color: #0B86CE;}
.ftr-left li{display: inline;}
.ftr-left ul{padding-left: 0 !important;}

.ftr-center h5{color: #0B86CE;margin-top: 35px;margin-bottom: 30px;}
.ftr-center ul{list-style: none; padding-left: 0;}
.ftr-center a{text-decoration: none;font-size: 12px;color: #fff;line-height: 25px;}
.ftr-center i{padding: 5px;border: 1px solid #fff; border-radius: 4px;margin-right: 8px;margin-bottom: 10px;}
.ftr-center li{color: #fff;font-size: 14px;line-height: 10px;}
.ftr-center{padding-top: 100px;}
.ftr-center span{display: block;padding-left: 28px;}

.form-box{background-color: #0B86CE;padding: 80px 50px;position: relative;bottom:100px;clip-path: polygon(0 0, 100% 0, 100% 84%, 80% 100%, 0 100%, 0% 50%);}
.form-box h4{font-size: 20px;font-weight: 600;color: #fff;}
.form-box h3{font-size: 30px;color: #fff;letter-spacing: 3px;margin-bottom: 30px;}


input[type=text], [type=email] {
  width:100%;
  background: none;
  padding:10px 15px;
  color: #fff;
  font-size: 14px;
  border:1px solid #fff;
  margin-bottom: 20px;
 outline: none;
  }

  textarea { width: 100%; background: none; color: #fff; font-size: 14px; resize: none; height: 130px; padding: 10px 15px; border: none; border: 1px #fff solid; margin-bottom: 20px;outline: none;}

  .send-btn button { padding: 10px 80px; background-color: #fff; color: #0B86CE; font-size: 14px; text-align: center; font-weight: 500; border-radius: 10px; border: none}
.send { margin-top: 20px; }


::placeholder {
  color:#fff;
  opacity: 1; }

@media(min-width:992px){
  .ftr-right{padding: 15px 50px;}
}

/*---------- Bottom Footer ----------*/
.btm-ftr-wrapper{background-color: #030F28;padding: 30px 15px;}
.btm-ftr p{color: #fff;margin: 0;}
.btm-ftr-icon{text-align: end;}
.btm-ftr-icon i{color: #fff;padding: 15px 7px; border-radius:30px;font-size: 15px;}
.btm-ftr-icon i:hover,.btm-ftr-icon i:focus{color: #0B86CE;}

@media(max-width:991px){
  .btm-ftr p{text-align: center;margin-bottom: 15px;}
  .btm-ftr-icon{text-align: center  ;}
  .form-box{bottom: 0;}
  .ftr-center{padding: 0px 15px;}
  .ftr-right{padding: 50px 15px;}
}



.ftr-left{padding-top:50px;}


/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
  transition: all 0.6s ease-out;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #0B86CE;
  border-top-color: #fff;
  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);
  }
}


service-section-title


/* CAREER */

.home-section-title span {
  color: #44B6CE;
}

.home-section-title{
  padding: 30px 200px;
  background-color: #fff;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

.home-section-title h2{
  text-align: center;
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 0;
 
}


.service-section-title h2 {
  font-size: 30px;
  font-weight: 700;
  color: #191636;
  border-left: 4px solid #44B6CE;
  padding-left: 10px;
  margin-bottom: 30px;
}


.careers-intro-main h4{
  color: #444;
  margin: 25px 0;
  font-size: calc(1.275rem + .3vw);
  display: block;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}


.careers-intro-main p {
  text-align: justify;
  font-size: 14px;
  color: #444;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 1rem;
}


.career-banner{
  background-image: url(assets/images/BCM-Website-banner-1440x610.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 600px;
  display:flex;
  align-items: end;
  justify-content: center;
  
}


.vacancies-header{
  text-align: center;
  
}

.vacancies-header b{
  font-weight: 500 !important;
}


.vacancies-header b{
  font-weight: 400;
  font-size: 15px !important;
}


.vacancies-header span {
  background-color: #fff;
  padding: 5px 35px;
  border-radius: 25px;
}


.vacancies-section-title h2{
  font-size: 30px;
  font-weight: 700;
  color: #191636;
  border-left: 4px solid #44B6CE;
  padding-left: 10px;
  margin-bottom: 30px;
}


.accordion{
  box-shadow: 0px 2px 2px rgb(0 0 0 / 25%);
}

.accordion-body{
  background-color: #ecf5ff;
}


.accordion-body p{
  font-size: 14px;
  color: #444;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 30px;
  font-weight: 300;
}


.accordion-body h4 {
  font-size: 18px;
  font-weight: 400;
  color: #444;
  margin-bottom: 30px;
  letter-spacing: .5px;
}


.accordion-body h6 {
  font-size: 16px;
  font-weight: 400;
  color: #444;
  margin: 30px 0;
}


.accordion-body ul li{
  font-size: 13px;
  font-weight: 400;
  color: #444;
  line-height: 40px;
}


.accordion-body b{
  font-weight: 600;
}


.accordion-button{
  padding-right: 20px !important;
}


.accordion-button:focus{
  box-shadow: none;
}


.accordion-item{
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 25px;
  background-color: transparent !important;
}


.accordion-button::after{
  background-image: none !important;
  content: '+';
  font-size: 20px;
  font-weight: 600;
  background-color: #fff;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.accordion-button:not(.collapsed)::after{
  content: '-';
  font-size: 20px;
  font-weight: 600;
  transform:none !important;
  background-color: #44B6CE;
}


.career-wrapper {
  padding: 90px 0px 0px 0px;
}

.vacancies-wrapper {
  padding: 80px 0;
}


.vacancies-wrapper .container-fluid{
  background-color: #ecf5ff;
}


.accordion-button{
  background-color: #ecf5ff;
  border: none !important;
  
}


.accordion-header-row{
  width: 100%;
}


.cant-find-container{
  background-image:url(assets/images/BCM-Connect-Us-Banner-2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 350px;
  margin-bottom: 30px;
  box-shadow: 0px 6px 6px rgb(0 0 0 / 25%);
}


.cant-find-row {
  justify-content: center;
  align-content: flex-end;
  align-items: flex-end;
  height: 100%;
  padding-bottom: 50px;
}


.cant-find-left h2{
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}

.cant-find-btn{
  text-align: center;
  padding: 25px;
}


.cant-find-btn a {
  padding: 15px 20px;
  background-color: #5347C7;
  border-radius: 6px;
  letter-spacing: 1px;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}


.cant-find-main{
  margin-bottom: 150px;
}


.accordion-button:hover{
  color: #5347C7;
}


.accordion-reminder span{
  font-size: 14px;
  background-color: #fff;
  padding: 10px 15px;
  border-radius: 30px;
  font-weight: 300;
}


@media(max-width:767px){

  .career-banner{
    background-image: url(assets/images/BCM-mobile-banner-500x500.jpg);
    background-position: center;
  } 


  .cant-find-container{
    background-position: center;
  }


  .vacancies-header{
    text-align: left;
    margin-bottom: 20px;
  }

  .home-section-title{
    padding: 15px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
  }

  .accordion-item{
    padding: 10px 0px;
  }

  .vacancies-header span{
    background-color: unset;
    padding: 0;
    
  }

  .accordion-button{
    padding: 15px 0;
  }

  .accordion-reminder span{
    background-color: unset;
    padding: 0;
  }

  .cant-find-left h2{
    font-size: 20px;
    text-align: center;
  }

  .cant-find-btn{
    margin:auto;
    margin-top: 30px;
    width: max-content;
  }

  .cant-find-main{
    margin-bottom: 50px;
  }

  .vacancies-wrapper {
    padding: 0;
  }

}

@media(min-width:768px) and (max-width:991px){
  .vacancies-header span{
    padding: 5px 15px;
  }

  .accordion-button{
    padding: 1rem 0 !important;
  }

  .vacancies-wrapper{
    padding: 60px 0;
  }

  .cant-find-main {
    margin-bottom: 70px;
  }

  .cant-find-btn{
    margin:auto;
    margin-top: 30px;
    width: max-content;
  }

  .cant-find-left h2{
    text-align: center;
  }
}


/*--------------- Our Areas --------------*/
.our-area-main{padding: 100px 15px;}
@media(max-width:767px){
  .our-area-main{padding: 30px 15px;}
}

.our-area-container h2{font-size: 30px;
  color: #000;
  font-weight: 500;
  text-align: center;
  margin-bottom: 25px;}
  .title-btm-line{width: 100px;height:8px;background-color: #0B86CE;margin: auto;}
  .area-row{margin-top:80px;}
  @media(max-width:767px){
    .area-row{margin-top:40px;}
    .our-area-container h2{font-size: 24px;margin-bottom: 15px;}
    .title-btm-line{width: 85px;height: 6px;}
  }
  .area-card-img img{width: 100%;}
  .area-card-content{padding: 20px;}
  .area-card{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
  .area-card-content h5{font-size: 18px;margin: 25px 0;}
  .area-card-content p{font-size: 13px;line-height: 24px;text-align: justify;}

  @media(min-width:992px){
    .area-card{min-height: 539px;}
  }
  @media(max-width:991px){
    .area-row .col-lg-4{
      margin-bottom: 20px;
    }
  }

  @media(min-width:768px) and (max-width:991px){
    .area-card{min-height: 543px;}
  }

  .drydoc-main {padding: 0 20px;}
  .drydoc-wrapper{background-color: #f2f2f2;padding:100px 0;}
  @media(max-width:767px){
    .drydoc-main{padding: 0px 15px;}
    .drydoc-wrapper{padding:30px 0;}
  }
  .dry-doc-content{padding-left: 60px;}
  @media(max-width:767px){
    .dry-doc-content{padding-left: 0;}
    .dry-doc-img{margin-bottom: 25px;}
  }
  .dry-doc-content h3{text-align: center;}
  @media(max-width:767px){
    .dry-doc-content h3{font-size: 20px;margin: 20px 0;}
  }

  .dry-doc-table{margin-top: 50px;}
  .dry-doc-table td{font-size: 13px;padding: 10px 0;}
  .dry-doc-table th{font-size: 13px;color: #fff;}

  @media(max-width:767px){
    .dry-doc-table th span{padding: 10px 15px !important;}
  }

  /*--------------- Effective Workspace --------------*/
  .effective-main{padding: 100px 15px;}
  @media(max-width:767px){
    .effective-main{padding: 30px 15px;}
  }
  .effective-left {padding-right: 80px;}
  @media(max-width:767px){
    .effective-left {padding-right: 15px;}
    .effective-img{margin-bottom: 25px;}
    .effective-img img{width: 100%;margin: auto;display: block;}
  }
  @media(min-width:768px) and (max-width:991px){
    .effective-left {padding-right: 30px;}
  }
  .effective-left h3{margin-bottom: 30px;}
  @media(max-width:767px){
    .effective-left h3{font-size: 20px;margin: 20px 0;}
  }
  .effective-left p{text-align: justify;}
  .effective-btm-content{margin-top: 30px;text-align: justify;}
/*--------------- Timely Completion --------------*/
  .timely-comp-main{padding: 0px 20px;}
  .timely-comp-wrapper{background-color: #f2f2f2;padding:100px 0;}
  @media(max-width:767px){
    .timely-comp-main{padding: 0 15px;}
    .timely-comp-wrapper{padding:30px 0;}
  }
  .timely-com-card{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
  @media(min-width:992px){
    .timely-com-card{min-height: 421px;}
  }
  .timely-com-img img{width: 100%;}
  .timely-com-content{padding: 20px;}
  .timely-com-content h5{font-size: 18px;
    margin: 25px 0;}
    .timely-com-content p{font-size: 13px;
      line-height: 24px;
      text-align: justify;}

      @media(max-width:991px){
        .timely-comp-main .col-lg-4{margin-bottom: 20px;}
      }
      @media(min-width:768px) and (max-width:991px){
        .timely-com-card{min-height: 403px;}
      }

/*--------------- Areas Bottom Sec --------------*/
      .areas-btm-sec-main{padding: 100px 15px;}
      
      @media(max-width:767px){
        .areas-btm-sec-main{padding: 30px 15px;}
        .area-btm-sec-img{margin-bottom: 25px;}
      }
      .area-btm-sec-content{padding-left: 60px;}
      @media(max-width:767px){
        .area-btm-sec-content{padding-left: unset;}
      }
      @media(min-width:768px) and (max-width:991px){
        .area-btm-sec-content{padding-left:30px;}
      }
      .area-btm-sec-content p{text-align: justify;}
      .area-btm-sec-right{display: flex;align-items: center;}


/*--------------- Quotes --------------*/
.areas-quotes-main{padding: 140px 15px;background-image: url(./assets/images/areas-quotes-bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;}
.area-quotes-content p{color: #fff;}
.area-quotes-content p span{font-size: 100px;}
.area-quotes-right{position: relative;}
.area-quotes-img{position: absolute;top: -270px;}
.area-quotes-img img{width: 100%;}
.quotes-icon{margin-bottom: 30px;width: 50px;}

@media(max-width:767px){
  .areas-quotes-main{padding: 30px 15px;}
  .area-quotes-img{position: unset;}
  .area-quotes-right{margin-bottom: 30px;}

  .quotes-icon {
    margin-bottom: 20px;
    width: 35px;
  }
  
}

@media(min-width:768px) and (max-width:991px){
  .areas-quotes-main{padding: 50px 15px;}
  .area-quotes-img{top: -95px;}
}


/*--------------- Specializations --------------*/
.specializ-main{padding: 100px 15px; background-color: #f2f2f2;}
.specializ-content h3{margin-bottom: 30px;}
@media (max-width: 767px) {
  .specializ-main{padding: 30px 15px;}
  .specializ-content h3  {
    font-size: 20px;
    margin: 20px 0;
  }
}

.specializ-content ul{padding-left: 0;}
.specializ-content ul li{font-size: 13px;line-height: 26px;list-style: url(assets/images/arrow.png);padding-left: 5px;}

.specializ-right img{width: 100%;}


@media (max-width: 767px) {
  .specializ-content ul{padding-left: 15px;}
}
@media(min-width:768px) and (max-width:991px){
  .specializ-content ul{padding-left: 20px;}
}
/*--------------- Expertise --------------*/
.expertise-main{padding: 100px 15px;}
.expertise-left img{ width: 100%;}
.expertise-content {padding-left: 50px;}

.expertise-content h3{margin-bottom: 30px;}
.expertise-content p{text-align: justify;}

.expertise-content h4{margin: 30px 0;font-size: 20px;}

.expertise-content ul{padding-left: 0;}
.expertise-content ul li{font-size: 13px;line-height: 26px;list-style: url(assets/images/arrow.png);padding-left: 5px;}

@media(max-width:767px){
  .expertise-main{padding: 30px 15px;}
  .expertise-content h3{font-size: 20px;
    margin: 20px 0;}
    .expertise-content{padding-left: 0;}
    .expertise-content ul{padding-left: 15px;}
}

/*--------------- Seatrade Maritime --------------*/
.expertise-main.sea-trade-main{background-color: #f2f2f2;}
.sea-trade video{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;position: relative;z-index: 5;}
.sea-trade{position: relative;}
.shape{width: 160px;height: 160px;position: absolute;bottom: 50px;left: -20px;z-index: 1;}
.shape img{width: 100%;}
@media(max-width:767px){
  .shape{width: 100px;height: 100px;bottom: unset;top: -20px;left: 0;}
}

@media(min-width:767px) and (max-width:991px){
.sea-trade-main .expertise-content{padding-left: 0;padding-top: 60px;}
.shape{bottom:-20px;left: -10px;}
}

@media(min-width:992px) and (max-width:1020px){
.shape{bottom:200px;left: -5px;}
}