@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;800&family=Titillium+Web:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap');
body{
    font-family: 'Titillium Web', sans-serif;
	font-size: 14px;
	color: #000;
    overflow-x: hidden;
}
.news-main-div{
    min-height:100vh;  
}
  
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #7C7878;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.head{
   font-size:40px;
    line-height:80px;
    color:#000000;

}
 .banner .head{
    color:#fff;
    font-weight: 600;
   
}
.banner .head, .banner-fleet .head{
    font-size:80px;
  
}
.banner-career .head{
     font-size:40px;
}
.banner-career .head span{
     font-size:140px;
}
.news-tab{
    padding-top: 5%;
}
.banner{
    height: 100vh;
    /*min-height:783px;*/
    /*min-height:100vh;*/
    /*background:url('../images/ban.png');*/
     /*background-size:cover;*/
}
.banner video{
    margin-bottom:-10px;
    object-fit: cover;
    /* object-position: top; */
    width: 100%;
}
.banner:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    height: 100%;
    left: 0;
    right: 0;
}

.banner-text{
    z-index:99;
}
.banner-fleet{
   min-height:783px;
    background:url('../images/ban-fleet.png');  
    background-size:cover;
    background-position: bottom center;
}
.banner h4{
    font-family: Inter;
font-size: 24px;
font-style: italic;
font-weight: 800;
line-height: 30px;
letter-spacing: 0.01em;
text-align: center;
color:#fff;
margin-bottom:40px;
}
.banner p{
    font-family: Inter;
font-size: 20px;
font-weight: 800;
line-height: 30px;
letter-spacing: 0.01em;
text-align: center;

}

.features{
    background: #1C3664;

}



.features .rounded-circle img{
        margin-right: -5px;
}
.ship{
    color:#fff;
    margin-top:20px;
    
}

.ship h1{

font-size: 80px;
font-weight: 700;
line-height: 100px;
letter-spacing: 0.01em;



}
.sustainbility-tab{
    z-index: 1;
    top:75px;
}
.ship h6{
  color: #B8B8B8;

font-size: 20px;
font-weight: 400;
line-height: 32px;
letter-spacing: 0.01em;
text-align: center;
  
}


.about-info h6{

font-size: 24px;
font-weight: 400;
line-height: 38px;
letter-spacing: 0.01em;
text-align: left;

}


.about-info p{

font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.01em;
text-align: left;
color:#000;
}





.banner p{
    color:#fff;
}




.service h1{
   
font-size: 24px;
font-weight: 600;
line-height: 30px;
letter-spacing: 0.01em;


}
.service span{

font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: center;
color: #000000;

}

.service p{
   

font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: center;


}

.service{
    padding:40px 30px;
}
.service img{
    margin:35px 0;
}
.service h1{
    margin-bottom:20px;
}
.service:hover{
    background:url('https://lilaglobal.ams3.cdn.digitaloceanspaces.com/live/common_media/home/ser-hover.webp') #1C3664;
    background-position:left bottom;
    background-repeat:no-repeat;

}
.service:hover img{
    filter:brightness(0) invert(1);
}

.service:hover h1, .service:hover span {color:white;}


.btn{
    border-radius:0;
    
    border: 1px solid #1C3664;
    padding:12px 32px 12px 32px;
    color:#000;
   background-color:transparent;
    font-size:16px;
    line-height:24px;
    font-family: 'Inter', sans-serif;
    font-weight:600;

}
.btn:hover{
    background-color:#1C3664;
}

.media{
    background: #F7F7F7;

}
.media .nav, .sustainibility .nav{
    border-bottom:1px solid rgba(0,0,0,0.10);
}
.media .nav-pills .nav-link.active, .media .nav-pills .show>.nav-link, .sustainibility .nav-pills .nav-link.active, .sustainibility .nav-pills .show>.nav-link{
    border-bottom: 3px solid #E92827;
        color: #000;
    background-color: transparent;
    border-radius: 0;

}

.media .nav-pills .nav-link, .sustainibility .nav-pills .nav-link{
  padding-left: 0;
  padding-right:0;
    margin-right: 30px;
font-size: 24px;
font-weight: 400;
line-height: 37px;
letter-spacing: 0.01em;
text-align: left;
color: rgba(0,0,0,0.5);
}

