@charset "utf-8";

/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

ul,
p,
figure {
    padding: 0;
    margin: 0
}

a:-webkit-any-link {
    color: inherit;
    cursor: pointer;
}

body {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    color: #2b2b2b;

}

li {
    list-style: none;
}

a {
    transition: all 0.5s ease;
}

section {
    float: left;
    width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}


/*.sticky{position:fixed;top:0;z-index:999;webkit-box-shadow: 5px 5px 11px 0px rgba(0,0,0,0.4);*/


/*-moz-box-shadow: 5px 5px 11px 0px rgba(0,0,0,0.4);*/


/*box-shadow: 5px 5px 11px 0px rgba(0,0,0,0.4);}*/

.top {
    float: left;
    width: 100%;

    position: fixed;
    ;
    background-color: #fff;
    box-shadow: 0px 3px 20px #00000029;
    z-index: 999;
}

.top-in {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 0;
}

.logo {
    float: left;
    width: 136px;
    height: 55px;

}

.logo img {
    width: 100%;
}

.menu {
    float: left;
    /*  padding: 20px 0;
    width:90%;*/
    /*margin-left:5%;*/
}

.menu ul li {
    display: inline-block;
    padding: 3px 22px;
    pointer: cursor;
    font: normal normal normal 16px/19px Lato;

    color: #1E1D49;
    position: relative;
    border-right: 2px solid #B53036;
}


.menu ul li.lst {
    border-right: 0;
}

.menu ul li:last-child {
    margin-right: 0;
}



.menu ul li a {

    font: normal normal bold 16px Lato;
    letter-spacing: 0px;
    color: #00355F;
    padding: 50px 0;
}



.menu ul {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.get-in-touch {
    font: normal normal bold 14px/17px Lato;
    background-color: #b53036;

    padding: 17px;
}

.get-in-touch a {
    color: #fff;
}

.call-fix-top {
    width: 100%;

    bottom: 0;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 20px 12px 13px;
    box-shadow: 0px 3px 10px #0000000d;
    z-index: 9999;
    border-radius: 20px 0 0 20px;
    display: none;
    left: 0;
}

.call-fix-top li {
    margin-bottom: 19px;
    text-align: center;
}

.call-fix-top li:nth-child(1) a img {
    width: 25px;
    height: 27px;
}

.call-fix-top li:nth-child(2) a img {
    width: 27px;
    height: 20px;

}

.call-fix-top li:nth-child(3) a img {
    width: 28px;
    height: 28px;
}

.call-fix-top li:nth-child(3) {
    margin-bottom: 0;
}

.call-fix-top li a span {
    text-align: center;
    font: normal normal normal 9px/10px Poppins;
    letter-spacing: 0.18px;
    color: #797979;
    text-transform: capitalize;
    display: block;
    margin-top: 5px;
}

.menu .navtoogle {
    position: relative;
    display: none;
    width: auto;
    padding: .5em .5em .8em;
    text-align: left;
    font-size: 1.2em;
    background: none;
    border: 0;
    /*height: 45px;*/
    border-radius: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 20px;
    text-align: center;
    background: rgba(255, 255, 255, 0.9);

    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.7;
    text-transform: uppercase;
    z-index: 99999;
}

/*.menu .navtoogle{*/
/*content: '\2630';*/
/*  padding: 0 10px;*/
/*  font-size: 1.2em;*/
/*}*/
/*.menu .navtoogle.active:before {*/
/*content: '\2716';*/
/*  padding-right: .5em;*/
/*  font-size: 1.2em;*/
/*}*/
/*.menu .navtoogle{*/
/*      width: 50px;*/
/*  height: 30px;*/
/*  float:left;*/
/*}*/
.burger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50px;
    height: 30px;
    float: left;

}

.burger .dash {
    width: 24px;
    height: 2px;
    background: #000;
    border-radius: 20px;
    transition: 0.25s;
}

.burger .dash:nth-of-type(3) {
    position: absolute;
    top: calc(50% - 1.5px);
}

.active .dash:nth-of-type(1) {
    opacity: 0;
}

.active .dash:nth-of-type(4) {
    opacity: 0;
}

.active .dash:nth-of-type(3) {
    transform: rotate(45deg);
}

.active .dash:nth-of-type(2) {
    transform: rotate(-45deg);
}






.menu ul li ul.sub-menu {
    /*opacity:0;*/
    /*       visibility: hidden;*/
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 20px #00000017;
    width: 240px;
    position: absolute;
    display: none;
    top: 60px;
    z-index: 999;
    padding: 30px 20px;
    left: -30px;
}

.menu ul li:hover>ul.sub-menu {
    /*opacity:1;*/
    /*         visibility: visible;*/
    display: block;
}

.menu ul li ul.sub-menu li {

    display: block;
    border: 0;
    display: flex;
    padding: 8px 8px;
    border: 0;
    width: 100%;
    align-items: center;
    float: left;
}

.sub-menu li i {
    color: #fff;
    width: 13px;
    height: 13px;
    line-height: 0px;
    text-align: center;
    background: #00355F;
    margin-right: 7px;
    float: left;
    border-radius: 2px;
    flex: 0 0 13px;
}

.sub-menu li i img {
    width: 4px;
    height: 6px;

}

.menu ul li ul.sub-menu li a {
    padding: 0;
    text-align: left;
    font: normal normal normal 13px Lato;
    letter-spacing: 0px;
    color: #666666;
}

.events-page {
    float: left;
    width: 100%;
    margin-top: 100px;
}

.inner-head-banner {
    float: left;
    width: 100%;
    text-align: center;
    padding: 50px 0;
}

.inner-ban img.career {

    object-position: 97% top;
    height: auto;
}

.inner-head {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.inner-head h6 {
    font: normal normal normal 14px/25px Lato;
    color: #00355F;
}

.inner-head h1 {
    font: normal normal 900 55px/50px Lato;
    color: #00355F;
    position: relative;
    display: inline-block
}

.inner-head h1:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 54px;
    background-color: #B53036;
    bottom: -6px;
    left: 0;
}

.inner-ban {
    float: left;
    width: 100%;
    position: relative;

}

.inner-ban img {
    width: 100%;
    object-fit: cover;
    /* height: 400px; */
    object-position: 97%;

}

.inner-ban-app img {
    width: 100%;
    object-fit: unset;
    height: 400px;
    object-position: 97%;

}

.article-inner-ban img {
    width: 100%;
    /*object-fit: cover;*/
    /*   height: 570px;*/
    /*   object-position: 97%;*/

}

.inner-main {
    float: left;
    width: 100%;
}