.media .card-img img{
    width:100%;
    /* height:auto; */
    /* height: 170px;
    object-fit: cover; */
}

.media-gallery .card-img img{
    width:100%;
    /* height:auto; */
    height: 248px;
    object-fit: cover;
}

.news .card, .articles .card{
    border:0;
    background-color:#fff;
    padding:24px;
    min-height:388px;
}
.news .card-header, .articles .card-header{
    padding:20px 0;
    margin-bottom: 0;
    background-color: white; 
    border-bottom: 0;
}

.news .date, .articles .date{
   
font-size: 12px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.01em;
text-align: left;

}

.news .card-text, .articles .card-text{
margin-bottom: 20px;
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0.01em;
text-align: left;
min-height:66px;   
}

.news a.read-more, .articles a.read-more{
    
font-size: 16px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.01em;
text-align: left;
position:relative;
color:#000;
text-decoration:none;
}
.news a.read-more:after, .articles a.read-more:after{
    position:absolute;
    content:url("../images/arrow.png");
        top: 5px;
    left: 120%;
}

.articles .card-author{
    font-size: 12px;
}

.bottom-up{
    background: #1C3664;
    padding:15px 0;
    text-align:center;
}
.bottom-up  h1 a{
  color:#fff;
font-size: 24px;
font-weight: 400;
line-height: 38px;
letter-spacing: 0.01em;
position:relative;
text-decoration:none;
}
.bottom-up1{
     background: #FAFAFA;
    padding:15px 0;
    text-align:center;
}
.bottom-up1  h1 a{
  color:#000;
font-size: 24px;
font-weight: 400;
line-height: 38px;
letter-spacing: 0.01em;
position:relative;
text-decoration:none;
}
.bottom-up h1 a span {
    margin-left:10px;
}
.bottom-up1 h1 a span {
    margin-left:10px;
}

.bottom-up-location{
    background:#E92827;
}

footer{
    background: #1D1E21;
    color:#fff;
}


footer .nav-link, footer a{
    font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 17px;
letter-spacing: 0.01em;
text-align: left;
margin-left:15px;
}

.read-more-abt p{
  
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.01em;
text-align: left;

}
.read-more-abt h3{
  

font-size: 16px;
font-weight: 700;
line-height: 28px;
letter-spacing: 0.01em;
text-align: left;


}
.our-story p{

font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.01em;
text-align: left;

}
.story{
    background: #1D1E21;

}
.story-info p{
    color:#fff;
   
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.01em;
text-align: left;
width:85%;
padding:4px 0;

}


.team-bg{
   background: #F7F7F7;

}
.team-info h3{

font-size: 24px;
font-weight: 600;
line-height: 34px;
letter-spacing: 0.01em;
text-align: left;
color:#000;
}
.team-info p{
color:#000;
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.01em;
text-align: left;

}
.team h3{
    font-family: Montserrat;
font-size: 16px;
font-weight: 800;
line-height: 34px;
letter-spacing: 0.01em;
/* text-align: left; */
color: #000000;

}
.team p{
    font-family: Montserrat;
font-size: 14px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.01em;
/* text-align: left; */

}
.bi{
   fill:#fff;
}

footer a{
    color: #7C7878;
}

/*.about-nums img{*/
/*    width:100%;*/
/*}*/
.p-34{
    padding-left:34px;
    padding-right:34px;
}
.top-margin{
    margin-top: 80px;
}

.fleet-banner{
    background: #1C3664;

}
.banner-in img{width:100%;}
.fleet-banner-info{
  background: #1C3664;  
}
.fleet-ban-in h3{
    font-family: Montserrat;
font-size: 40px;
font-weight: 800;
line-height: 38px;
letter-spacing: 0.01em;
text-align: left;
color:#fff;
}
.fleet-ban-in p{
font-family: Montserrat;
font-size: 18px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0.01em;
text-align: left;
color:#fff;

}
.fleet{
    background: #162744;

}
.fleet-in-tab{
    border-bottom:solid 1px #E92827;
    padding-bottom:25px;
    padding-top:25px;
}
.fleet-in-tab:last-child{
    border-bottom:0;
}
.fleet-in-tab .table{
    margin-bottom:0;
}
.fleet-in-tab table td{

font-size: 14px;
font-weight: 600;
line-height: 18px;
letter-spacing: 0.01em;
text-align: center;
color:#fff;
vertical-align:middle;
/* white-space:nowrap;
padding:12px; */
}

.fleet-in-tab table td.fleet-img{
padding-right:0;
padding-top:0;
padding-bottom:0;
}


.fleet-in-tab table thead th{
color:#FFFFFF;
font-size: 12px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.01em;
text-align: center;
padding:12px;
vertical-align:middle;
white-space:nowrap;
}
.fleet-in-tab table tbody tr:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.10);
 color:#fff;
}

.fleet-in-tab table tbody tr {
cursor:pointer;
}

.fleet .head{
    color:#fff;
}


.fleet .table tr{
    border-style:hidden;
}
.fleet .form-control{
background: rgba(255, 255, 255, 0.2);
border-radius:0;
border:0;
}
.fleet .form-control::placeholder{
    color:#fff;
}
.fleet-in-tab h4{
 color:#fff;
font-size: 24px;
font-weight: 700;
line-height: 37px;
letter-spacing: 0.01em;
text-align: left;
}
.fleet-in-tab h4 span{
 color:#fff;
font-size: 24px;
font-weight: 275;
line-height: 37px;
letter-spacing: 0.01em;
text-align: left;

}
.fleet-btn{
    font-family: Inter;
font-size: 12px;
font-weight: 600;
line-height: 15px;
letter-spacing: 0em;
text-align: left;
color:#fff;
background: rgba(255, 255, 255, 0.1);
padding:6px 12px 6px 12px;
text-decoration:none;
margin-right:20px;
white-space: nowrap;
}
.fleet-btn:hover{
    color:#fff;
}
.fleet-in-tab .fleet-img{
    position:relative;
}
.fleet-in-tab .fleet-img:after{
    content:url("../images/fleet-tb-img-arrow.png");
    position:absolute;
    top:0;
    right:0;
}

.fleet select.form-control{
    color:#fff;
    border:1px solid #E3E3E3;
    font-size: 14px;
    font-weight: 300;
    line-height: 36px;
    letter-spacing: 0.01em;
    text-align: left;
    background-color:transparent;
}
select.form-control option{
    color:#000;
}

.fleet .form-control{
    color:#fff;
    border:1px solid #E3E3E3;
     width:233px;
  
font-size: 14px;
font-weight: 300;
line-height: 36px;
letter-spacing: 0.01em;
text-align: left;

}
.fleet select.form-select{
    color:#fff;
    border:1px solid #E3E3E3;
    border-radius:0;
    font-size: 14px;
    font-weight: 300;
    line-height: 36px;
    letter-spacing: 0.01em;
    text-align: left;
    background-color:transparent;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='white'%3E%3Cpath d='M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z'/%3E%3C/svg%3E");
    width:233px;
    
}

select.form-select option{
  color:#000;
}
.dwns select{
    width:233px;
    margin-right:20px;
}
.dwns select:last-child{
    margin-right:0;
}

.fleet .media-form:after {
    content: url(../images/search.png);
    position: absolute;
    top: 15px;
    bottom: 0;
    margin: auto;
    right: 10px;
     filter:brightness(0) invert(1);
}
/*.fleet .table tr th{*/

/*color: #7C7878;*/
/* font-size: 12px;*/
/* font-family: Inter;*/
/* font-weight: 400;*/
/* line-height: 18px;*/
/* letter-spacing: 0.12px;*/
/* word-wrap: break-word*/
/*}*/


/*.fleet .table tr td{*/

/*color: #333333;*/
/* font-size: 16px;*/
/* font-family: Inter;*/
/* font-weight: 500;*/
/* line-height: 18px;*/
/* letter-spacing: 0.16px;*/
/* word-wrap: break-word*/
/*}*/

.fleet-modal .container{
  max-width: 746px;
}
.fleet-modal td{
   
color: #7C7878;
 font-size: 18px;
 font-family: Inter;
 font-weight: 400;
 line-height: 24px;
 letter-spacing: 0.18px;
 word-wrap: break-word;
 padding-bottom:22px;
 padding-top:22px;
}

.fleet-modal .modal-content {
    padding:2rem;
}
.read-more-abt .modal-content {
    padding-bottom:0;
}

.fleet-modal .modal-body{
    padding:1rem 0;
    
}
.read-more-abt .modal-body {
    padding-bottom:0;
}
.fleet-modal .modal-header{
    border:0;
}