.inner-main-top {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-left {
    float: left;
    margin-left: 15px;
}

.top-left h3 {
    font: normal normal bold 20px/23px Lato;

    color: #3B3B3B;
}

.top-right {
    float: right;
}

.search {
    float: right;
    position: relative;
    margin-right: 15px;
    width: 258px;
}

.search input {
    border: 1px solid #D6D6D6;
    font: normal normal normal 12px/23px poppins;
    padding: 15px 28px;
    position: relative;
    width: 100%;
}

.search-select {
    float: right;
    position: relative;
    margin-right: 15px;

}

.search-select select {
    border: 1px solid #D6D6D6;
    font: normal normal normal 12px/23px poppins;
    padding: 15px 28px;
    position: relative;
    margin-right: 15px;
}

.search i {
    position: absolute;
    content: "";
    right: 10px;
    top: 15px;
}

.events-main {
    float: left;
    width: 100%;
    margin-top: 40px;
}

.events-item {
    float: left;
    width: 100%;
    border: 1px solid #dfdfdf;
    border-radius: 12px;
    padding: 21px 25px 25px 25px;
    margin-bottom: 30px;
    box-shadow: 0px 20px 30px #D0D0D0;
}

.events-item:hover {
    /*box-shadow: 0px 20px 30px #00000049;*/
    box-shadow: 0px 20px 30px #A0A0A0;
    transition: all 0.5s ease;
}

.event-img {
    float: left;
    width: 100%;
}

.event-img img {
    width: 100%;
    height: 207px;
    object-fit: cover;
}

.event-title {
    font: normal normal bold 18px/23px Lato;

    color: #3B3B3B;
    margin-top: 22px;
    margin-bottom: 48px;
    float: left;
    min-height: 69px;
    overflow: hidden;
    text-overflow: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.date-pdf {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.event-date {
    float: left;
    font: normal normal bold 12px/15px Lato;
    color: #3B3B3B;
}

.event-pdf {
    float: right;
    height: 35px;
}

.speaker-location {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.speaker {
    display: flex;
    flex-direction: column;
}

.speaker h1 {
    font: normal normal bold 12px/20px Lato;
    color: #3B3B3B;
}

.location h1 {
    font: normal normal bold 12px/20px Lato;
    color: #3B3B3B;
}

.point.location-point {
    cursor: context-menu;
}

.speaker p {
    font: normal normal bold 13px/15px Lato;
    color: #3B3B3B;
}

.location p {
    font: normal normal bold 13px/15px Lato;
    color: #3B3B3B;
}

.pagination {
    float: left;
    width: 100%;
    margin: 30px 0;
}

.pagination-inner {
    float: right;
    display: flex;
    align-items: center;
    margin-right: 15px;
}

a.prev-btn,
a.next-btn {
    height: 50px;
    width: 50px;
    line-height: 46px;
    text-align: center;
    background-color: #D6D6D6;
    float: left;
}

a.prev-btn img,
a.next-btn img {
    margin-top: -4px;
}

.pagination-input {
    float: left;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #EEEEEE;
    font: normal normal normal 14px/23px Lato;
    margin: 0 5px;

    color: #3B3B3B;
}

.pagination p {
    font: normal normal normal 14px/23px Lato;
    float: left;
    color: #3B3B3B;
    margin-left: 5px;

}




.thought-leadership-main {
    float: left;
    width: 100%;
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
}

.thought-leadership-item {
    float: left;
    width: 100%;
    border: 1px solid #dfdfdf;
    padding: 21px 25px 25px 25px;
    margin-bottom: 30px;
    border-radius: 12px;
    box-shadow: 0px 20px 30px #D0D0D0;
}

.thought-leadership-item:hover {
    /*box-shadow: 0px 20px 30px #00000049;*/
    box-shadow: 0px 20px 30px #A0A0A0;
    transition: all 0.5s ease;
}

.thought-leadership-img {
    float: left;
    width: 100%;
}

.thought-leadership-img img {
    width: 100%;
    height: 170px;
    object-fit: cover;
}

.thought-leadership-title {
    font: normal normal bold 18px/23px Lato;

    color: #3B3B3B;
    margin-top: 22px;
    margin-bottom: 12px;
    float: left;
    min-height: 46px;
    overflow: hidden;
    text-overflow: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.thought-leadership-info {
    min-height: 108px;
    float: left;
    width: 100%;
}

.thought-leadership-info p:empty {
    display: none;
}

.thought-leadership-info p {
    font: normal normal normal 13px/18px Lato;
    color: #3B3B3B;
    /* min-height: 108px; */
    overflow: hidden;
    text-overflow: none;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.date-author {
    float: left;
    width: 100%;
    margin-top: 12px;
}

.thought-leadership-date {
    float: left;
    width: 100%;
    font: normal normal normal 12px/15px Lato;

    color: #666666;
}

.thought-leadership-author {
    float: left;
    width: 100%;
    font: normal normal normal 12px/15px Lato;

    color: #666666;
}

.categories {
    float: left;
    width: 100%;
    background: #FCFCFC;
    padding-left: 25px;
    padding-top: 35px;

}

.categories.stick {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 268px;
}

.categories h3 {
    font: normal normal bold 14px/23px Lato;

    color: #00355F;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.categories ul {
    float: left;
    width: 100%;

}

.categories ul li {
    border-bottom: 1px solid #EEEEEE;
    float: left;
    width: 100%;

}

.categories ul li a {
    font: normal normal normal 12px/50px Lato;

    color: #3B3B3B;
}




.news-main {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.news-item {
    float: left;
    width: 100%;
    border: 1px solid #dfdfdf;
    border-radius: 12px;
    padding: 21px 25px 25px 25px;
    margin-bottom: 30px;
    box-shadow: 0px 20px 30px #D0D0D0;
}

.news-item:hover {
    /*box-shadow: 0px 20px 30px #00000049;*/
    box-shadow: 0px 20px 30px #A0A0A0;
    transition: all 0.5s ease;
}

.news-logo {
    float: left;
    width: 100%;
}

.news-logo img {
    width: auto;
    height: 57px;
    object-fit: contain;
}

.news-img {
    float: left;
    width: 100%;
}

.news-img img {
    width: 100%;
    height: 207px;
    object-fit: cover;
}

.news-title {
    font: normal normal bold 18px/23px Lato;

    color: #3B3B3B;
    margin-top: 22px;
    margin-bottom: 18px;
    float: left;
    min-height: 46px;
    overflow: hidden;
    text-overflow: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
}

.news-date {
    float: left;
    font: normal normal bold 12px/15px Lato;
    color: #3B3B3B;
}


.nav-tabs {
    float: left;
    width: 100%
}

.nav-tabs>li {
    float: left;
    padding-bottom: 12px;
    border-bottom: 2px solid #B53036;
    margin-right: 15px;
}

.nav-tabs li a {
    font: normal normal bold 20px/24px Lato;
    margin-right: 85px;
}

/*.fade{opacity:0;transition:opacity 0.15s linear 0s;}*/
.fade.in {
    opacity: 1;
}

.tab_content>.tab_pane {
    display: none;
}

.tab_content>.active {
    display: block;
}

.tab_content {
    float: left;
    width: 100%;
    padding-top: 20px
}

.nav-tabs>li .radio {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 0px solid #707070;
    line-height: 25px;
    text-align: center;
    float: left;
    margin-right: 5px;
}

.nav-tabs>li .inner-radio {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #D6D6D6;
    position: relative;
    left: 5px;
    top: 5px;
    float: left;
}

.nav-tabs>li a.active .radio {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #707070;
    line-height: 25px;
    text-align: center;
    float: left;
    margin-right: 5px;
}

.nav-tabs>li a.active .inner-radio {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #00355F;
    position: relative;
    left: 5px;
    top: 5px;
    float: left;
}

.nav-tabs>li a.tab-name {
    color: #D6D6D6;
}

.nav-tabs>li a.active {
    color: #00355F;
}

/*.testi{*/
/*    float:left;*/

/*    padding:0 60px;*/
/*}*/


.testi-main {
    float: left;
    width: 100%;

}

.testi-item {
    float: left;
    width: 100%;
    border: 1px solid #dfdfdf;
    border-radius: 12px;
    padding: 15px 18px 30px;
    margin-bottom: 80px;
    box-shadow: 0px 20px 30px #D0D0D0;
}

.fade:not(.show) {
    opacity: 0;
}

.modal-body .testi-item {

    margin-bottom: 0;
}

.modal-body .testi-item:hover {
    box-shadow: none;
}

.testi-item:hover {
    /*box-shadow: 0px 20px 30px #00000049;*/
    box-shadow: 0px 20px 30px #A0A0A0;
    transition: all 0.5s ease;
}

.testi-logo {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.testi-logo img {
    width: 251px;
    height: 76px;
    object-fit: contain;
}

.testi-inner {
    float: left;
    width: 100%;
    background: #F9F9F9;
    border-radius: 13px;
    padding: 23px;
}

.testi-inner p:empty {
    display: none;
}

.testi-inner p {
    font: normal normal normal 14px/20px Lato;
    min-height: 30px;
    overflow: hidden;
    text-overflow: none;
    display: -webkit-box;
    /* -webkit-line-clamp: 4; */
    -webkit-box-orient: vertical;
    color: #3B3B3B;
}

.read-more a {
    font: normal normal 500 14px/23px Lato;

    color: #B53036;
    display: flex;
    align-items: center;

}

.read-more a img {
    margin-left: 5px;
}

.read-more {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.testi-item h2 {
    font: normal normal 700 14px/30px Lato;

    color: #00355F;
    float: left;
    margin-left: 30px;
    margin-top: 24px;
}

.modal-open {
    overflow: hidden;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    background: rgba(0, 0, 0, 0.7);
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 1.75rem auto;
    pointer-events: none;
    max-width: 500px;
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .625rem;
    outline: 0;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

.modal .modal-body {
    padding: 2rem;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-header {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.modal-header .close {
    background-color: #a0a0a0;
    border-radius: 50%;
    color: #fff;
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    margin: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    z-index: 99;
    font-weight: 700;
    border: 0;
    text-shadow: 0 1px 0 #fff;
    cursor: pointer;
}



.legal-page {
    float: left;
    width: 100%;
    margin-top: 100px;
}

.legal-page .inner-head {
    margin-bottom: 0;
}

.legal {
    float: left;
    width: 100%;
    background: #FCFCFC;
    padding: 40px 56px;
    margin-bottom: 60px;
}

.legal-sec {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.legal-sec h1 {
    font: normal normal bold 30px/35px Lato;
    margin-bottom: 30px;
    color: #00355F;
    float: left;
    width: 100%;
}

.legal-sec p {
    font: normal normal normal 14px/24px Lato;
    margin-bottom: 25px;
    color: #3B3B3B;
    float: left;
    width: 100%;
}

.legal-sec p span {
    font: normal normal bold 14px/20px Lato;

    color: #3B3B3B
}

.legal-type {
    float: left;
    width: 100%;
}

.legal-type h4 {
    font: normal normal bold 14px/22px Lato;
    margin-bottom: 15px;
    color: #3B3B3B;
}

.legal-sec ul {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.legal-sec ul li {
    margin-bottom: 10px;
    font: normal normal normal 14px/22px Lato;

    color: #3B3B3B;
}

.legal-type ul li {
    font: normal normal normal 14px/22px Lato;
    margin-bottom: 0;
    color: #3B3B3B;
}

.legal-sec ul li h2 {
    font: normal normal normal 14px/24px Lato;
    color: #3B3B3B;
}

.legal-sec ul li ul {
    margin-left: 15px;
    margin-top: 10px;
}

.sitemap {
    float: left;
    width: 100%;
}

.sitemap-inner {
    float: left;
    width: 100%;
    background: #FAFAFA;
    padding: 28px 44px;
    height: 250px;
    margin-bottom: 30px;
}

.sitemap-inner h2 {
    float: left;
    width: 100%;
    font: normal normal 900 25px/30px Lato;
    margin-bottom: 15px;
    color: #00355F;

}

.sitemap-inner ul {
    float: left;
    width: 100%;
}

.sitemap-inner ul li {
    float: left;
    width: 100%;
    font: normal normal normal 14px/24px Lato;
    display: flex;
    align-items: center;
    color: #3B3B3B;

}

.sitemap-inner ul li i {
    color: #fff;
    width: 13px;
    height: 13px;
    line-height: 1px;
    text-align: center;
    background: #00355F;
    margin-right: 17px;
    float: left;
    border-radius: 2px;

}

.sitemap-inner ul li i img {
    width: 4px;
    height: 6px;
}


.breadcrumb {
    font: normal normal normal 13px/20px Lato;
    margin-top: -78px;
    text-align: left;

    color: #3B3B3B;
}

.breadcrumb a {
    color: blue;
}

.breadcrums {
    padding-left: 5%;
}

.contact-info {
    padding-top: 50px;
}

.breadcrumb span {
    color: #B53036;
}

.contact-active {
    float: left;
    width: 100%;
    text-align: center;
    justify-content: center;
    display: flex;
}

.contact-active li {
    width: 24.5%;
    height: 190px;

}

.contact-tab {
    display: inline-block;
    background: #FDFDFD 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 50px #00000021;
    border: 1px solid #EEEEEE;
    padding: 40px 100px 20px;
    padding: 40px 30px 20px;
    width: 100%;
    height: 100%;
}

.contact-tab img {
    width: 78px;
    height: 78px;
}

.contact-active li a.active {
    background: #00355f
}

.contact-active li a span {
    font: normal normal normal 12px/18px Lato;
    display: block;
    color: #666666;
    margin-top: 10px;
}

.contact-active li a.active span {
    color: #ffffff;
}

.contact-info h2 {
    font: normal normal 900 30px/50px Lato;

    color: #3B3B3B;
    text-align: center;
}

.contact-active li a.active img {
    filter: brightness(0) invert(1);
}

.contact-info p {
    font: normal normal normal 14px/23px Lato;

    color: #666666;
    text-align: center
}

.get-in-touch-inner {
    background: #FCFCFC 0% 0% no-repeat padding-box;
    padding: 60px 30px;
    float: left;
    width: 100%;
    margin-top: 40px;
}

.get-in-touch-details {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.get-in-touch-details h4 {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #DFDFDF;
    line-height: 0.1em;
    margin: 10px 0 60px;

}


.get-in-touch-details h4 span {
    background: #fcfcfc;
    padding: 0 10px;
    font: normal normal bold 18px/1px Lato;

    color: #666666;
}

.form-group {
    float: left;
    width: 100%;
}

.form-group label {
    font: normal normal normal 14px/23px Lato;
    color: #666666;
    display: block;
    margin-bottom: 10px;
}

.form-group label span {
    color: red;
}

.form-group .form-control {
    border: 1px solid #DFDFDF;
    font: normal normal normal 14px/23px Lato;
    color: #666666;
    padding: 8px 10px;
    width: 100%;
    background: transparent;
    margin-bottom: 40px;
}

.submit-btn {
    float: left;
    width: 100%;
    text-align: center;
}

.sub {
    background: #00355F 0% 0% no-repeat padding-box;
    border-radius: 9px;
    color: #fff;
    display: inline-block;
    border: 0;
    padding: 18px 80px;
    cursor: pointer;
}

.contact-info-tab {
    float: left;
    width: 100%;

}

.contact-info-inner {
    float: left;
    width: 100%;
    background: #FAFAFA;
    padding: 15px;

}

.c-scrl {
    height: 482px;
    overflow-y: scroll;
}

/* width */
.c-scrl::-webkit-scrollbar {
    width: 5px;

}

/* Track */
.c-scrl::-webkit-scrollbar-track {
    border: 1px solid #000;
    border-radius: 12%;
    margin-top: 50px;
    margin-bottom: 50px;

}

/* Handle */
.c-scrl::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

/* Handle on hover */
.c-scrl::-webkit-scrollbar-thumb:hover {
    background: #888;

}

.contact-info-inn {
    float: left;
    width: 100%;
}

.contact-info-in {
    float: left;
    width: 100%;
    margin-bottom: 22px;
}

.contact-info-in h1 {
    font: normal normal bold 16px/18px Lato;
    color: #3B3B3B;
    margin-bottom: 10px;
}

.contact-info-in p {
    font: normal normal normal 14px/18px Lato;
    color: #3B3B3B;
    text-align: left;

}

.select-box {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    border: 0;
    background: transparent;
    text-align: left;
}

.select-box h1 {
    font: normal normal normal 20px/18px Lato;
    color: #3B3B3B;
    position: relative;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    cursor: pointer;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: all 0.35s ease;
}

.select-box img.location-img {
    width: 16px;
    height: 22px;
}

.select-box h1 img.select-arrow {
    width: 23px;
    height: 23px;
    position: absolute;
    right: 0;
    top: 2px;
}

/* ul.selectul{*/
/*    display:none;*/
/*    float:left;*/
/*    width:100%;*/
/*    border:0;*/
/*    border-bottom:1px solid #C9C9C9;*/
/*    background:white;*/
/*    padding:10px 30px;*/
/*    font: normal normal normal 25px/18px Lato;*/
/*letter-spacing: 0px;*/
/*color: #3B3B3B;*/
/*box-shadow: 0px 3px 30px #00000029;*/
/*position:absolute;*/

/*}*/

/* ul.selectul li{*/

/*    background:white;*/
/*    font: normal normal normal 18px/40px Lato;*/
/*letter-spacing: 0px;*/
/*color: #3B3B3B;*/
/*cursor:pointer;*/
/*border-bottom:1px solid #ddd;*/
/*}*/
/* ul.selectul li:last-child{*/
/*    border-bottom:0;*/
/*}*/

.accordion-contact {
    float: left;
    width: 100%;
}

.collapse:not(.show) {
    display: none;
}

.collapsed h1 img.select-arrow {
    transform: rotate(-90deg);
}

.select-box img {
    width: 30px;
    height: 19px;
    margin-right: 30px;
}

/*@media (hover: none) {*/
/*    .select-box:hover .selectul{*/

/*    display:none;*/
/*}*/
/*.select-box:hover .select-arrow{*/
/* transform: scaleY(1);*/
/*}*/
/*}*/

/*.res-select-arrow .selectul{*/

/*    display:block !important; */
/*}*/
.res-select-arrow .select-arrow {
    transform: scaleY(-1) !important;
}



.contact-map {
    float: left;
    width: 100%;
}

.clock-full {
    float: left;
    width: 100%;
}

.clock {
    float: left;
    width: 128px;
    position: relative;
    height: 60px;
}

.clock-inner {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 60px 0;
}

.clock-in {
    float: left;
    width: 100%;

    display: none;
}

.clock-white {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 7px;
    float: left;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 6px;
    justify-content: center;
}

.clock-img {
    float: left;
    width: 30px;
    height: 19px;
}

.clock-img img {
    float: left;
    width: 100%;
    height: 100%;
}

.clock-name {
    text-align: left;
    font: normal normal normal 9px/11px Lato;
    letter-spacing: 0px;
    color: #00355F;
    text-transform: uppercase;
    margin-left: 5px;
    margin-top: 5px;
}

.clock-blue {
    position: absolute;
    right: 0;
    background-color: rgba(0, 53, 95, 0.8);
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 0px 7px 7px 0px;
    width: 86px;
    height: 100%;
    padding: 11px 8px;
}

.clock-time {
    text-align: left;
    font: normal normal normal 18px/22px Lato;
    letter-spacing: 0px;
    color: #CFECF0;
}

.clock-day {
    font: normal normal normal 9px/11px Lato;
    letter-spacing: 0px;
    color: #CFECF0;
}

.ship-img {
    float: left;
    width: 100%;
    text-align: center;
}


.gal-title {
    float: left;
    width: 100%;
    text-align: center;
}

.gal-title h3 {
    font: normal normal 900 30px/23px Lato;
    color: #00355F;
    line-height: 1.0;
}

.gal-title p {
    font: normal normal normal 14px/18px Lato;
    color: #3B3B3B;
    margin-top: 20px;
}

.featured-title {
    float: left;
    width: 100%;

}

.featured-title h3 {
    text-align: left;
    font: normal normal 900 25px/23px Lato;
    color: #00355F;

}

.gallery {
    float: left;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 40px;
}

.gallery-item {
    float: left;
    width: 100%;
    position: relative;
    cursor: pointer;

}

.gally-main {
    margin-bottom: 60px;
}

.gal-pad {
    padding: 0 !important;
}

.gallery-item .gal-img {
    width: 100%;
    height: 235px;
    object-fit: cover;
    position: relative;
    margin: 0;
    float: left;
    border: 1px solid #fff;
}

/*.gallery-item .big-gal-img{*/

/*    height:512px;*/

/*}*/
.gallery-item .gallery-overlay {
    position: absolute;
    left: 1px;
    right: 1px;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    bottom: 1px;
    padding: 10px 20px;
    justify-content: space-between;
    z-index: 10;
}

.gallery-item .gallery-overlay img {
    width: auto;
}

.gallery-item .gallery-overlay .gal-info {
    float: left;
    padding-right: 80px;
}

.gallery-item .gallery-overlay .gal-play {
    float: right;
}

.gallery-item .gallery-overlay .gal-info h2 {
    font: normal normal bold 20px/23px Lato;
    margin-bottom: 10px;
    color: #FFFFFF;
}

.gallery-item .gallery-overlay .gal-info p {
    font: normal normal normal 14px/18px Lato;
    color: #EEEEEE;
    max-height: 0;
    opacity: 0;
    transition: max-height.5s ease, opacity.5s ease;

}

.gallery-item:hover .gal-info p {

    opacity: 1;
    max-height: 500px;


}

.featured {
    float: left;
    width: 100%;
}

.library {
    float: left;
    width: 100%;

}

.library-in {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.library-item {
    float: left;
    width: 100%;
    position: relative;
    cursor: pointer;
    margin-bottom: 40px;
}

.library-item .lib-img {
    width: 100%;
    height: 235px;
    object-fit: cover;
    position: relative;
    margin: 0;
    float: left;
    margin-bottom: 15px;
}

.library-item .lib-img:hover {
    box-shadow: 0px 10px 10px #999;
}

.lib-item {
    position: relative;
    float: left;
    width: 100%;
}

.gallery-library {
    float: left;
    width: 100%;
}

.gal-library {
    float: left;
    width: 100%;
}

.gal-library h2 {
    font: normal normal bold 20px/23px Lato;
    letter-spacing: 0px;
    color: #3B3B3B;
    position: relative;
}

.gal-library h2:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 24px;
    background-color: #B53036;
    bottom: -6px;
    left: 0;
}

.gal-library p {
    font: normal normal normal 14px/18px Lato;
    letter-spacing: 0px;
    color: #3B3B3B;
    margin-top: 13px;
}

.gal-play {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    height: 60px;
    width: 60px;
    top: 0;
    bottom: 0;
}

.gal-play img {
    height: 60px;
    width: 60px;
}

.iframe-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 30;
}

.view-more {
    float: left;
    width: 100%;
}

.view-more a {
    font: normal normal 900 25px/23px Lato;

    color: #00355F;
}



.inner-title {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 40px;
}

.inner-head-nopad {
    margin-bottom: 20px;
}

.inner-head h6.inner-back {
    text-align: left;
}

.inner-back img {
    width: 15px;
    height: 12px;
    margin-right: 11px;
    margin-bottom: -1px;

}

.inner-head h6 a {
    text-align: left;
    font: normal normal normal 14px/26px Lato;

    color: #3B3B3B;

}

.inner-main-title {
    float: left;
    width: 100%;
    font: normal normal 900 35px/42px Lato;
    color: #00355F;
    margin-bottom: 10px;

}

.inner-date {
    font: normal normal normal 13px/30px Lato;

    color: #3B3B3B;
}

.inner-author {
    /*font: normal 600 normal 15px/30px Lato;*/
    font: normal normal normal 15px/20px Lato;

    color: #3B3B3B;
}

h5.inner-author {
    font: normal normal normal 15px/20px Lato;

    margin-left: 55px;
}

.inner-author span {
    position: relative;
}


.inner-author span:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 24px;
    background-color: #B53036;
    bottom: -2px;
    left: 0;
}

.inner-info {
    float: left;
    width: 100%;
    padding-top: 40px;
}

.inner-info br:after {
    display: block;
    margin: -17px;
}

.inner-info br {
    content: "";
    display: block;
    margin: 13px 0;

}

.inner-info img {
    float: left;
    width: 100%;
}

.inner-info p {
    font: normal normal normal 14px/30px Lato;
    margin-bottom: 14px;
    color: #3B3B3B;
}

.inner-info p:empty {
    display: none;
}

.inner-info ul li {
    list-style: inherit;

    margin-left: 25px;
}

.inner-contact-strip {
    float: left;
    width: 100%;
    background: #00355F;
    padding: 30px;
    display: flex;
    margin-bottom: 40px;
}

.res-show {
    display: none;
}

.inner-contact {
    padding-right: 40px;
    float: left;
    border-right: 1px solid #fff;
}

.inner-contact p {
    font: normal normal normal 12px/13px Lato;

    color: #C3C3C3;
}

.inner-contact h4 {
    font: normal normal normal 16px/23px Lato;

    color: #FFFFFF;
}

.inner-email {
    padding-left: 40px;
    float: left;

}

.inner-email span {
    font: normal normal normal 20px/23px Lato;
    margin-left: 5px;
    color: #FFFFFF;
}

.inner-email span a {

    color: #FFFFFF;
}

.right-panel {
    float: left;
    width: 100%;
}

.abt-author {
    float: left;
    width: 100%;
    background-color: #FCFCFC;
    padding: 15px;
}

.abt-author img {
    width: 100%;
}

.abt-author h2 {
    color: #3B3B3B;
    font: normal normal bold 14px/10px Lato;
    margin-bottom: 15px;
    margin-top: 15px;
}

.abt-author p {
    color: #3B3B3B;
    font: normal normal normal 14px/24px Lato;
    margin-bottom: 15px;
}

.tags {
    float: left;
    width: 100%;
    background-color: #FCFCFC;
    padding: 15px;
    margin-top: 15px;
}

.tags h2 {
    color: #3B3B3B;
    font: normal normal bold 14px/10px Lato;
    margin-bottom: 15px;
}

.tags-item {
    float: left;
    width: 100%;
}

.tags-item span a {
    display: inline-block;
    background: #EFFDFF;
    font: normal normal normal 10px/10px Lato;
    letter-spacing: 0px;
    color: #3B3B3B;
    margin-right: 10px;
    margin-bottom: 12px;
    padding: 8px 10px;
}

.share-article {
    float: left;
    width: 100%;
    background-color: #FCFCFC;
    padding: 15px;
    margin-top: 15px;
}

.share-article h2 {
    color: #3B3B3B;
    font: normal normal bold 14px/10px Lato;
    margin-bottom: 15px;
}

.share-article img {
    display: inline-block;
    height: 35px;
    width: 35px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.related-news {
    float: left;
    width: 100%;
    background-color: #FCFCFC;
    padding: 15px;
    margin-top: 15px;
}

.related-news img {
    width: 100%;
}

.related-news h2 {
    color: #3B3B3B;
    font: normal normal bold 14px/10px Lato;
    margin-bottom: 15px;
}

.related-news-in img {
    margin-bottom: 10px;
}

.related-news-in p {
    color: #3B3B3B;
    font: normal normal normal 14px/24px Lato;

}

.related-news-in {
    margin-bottom: 15px;
}

.footer_main {
    background: #F7F7F7;
    float: left;
    width: 100%;
    padding: 15px 0;
    position: relative;
}

.footer-bot {
    float: left;
    width: 100%;
    border-top: 1px solid #D6D6D6;
    padding: 20px 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

}

.bot-menu {
    float: left;
    width: 100%;
    padding-bottom: 30px;
}

.bot-menu-in {
    float: left;
    width: 100%;

}

.bot-menu-in li.first a.bot-link {
    font: normal normal 900 16px/50px Lato;
    letter-spacing: 0px;
    color: #00355F;
    position: relative;
}

.bot-menu-in li.first a.bot-link:after {
    position: absolute;
    content: "";
    width: 60px;
    height: 1px;
    background-color: #00355F;
    bottom: -12px;
    left: 0;
}

.bot-menu-in li.first {
    float: left;
    margin-right: 50px;
    width: 150px;

}

.bot-menu-in li.first ul {
    margin-top: 10px;
}

.bot-menu-in li.first ul li {

    letter-spacing: 0px;
    margin-bottom: 6px;

}

.bot-menu-in li.first ul li a {
    display: flex;
    color: #666666;
    font: normal normal normal 12px Lato;
}

.bot-menu-in li.first ul li:hover>a {
    color: #b53036;
}

.bot-menu-in li.first ul li:hover>i {
    background: #b53036;
    transition: all 0.5s ease;
}


.bot-menu-in li.first:last-child {
    margin-right: 0;
}

.bot-menu-in ul li i {
    color: #fff;
    width: 13px;
    height: 13px;
    line-height: 1px;
    text-align: center;
    background: #00355F;
    margin-right: 7px;
    float: left;
    border-radius: 2px;
}

.bot-menu-in ul li i img {
    width: 4px;
    height: 6px;
}

.footer-bot-links {
    float: left;

}

.footer-bot-links ul {
    float: left;
}

.footer-bot-links ul li {
    display: inline-block;
    margin-right: 10px;
    font: normal normal normal 10px/23px Lato;
}

.footer-bot-links ul li:last-child {
    margin-right: 0px;
}

.footer-bot-links ul li a {
    font: normal normal normal 10px/23px Lato;
    color: #666666;
}

.social-icons-bot {
    float: left;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.social-icons-bot ul {
    float: left;
}

.social-icons-bot ul li {
    display: inline-block;
    margin-right: 10px;
}

.social-icons-bot ul li:last-child {
    margin-right: 0px;
}

.social-icons-bot ul li img {
    height: 30px;
    width: 30px;
}

.apple {
    width: 25px;
    height: 30px;
}

.android {
    width: 27px;
    height: 32px;
}

.barcode {
    width: 50px;
    height: 50px;
}

.download-app {
    float: left;
    display: flex;
    align-items: baseline;
}

.download-app p {
    font: normal normal normal 10px/23px Lato;
    margin-right: 5px;
    color: #666666;
}

.download-app ul {
    float: left;
}

.download-app ul li {
    display: inline-block;
    margin-right: 10px;
}

.copyright {
    font: normal normal normal 10px/23px Lato;

    color: #666666;
}

.scrollToTop {

    float: left;
    /*display: none;*/

    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;

}

.scrollToTop i {
    color: #10386b;
    font-size: 30px;
}









.index-main {
    float: left;
    width: 100%;

}

.banner {
    float: left;
    width: 100%;
    position: fixed;
    z-index: 0;
    transition: all.3s ease-in;

}

.banner-scroll {
    position: relative;
}

.paral {
    padding-top: 60px;
    float: left;
    width: 100%;
    background-color: #fff;
    /*margin-top:700px;*/
    position: relative;
    z-index: 1;
    transition: all.3s ease-in;
}

/*.paral-scroll{*/

/*    z-index:-1;*/
/*}*/
/*.paral::before {*/
/*    background: url(../images/semi.png);*/
/*    position: absolute;*/
/* top: 100%; */
/*    content: '';*/
/* height: auto; */
/*    height: 170px;*/
/*    width: 100%;*/
/*    left: 0;*/
/*    right: 0;*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    z-index: -1;*/
/*    bottom: 100%;*/
/*    background-position: center;*/
/*}*/

#main-slide {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 98px;
    /*height:80vh;*/
}

#main-slide .item img,
#main-slide .item video {
    /*height:80vh;*/
    object-fit: cover;
    width: 100%;
}

#main-slide .item:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    height: 100%;
    left: 0;
    right: 0;
}

.spinny-words {
    display: inline-block;
    min-width: 500px;
    text-align: left;
    position: relative;
}

.spinny-words span {
    position: absolute;
    font-weight: bold;
    top: -43px;
    opacity: 0;
    animation: rotateWord 12s linear infinite 0s;
    font: normal bold 50px/50px Poppins;
}

.spinny-words span:nth-child(2) {
    animation-delay: 3s;
}

.spinny-words span:nth-child(3) {
    animation-delay: 6s;
}

.spinny-words span:nth-child(4) {
    animation-delay: 9s;
}

/*.spinny-words span:nth-child(5) { */
/*    animation-delay: 12s; */
/*}*/
/*.spinny-words span:nth-child(6) { */
/*    animation-delay: 15s; */
/*}*/
@keyframes rotateWord {
    0% {
        opacity: 0;
    }

    2% {
        opacity: 0;
        transform: translateY(-30px);
    }

    5% {
        opacity: 1;
        transform: translateY(0px);
    }

    17% {
        opacity: 1;
        transform: translateY(0px);
    }

    20% {
        opacity: 0;
        transform: translateY(30px);
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.ban-overlay {
    position: absolute;
    top: 0;
    bottom: 300px;
    margin: 0;
    color: #fff;
    display: flex;

    flex-direction: column;
    justify-content: end;
}

.ban-overlay h1 {
    font: normal normal normal 40px/50px Poppins;
}

.news-scroll {
    float: left;
    width: 100%;
    background-color: #024472;
    padding: 10px 0;
    /*position:absolute;*/
    bottom: 0;
    transition: all.3s ease-in;
    position: relative;
    margin-top: 580px
}

/*.news-scroll-rel{*/
/*    position:relative;*/
/*        display: none;*/
/*}*/
marquee {
    color: #fff;
    font: normal normal normal 12px/18px Poppins;
}

marquee span {
    margin-right: 20px;
    margin-left: 10px;
}

marquee img {
    width: 33px;
    height: 21px;
}


.who-we-are {
    float: left;
    width: 100%;
    /*margin-top:90px;*/

}

.who-we-are h1 {
    text-align: center;
    font: normal normal 40px/50px Poppins;
    letter-spacing: 0px;
    color: #292222;
    text-transform: capitalize;
    margin-bottom: 69px;

}

.index-head {
    float: left;
    width: 100%;
    text-align: center;
}

.index-head h2 {
    font: normal normal 40px/50px Poppins;
    letter-spacing: 0px;
    color: #292222;
    text-transform: capitalize;
    position: relative;
    margin-bottom: 20px;
    display: inline-block;
}

.index-head h2:after {
    position: absolute;
    content: "";
    height: 2px;
    width: 87px;
    background-color: #B53036;
    bottom: 0;
    left: 0;
}

.who-we-are-in {
    float: left;
    width: 100%;

}

.who-we-are-in-left {
    float: left;
    width: 80%;
}

.read-more-who a {
    font: normal normal 14px/23px Poppins;
    letter-spacing: 0px;
    color: #292222;
    display: flex;
    align-items: center;
    position: relative;

}

.read-more-who a:after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #00355F;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}


.read-more-who a:hover::after,
.read-more-who a:focus::after {
    height: 2px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

.read-more-who a img {
    margin-left: 5px;
    width: 17px;
    height: 10px;

    margin-bottom: 0;
}

.read-more-who {
    float: left;
    /*width:100%;*/
    margin-top: 20px;
}

.who-we-are-in-right {
    float: left;
    width: 100%;
}

.who-we-are-in-right-item {
    box-shadow: 3px 3px 10px #0000001A;
    margin-right: 13px;
    margin-bottom: 13px;
    width: 262px;
    height: 256px;
    float: left;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    position: relative;

}

.who-overlay {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    opacity: 0;
}

.who-overlay img {
    width: 100%;
}

.who-overlay:after {
    left: 0;
    right: 0;
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    height: 100%;
    top: 0;
}

.who-overlay h3 {
    position: absolute;
    top: 30px;
    left: 30px;
    font: normal normal normal 14px/18px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-align: left;
    z-index: 10;
}

.who-overlay h3 span {
    font: normal normal normal 24px/18px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;

}


.who-we-are-in-right-item:hover .who-overlay {
    opacity: 1;
}

.mar-r-0 {
    margin-right: 0
}

.who-we-are-in-right-item .icon img {
    width: 69px;
    height: 69px;
}

.who-we-are-in-left p {
    text-align: left;
    font: normal normal normal 16px/25px Poppins;
    letter-spacing: 1.28px;
    color: #797979;
}

.who-we-are-in-right-item .number {
    font: normal normal bold 50px/30px Poppins;
    letter-spacing: 0px;
    color: #AF272F;
    margin: 20px;
}

.who-we-are-in-right-item .item-name {
    font: normal normal normal 22px/30px Poppins;
    letter-spacing: 0px;
    color: #292222;
}

.trust {
    float: left;
    width: 100%;
    background-color: #00355F;
    text-align: center;
    padding: 30px 0;
    margin: 60px 0;


}

.trust h1 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.trust h1 span {

    font: italic normal normal 40px/60px Poppins;
    letter-spacing: 3.2px;
    color: #FFFFFF;
    margin: 0 20px;
}

.trust img {
    width: 283px;
    height: 5px;
    margin: 15px 0;
}

.trust h2 {
    font: normal normal normal 32px/44px Poppins;
    color: #FFFFFF;
}

.trust h1 span.circle {
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background-color: #DBDBDB;
}

.trust h1 {
    display: flex;
}

.what-we-offer {
    float: left;
    width: 100%;

}

.what-we-offer-in {
    float: left;
    width: 100%;
}

.what-we-offer-inner {
    float: left;
    width: 100%;
    background-image: url("https://gmsstagecdn.ams3.cdn.digitaloceanspaces.com/uploads_prod/common_media/home/what-we-offer-bg.webp");
    background-size: cover;
    position: relative;
    background-position: center;
}

.what-we-offer-in-left {
    float: left;
    width: 50%;

    height: 550px;

    padding-top: 150px;

}

.what-we-offer-in-left li {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}

.what-we-offer-in-left li a {
    font: normal normal normal 30px/50px Poppins;
    color: white;
    opacity: 0.4;
    width: 80%;
    float: left;
    position: relative;

}

.what-we-offer-in-left li a:after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #fff;
    transition: width .4s ease-in;
}

.what-we-offer-in-left li a.active:after {
    width: 100%;
}

.what-we-offer-in-left li a.active {
    font: normal normal bold 30px/50px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;

    position: relative;

}

.what-we-offer-in-left li a span {
    font: normal normal normal 14px/50px Lato;

    color: #D6D6D6;
    opacity: 0.4;
    margin-left: 10px;
    position: absolute;
    right: auto;
    transition: right .4s ease-in;
}

.what-we-offer-in-left li a.active span {
    opacity: 1;
    position: absolute;
    right: 0;
    color: #fff;

    transition: right .4s ease-in;
}

.what-we-offer-in-info {
    padding-top: 100px;
    float: left;
    width: 50%;
    padding-left: 40px;


}

.what-we-offer-info p {
    text-align: left;
    font: normal normal normal 14px/23px Poppins;
    letter-spacing: 0px;
    color: #D5D5D5;

}

.what-we-offer-info h3 {
    text-align: left;
    font: normal normal normal 12px/20px Poppins;
    letter-spacing: 0px;
    color: #D5D5D5;
    text-transform: uppercase;
    margin-bottom: 23px;
}

.what-we-offer-info h2 {
    font: normal normal medium 22px/30px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 23px;
}

.what-we-offer-info h5 {

    font: normal normal 800 267px/88px Gilroy;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 0.03;
    position: absolute;
    top: 90px;
    left: 47%;
}

.read-more-what a {
    font: normal normal 14px/23px Poppins;
    letter-spacing: 0px;
    color: #fff;
    display: flex;
    align-items: center;
    position: relative;
}

.read-more-what a img {
    margin-left: 5px;
    height: 10px;
    width: 17px;
}

.read-more-what {
    float: left;
    margin-top: 20px;
}

.read-more-what a:after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

.read-more-what a:hover::after,
.read-more-what a:focus::after {
    height: 2px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

.what-diff {
    float: left;
    width: 100%;
    margin-top: 100px;
}

.what-diff-in {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.what-diff-item {
    width: 384px;
    height: 231px;
    box-shadow: 0px 3px 60px #00000029;
    background-color: #fff;
    display: flex;
    float: left;
    padding: 23px;
    align-items: center;
    transition: all 0.5s ease;
}

.what-diff-icon {
    transition: all 0.5s ease;
}

.what-diff-item-in {}

.what-diff-number {
    text-align: left;
    font: normal normal normal 14px/3px Lato;
    letter-spacing: 0px;
    color: #D6D6D6;
    float: left;
    display: block;
    width: 100%;
}

.what-diff-head {
    text-align: left;
    font: normal normal bold 24px/50px Poppins;
    letter-spacing: 0px;
    color: #00355F;
    float: left;
    display: block;
    width: 100%;
}

.what-diff-info {
    text-align: left;
    font: normal normal normal 13px/20px Lato;
    letter-spacing: 0px;
    color: #3B3B3B;
    float: left;
    display: block;
    width: 100%;
    max-height: 43px;
    overflow: hidden;
    transition: max-height 1s ease;
}

.what-diff-icon img {
    width: 50px;
    height: 50px;
    transition: all .3s ease-in;
}

.what-diff-item:hover .what-diff-info {
    max-height: 103px;

}

.what-diff-item:hover {
    align-items: normal;
}



.in-testi {
    float: left;
    width: 100%;
    background-image: url("../images/testi-bg.png");
    background-size: cover;
    padding: 30px 0;
    margin-top: 80px;
}

.in-testi-head h1 {
    text-align: left;
    font: normal normal bold 40px/50px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
}

.in-testi-head a {
    text-align: left;
    font: normal normal 14px/23px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-top: 50px;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
}

.in-testi-head a img {
    margin-left: 5px;
    height: 10px;
    width: 17px;
}

.in-testi-carousel {
    float: right;
    width: 80%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 30px;
}

.in-testi-carousel .slick-prev {
    left: 30px;
    background: url(../images/testi-left.png);
}

.in-testi-carousel .slick-next {
    right: 30px;
    background: url(../images/testi-right.png);
}

.in-testi-carousel-item-info {
    float: left;
    width: 100%;
    padding: 0 42px;
}

.in-testi-carousel-item {
    float: left;
    width: 100%;
    text-align: center;
}


.in-testi-carousel-item-logo {
    border-radius: 8px;
    background-color: #fff;
    padding: 15px;
    display: inline-block;
}

.in-testi-carousel-item-logo img {
    height: 30px;
    width: 100%;
}

.in-testi-carousel-item-info p {
    color: white;
    font: normal normal normal 14px/23px Poppins;
    margin-top: 23px;
    padding: 0 30px;
}

.in-testi-carousel-item-read-more {
    text-decoration: underline;
    font: normal normal normal 12px/18px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
    margin: 20px 0;
}

.in-testi-carousel-item-name {
    text-align: center;
    font: normal normal bold 18px/23px Lato;
    letter-spacing: 0px;
    color: #FFFFFF;
}



.in-locations {
    float: left;
    width: 100%;
    margin-top: 60px;
}

.locatons-tab {
    font: normal normal normal 14px/23px Poppins;
    letter-spacing: 0px;
    color: #024472;
    position: relative;
    float: right;
    margin-right: 55px;
}

.locatons-tab:after {
    position: absolute;
    content: "";
    height: 2px;
    width: 67px;
    background-color: #b0b0b0;
    bottom: -8px;
    left: 0;
}

.locations-active {
    float: right;
    width: 100%;
    margin-top: -50px;
}

.locations-active .active:after {
    background-color: #B53036;
}

.map-container {
    padding: 3.2rem .8rem;
    position: relative;
    display: inline-block;
}

.map-container img {
    width: 100%;
}

.map-web {
    float: left;
    width: 100%;
}

.map-res {
    display: none;
}

.point {
    cursor: pointer;
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    /*background-color: #00acc1;*/
    /*border-radius: 50%;*/
    transition: all .3s ease;
    /*will-change: transform, box-shadow;*/
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 rgba(#00acc1, 0.4);

    background-image: url('../images/map-marker.png');
    height: 22px;
    width: 16px;
    background-size: cover;

}


.point1 {
    cursor: pointer;
    position: absolute;
    width: 43px;
    height: 65px;
    /* background-color: #00acc1; */
    /* border-radius: 50%; */
    transition: all .3s ease;
    /* will-change: transform, box-shadow; */
    transform: translate(-50%, -50%);
    /*box-shadow: 0 0 0 rgba(#00acc1, 0.4);*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    top: -20px;
    left: 20px;

}

.point1 img {
    width: 43px;
    height: 65px;
    object-fit: cover;
}

.point:after {
    /*     content: attr(title);*/
    /*    position: absolute;*/


    /*    top: -30px;*/
    /*    left: -30px;*/
    /*    right:-30px;*/
    /*    color:#fff;*/
    /*    text-align:center;*/
    /*    background: #00355F 0% 0% no-repeat padding-box;*/
    /*border: 1px solid #00355F;*/
    /*border-radius: 5px;*/
    /*font: normal normal normal 11px/28px Lato;*/
}

.point span {
    content: "";
    position: absolute;


    top: -33px;
    left: -30px;
    right: -30px;
    color: #fff;
    text-align: center;
    background: #00355F 0% 0% no-repeat padding-box;
    border: 1px solid #00355F;
    border-radius: 5px;
    font: normal normal normal 11px/28px Lato;
}

.uae span {
    left: -10px;
    right: -10px;
}

.germany span {
    left: -20px;
    right: -20px;
}

.greece span {
    left: -29px;
    right: -1px;
    top: -33px;
}

.turkey span {
    left: -1px;
    top: -33px;
}

.southkorea span {
    left: 20px;
    right: -83px;
    top: -5px;
}

.japan span {
    left: -1px;
    right: -26px;
}

.china span {
    left: -32px;
    right: 5px;
}

.singapore span {
    left: -25px;
    right: -25px;
}

.bangladesh span {
    left: 4px;
    right: -59px;
}

.india span {
    left: 1px;
    right: -27px;
}

.pakistan span {
    left: -42px;
    right: -2px;
}

.usa span {
    left: -10px;
    right: -10px;
}

.london {
    top: 30%;
    left: 46%;
    position: absolute;
}

.rio {
    top: 70%;
    left: 36%;
    position: absolute;
}

.manila {
    top: 50%;
    left: 79%;
    position: absolute;
}

.manila span {
    left: 20px;
    right: -83px;
    top: -5px;
}

.london span {
    left: -29px;
    right: -1px;
    top: -33px;
}

.white-hover {
    box-shadow: 0px 30px 50px #00000061;
    position: absolute;
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
    top: 20px;
    left: -82px;
    right: -82px;
    top: -107px;
    z-index: 9999;
    opacity: 0;
    padding: 10px 0;
    display: none;
}

.white-hover h1 {
    text-align: center;
    font: normal normal bold 15px/29px Lato;
    letter-spacing: 0px;
    color: #00355F;
}

.point:hover+.white-hover {
    opacity: 1;
    display: block;
}

.point span:hover+.white-hover {
    opacity: 1;
    display: block;
}

.point1:hover+.white-hover {
    opacity: 1;
    display: block;
}

.point1 span:hover+.white-hover {
    opacity: 1;
    display: block;
}




.white-hover h2 {
    font: normal normal bold 15px/19px Lato;
    letter-spacing: 0px;
    color: #B53036
}

.white-hover:after {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;

    border-top: 20px solid #fff;
    position: absolute;
    content: "";
    left: 70px;
}

/*.point:hover{*/
/*  animation: none;*/
/*    transform:  translate(-50%, -50%) scale3D(1.35, 1.35 ,1);*/
/*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);  */
/*}*/
.usa {
    top: 32%;
    left: 26%;
    position: absolute;
}

.germany {
    top: 28%;
    left: 50%;
    position: absolute;
}

.greece {
    top: 39%;
    left: 51%;
    position: absolute;
}

.turkey {
    top: 39%;
    left: 53%;
    position: absolute;
}

.uae {
    top: 51%;
    left: 60%;
    position: absolute;
}

.pakistan {
    top: 45%;
    left: 65%;
    position: absolute;
}

.india {
    top: 46%;
    left: 67%;
    position: absolute;
}

.bangladesh {
    top: 48%;
    left: 71%;
    position: absolute;
}

.singapore {
    top: 60%;
    left: 75%;
    position: absolute;
}

.china {
    top: 42%;
    left: 77.5%;
    position: absolute;
}

.japan {
    top: 39%;
    left: 79.5%;
    position: absolute;
}

.southkorea {
    top: 42%;
    left: 81%;
    position: absolute;
}



.vessel-quote-in {
    float: left;
    width: 100%;
    background-color: #00355F;
    padding: 10px 0;
    text-align: center;
}

.vessel-quote-in p {
    font: normal normal 30px/30px Poppins;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vessel-quote-in img {
    width: 54px;
    height: 54px;
    margin-left: 10px;
}

.vessel-quote-in img:hover {
    width: 54px;
    height: 54px;
    transform: rotate(45deg);
    transition: .4s ease-in;
}

.news-blog {
    float: left;
    width: 100%;
    background: #F5F5F5 0% 0% no-repeat padding-box;
    padding: 60px 0;
    padding-bottom: 120px;
}

.news-blog-in {
    float: left;
    width: 100%;
}

.in-news-in {
    float: left;
    width: 100%;
}

.in-news-in .read-more-who a {
    display: inline;
}

.in-news-in .read-more-who {
    width: 100%;
    text-align: center;
}

.in-news-item {
    float: left;
    width: 100%;
    background-color: #fff;
}

.in-news-img {
    float: left;
    width: 100%;
}

.in-news-img img {
    width: 100%;
    height: 165px;
    object-fit: cover;
}

.mar-news {
    margin-left: -5px;
}

.top-date {
    float: left;
    width: 100%;
    display: flex;
}

.in-news-date {
    font: normal normal normal 12px/18px Poppins;
    letter-spacing: 0px;
    color: #797979;
}

.in-news-name {
    font: normal normal normal 9px/13px Poppins;
    color: #797979;
}

.in-news-box {
    padding: 20px 15px;
    float: left;
    width: 100%;

}

.bot-images {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    float: left;
    margin-top: 70px;
}

.bot-images img {
    width: 79px;
    height: 24px;
    object-fit: cover
}

.bot-images .read-more-who {
    width: auto;
    margin: 0;
}

.top-date {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.in-news-info {
    float: left;
    width: 100%;
}

.in-news-info p {
    text-align: left;
    font: normal normal normal 14px/18px Poppins;
    letter-spacing: 0px;
    color: #292323;
    margin-top: 15px;
    min-height: 54px;
    overflow: hidden;
    text-overflow: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.in-news-carousel {
    width: 100%;
    float: left;
    padding-right: 15px;
}

.in-blogs-carousel {
    width: 100%;
    float: left;
    padding-left: 15px;
}

.mar-blog {
    margin-left: 10px;
}

h2.mar-blog:after,
h2.mar-news:after {
    width: 50px;
}

.in-blogs-carousel .slick-slide {
    margin: 0 10px;
}

.in-news-carousel .slick-slide {
    margin: 0 10px;
}

.in-news-carousel .slick-prev,
.in-blogs-carousel .slick-prev {
    background: url(../images/news-prev.png);
    background-size: cover;
    top: auto;
    bottom: -55px;
    left: -4px;
    width: 32px;
    height: 32px;
}

.in-news-carousel .slick-next,
.in-blogs-carousel .slick-next {
    background: url(../images/news-next.png);
    background-size: cover;
    top: auto;
    bottom: -55px;
    right: 11px;
    width: 32px;
    height: 32px;
}

.in-blogs-carousel .slick-prev {

    left: 11px;
}

.in-blogs-carousel .slick-next {

    right: -4px;
}

.in-blogs-carousel-in .read-more-who a,
.in-news-carousel-in .read-more-who a {
    justify-content: center;
}




.social {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 60px 0;
    padding-bottom: 0
}

.twitter {
    float: left;
    width: 90%;
}

.twitter-item {
    background-color: #F5FBFF;
    box-shadow: 0px 2px 6px #0000002E;
}

.twitter-img {
    float: left;
    width: 100%;

}

.twitter-img img {
    width: 100%;
    height: 206px;
    object-fit: cover;
}

.twit-date {
    font: normal normal normal 12px/50px Poppins;
    letter-spacing: 0px;
    color: #797979;
    float: left;
    width: 100%;
    padding: 0 15px;
}

.twit-title {
    text-align: left;
    font: normal normal 500 14px/18px Poppins;
    letter-spacing: 0px;
    color: #292222;
    text-transform: capitalize;
    float: left;
    width: 100%;
    padding: 0 15px;
    min-height: 36px;
    overflow: hidden;
    text-overflow: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.twit-icon {
    float: right;
    padding: 10px 15px;
}

.twit-icon img {
    height: 28.31px;
    width: 28.31px;
}

.twitter .slick-slide {
    margin: 0 10px;
}

.twitter .slick-slide {
    margin: 0 10px;
}

.twitter .slick-prev,
.twitter .slick-prev {
    background: url(../images/news-prev.png);
    background-size: cover;
    top: auto;
    bottom: -55px;
    left: -4px;
    width: 32px;
    height: 32px;
}

.twitter .slick-next,
.twitter .slick-next {
    background: url(../images/news-next.png);
    background-size: cover;
    top: auto;
    bottom: -55px;
    right: 11px;
    width: 32px;
    height: 32px;
}

.twitter .slick-prev {

    left: 0;
}

.twitter .slick-next {

    right: -4px;
}

.twitter-in .read-more-who a,
.twitter-in .read-more-who a {
    justify-content: center;
}

.twitter-in .read-more-who a {
    display: inline;
}

.twitter-in .read-more-who {
    width: 100%;
    text-align: center;
}

.social-icons {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;

}

.social-icons a {
    margin-right: 10px;
    margin-bottom: 10px;

}

.social-icons a img {
    height: 61px;
    width: 61px;
}

.social-icons-p {
    text-align: center;
    font: normal normal normal 16px/20px Poppins;
    letter-spacing: 0px;
    color: #797979;
    text-transform: capitalize;
    float: left;
    width: 100%;
}

.social-icons-in {
    float: left;
    width: 100%;
}

.scan-in {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    margin-top: 100px;
    align-items: flex-start;

}

.scan-info {
    width: 28%;
    float: left;
}

.scan-info h1 {
    font: normal normal medium 26px/38px Poppins;
    letter-spacing: 0px;
    color: #292222;
    /* text-transform: capitalize; */
}

.scan-info span {
    display: block;
    font: italic normal 600 26px/38px Poppins;
    position: relative;
    width: 90%;
}

.scan-info span:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 80%;
    background-color: #B53036;
    bottom: 0;
    left: 0;
}

.scan-info p {
    /* margin: 110px 0;  old*/
    margin: 56px 0;
    margin-bottom: 10px;
}

.scan-info-video {
    display: none;
}

.stores {
    float: left;
    width: 100%;
    display: flex;
}

.stores a {
    margin-right: 15px;
    width: 135px;
    height: 53px;
}

.stores a img {
    width: 100%;
}

.call-fix {
    width: 74px;
    position: fixed;
    right: 0;
    top: 265px;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 20px 12px 13px;
    box-shadow: 0px 3px 10px #0000000d;
    z-index: 999;
    border-radius: 20px 0 0 20px;
}

.call-fix li {
    margin-bottom: 19px;
    text-align: center;
}

.call-fix li:nth-child(1) a img {
    width: 25px;
    height: 27px;
}

.call-fix li:nth-child(2) a img {
    width: 27px;
    height: 20px;

}

.call-fix li:nth-child(3) a img {
    width: 28px;
    height: 28px;
}

.call-fix li:nth-child(3) {
    margin-bottom: 0;
}

.call-fix li a span {
    text-align: center;
    font: normal normal normal 9px/10px Poppins;
    letter-spacing: 0.18px;
    color: #797979;
    text-transform: capitalize;
    display: block;
    margin-top: 5px;
}




.carr-overlay {
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
    bottom: 0;
}

.career-ban-blue {
    background: rgba(0, 53, 95, 0.81) 0% 0% no-repeat padding-box;
    padding: 40px;
    float: left;
    height: 50%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.career-ban-blue h1 {
    text-align: center;
    font: normal normal 900 35px/40px Lato;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 35px;
    float: left;
    width: 100%;
}

.career-ban-blue p {
    text-align: center;
    font: normal normal normal 20px/25px Lato;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.career-ban-red {
    background: rgba(181, 48, 54, 0.81) 0% 0% no-repeat padding-box;
    padding: 40px;
    float: left;
    height: 50%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.career-ban-red h1 {
    font: normal normal bold 35px/25px Lato;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 50px;

}

.career-ban-red a {
    border: 1px solid #FFFFFF;
    border-radius: 13px;
    font: normal normal bold 18px/25px Lato;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 20px 30px;
    float: left;
    width: 80%;
    margin-top: 60px;
    margin-bottom: 50px;
    text-align: center;
}

.carrer {
    float: left;
    width: 100%;
    margin-top: 70px;
}

.what-we-about {
    float: left;
    width: 100%;
}

.carrer h2 {
    font: normal normal 900 35px/60px Lato;
    letter-spacing: 0px;
    color: #00355F;
    text-align: center;
    margin-bottom: 60px;
}

.carrer-row {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.carrer-row h5 {
    font: normal normal bold 30px/40px Lato;
    letter-spacing: 0px;
    color: #00355F;
    margin-bottom: 20px;
}

.carrer-row p {
    text-align: left;
    font: normal normal normal 18px/30px Lato;
    letter-spacing: 0px;
    color: #3B3B3B;
}

.carrer-row img {
    width: 100%;
    float: left;
}


.why-join-us {
    float: left;
    width: 100%;
    margin-top: 70px;
}

.join-in {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.blue-item {
    width: 380px;
    height: 231px;
    background: #00355F 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 60px #00000029;
    display: flex;
    padding: 10px 30px;
    align-items: center;
    transition: all 2s ease;
}

.red-item {
    width: 380px;
    height: 231px;
    display: flex;
    background: #00355F 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 60px #00000029;
    padding: 10px 30px;
    align-items: center;
    transition: all 2s ease;
}

.join-item-in {
    float: left;
    width: 100%;
}

.carr-num {
    font: normal normal normal 14px/25px Lato;
    letter-spacing: 0px;
    color: #D5D5D5;
}

.carr-name {
    font: normal normal bold 24px/50px Lato;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: relative;
}

.carr-name:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 57px;
    background-color: #fff;
    bottom: 7px;
    left: 0;
}

.carr-info {
    text-align: left;
    font: normal normal normal 13px/20px Lato;
    letter-spacing: 0px;
    color: #FFFFFF;
    /*opacity:0;*/
    /*display:none;*/
    height: 0;
    transition: height 0.5s ease;
    overflow: hidden;
}

.blue-item:hover .carr-info {
    /*display:block;*/
    /*opacity:1;*/
    height: 100px;
}

.red-item:hover .carr-info {
    /*opacity:1;*/
    height: 100px;
}


.join-item-icon img {
    height: 50px;
    width: 50px;
}


.car-cta {
    float: left;
    width: 100%;
    margin-top: 80px;
    background: #00355F;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 30px 0;
}

.car-cta a {
    border: 1px solid #FFFFFF;
    border-radius: 13px;
    font: normal normal bold 18px/25px Lato;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 21px 46px;
    float: left;

    text-align: center;
    margin-right: 20px;
}

.cta-btn {
    position: relative;
}

.career-ban-red a:hover {

    transform: scale(1.1);
    background-color: #fff;
    color: #b53036;
}

.car-cta a:hover {
    transform: scale(1.1);
    background-color: #fff;
    color: #00355F;
}




.sustain-intro {
    float: left;
    width: 100%;
    text-align: center;
}

.sustain-intro p {
    text-align: center;
    font: normal normal normal 14px/28px Lato;

    color: #3B3B3B;
    margin-bottom: 30px;

}

.sustain-intro h2 {
    font: normal normal bold 30px/40px Lato;
    margin-bottom: 40px;
    color: #00355F;
}

.sustain-ship-inner {
    float: left;
    width: 100%;
}

.sustain-ship-item {
    float: left;
    width: 100%;
    display: flex;
    background: #FAFAFA 0% 0% no-repeat padding-box;
    margin: 40px 0;

}

.sustain-ship-item-image {
    height: 250px;
    width: 250px;
}

.sustain-ship-item-no {
    width: 146px;
    height: 250px;
    margin: 0 40px;
}

.sustain-ship-item-info {
    padding: 50px 30px;
}

.sustain-ship-item-info p {
    text-align: left;
    font: normal normal normal 14px/26px Lato;
    letter-spacing: 0px;
    color: #000000;
}

.sustain-ship-item-info h5 {
    text-align: left;
    font: normal normal 900 20px/25px Lato;
    letter-spacing: 0px;
    color: #3B3B3B;
    margin-bottom: 20px;
}

.sustain-ship-item-image img {
    height: 250px;
    width: 250px;
}

.sustain-ship-item-no img {
    width: 146px;
    height: 250px;
    object-fit: contain
}

.sustain-env-inner {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.sustain-env-item {
    position: relative;
    margin-bottom: 30px;
    float: left;
    width: 100%;
    cursor: pointer;
}

.sustain-env-item-overlay {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);

    opacity: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}


.sustain-env-item:hover .sustain-env-item-overlay {
    opacity: 1
}

.sustain-env-item:hover .sustain-env-item-no {
    top: 0;
    opacity: 0.69;
}

.sustain-env-item:hover .sustain-env-item-cta a img {
    z-index: 9999;
    transform: rotate(43deg);
    transition: .4s ease-in;

}

.sustain-env-item-no {
    float: left;
    width: 100%;
    text-align: left;
    font: normal normal bold 20px/40px Lato;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    position: absolute;
    top: 90%;
    left: 30px;
    transition: all 1s ease;
}

.sustain-env-item-info {
    text-align: left;
    font: normal normal bold 28px/40px Lato;
    letter-spacing: 0px;
    color: #FFFFFF;
    width: 80%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;

}

.sustain-env-item-info p {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sustain-env-item-cta a img {
    width: 62px;
    height: 62px;
    float: right;
    position: absolute;
    bottom: 35px;
    right: 35px;
    transform: rotate(-48deg);

}

.sustain-env-item-cta {
    float: left;
    width: 100%;
    /*position: relative;*/
    z-index: 99;

}

.sustain-env-item img.sustain-env-item-image {
    width: 100%;
    height: auto;
}

.sustain-env-inner {
    float: left;
    width: 100%;
}

.sustain-env-item-mar {
    margin-left: 26%;
}

.sustain-intro-env {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sustain-intro-env h2 {
    font: normal normal bold 30px/40px Lato;
    width: 70%;
}

.sustain-intro-env p {

    width: 70%;
}

.namera {
    width: 100%;
    float: left;
    background: #FAFAFA;
    padding: 70px 0;
    text-align: center;
}

.namera p {
    text-align: center;
    font: normal normal normal 20px/40px Lato;
    letter-spacing: 0px;
    color: #00355F;
}

.namera h2 {
    text-align: center;
    font: normal normal bold 30px/40px Lato;
    letter-spacing: 0px;
    color: #00355F;
}

.namera img {
    width: 409px;
    height: 102px;
    mix-blend-mode: multiply;
    margin-top: 25px;
}

.sustain-env-last img {
    /*    width: 530px;*/
    /*height: 424px;*/
    width: 46%;
}

.sustain-env-last {
    float: left;
    width: 100%;
}

.sustain-env-last-inner {
    display: flex;
    align-items: center;
    margin: 60px 0;
}

.sustain-env-last-inner p {
    text-align: left;
    font: normal normal bold 20px/30px Lato;
    letter-spacing: 0px;
    color: #666666;
    opacity: 1;
    margin-left: 40px;
}

.scrollToTop {

    float: left;
    /*display: none;*/

    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;

}


.scrollToTop i {
    color: #10386b;
    font-size: 30px;
}





/*APP PAGES*/

.app-pages {
    float: left;
    width: 100%;
}

.app-banner {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 100px;
}

.app-banner img {
    max-width: 100%;
    float: left;
    width: 100%;
}

.app-banner .app-banner-head {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    transform: translate(-50%, -50%) !important;
    text-transform: uppercase;
}

.app-banner .app-banner-head span {
    background: #b6343a;
    padding: 3px 10px;
    border-radius: 5px;
}

.app-pages-head {
    float: left;
    width: 100%;
    position: relative;
}

.app-pages-head h2 {
    font-family: 'Lato', sans-serif;
    font-size: 34px;
    color: #3d3d3d;
    text-align: center;
    font-weight: 300;
    margin: 45px 0;
    text-transform: uppercase;
    position: relative;
}

.app-pages-head h2:after {
    width: 85px;
    position: absolute;
    background: #093c71;
    background: linear-gradient(to right, #093c71, #9058db);
    height: 3px;
    left: 0;
    right: 0;
    content: "";
    bottom: -10px;
    margin: auto;
}

.app-content {
    float: left;
    width: 100%;
}

.app-pages-info {
    float: left;
    width: 100%;
    padding-bottom: 40px;
}

.app-pages-info p {
    margin: 0 0 15px;
    color: #000000;
    font-family: 'Roboto', sans-serif !important;
}

.app-pages-info p a {
    color: #aa0510;
}

.app-pages-info ul {
    padding-left: 20px;
}

.app-pages-info ul li {
    list-style: disc !important;
}

.app-pages-info ul ul li {
    list-style: circle !important;
}

.aboutdiff {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

.aboutdiff img {
    width: 90px;
    padding-bottom: 10px;
}

.row {
    float: left;
    width: 100%;
}

.aboutdiff h4 {
    padding-bottom: 10px;
    color: #212121;
    font-size: 18px;
    line-height: 1.428571429
}

.aboutdiff p {
    color: #86878b;
    font-size: 14px;
    line-height: 1.428571429;
}

.webinar {
    float: left;
    width: 100%;
    font-size: 14px;
}

.webinar .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 270px;
    height: 40px;
    padding-top: 10px;
}

.webinar .btn-disable {
    color: #fff;
    background-color: #cccccc;
    border-color: #cccccc;
    cursor: not-allowed;
    pointer-events: none;
}

.webinar-center {
    float: left;
    width: 100%;
    text-align: center;
    padding: 15px 0;
}

.webinar-center p {
    margin: 0;
}

.responsible-outer {
    float: left;
    width: 100%;
    background: #f6f6f6;
    padding: 20px 0;
}

.responsible {
    /*float:left;*/
    /*width:100%;*/
    text-align: center;
    position: relative;
    margin: 30px auto;
    width: 900px;
    height: 500px;
}

.responsible-mobile {
    display: none;
}

.responsible-mobile li {
    list-style: decimal;
    margin-bottom: 8px;
}

.greenRecycleflow_img {
    max-width: 200px;
    margin-top: 145px;
}

.recycleStep1,
.recycleStep2,
.recycleStep3,
.recycleStep4,
.recycleStep5,
.recycleStep6,
.recycleStep7,
.recycleStep8 {
    width: 200px;
    text-align: center;
    padding: 0 10px;
}

.recycleStep1 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%) !important;
}

.recycleStep2 {
    position: absolute;
    top: 15%;
    left: 80%;
    transform: translate(-80%, -15%) !important;
}

.recycleStep3 {
    position: absolute;
    top: 50%;
    left: 95%;
    transform: translate(-95%, -50%) !important;
}

.recycleStep4 {
    position: absolute;
    top: 85%;
    left: 80%;
    transform: translate(-80%, -85%) !important;
}

.recycleStep5 {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -100%) !important;
}

.recycleStep6 {
    position: absolute;
    top: 85%;
    left: 20%;
    transform: translate(-20%, -85%) !important;
}

.recycleStep7 {
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translate(-5%, -50%) !important;
}

.recycleStep8 {
    position: absolute;
    top: 15%;
    left: 20%;
    transform: translate(-20%, -15%) !important;
}

.steps {
    background: #316499;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 25px;
    color: #fff;
    padding: 7px 0;
    text-align: center;
    margin-left: 40%;
}

.stepContent {
    font-size: 11px;
    margin-top: 10px;
}

.resp {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
}

.resp img {
    max-width: 108px;
    padding: 10px;
}

.resp-info {
    margin-left: 30px;
    padding-top: 15px;
}

.resp-info h3 {
    font-size: 20px;
    color: #346597;
    padding: 10px 0;
}

.pub {
    margin: 0 auto;
    width: 80%;
}

.publication-out {
    float: left;
    width: 100%;
    border: 1px solid #dddddd;
    background: #ffffff;
    height:
        /* 435px */
        auto;
    margin-bottom: 30px;

}

.publication-out p {
    font-size: 12px;
    margin-bottom: 0;
    color: #313131;
    font-weight: bold;
}

.publication-out img {
    float: left;
    width: 100%;
}

.publication {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.publication-info {
    float: left;
    width: 100%;
    padding: 10px 0;
}

.publication-info-in {
    float: left;
    width: 100%;
    padding: 30px;
}

.textgreyfont {
    font-size: 11px !important;
    color: #535353 !important;
}

.smallFont {
    font-size: 10px;
}





.ssorp-intro-main {
    text-align: center;
    float: left;
    width: 100%;
}

.ssorp-intro-main h4 {
    font: normal normal bold 18px/26px Poppins;
    text-align: center;
    color: #00355F;
}

.ssorp-intro-main p {
    text-align: center;
    font: normal normal normal 14px/28px Poppins;
    letter-spacing: 0px;
    color: #3B3B3B;
    margin: 10px 0;
}

.ssorp-intro-in {
    float: left;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin: 40px 0;
}

.ssorp-intro-item-in {
    float: left;
    width: 100%;
    display: flex;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 60px #00000029;
    flex-direction: column;
    width: 25%;
    padding: 40px;
    justify-content: center;
}

.ssorp-grey {
    background: #FAFAFA 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 60px #00000029;
    position: relative;
}

.ssorp-head {
    text-align: center;
    font: normal normal 900 35px/30px Lato;
    letter-spacing: 0px;
    color: #00355F;
    opacity: 1;
    padding: 50px 0;

}

.ssorp-icon {
    width: 34px;
    height: auto;
    float: left;
    position: relative;
}

.ssorp-icon img {
    width: 100%;
    position: relative;
}

.ssorp-icon:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 50px;
    background-color: #B53036;
    bottom: -10px;
    left: 0;
}

.ssorp-intro-info {
    text-align: left;
    font: normal normal normal 14px/20px Lato;
    letter-spacing: 0px;
    color: #3B3B3B;
    margin-top: 20px;
}

.ssorp-diff {
    float: left;
    width: 100%;
}

.ssorp-diff-ban {
    float: left;
    width: 100%;
    position: relative;

}

.ssorp-diff-ban img {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 0;
}

.ssorp-diff-ban-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.2);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.ssorp-diff-ban-overlay-in {
    display: flex;
    height: 100%;
}

.ssorp-diff-ban-overlay-in-item-info {
    position: relative;
    bottom: 0;
}

.web-dis-ssorp {
    display: none;
}

.ssorp-diff-ban-overlay-in-item {
    border-right: 1px solid white;
    display: flex;
    flex-direction: column;
    width: 25%;
    justify-content: end;
    padding: 20px;

}

.ssorp-diff-ban-overlay-in-item h2 {
    text-align: left;
    font: normal normal bold 25px/30px Lato;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: relative;
}

.ssorp-diff-ban-overlay-in-item h2:after {
    position: absolute;
    content: "";
    height: 2px;
    width: 50px;
    background-color: #B53036;
    bottom: -5px;
    left: 0;
}

.ssorp-diff-ban-overlay-in-item:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

.ssorp-diff-ban-overlay-in-item .ssorp-diff-ban-overlay-in-item-info p {
    text-align: left;
    font: normal normal normal 14px/22px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;

    margin-top: 12px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s ease;
    display: block;
}

.ssorp-diff-ban-overlay-in-item:hover .ssorp-diff-ban-overlay-in-item-info p {
    max-height: 153px;
}

.ssorp-ihm {
    float: left;
    width: 100%;
    text-align: center;
}

.ssorp-ihm p {
    text-align: center;
    font: normal normal normal 14px/30px poppins;
    letter-spacing: 0px;
    color: #3B3B3B;
}

.ssorp-box {
    float: left;
    width: 100%;
    justify-content: space-between;
    position: relative;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
    display: flex;

    align-items: center;
}

.accordion-ssorp {
    float: left;
    width: 100%;
    border: 1px solid #ddd;
    padding: 12px;
    margin-bottom: 10px;
}

.accordion-ssorp .collapsed i img {
    height: 40px;
    width: 40px;
    transform: rotate(0deg);
}

.accordion-ssorp i img {
    transform: rotate(180deg);
    height: 40px;
    width: 40px;
}

.ssorp-box h1 {
    font: normal normal bold 25px/30px Lato;
    letter-spacing: 0px;
    color: #00355F;
}

.ssorp-info-inn {
    float: left;
    width: 100%;
    margin-bottom: 40px;
    /*margin-top: -20px;*/
}

.ssorp-box p {
    text-align: left;
    font: normal normal normal 14px/30px Poppins;
    letter-spacing: 0px;
    color: #3B3B3B;
}

.ssorp-info-inn {
    text-align: left;
    font: normal normal normal 14px/30px poppins;
    margin-left: 10px;
    margin-top: 15px;

    padding-right: 15px;
}

.ssorp-testi .in-testi-carousel {
    width: 100%;
}

.ssorp-testi {
    float: left;
    width: 100%;
    padding: 40px 0;
}

.ssorp-testi .in-testi {
    float: left;
    width: 100%;
    background-image: url(../images/testi-ssorp.png);
    background-size: cover;
    padding: 30px 0;
    margin-top: 0;
}

.ssorp-accomplanishment {
    float: left;
    width: 100%;
}

.ssorp-flexi {
    display: flex;
    justify-content: center;
}

.ssorp-accomplanishment-in {
    float: left;
    width: 100%;
}

.ssorp-accomplanishment-in .slick-slide {
    margin: 0;
}

.ssorp-accomplanishment .slick-prev {
    left: -40px;
    background: url(../images/accomp-left.png);
    background-size: cover;
}

.ssorp-accomplanishment .slick-next {
    right: -40px;
    background: url(../images/accomp-right.png);
    background-size: cover;
}

.ssorp-accomplanishment-item {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 50px #00000029;
    border: 1px solid #ECECEC;
    text-align: center;
    position: relative;
}

.ssorp-accomplanishment-grey {
    background: #F6F6F6 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 50px #00000029;
    border: 1px solid #ECECEC;
    position: relative;
    z-index: -1;
}

.ssorp-accomplanishment-item h1 {
    font: normal normal 900 236px/267px Lato;
    letter-spacing: 0px;
    color: #00355F;
    opacity: 0.05;
    position: relative;
}

.ssorp-accomplanishment-item p {
    text-align: left;
    font: normal normal normal 14px/23px poppins;
    letter-spacing: 0px;
    color: #3B3B3B;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 30px;
}

.ssorp-accomplanishment-item p span {
    color: #B53036;
}

.ssorp-team-in {
    float: left;
    width: 100%;
}

.ssorp-team p {
    text-align: center;
    font: normal normal normal 14px/23px Poppins;
    letter-spacing: 0px;
    color: #3B3B3B;
    margin-top: 10px;
}

.ssorp-team-item {
    float: left;
    width: 100%;
}

.ssorp-team-item img {
    float: left;
    width: 100%;
}

.ssorp-team-item .team-info {
    float: left;
    width: 100%;
    background: #00355F 0% 0% no-repeat padding-box;
    padding: 25px;
    height: 280px;
}

.ssorp-team-item .team-info h3 {
    font: normal normal bold 25px/23px Lato;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.ssorp-team-item .team-info p {
    text-align: left;
    color: #fff;
    font: normal normal normal 13px/23px poppins;
}

.why-in {
    float: left;
    width: 100%;
}

.why-ssorp {
    float: left;
    width: 100%;
}

.ssorp-team {
    float: left;
    width: 100%;
}

.ssorp-ihm-in {
    background: #EEEEEE 0% 0% no-repeat padding-box;
    float: left;
    width: 100%;
    padding: 30px 0;
}

.over-who-we-are {
    float: left;
    width: 100%;
    background: #FAFAFA 0% 0% no-repeat padding-box;

}

.who-over-out {
    float: left;
    width: 100%;
    text-align: center;
}

.who-over-out h3 {
    font: normal normal 900 35px/30px Lato;
    letter-spacing: 0px;
    color: #00355F;
    opacity: 1;

    padding-top: 60px;
    padding-bottom: 20px;

}

.white-bg {
    background-color: #fff;
}

.over-who-we-are-inn {
    float: left;
    width: 100%;
    display: flex;

}

.over-who-we-are-info {
    float: left;
    width: 50%;
    padding-right: 30px;
    padding-left: 8%;
}

.two {
    padding-left: 2%;
    padding-right: 8%;
    margin-top: 30px;
}

.over-who-we-are-info h3 {
    font: normal normal 900 35px/50px Lato;
    letter-spacing: 0px;
    color: #00355F;
    opacity: 1;
    margin: 30px 0;
}

.over-who-we-are-info p {
    text-align: left;
    font: normal normal normal 14px/25px poppins;
    letter-spacing: 0px;
    color: #3B3B3B;
    float: left;
    width: 100%;
    /*margin-top: 10px;*/
}

.two p {
    margin-bottom: 20px;
}

.over-who-we-are-num {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.over-who-we-are-info h2 {
    font: normal normal 900 56px/78px Lato;
    letter-spacing: 0px;
    color: #00355F;
    display: inline-flex;
    align-items: center;
    margin: 30px 0;

}

.over-who-we-are-info h5 {
    font: normal normal 900 98px/41px Lato;
    letter-spacing: 0px;
    color: #00355F;
    margin-top: 60px;
}

.over-who-we-are-info h6 {
    font: normal normal 900 25px/30px Lato;
    letter-spacing: 0px;
    color: #AD3339;
}

.over-who-we-are-info h5 span {
    font: normal normal 900 47px/39px Lato;
    letter-spacing: 0px;
    color: #00355F;

}

.over-who-we-are-info h2 span {
    font: normal normal 900 18px/22px Lato;
    letter-spacing: 0px;
    color: #B53036;
    margin-left: 10px;
}

.over-who-we-are-in-img {
    width: 50%;


}

.over-who-we-are-in-img img {
    width: 100%;
    height: 625px;
    object-fit: cover;
}

.over-who-we-are-in-img img.small {
    width: 100%;
    height: 320px;
    object-fit: cover;
}

.over-who-we-are-info h4 {
    text-align: left;
    font: normal normal bold 35px/42px Lato;
    letter-spacing: 0px;
    color: #00355F;
    margin-bottom: 30px;
}



.over-four {
    float: left;
    width: 100%;
    padding-top: 60px;
}

.over-four h2 {
    font: normal normal 900 35px/30px Lato;
    letter-spacing: 0px;
    color: #00355F;
    opacity: 1;
    padding: 60px 0;
    text-align: center;
}

.over-four-in {
    float: left;
    width: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 30px #0000001C;
    border: 1px solid #E5E5E5;
    border-radius: 24px;
    text-align: center;

    width: 496px;
    height: 305px;
    padding: 40px;
    margin-bottom: 40px;
}

.over-four-icon {
    float: left;
    width: 100%;

}

.over-four-icon img {
    height: auto;
    width: 81px;
    margin-bottom: 20px;
}

.over-trust {
    float: left;
    width: 100%;
    background: url("https://gmsstagecdn.ams3.cdn.digitaloceanspaces.com/uploads_prod/common_media/about_us_overview/over-trust.webp");
    background-size: cover;
    position: relative;
    text-align: center;
    color: white;
    padding: 70px 0;
}

.over-trust:after {
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, 0.4);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}

.over-trust h2 {
    font: normal normal 900 40px/55px Lato;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: relative;
    z-index: 1;
}

.over-trust p {
    font: normal normal 500 14px/25px Lato;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: relative;
    z-index: 1;
}

.expertise {
    float: left;
    width: 100%;
    text-align: center;
    padding: 60px 0;
}

.expertise-in {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;

}

.expertise h2 {
    font: normal normal 900 35px/30px Lato;
    letter-spacing: 0px;
    color: #00355F;
    opacity: 1;
    padding: 60px 0;
}

.expertise-item {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 60px #00000029;
    width: 33.33%;
    text-align: left;
    position: relative;
    padding: 45px;
}

.grey-item {
    background: #FAFAFA 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 60px #00000029;
    z-index: -1;
}

.expertise-item h3 {
    font: normal normal bold 24px/50px poppins;
    letter-spacing: 0px;
    color: #00355F;
    position: relative;

}

.expertise-item h3:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 54px;
    background-color: #B53036;
    bottom: 3px;
    left: 0;
}

.expertise-item p {
    font: normal normal normal 14px/20px lato;
    letter-spacing: 0px;
    color: #3B3B3B;
    margin-top: 10px;
}

.awards {
    float: left;
    width: 100%;
    padding: 60px 0;
}

.awards-in {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    padding-bottom: 60px;
}

.awards ul {
    /*float:left;*/
}

.awards ul li {
    margin-bottom: 15px;
    display: flex;
}

.awards ul li h2 {
    font: normal normal normal 13px/20px Lato;
    letter-spacing: 0px;
    color: #3B3B3B;
    margin-left: 10px;
}

.awards ul li h2 span {
    color: #00355F;
}

.awards-v-h2 {
    font: normal normal 31px/30px Lato;
    letter-spacing: 0px;
    color: #00355F;
    text-align: center;
    margin-bottom: 3%;
}

.publish {
    float: left;
    width: 100%;
    background: #F9F9F9 0% 0% no-repeat padding-box;
    padding: 50px 0;
    padding-bottom: 100px;

}

.publish-inner {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;


}

.publish h2 {
    font: normal normal 900 25px/25px Lato;
    letter-spacing: 0px;
    color: #00355F;
    text-align: center;
}

.publish-in {
    display: flex;
    align-items: center;
    margin-top: 60px;
    flex-direction: column;
}

.publish-in img {
    /*width:112px;*/
    /*height:auto;*/
}

.publish-in p {
    margin-top: -20px;
}

.publish-in p span {
    display: block;
    text-align: center;
}

.publish-circle-in {
    float: left;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;

    align-items: center;
}

.publish-circle {
    width: 202px;
    height: 202px;
    border-radius: 50%;
    background: #00355F 0% 0% no-repeat padding-box;
    color: #fff;
    font: normal normal 900 66px/66px Lato;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: -100px;

}

.publish-circle span {
    font: normal normal 900 16px/16px Lato;
    display: block;
}

.publish-circle-in p {
    font: normal normal normal 20px/30px Lato;
    letter-spacing: 0px;
    color: #383838;
    margin-top: 20px;
}

.publish-ex {
    float: left;
    width: 100%;
    background: #F9F9F9 0% 0% no-repeat padding-box;
    padding: 80px 0;
    margin-top: 80px;
}

.publish-ex p {
    font: normal normal normal 20px/24px Lato;
    letter-spacing: 0px;
    color: #3B3B3B;
    margin-bottom: 60px;
}

.publish-ex-logos {
    display: flex;
    flex-wrap: nowrap;
    align-items: self-end;
    justify-content: center;
}

.publish-ex-logos img {
    margin: 0 10px;
    width: 13%;
}

.publish-ex-logos img.sm {
    width: 8%;

}

.anil {
    float: left;
    width: 100%;
    padding: 80px 0;
}

.lrqa {
    float: left;
    width: 100%;
    margin-top: 3%;
}

.ssorp-lrqa {
    float: left;
    width: 100%;
    display: flex;
    align-items: center
}

.ssorp-logo p img {
    width: 27%;
}

.lrqa-info p {
    text-align: justify;
    font: normal normal normal 14px/30px poppins;
    letter-spacing: 0px;
    color: #3B3B3B;
}

.lrqa-logo img {
    width: 402px;
    height: 233px;
}

.anil-in {
    float: left;
    width: 100%;
    display: flex;
}

.anil-logo {
    width: 120px;
    height: 119px;
    margin-right: 20px;
}

.blue-rect {
    background: #F6FBFF 0% 0% no-repeat padding-box;
    border-radius: 21px;
    padding: 50px;
}

.blue-rect img {
    width: 207px;
}

.anil-info h3 {
    font: normal normal bold 22px/30px Lato;
    letter-spacing: 0px;
    color: #3B3B3B;
}

.anil-info p {
    font: normal normal normal 20px/30px Lato;
    letter-spacing: 0px;
    color: #3B3B3B;
}

.anil-info p span {
    font: normal normal bold 23px/30px Lato;
    letter-spacing: 0px;
    color: #00355F;
    display: block;
}

.vessel-ban {
    float: left;
    width: 100%;
    background: url("https://gmsstagecdn.ams3.cdn.digitaloceanspaces.com/uploads_prod/common_media/about_us_overview/vessel-ban.webp");
    background-size: cover;
    position: relative;
    text-align: left;
    color: white;
    padding: 70px 0;
    margin-top: 40px;
}

.vessel-ban:after {
    position: absolute;
    content: "";
    background: rgb(0, 53, 95, 0.58);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}

.vessel-ban:hover:after {
    /*background: rgb(0,53,95,1);*/
}

.vessel-ban h2 {
    font: normal normal bold 55px/50px Lato;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}

.vessel-ban h3 {
    font: normal normal bold 55px/50px Lato;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: relative;
    z-index: 1;
}

.loc-show {
    float: left;
    width: 100%;
    display: none;
}

.show-hide {
    background: #af272f 0% 0% no-repeat padding-box;
    border: 1px solid #D6D6D6;
    border-radius: 12px;
    font: normal normal normal 14px/17px Lato;
    letter-spacing: 0px;
    color: #fff;
    padding: 10px 12px;
    cursor: pointer;


}

.show-hide1 {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D6D6D6;
    border-radius: 12px;
    font: normal normal normal 14px/17px Lato;
    letter-spacing: 0px;
    color: #666666;
    padding: 10px 8px;
    cursor: pointer;
    display: none;

}

.show-hide-in {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
}

.loc-ar {
    width: 10px;
    height: 17px;
    transform: matrix(-1, 0, 0, -1, 0, 0);
    background: var(--unnamed-color-666666) 0% 0% no-repeat padding-box;
    background: #666666 0% 0% no-repeat padding-box;
}

.show-loc {
    display: block;
}

.who-over-in-item {
    background: rgba(255, 255, 255, 0.69);
    box-shadow: 0px 3px 30px #00000021;
    border-radius: 22px;

    padding: 35px 25px;
    margin-right: 33px;
    float: left;
    margin-bottom: 30px;
}

.who-over {
    float: left;
    width: 100%;
    padding: 80px 0;
    position: relative;
}

.who-over-in {
    float: left;
    width: 100%;
    display: flex;
    background: url(https://gmsstagecdn.ams3.cdn.digitaloceanspaces.com/uploads_prod/common_media/about_us_overview/over-map.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.who-over-in-item-img {
    float: left;
    width: 100%;
}

.who-over-in-item-info {
    float: left;
    width: 100%;
    padding: 20px 0;
}

.who-over-in-item-info h2 {
    font: normal normal 900 45px/40px Lato;
    letter-spacing: 0px;
    color: #00355F;
    position: relative;
    text-align: left;

}

.who-over-in-item-info h2:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 54px;
    background-color: #B53036;
    bottom: -10px;
    left: 0;
}

.who-over-in-item-info p {
    font: normal normal normal 20px/22px Lato;
    letter-spacing: 0px;
    color: #3B3B3B;
    margin-top: 15px;
    text-align: left;
}

.who-over-in-overlay {
    position: absolute;
    background: #00355F 0% 0% no-repeat padding-box;
    width: 5%;
    right: 0;
    height: 90%;
    bottom: 0;
    transition: width 0.5s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 60px;
    text-align: left;
}

.who-over-in-overlay:after {
    background: white;
    position: absolute;
    content: "";

    right: 0;
    bottom: 0;
    height: 100%;
    border-radius: 50% 0% 0 50%;
    top: 0;
}

.who-over-in-overlay-wid {
    width: 42%;
}

.who-over-in-overlay h2 {
    color: white;
    /*display:none;*/
    font: normal normal 900 40px/45px Lato;
    letter-spacing: 0px;

}

.who-over-in-overlay-info {
    display: none;
}

.who-over-in-overlay p {
    color: white;
    /*display:none;*/
    text-align: left;
    font: normal normal normal 14px/25px Lato;
    letter-spacing: 0px;
}

.who-over-in-overlay p a {
    margin-top: 15px;
    color: #fff;
    display: block;
}

.who-over-in-overlay-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;

    right: 80%;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    transition: right 0.5s ease;
}

.who-over-in-overlay-wid .who-over-in-overlay-btn {
    right: 96%;
}

.who-over-in-overlay-wid .who-over-in-overlay-btn img {
    transform: rotate(180deg)
}

.who-over-in-overlay-wid p {
    /*display:block;*/
}

.who-over-in-overlay-wid h2 {
    /*display:block;*/
}

.who-over-in-mar-top {
    margin-top: 50px;
}

.awards ul li i img {
    height: 40px;
    width: 40px;
}

.awards-v {
    float: left;
    width: 100%;
    background-color: #FAFAFA;
    padding: 60px 0;
}

.awards-v-in {
    display: flex;
    justify-content: space-around;
    margin-bottom: 30px;
}

.awards-v-in-in {
    display: flex;
    justify-content: space-around;
}

.awards-v-in-item {
    position: relative;

}

.awards-v-in-item-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 22px;
}

.awards-v-in-item:before {
    top: 0;
    content: url('https://gmsstagecdn.ams3.cdn.digitaloceanspaces.com/uploads_prod/common_media/about_us_overview/leaf1.webp');
    position: absolute;
    left: -30px;

}


.awards-v-in-item:after {
    top: 0;
    content: url(https://gmsstagecdn.ams3.cdn.digitaloceanspaces.com/uploads_prod/common_media/about_us_overview/leaf2.webp);
    position: absolute;
    right: -30px;

}

.awards-v-in-item img {
    width: fit-content;
    margin: 10px 0;
}

.awards-v-in-item p {
    text-align: center;
    font: normal normal normal 12px/15px Lato;
    letter-spacing: 0px;
    color: #3B3B3B;

}

.awards-v-in-item p span {
    text-align: center;
    font: normal normal bold 16px/15px Lato;
    letter-spacing: 0px;
    color: #00355F;
}

.awards-v-in-item-v {
    width: 400px;
    border: 5px solid #444343;
    /*border-radius:20px;*/
}

.top-left-beach {
    float: left;

}

.top-left-beach h3 {
    margin-left: 15px;
}


.beaching-tides {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    margin-bottom: 50px;
}

.beaching-item {
    width: 142px;
    height: 155px;
    border: 1px solid #E9E9E9;
    border-radius: 8px;
    margin-right: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px 8px;
}

.beach-blue {
    background-color: #00355F;
}

.beach-num {
    float: left;
    display: flex;
    /*flex-direction:column;*/
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 8px 0;
    margin-left: -8px;
}

.beach-num img {
    margin-bottom: 20px;

}

.beach-blue .beach-img img {
    filter: brightness(0) invert(1);
}

.beach-num .circle {
    width: 10px;
    height: 10px;
    background: #B53036 0% 0% no-repeat padding-box;
    border-radius: 50%;
    margin-right: 10px;
}

.beach-no {
    display: flex;
    flex-direction: column;
}

.beach-no h2 {
    font: normal normal normal 30px/35px Lato;
    letter-spacing: 0px;
    color: #00355F;
}

.beach-blue .beach-no h2 {
    color: #fff;
}

.beach-no h3 {
    font: normal normal 500 10px/10px Lato;
    letter-spacing: 0px;
    color: #00355F;
    text-decoration: underline;

}

.beach-blue .beach-no h3 {
    color: #fff;
}

.beach-time {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
}

.beach-time-in-in {
    margin-bottom: 10px;
}

.beach-img {
    display: flex;
    flex-direction: column;
    justify-content: inherit;

}

.beach-time-in-in h3 {
    text-align: left;
    font: normal normal normal 10px/14px Lato;
    letter-spacing: 0px;
    color: #3B3B3B;
}

.beach-blue .beach-time-in-in h3 {
    color: #fff;
}

.beach-time-in-in h4 {
    text-align: left;
    font: normal normal bold 12px/12px Lato;
    letter-spacing: 0px;
    color: #00355F;
}

.beach-blue .beach-time-in-in h4 {
    color: #fff;
}

.top-left-beach h3 img {
    width: 35px;
    margin-right: 15px;
}

.top-left-beach span {
    margin-left: 15px;
    font: normal normal normal 14px/23px Lato;
}

.beach-img img {
    width: 20px;
}

.beach-grey {
    background-color: #E0E0E0;
}

.beach-grey .beach-time {
    display: none;
}

.beach-grey .beach-num {
    height: 100%;
    margin-left: 0;

}

.beach-grey .beach-no h2 {
    color: #666666;
}

.beach-grey .beach-no h3 {
    color: #666666;
}

.beach-grey .circle {
    background-color: #fff;
    margin-right: -10px;
}

.beach-time-in {
    position: relative;
}

.beach-time-in:after:first-child {
    position: absolute;
    content: "";
    height: 108px;

    background-color: #000;
    top: 10px;
    bottom: 0;
    width: 1px;
    /* z-index: 999; */
    right: 43px;

}

.beach-border {
    background-color: #B53036;
    height: 60px;
    width: 1px;
    /*align-self: center;*/


}

.beach-blue .beach-border {
    background-color: #fff;
}

.beach-blue-fade {
    background-color: rgba(0, 53, 95, 0.8);
}

.beach-blue-fade .beach-no h2 {
    color: #fff;
}

.beach-blue-fade .beach-no h3 {
    color: #fff;
}

.beach-no h3.no-tide {
    font: normal normal 500 10px/9px Lato;
    letter-spacing: 0px;
    color: #666666;
    display: none;
    text-decoration: none;
    margin-top: 10px;
}

.beach-grey .beach-no h3.no-tide {
    display: block;
}

.beach-blue-fade .beach-no h3.no-tide {
    color: #fff;
}


/* Effect 14: border switch */

nav a {
    position: relative;
    display: inline-block;
    margin: 15px 13px;
    outline: none;
    color: #00355F;
    text-decoration: none;

    letter-spacing: 1px;
    font-size: 20px;
    font: normal normal bold 20px/50px Lato;
}

.cl-effect-14 a {
    padding: 0 15px;
    height: 36px;
    line-height: 36px;

}

.cl-effect-14 {
    text-align: center;
}


.cl-effect-14 a::before,
.cl-effect-14 a::after {
    position: absolute;
    width: 36px;
    height: 2px;
    background: #00355F;
    content: '';
    /*opacity: 0.2;*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: none;
}

.cl-effect-14 a::before {
    top: 0;
    left: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;

}

.cl-effect-14 a::after {
    right: 0;
    bottom: -1px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    transform-origin: 100% 0;

}

.cl-effect-14 a:hover::before,
.cl-effect-14 a:hover::after {
    /*.cl-effect-14 a:focus::before,*/
    /*.cl-effect-14 a:focus::after {*/
    opacity: 1;
    width: 75px;
    background-color: #B53036;
}

.cl-effect-14 a:hover::before {
    /*.cl-effect-14 a:focus::before {*/
    left: 50%;
    -webkit-transform: rotate(0deg) translateX(-50%);
    -moz-transform: rotate(0deg) translateX(-50%);
    transform: rotate(0deg) translateX(-50%);
}

.cl-effect-14 a:hover::after {
    /*.cl-effect-14 a:focus::after {*/
    right: 50%;
    -webkit-transform: rotate(0deg) translateX(50%);
    -moz-transform: rotate(0deg) translateX(50%);
    transform: rotate(0deg) translateX(50%);
}


.ship-rec {
    float: left;
    width: 100%;
    padding: 40px 0;

}

.ship-rec-inn {
    float: left;
    width: 100%;
    display: flex;

}

.ship-rec-info {
    float: left;
    width: 50%;
    padding-right: 30px;
    padding-left: 8%;
    margin-top: 7%;
}

.ship-rec-two {
    padding-left: 2%;
    padding-right: 8%;
    margin-top: 58px;
}

.ship-rec-info h3 {
    font: normal normal 900 35px/50px Lato;
    letter-spacing: 0px;
    color: #00355F;
    opacity: 1;
    margin-bottom: 10px;
    /*margin: 30px 0;*/
}

.ship-rec h3 {
    font: normal normal 900 35px/50px Lato;
    letter-spacing: 0px;
    color: #00355F;
    opacity: 1;
    margin-bottom: 10px;
    /*margin: 30px 0;*/
}

.ship-rec-info p {
    text-align: left;
    font: normal normal normal 14px/25px poppins;
    letter-spacing: 0px;
    color: #3B3B3B;
    float: left;
    width: 100%;
    /*margin-top: 10px;*/
}

.ship-rec-two p {
    margin-bottom: 20px;
}

.ship-rec-num {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.ship-rec-info h2 {
    font: normal normal 900 56px/78px Lato;
    letter-spacing: 0px;
    color: #00355F;
    display: inline-flex;
    align-items: center;
    /*margin: 30px 0;*/

}

.ship-rec-info h5 {
    font: normal normal 900 98px/41px Lato;
    letter-spacing: 0px;
    color: #00355F;
    margin-top: 60px;
}

.ship-rec-info h6 {
    font: normal normal 900 25px/30px Lato;
    letter-spacing: 0px;
    color: #AD3339;
}

.over-who-we-are-info h5 span {
    font: normal normal 900 47px/39px Lato;
    letter-spacing: 0px;
    color: #00355F;

}

.ship-rec-info h2 span {
    font: normal normal 900 18px/22px Lato;
    letter-spacing: 0px;
    color: #B53036;
    margin-left: 10px;
}

.ship-rec-in-img {
    width: 50%;


}

.ship-rec-in-img img {
    width: 100%;
    /* height: 500px; */
    object-fit: cover;
    object-position: right;
}

.ship-rec-img img.small {
    width: 100%;
    height: 320px;
    object-fit: cover;
}

.ship-rec-info h4 {
    text-align: left;
    font: normal normal bold 35px/42px Lato;
    letter-spacing: 0px;
    color: #00355F;
    margin-bottom: 30px;
}

.ship-rec-intro-in {
    float: left;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin: 40px 0;
}

.ship-rec-intro-item-in {
    float: left;
    width: 100%;
    display: flex;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 60px #00000029;
    flex-direction: column;
    width: 25%;
    padding: 40px;
    justify-content: center;
    text-align: center;
    z-index: -1;
}

.ship-rec-grey {
    background: #FAFAFA 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 60px #00000029;
    position: relative;
}

.ship-rec-head {
    font: normal normal bold 24px/50px Lato;
    position: relative;
}

.ship-rec-num-intro {
    font: normal normal 900 60px/72px Lato;
}

.ship-rec-head:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 35px;
    background-color: #707070;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.ship-rec-num-intro-red {
    color: #B53036;
}

.accordion-ssorp div {
    float: left;
    width: 100%;
}

.podcast-img {
    margin-top: -1%;
    margin-bottom: -3% !important;
    width: 3%;
    display: flex;
    margin-left: -2%;
    /* margin: 0 14px; */
}

.podcast-img a {
    margin: 7px;
}

.podcast-img a img {
    margin: 16px;
}

.events-item h4 {
    margin-top: 1%;
}


/* /NEW/ */
.ship-portal-content {
    float: left;
    width: 100%;

}

.ship-recycling-portal {
    display: flex;
    width: 100%;
    align-items: center;
}

.ship-portal-pages-info p {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.01em;
    text-align: left;
    margin-top: 24px;
    width: 95%;
}

.ship-portal-pages-info {
    width: 60%;
}
.ship-portal-pages-img {
    text-align: center;
}
.portal-counter {
    display: flex;
    justify-content: center;
}

.portal-counter-in {
    margin: 0 20px;
}

.change-for-better {
    /* margin-top: 50px; */
    float: left;
    width: 100%;
    margin-bottom: 100px;
    margin-top: 100px;
    /* display: flex; */
}

.change-for-better-in {
    text-align: center;
}

.portal-counter {
    display: flex;
}

a.ship-recycling-btn {
    padding: 12px 32px 12px 32px;
    background: #A62329;
    color: #fff;
    border-radius: 8px;
    display: inline-block;
    margin-top: 30px;
}

.portal-counter-info h5 {
    font-family: Poppins;
    font-size: 40.27px;
    font-weight: 700;
    line-height: 46.71px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #fff;
}

.portal-counter-info p {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #fff;

}

.portal-counter-in {
    position: relative;

}

.portal-counter-info {
    position: absolute;
    top: 0;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    width: 150px;
    margin-top: 40px;
}

.key-features {
    float: left;
    width: 100%;
    margin-top: 50px;
    background-color: #FAFAFA;
    margin-bottom: 60px;
    padding-top: 60px;
}

.key-features h3 {
    font-family: Lato;
    font-size: 35px;
    font-weight: 800;
    line-height: 42px;
    text-align: left;
    color: #093963;
    margin-bottom: 30px;
    padding-left: 15px;
}

.key-img {
    margin-bottom: 80px;
    float: left;
    width: 100%;
}

.key-img h4 {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.01em;
    text-align: left;
    margin: 24px 0;
}

.key-img p {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.01em;
    text-align: left;

}

.portal-overview {
    float: left;
    width: 100%;
}

.portal-overview h3,
.news-portal h3 {
    font-family: Lato;
    font-size: 35px;
    font-weight: 800;
    line-height: 42px;
    text-align: left;
    color: #093963;
    padding-left: 15px;
    margin-bottom: 50px;
}

.portal {
    text-align: center;
    margin-bottom: 100px;
}

.portal .portal-img {
    margin-bottom: 32px;
}

.more-ship-recycling {
    text-align: center;
    margin-bottom: 100px;
    float: left;
    width: 100%;
}

.more-ship-recycling h5 {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0.01em;
    text-align: center;

}

.news-portal {
    float: left;
    /* margin-bottom: 100px; */
    width: 100%;
    background: #FAFAFA;
    /* margin-bottom: 35px; */
    padding-top: 25px;
    
}



/* /SSORP/ */

.ssorp-counter {
    display: flex;
    margin: 82px 0;
}

.ssorp-intro-img {
    margin: 32px 0;
}

.ssorp-intro-img img {
    margin: 0 35px;
}

.ssorp-counter-inner {
    margin-left: 80px;
    display: table;
}

.ssorp-counter-inner-in {
    display: table-row;
}

.ssorp-counter-in {
    display: table-cell;
    vertical-align: top;
}

.ssorp-counter-head {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 0.01em;
    text-align: left;
    margin-right: 90px;
    white-space: nowrap;
    color: #063C67;
    margin-top: 40px;

}

.margin-right0 {
    margin-right: 0;
}


.count-des {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #063C67;


}

.our-impact {
    float: left;
    width: 100%;
    background-color: #FAFAFA;
}

.our-impact .ssorp-head,
.team-abt .ssorp-head,
.articles-ssorp .ssorp-head {
    text-align: left;
}

.impact-main {
    border-spacing: 24px;
    border-collapse: collapse;
    display: table
}

.impact-main-inner {
    display: table-row;
    border-bottom: 1px solid #dee2e6
}

.impact-main-inner:last-child {
    border-bottom: 0;
}

.impact-main-inner-in {
    display: table-cell
}

.impact-p {
    margin-bottom: 0;
    font-weight: 400;
    padding-bottom: 24px;
    margin-top: 24px;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: left;


}

.align-middle {
    vertical-align: middle
}

.align-top {
    vertical-align: top
}

.imapct-head {
    white-space: nowrap;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0.01em;
    text-align: left;
    margin-right: 49px;
    margin-top: 38px;

    color: #000;

}

.imapct-image {
    width: 70px;
    height: 70px;
    background: #063C67;
    margin-right: 37px;
    border-radius: 20px;
    margin-top: 24px;
    margin-bottom: 24px;

}

.red {
    background: #C3272A;

}

.imapct-image img {
    margin: 16px;
    filter: brightness(0) invert(1);
}

.team-ssorp {
    float: left;
    width: 100%;
    margin-top: 50px;
}

.team-abt {
    float: left;
    width: 100%;
}

.blue-excel {
    background: #063C67;
    background-image: url(../images/excellence-bg.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding: 68px 46px 68px 126px;
    border-radius: 20px;
    float: left;
    width: 100%;
    margin: 87px 0;
}

.blue-excel-in {
    display: flex;
}

.blue-excel-in p {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #fff;
}

.awards-ssorp {
    display: flex;
    flex-direction: column;
}

.excel {
    padding-right: 3rem;
    margin-right: 3rem
}

.trophy-ssorp {
    display: flex;
    padding-bottom: 68px;
}

.trophy-ssorp:last-child {

    padding-bottom: 0;
}

.head-excel {
    font-family: Lato;
    font-size: 35px;
    font-weight: 800;
    line-height: 46px;
    letter-spacing: 0.06em;
    text-align: left;
    margin-bottom: 30px;
    color: #fff;
}

.award-info h3 {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #fff;

}

.award-info {
    margin-left: 43px;
}

.articles-ssorp {
    float: left;
    width: 100%;
    background: #FAFAFA;
    padding: 70px 0;


}

.ssorp-diff-info {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}

.ssorp-diff-info p {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: left;

}

.team-ssorp-in {
    display: flex;
    margin-bottom: 38px;
}

.team-info p {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: left;

}

.team-info h3 {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: left;

}

.team-info {
    margin-left: 24px;
}

.padding-right90 {
    padding-right: 90px;
}

.team-ssorp-inner {
    float: left;
    width: 100%;
}

.ssorp-visit {
    float: left;
    width: 100%;
    margin: 100px 0;
    text-align: center;
}

.ssorp-visit h3 {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0.01em;
    text-align: center;

}

.ssorp-inner-head h1:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 54px;
    background-color: #B53036;
    bottom: -17px;
    left: 0;
    right: 0;
    margin: auto;
}

.articles-ssorp .thought-leadership-item {
    background-color: #fff;
    box-shadow: none;
}

.new-testi {
    float: left;
    width: 100%;
    margin-top: 60px;
}

.new-testi .testi-item {
    box-shadow: none;
    background-color: #F9F9F9;
    border: 0;
    border-radius: 24px;
    padding: 24px;
}

.new-testi .testi-inner {
    padding: 0;
}

.new-testi .testi-inner p {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.01em;
    text-align: left;
    min-height: 196px;
    overflow: hidden;
    text-overflow: none;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.new-testi .testi-inner h4 {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0.01em;
    text-align: left;
    margin-top: 32px;
}

.new-testi .testi-inner .read-more a {
    color: #000;
}
.team-of-experts {
    float: left;
    width: 100%;
    background: #FAFAFA;
    margin-top: 60px;
}