.fleet-modal .modal-body img{
    width:100%;
}
.fleet-modal-main{
  
    background: rgba(33, 34, 28, 0.4);

    
}
 .fleet-modal-main .modal-content
 {background: #162744;height:625px;overflow-y:scroll;}
 
 
 .fleet-modal-main.modal.show .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0,-50%) !important;
    top: 50%;
}
.fleet-modal-main .head{
    color:#fff;
}
 
 .fleet-modal-main .container {
    max-width: 1137px;
}
 .fleet-modal-main .modal-body img{
     width:auto;
 }
.fleet-modal-img{
    /* width:fit-content; */
}
 
/*.fleet-modal-main .table table th{

font-size: 12px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.01em;
text-align: left;
color:#fff;
width:1%;
    white-space: nowrap;
    padding-right:10px;
}

.fleet-modal-main .table table td{
color:#fff;
font-size: 16px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.01em;
text-align: left;


}*/
.fleet-in-tab table td .fleet-modal-main .table table th{

font-size: 12px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.01em;
text-align: left;
color:#fff;
width:1%;
    white-space: nowrap;
    padding-right:10px;
    padding-left:20px;
}

.fleet-in-tab table td .fleet-modal-main .table table td{
color:#fff;
font-size: 16px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.01em;
text-align: left;


}

.fleet-modal .table table td{
    color:#fff;
}
.fleet-modal .table table th{
   color:#fff;
}
.contact-in{
  width: 55%;
   
}
.contact-in h4{
    
  
font-size: 24px;
font-weight: 400;
line-height: 34px;
letter-spacing: 0.01em;
text-align: left;

}

.contact-in p{

font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.01em;
text-align: left;

}


.contact-info h6{
   margin-bottom: 0;
font-size: 14px;
font-weight: 700;
line-height: 34px;
letter-spacing: 0.01em;
text-align: left;
}
.contact-info h6 img{
    margin-right:10px;
}
.contact-info p{

font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.01em;
text-align: left;
margin-bottom:0;
margin-left:23px;
}

.contact{
    background: #F7F7F7;

}



.contact-right .form-label{
    color: rgba(33, 34, 28, 0.6);

font-size: 18px;
font-weight: 400;
line-height: 27px;
letter-spacing: 0em;
text-align: left;

}
.contact-right .form-control, .contact-right .form-select{
 border-radius: 0;
border: 1px solid #E3E3E3;
padding-top:0.7rem;
padding-bottom:0.7rem;
}


.contact-right .form-control::-moz-placeholder {
  color: #21221C;
font-family: Inter;
font-size: 17px;
font-weight: 400;
line-height: 21px;
letter-spacing: 0em;
text-align: left;
opacity:1;

}
.contact-right .form-control::placeholder {
 color: #99999B;
font-family: Inter;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: normal;
  opacity: 1;
}






.about-nums .card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
 height:303px;
  background-clip: border-box;
  border: 0;
  border-radius: 0;
}

.about-nums .card-body{
        display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left:45px;
}

.about-nums .card-img-overlay{
   
    position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  border-radius: calc(0.25rem - 1px);
    color:white;
   opacity:0;
    overflow: hidden;
 
  height: 0;
  transition: .5s ease;
   top: 100%;
}

.about-nums .card-img-overlay img{
    position:relative;
    
}

.about-nums .card-img-overlay .about-num-info{
    position:absolute;
    bottom:0;
    padding-left:30px;
}
.about-nums .card-img-overlay .about-num-info h5{
    font-family: Montserrat;
font-size: 24px;
font-weight: 800;
line-height: 38px;
letter-spacing: 0.01em;
text-align: left;
margin-bottom:0;

}
.about-nums .card-img-overlay .about-num-info p{
font-family: Montserrat;
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.01em;
text-align: left;


}
.about-nums .card-title{
font-family: Montserrat;
font-size: 40px;
font-weight: 800;
line-height: 38px;
letter-spacing: 0.01em;
text-align: left;

}

.about-nums .card-text{ 
color: #FFF;

font-family: Montserrat;
font-size: 24px;
font-weight: 500;
line-height: 32px;
letter-spacing: 0.01em;
text-align: left;

}

.about-nums .card:hover .card-img-overlay{
  top: 0;
  height: 100%;
   opacity:1;
}
.dark-blue{
  background-color:#1C3664;  
}

.light-blue{
 background: #2C4E8A;
}



.about-nums .card img{
    width:100%;
}

.contact .cont-img{
    width:100%;
}

.main-about-info{
    width:50%;
    padding-left:120px;
}
.main-about-info p{
 
font-size: 16px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0.01em;
text-align: left;

}
.abt-ban-quote{
    bottom:30px;
    right:10px;
    background-color:#fff;
    width:91%;
    position:absolute;
}
.abt-ban-quote  p{
   
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0.01em;
text-align: left;

}
.mission-info{
    width:39.5%;
}
.mission-info p{
 
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.01em;
text-align: left;

}
#navbar_top{
    background-color:#fff;
}
.navbar-light .navbar-toggler{
    border:0;
}
.navbar-toggler{
    padding:0;
    margin-right:-0;
}
.fixed-top .navbar-toggler{
    padding:0;
    margin-right:0;
}
.career-info{
        width: 46%;
}
.career-quote{
    margin-top:60px;
}
.quote{
    background: #F7F7F7;
    text-align:center;
}
.quote-blue{
    background: #1C3664;

}
.quote-blue img{
    filter:brightness(0) invert(1);
}
.quote h3{
  
font-size: 20px;
font-weight: 600;
line-height: 28px;
letter-spacing: 0.01em;
text-align: center;

}
.quote p{
   
font-size: 16px;
font-weight: 300;
line-height: 34px;
letter-spacing: 0.01em;
text-align: center;

}
.career-blue-info{
    background-color:#1C3664;
        display: flex;
    align-items: center;

}
.career-blue-info p{
   
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.01em;
text-align: left;

}
.career-blue-info-in{
    width:65%;
}
.career-blue-info-in p{

font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.01em;
text-align: left;
    color:#fff;
}

.vac{
    background: #F7F7F7;

}

.modal-header{
    padding:0;
}

.career-form-head{
    
    
font-size: 24px;
font-weight: 600;
line-height: 34px;
letter-spacing: 0.01em;
text-align: left;
color:#000000;
}

.form-head{
   
font-size: 16px;
font-weight: 600;
line-height: 22px;
letter-spacing: 0.01em;
text-align: left;

}

.career-form .form-label{
    color: rgba(33, 34, 28, 0.4);


font-size: 18px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
text-align: left;


}
.career-form .form-control, .career-form .form-select{
 border-radius: 0;
border: 1px solid #E3E3E3;
padding-top:0.7rem;
padding-bottom:0.7rem;
}


.career-form .form-control::-moz-placeholder {
  color: #21221C;
font-family: Inter;
font-size: 17px;
font-weight: 400;
line-height: 21px;
letter-spacing: 0em;
text-align: left;
opacity:1;

}
.career-form .form-control::placeholder {
 color: #99999B;
font-family: Inter;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: normal;
  opacity: 1;
}





.input[type=file]::file-selector-button {
  border: 0px solid #6c5ce7;
  padding: .2em .4em;
  border-radius: .2em;
  background-color: #a29bfe;
  transition: 1s;
  margin-left:-100px;
}
input[type=file]{
    border:1px solid;
}
input[type=file]::file-selector-button:hover {
  background-color: #81ecec;
  border: 0px solid #00cec9;
}

.form-check-input[type=radio]{
    border:1px solid #00A08D;
}
.form-check-input[type="radio"] {
	 position: relative;
	     width: 1.5em;
    height: 1.5em;
	 cursor: pointer;
	 border:2px solid #00A08D;
	 margin-top:0;
	 margin-right:10px;

}
.form-check-input[type="radio"]:before {
	 transition: transform 0.4s cubic-bezier(0.45,1.8,0.5,0.75);
	 transform: scale(0,0);
	 content: "";
	 position: absolute;
	    top: 3px;
    left: 0;
    z-index: 1;
    width: 0.75rem;
    height: 0.75rem;
    background: #22B58F;
    border-radius: 50%;
    right: 0;
    margin: auto;

}
.form-check-input:checked{
    background-color:#fff;
}
.form-check-input[type="radio"]:checked:before {
	 transform: scale(1,1);
}
.form-check-input[type="radio"]:after {
	 border-radius: 50%;
	 top: -3px;
}
.form-check {
   
    margin-bottom: 12px;
}


.contact .nav-pills  .nav-link{ color: #000;
     background-color: transparent; 
    font-family: Italiana;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.8px;
    padding: 0;
    -webkit-text-stroke: 1px black;
    opacity: 0.3;
        margin-right: 20px;
        /*border-bottom:3px solid #000;*/
            border-radius: 0;
}

.contact .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #000;
     background-color: transparent; 
   
    opacity:1;
}

.contact h4{
    
font-family: Inter;
font-size: 24px;
font-weight: 500;
line-height: 36px; /* 150% */
letter-spacing: 0.24px;
    width: 85%;
}
.contact .tab-content{
    width:90%;
}

.about-nums .card img.w-auto{
    width:auto;
    display:none;
}


.esg-ban img{
   width:100%;
   height:100%;
}
.sustainibility p{
  
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.01em;


}
.env-info{
    width:46%;
}
.sustain-main-info p{
   
font-size: 20px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0.01em;
text-align: center;

}
.corp-in p{
    width:70%;
}
.corp-in h1.head{
  
font-size: 24px;
font-weight: 400;
line-height: 50px;
letter-spacing: 0.01em;
text-align: left;

}
.corp-base{
    background: #FAFAFA;

}
.corp-in p{
  
font-family: 'Titillium Web', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.01em;
text-align: left;

}
.corp-info{
        width: 70%;
}
.corp-tags ul{
    padding-left:0;
}
.corp-tags ul li{
    background: #1C3664;
    padding:10px 20px 10px 20px;
    display:inline-flex;
    color:#fff;
    border-radius:100px;
    margin-bottom:15px;
}

.sustainibility p .big-bold {
    
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0.01em;
text-align: left;

}

.news-main .card-header{
    background-color:#fff;
    border-bottom:0;
    padding:0;
}
.news-main .card{
    padding:20px;
}

.news-main .card-text{
height:72px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.01em;
text-align: left;

}

.media-form:after{
        content: url(../images/search.png);
    position: absolute;
   
    top: 11px;
    bottom: 0;
    margin: auto;
    right: 30px;
} 

.fleet-modal-main .btn-close{
filter:brightness(0) invert(1);
opacity:1;
}

.media-gallery .card-header{
    font-size: 24px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0.01em;
text-align: left;
}

.media-gallery .card-text{
    min-height:auto;
}
.media-gallery a.read-more:after{
   
    left: 28%;
}

.media-articles .date{
     font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0.01em;
text-align: left;  
}

.media-articles .news-main .card{
    border: 1px solid rgba(0, 0, 0, .125);
    min-height:auto;
}

.media-articles .news-main a.read-more{
    margin-top:30px;
    display: inline-block;
}
.media-articles .news-main .card-text{
  height:auto;
}
.scrollToTop {
	/*width: 45px;*/
	/*height: 45px;*/
	/*line-height: 45px;*/
	/*text-align: center;*/
	display: none;
	position: fixed;
	z-index: 999;
	right: 15px;
	bottom: 15px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	/*border-radius: 3px;*/
	/*background-color: #10386b;*/
}
@media (min-width: 992px) {

   /*.contact-right{*/
   /*    width:1000px;*/
   /*}*/
    .half-fluid.left-half {
      padding-left:0 !important;
      position: absolute;
      left: 0;
      right: 50%;
      margin-left: auto;
      width: auto;
    }

    .right-half {
      padding-right:0 !important;
      position: absolute;
      right: 0;
      left: 50%;
      margin-left: auto;
      width: auto;
    }

 .contact .nav-pills .nav-link{
    font-size:30px;
}

  }
@media (max-width: 768px){
    .banner .head, .banner-fleet .head {
    font-size: 40px;
}
    
.env-info{
    width:100%
}   
 .env-img {
     width:100% 
 }   
    
.career-info{
    width:100%;
}    
 .career-quote{
    margin-top:0;
    justify-self:end
}
   
 .career-blue-info-in{
     width:100%;
 }   
.news-main .card-text {
    height: 100px;   
}
.fleet-modal-img{
    width:100%;
}
.contact-in{
    width:100%;
}
}
@media (max-width: 992px){
       .img-wid{
    width:100%!important;
    height:100%;
}
.main-about-info{
    width:100%;
    padding-left:20px;
    padding-right:20px;
}
.mission-info{
    width:100%;
    padding:20px;
}


.abt-ban-quote {
   
    position: relative;
    margin-left: 27px;
}
.main-about-info .head{
    padding:10px 0
}
.abt-ban-quote  {
    margin-top:30px;
}
.quote h3{
    padding-top:40px;
}  
 
.quote a{
    margin-bottom:40px;
} 
.quote-info{
    padding:110px 0;
} 
 

.story-info p{
    width:100%;
}
  

    
    
    
    
    
    
    
    
    
    
    
    .main-about {
    flex-wrap: wrap;
}  
.main-about img{
    width:100%;
}
 .serv-right .card {
    margin: auto;
}
.contact-left{
    padding-right:0;
    margin-top:40px;
}
.contact .tab-content{
    width:100%;
}
 .contact .nav-pills .nav-link{
    font-size:30px;
}

}
@media (min-width: 768px) and (max-width: 992px){
    .env-info{
         width:100%; 
    }
    .env-img{
          width:100%;
    }
    .img-wid{
    width:100%;
    height:100%;
}
.main-about-info{
    width:100%;
    padding-left:20px;
    padding-right:20px;
}
.mission-info{
    width:100%;
    padding:20px;
}


.abt-ban-quote {
   
    position: relative;
    margin-left: 27px;
}
.main-about-info .head{
    padding:30px 0
}
.abt-ban-quote  {
    margin-top:30px;
}
.quote h3{
    padding-top:40px;
}  
 
.quote a{
    margin-bottom:40px;
} 
.quote-info{
    padding:110px 0;
} 
 
.our-story h1.head{
    padding-top:20px;
     padding-bottom:20px;
}
.story-info p{
    width:100%;
}
  
 .career-blue-info-in{
     width:100%;
 }      
    
  .career-quote{
    margin-top:0;
    justify-self:end
}
  
  .career-info{
      width:100%;
  } 
    
.career-img{
   width:100%;  
}    
    
.contact-in{
  width:100%;  
}
.fleet-modal-img{
    width:100%;
}  
}
@media (max-width: 576px){
body{
    overflow-x:hidden;
}    
main{
    overflow-x:hidden;
}
    
  .media .slick-list{padding:0 20% 0 0;}
    .container,
.container-fluid{
    padding-left:0;
    padding-right:0;
}
    
.ship h6{
font-size: 14px;
line-height: 22px;
}    
.ship h3{
    font-size: 14px !important;
    line-height: 22px !important;
    }
.features h1{
    font-size:36px;
   line-height: 45.98px;
}
.features h2{
    font-size:36px !important;
   line-height: 45.98px !important;
}
.about-img img{
    width:100%;
    height:100%;
}
       
.service {
    padding: 30px 76px;
}    
.banner{
    /*height:700px;*/
}
    
.head{
    line-height:52px;
}    
.news-tab{
    padding-top: 13%;
}  
 .features .container{
     padding: 0 34px ;
 }

footer .nav-link, footer a{
    margin-right:15px;
}

.img-wid{
    width:100%!important;
}
.main-about-info{
    width:100%;
    padding-left:20px;
    padding-right:20px;
}
.mission-info{
    width:100%;
    padding:20px;
}
.mission-info h1{
    margin-bottom:20px;
    margin-top:20px;
}
.bottom-up h3 a {
    line-height: 38px !important;
}
.mission-info h2 {
    margin-bottom: 20px;
    margin-top: 20px;
}
.about-nums{
        padding: 70px;
        padding-top:0;
}
.abt-ban-quote {
   
    position: relative;
    margin-left: 27px;
}
.main-about-info .head{
    padding:30px 0
}
.abt-ban-quote  {
    margin-top:30px;
}
.quote h3{
    padding-top:40px;
}  
 
.quote a{
    margin-bottom:40px;
} 
.quote-info{
    padding:110px 0;
} 
 
.our-story h1.head{
    padding-top:20px;
     padding-bottom:20px;
}
.our-story h2.head {
    padding-top: 20px;
    padding-bottom: 20px;
}
.story-info p{
    width:100%;
}
.team{
    display:flex !important;
    align-items:end;
}
.team-info-in{
    margin-left:20px;
}
.team h3{
text-align: left;
}
.team p{
text-align: left;
}
.team-bg{
padding-left: 20px;
    padding-right: 20px;
}
.fleet-ban-in{
    width:100%;
}
.fleet-in-tab table td{

padding-left:20px;
padding-right:20px;
}

.fleet-search{
    padding-right:20px;
    padding-left:20px;
}

.dwns{
    width:100%;
}
.dwns  .form-control{
    width:100%;
}
.dwns select{
    margin-right:0;
    margin-bottom:15px;
}
 
.serv-info {
   
    padding: 18px;
} 

.esg-ban p{
    padding-left:15px;
    padding-right:15px;
}
.env-info{
    width:100%;
     padding-left:15px;
    padding-right:15px;
}
.env-info .head{
    margin-top:10px;
}

.quote{
    padding-left:15px;
    padding-right:15px
}
.corp-info{
    width:100%;
}

.corp-in p{
   width:100%;  
}

.corp-tags ul li {
   
    display: block;
   
    width: max-content;
}
.corp-head{
    padding-left:15px;
    padding-right:15px;
}

.corp-info{
    padding-left:15px;
    padding-right:15px;
}
.corp-in{
   padding-left:15px;
    padding-right:15px;  
}

.career-info{
    width:100%;
}

.career-blue-info-in{
     width:100%;
}
.career-info{
   padding-left:15px;
    padding-right:15px;   
}
.career-quote{
    margin-top:0;
    justify-self:end
}
.news-main .card-img{
    width:100% !important;
}

.news-main-div{
    padding-left:15px;
    padding-right:15px;
}
.contact-in, .contact-info{
    width:100%;
    padding-left:15px;
    padding-right:15px;
}
.contact{
    padding-left:15px;
    padding-right:15px;  
}


 .navbar-collapse {
	 width: 100%;
	 background: white;
	 position: fixed;
	 z-index: 9;
	 display: block;
	 visibility: hidden;
	 opacity: 0;
	 z-index: -1;
	 top: 75px;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 transition: all 0.4s;
}
 .navbar-collapse ul.navbar-nav {
	 position: absolute;
	 top: 30px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 width: 100%;
}
 .navbar-collapse ul.navbar-nav li {
	 opacity: 0;
	 transition: opacity 0.4s cubic-bezier(0.58, 0.3, 0.005, 1);
	 padding: 0;
	 margin-bottom: 28px;
}
 .navbar-collapse ul.navbar-nav li a {
	color: #7C7878;

font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 100% */
letter-spacing: 0.24px;
}
.dropdown-menu li{
    margin-bottom: 0px !important;
}
.dropdown-item.active{
    color: #fff !important;
}
 .navbar-collapse.show {
	min-height: 100vh;
	visibility: visible;
	opacity: 1;
	z-index: 1099;
    /*margin-top: 23px;*/
}
 .navbar-collapse.show ul li {
	 opacity: 1;
}
.navbar-light .active .navbar-toggler-icon{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%280, 0, 0, 0.55%29'  stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M8 8 L24 24 M8 24 L24 8'/%3E%3C/svg%3E");
}
.navbar-toggler:focus{
    box-shadow:none;
}



.navbar-brand{
    width:54px;
}
.navbar-brand img{
    width:100%;
    height:auto;
}
.fleet-modal-img{
    width:100%;
}
.row{
    margin:0;
}
.sustainibility .nav{margin-left:15px;}

footer .nav {
    column-count:3;
   display:block;
    
}
footer .nav .nav-item{
       display: table-caption;
}
.esg-ban img, .corp-ban img {
    width: 100%;
    height: 368px;
    width: 100%;
    /* object-fit: cover; */
    object-position: center;
    
}
.corp-ban img{
   object-position: 35%; 
}
.sus-img{
  object-fit: cover;
    object-position: center; 
     height: 282px;
}
.contact-ban img{
    height: 500px;
    width:auto !important;
    max-width:initial !important;
}
.contact-ban{
    overflow-x: scroll;
    
}
.mission img{
     height: 282px;
    object-fit: cover;
}
.story-info img{
    height: 217px;
    object-fit: cover;  
}
.ban-full .slick-slide{
   margin-left:0; 
}
.banner-in img{
    width:297px;
    height:368px;
     object-fit: cover; 
}
.banner-in{
    text-align:center;
}

}

@media (min-width: 1920px){
    .top-20 {
    top: 135px;
}

.banner-fleet p {
   
    width: 25%;
}
}