@import url("https://www.liscr.com/Resources/Assets/css/ionicons-min.css");
@import url("https://www.liscr.com/Resources/Assets/css/boxicons-min.css");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
/*@import url("https://unpkg.com/ionicons@4.5.10-0/dist/css/ionicons.min.css");*/


body {
    margin: 0px;
    padding: 0px;
}

@font-face {
    font-family: "HCo Gotham";
    src: url("/LISCR/media/Resources/Assets/fonts/HCoGotham/Gotham-Light_Web.woff2") format("woff2"),url("/LISCR/media/Resources/Assets/fonts/HCoGotham/Gotham-Light_Web.woff2") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "HCo Gotham";
    src: url("/LISCR/media/Resources/Assets/fonts/HCoGotham/Gotham-Book_Web.woff2") format("woff2"),url("/LISCR/media/Resources/Assets/fonts/HCoGotham/Gotham-Book_Web.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "HCo Gotham";
    src: url("/LISCR/media/Resources/Assets/fonts/HCoGotham/Gotham-Medium_Web.woff2") format("woff2"),url("/LISCR/media/Resources/Assets/fonts/HCoGotham/Gotham-Medium_Web.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "HCo Gotham";
    src: url("/LISCR/media/Resources/Assets/fonts/HCoGotham/Gotham-Bold_Web.woff2") format("woff2"),url("/LISCR/media/Resources/Assets/fonts/HCoGotham/Gotham-Bold_Web.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

.MainEditorBodyStyle {
    top: calc(80px + 46px);
    position: relative;
}

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

.screen_leftpanel {
    width: 50%;
    float: left;
}

.screen_rightpanel {
    width: 50%;
    float: left;
}

#MainBannerList {
    display: flex;
    background: #039b03;
    width: 100%;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -0.4px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    justify-content: center;
    height: 42px;
    margin-bottom: 0px;
    position: fixed;
    top: 123px;
    z-index: 99;
    line-height: 9px;
}

    #MainBannerList button {
        display: none;
    }

/* search page css */
.page-section {
    background-image: url("/LISCR/media/Resources/Pages/about_us/about_hero_banner.jpg") !important;
}

.searching_lableviewpanel {
    font-family: "HCo Gotham", arial, sans-serif;
}
/* search page css */
.who_lable {
    background-image: linear-gradient(to right, #00b0c6 0%, #b32735 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.navbar__left__logo {
    display: none;
}

.home_warpperview {
    width: 60%;
    /* padding: 0 0 0 calc((100vw - 1800px) / 2); */
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    height: 760px;
    margin-left: 0px;
}

.home_lable_h1 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #00b0c6;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.home_lable_h2 {
    font-size: 70px;
    line-height: 70px;
    letter-spacing: -2.8px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
}

.home_warpperview p {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 20px;
    max-width: 500px;
}

.green_ship_video_warpper .bg-video-wrapper {
    width: 100%;
    height: 548px;
    position: relative;
}


.greenship_recycling_image > div[style*="background-image"] {
    background-size: cover;
    background-position: 100%;
    max-height: 545px;
    height: 545px;
}

.publications_portal_image.greenship_recycling_image > div[style*="background-image"] {
    max-height: 400px;
    height: 400px;
}

.publications_portal.greenship_recycling_warpper {
     height: 400px;
}


.greenship_recycling_warpper {
    width: 100%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    height: 545px;
}

    .greenship_recycling_warpper .lable_h2 {
        font-size: 34px;
        line-height: normal;
        letter-spacing: -1.8px;
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 700;
        margin-bottom: 8px;
    }

    .greenship_recycling_warpper .lable_h3 {
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.64px;
        margin-bottom: 20px;
        width: 92%;
    }


.chart_la_lable .lable_h2 {
    font-size: 14px;
    letter-spacing: -0.6px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 500;
    margin: 10px 0px 40px 0px;
    text-align: right;
    font-style: italic;
    width: 85%;
}

.Market_Share_logoview .logoview {
    width: 80%;
    height: 100%;
    position: relative;
    margin: auto;
    margin-bottom: 0px;
    margin-top: 35px;
    text-align: center;
}

.green_ship_warpper {
    width: 90%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    height: 500px;
}

    .green_ship_warpper .lable_h2 {
        font-size: 48px;
        line-height: 54px;
        letter-spacing: -2.8px;
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 700;
        margin-bottom: 18px;
    }

    .green_ship_warpper .lable_h3 {
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.64px;
        margin-bottom: 20px;
        width: 85%;
    }

.privacy_image_warpper {
}

.Press_warpper_image_box {
    height: 200px;
    overflow: hidden;
}

.newsPress_img_warpper {
    max-width: 100%;
}

.articlenewsPress_img {
    width: 100% !important;
    height: 100% !important;
}

.innovation_energy_warpper {
    width: 78%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    height: 500px;
}

    .innovation_energy_warpper .lable_h2 {
        font-size: 48px;
        line-height: 54px;
        letter-spacing: -2.8px;
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 700;
        margin-bottom: 18px;
    }

    .innovation_energy_warpper .lable_h3 {
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.64px;
        margin-bottom: 20px;
        width: 85%;
    }

.maritime_link_view {
    margin: 25px 0px 40px;
}



.liscr_facebook_icon {
    font-size: 34px;
    color: #425892;
    margin-right: 15px;
    float: left;
}

.liscr_linkedin_icon {
    font-size: 34px;
    color: #286195;
    margin-right: 15px;
    margin-top: 1px;
    float: left;
}

.liscr_youtube_icon {
    font-size: 45px;
    color: #e71b1e;
    margin-top: -5px;
    float: left;
}


.online_footer_lable {
    margin-left: 130px !important;
}

.online_footer_lable_2 {
    border-left: 0px dotted #71717161 !important;
    padding-top: 31px !important;
    padding-left: 60px !important;
}

.spacelineh1 {
    height: 1px;
    float: left;
    background: #000;
    width: 20px;
    margin: 12px 7px 0px 0px;
    display: none;
}

.home_lable_h1_colour {
    /*    background-image: linear-gradient(to right, #009caf 0%, #d33e4d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #00b0c6;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    margin-bottom: 20px;
}



.home_warpperview_02 {
    width: 90%;
    padding: 0px 90px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    height: 760px;
}

.market_imageview_01 {
    background-image: url(https://media.liscr.com/marketing/liscr/media/liscr/home/home_page_banner5.jpg);
    background-size: cover;
    background-position: 33% 100%;
    max-height: 760px;
    height: 760px;
}

.market_imageview_02 {
    background-image: url(https://media.liscr.com/marketing/liscr/media/liscr/home/home_page_active_01.jpg);
    background-size: cover;
    background-position: 100%;
    max-height: 760px;
    height: 760px;
}

.global_imageview_03 {
    background-image: url(https://media.liscr.com/marketing/liscr/media/liscr/home/home_shipping_02.jpg);
    background-size: cover;
    background-position: 100%;
    max-height: 760px;
    height: 760px;
}

.Shipping_imageview_04 {
    background-image: url(https://media.liscr.com/marketing/liscr/media/liscr/home/shipping_banner_06.jpg);
    background-size: cover;
    background-position: 100%;
    max-height: 760px;
    height: 760px;
}

.lng_imageview_05 {
    background-image: url(https://media.liscr.com/marketing/liscr/media/liscr/maritime/thetopflag_04.jpg);
    background-size: cover;
    background-position: 4%;
    max-height: 760px;
    height: 760px;
}

.main_warpperview {
    overflow: hidden;
}

.all_section_warpperview {
    max-width: 1920px;
    margin: auto;
}

.section_main_warpperview {
    clear: both;
}

/******AutoPilot css start******/

.AutoPilot_targerview .be-label {
    display: none;
}

.AutoPilot_targerview .be-related-link {
    text-decoration: none;
}


.AutoPilot_targerview ul {
    list-style: none;
    color: #ffffff;
    padding: 35px 0px 0px 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 16px;
    letter-spacing: -0.4px;
    text-decoration: none;
}

    .AutoPilot_targerview ul li {
        width: auto;
        border: 0px solid red;
        height: auto;
        margin-top: 0px;
        float: left;
        padding-right: 0px;
        margin-left: 0px;
        margin-bottom: 15px;
    }


.be-related-link {
    display: inline-block;
    position: relative;
    padding-bottom: 1px;
    text-decoration: none;
    color: #000 !important;
    letter-spacing: 0px;
}


    .be-related-link:after {
        content: '';
        display: block;
        margin: auto;
        height: 2px;
        width: 0px;
        background: transparent;
        transition: width .5s ease, background-color .5s ease;
    }

    .be-related-link:hover:after {
        width: 100%;
        background: #00b0c6;
    }
/******AutoPilot css End******/

.market_imageview {
    background-size: cover;
    background-position: 60% 100%;
    max-height: 760px;
    height: 760px;
    background-repeat: no-repeat;
}

.produly_lable_h1 {
    text-align: left;
    padding-bottom: 10px;
    font-size: 26px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 500;
    width: 100%;
    line-height: 63px;
    margin-bottom: 0px;
    padding-top: 0px;
    margin-left: 0px;
    color: #00e3ff;
    text-transform: uppercase;
    letter-spacing: 11px;
    height: 21px;
}

.produly_lable_h2 {
    color: #fff;
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 49px;
    line-height: 1.5;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    width: auto;
    letter-spacing: 8px;
    font-weight: 500;
}

.top_onlinelibray_warpper {
    margin: auto;
    max-width: 1730px;
}


.mob_icons_view {
    display: none;
    margin-top: 7px;
}

.Library_menu__item a {
    text-decoration: none;
}

.moblie_view_warpper {
    display: none;
}

.Library_menu__item {
    float: left;
    width: 100%;
    padding-bottom: 23px;
}

.mob_search_icon {
    font-size: 20px;
    background: #f3f3f3;
    padding: 9px;
    color: #595959;
    margin-right: 10px;
    border-radius: 50px;
}

.mob_video_icon_h1 {
    font-size: 20px;
    background: #f3f3f3;
    padding: 9px;
    color: #595959;
    margin-right: 0px;
    border-radius: 50px;
}

.Duty_call_btn {
    border: 2px solid #00b0c6;
    border-radius: 60px;
    width: auto;
    height: auto;
    display: block;
    background: linear-gradient(to right, #00b0c6 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.4s ease-out;
    font-size: 15px;
    text-transform: uppercase;
    padding: 6px 40px;
    margin-left: 20px;
    font-family: "HCo Gotham", arial, sans-serif !important;
    font-weight: 400;

}

    .Duty_call_btn:hover {
        background-position: left bottom;
        color: #fff;
    }

        .Duty_call_btn:hover span img {
            filter: brightness(0) invert(1);
            transition: all 0.4s ease-out;
        }



.cookies_call_btn {
    border: 2px solid #00b0c6;
    border-radius: 60px;
    width: 134px;
    height: auto;
    display: block;
    background: linear-gradient(to right, #00b0c6 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.4s ease-out;
    font-size: 15px;
    padding: 6px 20px;
    margin-left: 20px;
    font-family: "HCo Gotham", arial, sans-serif !important;
    font-weight: 400;
}

    .cookies_call_btn:hover {
        background-position: left bottom;
        color: #fff;
    }

        .cookies_call_btn:hover span img {
            filter: brightness(0) invert(1);
            transition: all 0.4s ease-out;
        }

.Acceptcookies_call_btn {
    border: 2px solid #00b0c6;
    border-radius: 60px;
    width: 200px;
    height: auto;
    display: block;
    background: linear-gradient(to right, #00b0c6 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.4s ease-out;
    font-size: 15px;
    padding: 6px 20px;
    margin-left: 20px;
    font-family: "HCo Gotham", arial, sans-serif !important;
    font-weight: 400;
    background: #00b0c6;
    color: #fff;
    margin-bottom: 12px;
}

    .Acceptcookies_call_btn:hover {
        background-position: left bottom;
        color: #fff;
    }

        .Acceptcookies_call_btn:hover span img {
            filter: brightness(0) invert(1);
            transition: all 0.4s ease-out;
        }

.CookieNotice_warpper {
    background: #fff;
    position: fixed;
    z-index: 9;
    bottom: 35px;
    width: 70%;
    margin-left: 113px;
    box-shadow: 3px 4px 11px 4px #e3e3e3;
    border-radius: 5px;
}
.CookieNotice_warpper_left_panel {
    width: 75%;
    float: left;
}
.CookieNotice_warpper_right_panel {
    width: 20%;
    float: left;
    padding: 22px 0px 0px 0px;
}
.CookieNotice_lable_text {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.64px;
    color: #000;
    padding: 50px;
}
.modal_logo_warppert1 {
    float: left;
    padding: 4px 15px;
}
.modal_logo_warppert2 {
    float: right;
    padding: 14px;
}
.testPreference_CookieNotice_footer {
    position: absolute;
    width: 100%;
    bottom: 0px;
    border-top: 1px solid #ccc;
    padding: 10px 0px 0px 0px;
    background: #fff;
}
.testSaveAcceptcookies_w1 {
    float: left;
    margin-left: 20px;
}
.testpowerSaveAcceptcookies_w1 {
    float: right;
    padding: 5px 14px 5px 0px;
    background: #f3f3f3;
    width: 100%;
    text-align: right;
    margin-top: 20px;
}

.Slidebox {
    float: left;
    overflow: hidden;
    background: #fff;
    width: 430px;
    top: 0px;
    position: fixed;
    z-index: 999;
    height: 100%;
    box-shadow: 4px 1px 16px 1px #ccc;
}

.box-inner {
    padding: 10px;
    border: 1px solid #a29415;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 300px;
    height: 100%;
    background: #a6e685;
    z-index: 999;
}

#modal_warpperbox {
    position: fixed;
    left: 0px;
    width: 400px;
    height: 100%;
    z-index: 9999;
}
.manage_warpper {
  
}
.Consent_Strictly_warpper{

}

/*****accordion start******/
.information_btnck {
    text-align: left;
    width: 100%;
    float: left;
    padding: 9px 3px;
    border: 0px;
    color: #3f3f3f;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 50px;
}
.cookiesask_lable {
    font-size: 14px;
    font-weight: 400;
    padding: 11px 1px 2px;
    line-height: 23px;
}
.ask_accordion .ask_accordion-item {
    border-bottom: 1px solid #e5e5e5;
}
    .ask_accordion .ask_accordion-item button[aria-expanded=true] {
        border-bottom: 1px solid #ebebeb;
    }
.ask_accordion button {
  position: relative;
  display: block;
  text-align: left;
  width:100%;
  padding:10px 0px;
  color: #000;
  font-size: 17px;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
}
.ask_accordion button:hover, .ask_accordion button:focus {
  cursor: pointer;
  color: #03b5d2;
}
.ask_accordion button:hover::after, .ask_accordion button:focus::after {
  cursor: pointer;
  color: #03b5d2;
  border: 1px solid #03b5d2;
}
    .ask_accordion button .ask_accordion-title {
        padding: 0px 0px 0px 36px;
    }
    .ask_accordion button .ask_icon {
        display: inline-block;
        position: absolute;
        top: 14px;
        left: 0;
        width: 22px;
        height: 22px;
        border: 0px solid;
        border-radius: 22px;
    }
.ask_accordion button .ask_icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}
.ask_accordion button .ask_icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}
.ask_accordion button[aria-expanded=true] {
  color: #03b5d2;
}
.ask_accordion button[aria-expanded=true] .ask_icon::after {
  width: 0;
}
    .ask_accordion button[aria-expanded=true] + .ask_accordion-content {
        opacity: 1;
        max-height: max-content;
        transition: all 200ms linear;
        will-change: opacity, max-height;
        overflow: auto;
    }
.ask_accordion .ask_accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}
.ask_accordion .ask_accordion-content p {
  font-size: 1rem;
  font-weight: 300;
  margin: 1em 0;
}
/***accordion End****/

.ManageAcceptcookiesmanage_h1 {
    font-size: 14px;
    font-weight: 700;
    margin-top: 18px;
    float: left;
    width: 100%;
}
.TargetingNecessary {
    width: 97%;
    float: left;
    line-height: 33px;
    margin-top: 10px;
}
.PrivacyAcceptcookiesmanage_h1 {
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    float: left;
}
.PrivacyAcceptcookiesmanage_warpper {
    padding: 28px 19px;
    width: 100%;
    height: auto;
    overflow: auto;
    line-height: 26px;
    border-top: 1px solid #ccc;
    height: 72vh;
    padding-bottom: 120px;
}
.Acceptcookiesmanage_warpper {
    padding: 28px 19px;
    width: 100%;
    height: 360px;
    overflow: auto;
    line-height: 26px;
}
.Acceptcookiesmanage_h1 {
    font-size: 14px;
    font-weight: 700;
}
.Acceptcookiesmanage_lable {
    font-size: 14px;
    padding-top: 18px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    line-height: 23px;
}
.cook_Folloze1 {
    float: left;
}
.cook_Folloze2 {
    float: right;
    color: #00b0c6;
    padding-right: 50px;
}
.Parentcookiesacc {
    width: 100%;
    float: left;
}
.Parentcookiesacc_h1 {
    font-size: 14px;
    color: #565656;
    padding-top: 13px;
}
.Parentcookiesacc_h2 {
    font-size: 11px;
    color: #565656;
    padding-left: 12px;
    font-weight: 500;
    line-height: 20px;
}
.Preference_CookieNotice_popup {
    background: #F2F2F2;
    width: 700px;
    height: 583px;
    position: fixed;
    top: 158px;
    margin: 0px 0px 0px 113px;
    font-family: "HCo Gotham", arial, sans-serif;
    z-index: 99;
}
.cookie_btn_m {
    position: absolute;
    margin: 54px -28px;
}
.Vendor_list_p1 {
    font-size: 14px;
    font-weight: 700;
    padding: 10px 0px 6px;
}
.Always_link1 {
    float: left;
    padding-left: 34px;
}
.Always_link2 {
    text-align: right;
    float: right;
    color: #00b0c6;
}
.Vendor_acc_warpper {
    width: 100%;
    margin: 0px 0px 0px;
    float: left;
}

.powerSaveAcceptcookies_w1 {
    width: 100%;
    text-align: right;
    padding-right: 0px;
    margin: 12px 0px;
    float: left;
}
.powerSaveAcceptcookies_w1_text {
    font-size: 14px;
    margin-right: 11px;
}
.powerSaveAcceptcookies_w1_img {
    width: 120px;
}




/******popup toggle_btn start**********/

.checkboxtoggle_btn[type="checkbox"] {
    position: relative;
    width: 37px;
    height: 12px;
    -webkit-appearance: none;
    appearance: none;
    background: #a7a7a7;
    outline: none;
    border-radius: 2rem;
    cursor: pointer;
}

    .checkboxtoggle_btn[type="checkbox"]::before {
        content: "";
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #494949;
        position: absolute;
        top: -4px;
        left: 0;
        transition: 0.5s;
    }

    .checkboxtoggle_btn[type="checkbox"]:checked::before {
        transform: translateX(100%);
        background: #09632f;
    }

    .checkboxtoggle_btn[type="checkbox"]:checked {
        background: #17a854;
    }
/******popup toggle_btn End**********/


/*********tooltip start*********/
.Adjustcookie_btn_m {
    position: fixed;
    bottom: 54px;
    left: 0px;
}
.cooktooltip-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

    .cooktooltip-container .cooktooltip {
        visibility: hidden;
        background-color: #333;
        color: #fff;
        text-align: center;
        padding: 6px 12px;
        border-radius: 6px;
        position: absolute;
        left: 99%;
        top: 50%;
        transform: translateY(-50%);
        white-space: nowrap;
        z-index: 1;
        font-size: 12px;
        font-family: "HCo Gotham", arial, sans-serif !important;
    }

        .cooktooltip-container .cooktooltip::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 100%;
            margin-top: -6px;
            border-width: 6px;
            border-style: solid;
            border-color: transparent #333 transparent transparent;
        }

    .cooktooltip-container:hover .cooktooltip {
        visibility: visible;
    }
/*********tooltip End*********/
/******accordion css start****/
.cookiesaccordion-wrapper {
    position: relative;
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: 600;
    float: left;
    width: 100%;
}
.cookiesacc-head {
    position: relative;
    width: 100%;
    float: left;
    border-top: 1px solid #ececec;
    padding: 6px 0px;
    cursor: pointer;
}
    .cookiesacc-head::after {
        content: '\276F';
        position: absolute;
        right: 16px;
        color: grey;
        transform: rotate(0deg);
        transition: .4s;
    }
    .cookiesacc-head.active::after {
        content: '\276F';
        position: absolute;
        right: 16px;
        color: grey;
        transform: rotate(90deg);
        transition: .4s;
    }
.cookiesacc-body {
    padding: 2px 25px;
    display: none;
    background: #fff;
    float: left;
    width: 98%;
    border: 1px solid #e5e5e5;
}
/******accordion css End ****/

.liscr_logo_cookies {
    width: 150px;
    margin-right: 18px;
}

.cookie_btn_m_icon {
    font-size: 42px !important;
    border: 1px solid #00b0c6;
    border-radius: 60px;
    padding: 4px;
    background: #00b0c6;
    color: #fff;
}
.Preference_CookieNotice_header {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
    padding: 4px;
}
.Preference_CookieNotice_body {
    width: 100%;
    height: 380px;
    border-top: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
}
.Preference_CookieNotice_footer {
    width: 100%;
}
.SaveAcceptcookies_w1 {
    width: 100%;
    float: left;
}
.SaveAcceptcookies_w2 {
 
    float: left;
}
.SaveAcceptcookies_w3 {
    float: right;
    padding-right: 2px;
}

.Acceptcookiestab {
    float: left;
    border: 0px solid #ccc;
    background-color: #f1f1f1;
    width: 30%;
    height: 300px;
}

    /* Style the buttons inside the tab */
    .Acceptcookiestab button {
        display: block;
        background-color: inherit;
        color: black;
        padding: 22px 10px;
        width: 100%;
        border: none;
        outline: none;
        text-align: left;
        cursor: pointer;
        transition: 0.3s;
        font-size: 14px;
        font-weight: 600;
    }

        /* Change background color of buttons on hover */
        .Acceptcookiestab button:hover {
            background-color: #F8F8F8;
        }

        /* Create an active/current "tab button" class */
        .Acceptcookiestab button.active {
            background-color: #fff;
            border-left: 8px solid #00b0c6;
            border-bottom: 1px solid #ccc;
        }

/* Style the tab content */
.Acceptcookiestabcontent {
    float: left;
    padding: 0px 12px;
    border: 0px solid #ccc;
    width: 70%;
    border-left: none;
    height: 300px;
}

.SaveAcceptcookies_call_btn {
    border: 2px solid #00b0c6;
    border-radius: 0px;
    width: auto;
    height: auto;
    display: block;
    background: linear-gradient(to right, #00b0c6 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.4s ease-out;
    font-size: 14px;
    padding: 6px 40px;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 0px;
    background: #00b0c6;
    color: #fff;
}

    .SaveAcceptcookies_call_btn:hover {
        background-position: left bottom;
        color: #fff;
    }


.rejectcookefsleft {
    padding-top: 11px;
}

.Contact_call_btn {
    border: 2px solid #00b0c6;
    border-radius: 60px;
    width: auto;
    height: auto;
    display: block;
    background: linear-gradient(to right, #00b0c6 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.4s ease-out;
    font-size: 16px;
    text-transform: uppercase;
    padding: 6px 40px;
    margin: auto;
    margin-top: 29px;
    margin-bottom: 10px;
}

    .Contact_call_btn:hover {
        background-position: left bottom;
        color: #fff;
    }

.Contact_lable_link {
}

.menu_ContactUs_panel_warpper {
}

.closed_icon_l {
    padding: 2px 0px;
    float: left;
    font-size: 20px !important;
    font-weight: bold !important;
    padding-right: 6px !important;
}

.close_lable_warpper {
    font-family: "HCo Gotham", arial, sans-serif !important;
    font-weight: 500;
    font-size: 15px;
}

#mapContainer {
    margin: auto;
    width: 80%;
}

.map_Broad_panel {
    width: 700px;
    float: left;
}

.map_Broad_panel_01 {
    float: left;
    width: 50%;
}

    .map_Broad_panel_01 img {
        width: 100%;
        height: 240px;
    }

.map_Broad_panel_02 {
    float: left;
    width: 50%;
    padding: 11px 15px;
}

.service_circle_warpper {
    text-align: center;
}

.map_Broad_panel_lable {
    color: #00b0c6;
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: 500;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -1px;
    text-align: left;
    text-transform: uppercase;
}

.map_Broad_panel_lable_02 {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -0.6px;
    margin-bottom: 12px;
    padding-top: 7px;
    padding-right: 0px;
    line-height: 23px;
}

.global_card_phone_01 {
    margin-top: 6px;
    float: left;
    letter-spacing: 0px;
    width: 100%;
    text-align: left;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.global_card_phone_in_icon {
    float: left;
    margin: 2px 13px 0px 0px;
    color: #00b0c6;
}

.ContactOfficer_lable {
    font-family: "HCo Gotham", arial, sans-serif !important;
    font-weight: 400;
    font-size: 18px;
    text-transform: capitalize;
    float: left;
}

.Contactrightarrow {
    font-size: 23px;
    float: left;
    margin: 0px 0px 0px 10px;
}

.menu_ContactUs_panel {
    flex-basis: 100%;
    border-top: 2px solid #35adc7;
    margin-top: 31px;
}


/*******maritime css*******/
#Duty_Officer_Video_maritime_warpper .bg-video-wrapper {
    background-repeat: no-repeat;
    width: 100%;
    height: 535px;
    background-size: cover;
    margin-bottom: 2%;
    box-shadow: unset;
    margin-top: 0px;
    background-position: 100%;
}

#Duty_Officer_Video_maritime_warpper .the_compny_lableview {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 42px;
    line-height: normal;
    letter-spacing: -2.8px;
    margin-bottom: 10px;
    text-transform: capitalize;
    padding-bottom: 0px;
    height: auto;
    position: relative;
    width: 60%;
}

.greenship_business_lable {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: -0.64px;
    list-style: disc;
    padding-left: 30px;
    margin-top: 0px;
}

#Duty_Officer_Video_maritime_warpper .effect_header_1 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    color: #fff;
    width: 52%;
    text-transform: inherit;
    white-space: normal;
}

#Duty_Officer_Video_maritime_warpper .min-height-100vh {
    min-height: 100vh !important;
    min-height: calc(-80px - 46px + 660px) !important;
}

#Duty_Officer_Video_maritime_warpper .scroll-down {
    display: none;
}

.Video_maritime_link_v1 {
    margin: 20px 0px 50px;
}


.Inspection_warpper {
    width: 45%;
    border: 0px solid #ccc;
    overflow: hidden;
    float: left;
    margin-right: 40px;
    margin-bottom: 50px;
    height: 140px;
}

.Inspection_iconview {
    float: left;
    width: 50px;
}
.careers_warpper_coverage .Inspection_iconview {
    float: left;
    width: 40px;
}

.Inspection_AuditInspection {
    float: left;
    width: 82%;
    padding-left: 23px;
}

.careers_warpper_coverage .Inspection_AuditInspection {
    float: left;
    width: 90%;
    padding-left: 23px;
}

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

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

.long_range_img .logoview {
    width: 100%;
    height: 560px;
    position: relative;
    margin: auto;
    margin-bottom: 26px;
}

.crop_contact_lable {
    font-family: "HCo Gotham", arial, sans-serif;
    line-height: 25px;
    letter-spacing: -0.84px;
    margin-bottom: 20px;
    max-width: 100%;
    font-size: 20px;
    font-weight: 500;
}

.Postal_delivery_lable {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: -0.64px;
    margin-bottom: 14px;
    max-width: 100%;
    margin-top: 17px;
}

.Ocean .lable_h3 {
    color: #fff;
    height: 72px;
}

.Ocean_down .lable_h3 {
    color: #fff;
    height: 72px;
}

.Ocean_downqualship .lable_h3 {
    color: #fff;
    height: 72px;
}

.requirements_qualship_1 {
    background: #f7f7f7;
    width: 100%;
    float: left;
    margin-top: 76px;
}

.assistance_top {
    margin-top: 70px;
}

.investigations_topview {
    padding-top: 25px;
    padding-bottom: 36px;
}

.Inspection_Vessel_h1 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    text-align: left;
    font-size: 26px;
    line-height: 35px;
    letter-spacing: -1.4px;
}

.Inspection_Vessel_p {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: -0.64px;
    height: auto;
}

.Inspection_Vessel_btn {
    margin-bottom: 0px;
}

.privacy_policy_wrapper {
}

    .privacy_policy_wrapper .lable_h2 {
        font-size: 28px;
        font-weight: 700;
        letter-spacing: -1.8px;
        padding-top: 30px;
        font-family: "HCo Gotham", arial, sans-serif;
    }

    .privacy_policy_wrapper .lable_h3 {
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.64px;
        margin-bottom: 20px;
        width: 100%;
    }

#Certificates_corporate .MSMC_Extendeddry_img {
    width: 100%;
    height: 180px;
    background-repeat: no-repeat;
    margin-bottom: 25px;
}
/*******maritime css*******/
/**********footer section*******/
.facebook_warpper {
    text-align: center;
    width: 50%;
    margin: 19px 0px 0px 40px;
}

.footer_warpperpanel_ct_contact {
    float: left;
    width: 100%;
    margin: 23px 0px 0px 0px;
}

.search_icon_main {
}

.ct_link_hover {
    text-decoration: none !important;
}

.footer_warpperpanel_ct_1 {
    margin-right: 10px;
}

.facebook_warpper_icon {
    margin-right: 12px;
    float: left;
}

.facebook_l_icon_01 {
    font-size: 33px;
    color: #3e4f89;
    float: left;
    margin-right: 8px;
}

.facebook_l_icon_02 {
    font-size: 32px;
    color: #386194;
    float: left;
    margin: 2px 8px 0px 0px;
}

.facebook_l_icon_03 {
    font-size: 44px;
    color: #d8272b;
    margin-top: -4px;
    float: left;
}

.footer_link_icon {
    color: #fff;
    font-size: 30px !important;
}

.copy_right_lable {
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    width: 92%;
    margin: auto;
    max-width: 1610px;
}

.copy_footer_warpperpanel {
    background: #fff;
    padding-top: 19px;
    padding-bottom: 14px;
    overflow: auto;
}

.footer_warpperpanel {
    background: #f1f1f3;
    padding-top: 45px;
    padding-bottom: 30px;
    overflow: hidden;
    /*  background: linear-gradient(31deg, rgb(232 232 232 / 75%) 0%, rgb(242 242 242 / 37%) 17%, rgba(255, 255, 255, 1) 17%, rgba(233, 233, 233, 1) 87%, rgba(240, 240, 240, 1) 87%, rgba(240, 240, 240, 1) 100%);*/
    clear: both;
}

.footer_logo {
    width: 220px;
    margin-left: 18px;
}

.services_footer_lable_h1 {
    color: #00b0c6;
    padding: 6px 0px;
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0px;
}

.footer_warpperpanel_panel {
    width: 95%;
    margin: auto;
    max-width: 1601px;
}

.footer_warpperpanel_panel_logo_01 {
    width: 22%;
    float: left;
}

.Scrolluparrow_icon {
}

.footer_warpperpanel_panel_01 {
    width: 15%;
    float: left;
    border-left: 1px solid #00b0c6;
    padding-left: 20px;
}

.subdropdownArrow {
    top: -6px;
    margin: 0 0 0 -6px;
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 4px 0 0 0;
    background: #21a7c3;
    box-shadow: -3px -3px 5px rgba(82, 95, 127, .04);
    will-change: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    z-index: -1;
}

.menu_hoverline1 {
    display: inline-block;
    position: relative;
    padding-bottom: 1px;
    text-decoration: none;
    color: #000 !important;
    letter-spacing: 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 16px;
    letter-spacing: -0.4px;
    height: 35px;
}

    .menu_hoverline1:after {
        content: '';
        display: block;
        margin: auto;
        height: 2px;
        width: 0px;
        background: transparent;
        transition: width .5s ease, background-color .5s ease;
        position: absolute;
        top: 35px;
    }

    .menu_hoverline1:hover:after {
        width: 100%;
        background: #00b0c6;
    }

.footer_sublink {
    display: inline-block;
    position: relative;
    padding-bottom: 1px;
    text-decoration: none;
    color: #000 !important;
    letter-spacing: 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 16px;
    letter-spacing: -0.4px;
}

    .footer_sublink:after {
        content: '';
        display: block;
        margin: auto;
        height: 2px;
        width: 0px;
        background: transparent;
        transition: width .5s ease, background-color .5s ease;
    }

    .footer_sublink:hover:after {
        width: 100%;
        background: #00b0c6;
    }

/**********footer section*******/

/****cricle start****/
.service_cricle_warpper {
    background: linear-gradient(to left, rgba(54, 9, 51, 0.8), rgba(11, 135, 147, 1));
    width: 380px;
    height: 380px;
    border-radius: 100%;
    padding: 70px;
}

.service_cricle_lable {
    text-align: center;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 600;
    color: #000;
    font-size: 24px;
    padding: 4px 10px 0px;
    width: 100%;
    margin: auto;
    line-height: 30px;
    letter-spacing: -0.6px;
}

.service_cricle_lable_h1 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 18px;
    color: #000;
    letter-spacing: -0.8px;
    padding: 31px 10px 10px 0px;
    width: 80%;
    margin: auto;
    line-height: 25px;
    text-align: center;
}

.service_cricle_lable_link {
    text-align: center;
    padding: 19px 0px 0px 0px;
    width: 65%;
    margin: auto;
}
/****cricle End****/
/************top nav*********/
.works-filter a.certificationservices_link {
    color: #00adc3 !important;
    transition: all 0.3s ease;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
    padding: 0px;
    letter-spacing: 0.02em;
}

.home_container_fluid {
    max-width: 1920px;
    margin: auto;
}

.top_onlinelibray {
    width: 100%;
    height: 46px;
    background: #f1f1f3;
    text-align: right;
    padding-right: 50px;
    margin-top: 0px;
}

.top_onlinelibray_lables {
    margin: 0px 17px;
}

.serachmain {
    font-weight: 500 !important;
    font-size: 30px !important;
    position: absolute;
    margin: 8px 0px 0px 0px !important;
}

.Officer_lable {
    float: left;
    margin: 1px 9px 0px 0px;
}

.video_icon_h1 {
    font-size: 22px;
    float: left;
    margin: 2px 0px 0px 0px;
}

.search_warppere {
}



.home_main_header_warpper .Proudly_warpper_main {
    border: 0px solid red;
    width: 100%;
    height: 100px;
    z-index: 9;
    margin-top: 548px;
    margin-left: 0px;
}

.Proudly_warpper_mainServing {
    width: 91%;
    margin-left: auto;
    margin-right: auto;
}

.the_compny_lableview {
    text-align: left;
    padding-bottom: 10px;
    font-size: 26px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 500;
    width: 100%;
    line-height: 40px;
    margin-bottom: 0px;
    padding-top: 0px;
    margin-left: 0px;
    color: #00e3ff;
    text-transform: uppercase;
    letter-spacing: 11px;
    height: 44px;
}

.effect_header_1 {
    color: #fff;
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 49px;
    line-height: 1.5;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: visible;
    position: relative;
    width: auto;
    letter-spacing: 8px;
    font-weight: 500;
}








/*******buttons*/

.link--arrowed {
    display: inline-block;
    color: #00b0c6;
    text-decoration: none;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 500;
    letter-spacing: -1px;
    font-size: 20px;
}

    .link--arrowed:after {
        content: '';
        display: block;
        margin: auto;
        height: 2px;
        width: 0;
        background: transparent;
        transition: width .5s ease, background-color .5s ease;
    }

    .link--arrowed:hover:after {
        width: 100%;
        background: #00b0c6;
    }

    .link--arrowed .arrow-icon {
        position: relative;
        top: 1px;
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
        vertical-align: middle;
        float: left;
        padding: 0px 5px;
        margin-right: 4px;
    }

        .link--arrowed .arrow-icon g {
            stroke-width: 2.5;
        }

    .link--arrowed .arrow-icon--circle {
        transition: stroke-dashoffset 0.5s ease;
        stroke-dasharray: 95;
        stroke-dashoffset: 0;
    }

    .link--arrowed:hover .arrow-icon {
        /*transform: translate3d(5px, 0, 0);*/
    }

    .link--arrowed:hover .arrow-icon--circle {
        stroke-dashoffset: 0;
    }

    .link--arrowed:hover {
        text-decoration: none;
        color: #00b0c6;
    }

/*********************/
/***************/
.Gross_Tonnage_lable {
    font-size: 35px;
    line-height: 35px;
    letter-spacing: -1.4px;
    font-family: "HCo Gotham",arial,sans-serif;
    font-weight: 700;
    color: #fff;
}

.Scrolltop_warpper {
    position: fixed;
    bottom: 65px;
    right: 30px;
    z-index: 9;
}

/******************/

/****team-members start*/
.Service_ihm_warpper .logoview_img:hover {
    transform: scale(1.1);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}


/****team-members End*/
.eCorp_lable .lable_h2 {
    font-size: 52px !important;
}
/**largest-flag-worldwide start*****/
.authorized_lable .effect_header_1 {
    width: 100% !important;
}

.ihh_warpper_lable .effect_header_1 {
    width: 80% !important;
}

.largest_flag_header_warpper .the_compny_lableview {
    font-size: 18px;
    color: #fff;
    margin-top: 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: 2.6px;
    text-align: center;
    position: relative;
}

.btn {
    font-family: "HCo Gotham", arial, sans-serif;
}

.largest_flag_header_warpper .effect_header_1 {
    width: 80%;
    padding-top: 23px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    text-align: center;
    margin-bottom: 36px;
    margin-top: 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    font-size: 60px;
    line-height: 84px;
    letter-spacing: -2.8px;
    text-transform: none;
    /*   text-transform: capitalize;*/
    white-space: unset;
}

.largest_flag_header_warpper .inner_page_header_section {
    min-height: 70svh !important;
    padding: 0 0px;
}

.largest_flag_header_warpper .bg-video-wrapper {
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    background-position: 100%;
}


.largest_flag_header_warpper .Proudly_warpper_main {
    margin: auto;
}


.largest_flag_header_warpper .Proudly_warpper_main {
    margin: auto;
    animation-name: fadeInBottom;
    transform: translateX(-50%) translateY(0%);
    width: 100%;
    position: absolute;
    top: 32%;
    left: 50%;
    animation-duration: 2.5s;
    animation-fill-mode: both;
}

@keyframes fadeInBottom {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(200%);
    }

    to {
        opacity: 1
    }
}

/**largest-flag-worldwide End*****/


/**innovative new start*****/

.innovative_video_ap .bg-video-wrapper {
    width: 100%;
    height: 508px;
    position: relative;
}

.innovative_video_ap .bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}

.main_innovative_ap_warpper {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.innovative_video_ap {
    width: 50%;
    float: left;
}

.innovative_ap_warpper1 {
    width: 50%;
    float: left;
    padding: 104px 80px 0px 120px;
}

.innovative_ap_warpper2 {
    width: 50%;
    float: left;
}

    .innovative_ap_warpper2 .logoview {
        width: 100%;
        height: 100%;
        margin-bottom: 0px;
    }

.innovative_ap_warpper1 .lable_h1 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #00b0c6;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.innovative_ap_warpper1 .lable_h2 {
    font-size: 40px;
    line-height: 54px;
    letter-spacing: -1.8px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    margin-bottom: 8px;
}

.innovative_ap_warpper1 .lable_h3 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 20px;
    max-width: 100%;
}
/**innovative new End*****/


/**innovative start*****/




.innovative__header_warpper .the_compny_lableview {
    font-size: 18px;
    color: #fff;
    margin-top: 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: 2.6px;
    text-align: center;
    position: relative;
}


.innovative__header_warpper .effect_header_1 {
    width: 100%;
    padding-top: 23px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    text-align: center;
    margin-bottom: 36px;
    margin-top: 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    font-size: 64px;
    line-height: 84px;
    letter-spacing: -2.8px;
    text-transform: none;
    /*   text-transform: capitalize;*/
    white-space: unset;
}

.innovative__header_warpper .inner_page_header_section {
    min-height: 70svh !important;
    padding: 0 0px;
}

.innovative__header_warpper .bg-video-wrapper {
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    background-position: 100% -232px;
}

.paris_mou_wh_warpper {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.paris_mou_wh_1 .lable_h2 {
    margin-bottom: 20px;
    max-width: 100%;
    margin-top: 30px;
    font-size: 35px;
    line-height: 35px;
    letter-spacing: -1.4px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    color: #21273b;
    padding: 0px 0px 0px;
}

.paris_mou_wh_1 .lable_h3 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 20px;
    max-width: 92%;
}

.paris_mou_wh_image .logoview {
    width: 100%;
    height: 100%;
    margin-bottom: 0px;
}

.paris_mou_wh_1 {
    width: 50%;
    float: left;
    padding: 173px 60px 16px 122px;
}

.paris_mou_wh_image {
    width: 50%;
    float: left;
}


.innovative__header_warpper .Proudly_warpper_main {
    margin: auto;
}


.innovative__header_warpper .Proudly_warpper_main {
    margin: auto;
    animation-name: fadeInBottom;
    transform: translateX(-50%) translateY(0%);
    width: 100%;
    position: absolute;
    top: 34%;
    left: 50%;
    animation-duration: 2.5s;
    animation-fill-mode: both;
}

@keyframes fadeInBottom {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(200%);
    }

    to {
        opacity: 1
    }
}

/**innovative End*****/



/******corporate-registry**********/

.corporate_main_header_warpper .the_compny_lableview {
    font-size: 16px;
    color: #fff;
    margin-top: 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: 2.6px;
    text-align: center;
    position: relative;
}

.corporate_main_header_warpper .effect_header_1 {
    width: 100%;
    padding-top: 23px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    text-align: center;
    margin-bottom: 36px;
    margin-top: 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    font-size: 64px;
    line-height: 84px;
    letter-spacing: -2.8px;
    text-transform: none;
    /*text-transform: capitalize;*/
}

.corporate_main_header_warpper .inner_page_header_section {
    min-height: 70svh !important;
    padding: 0 0px;
}

.corporate_main_header_warpper .bg-video-wrapper {
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    background-position: 100%;
}

.corporate_main_header_warpper .Proudly_warpper_main {
    margin: auto;
    animation-name: fadeInBottom;
    transform: translateX(-50%) translateY(0%);
    width: 100%;
    position: absolute;
    top: 18%;
    left: 50%;
    animation-duration: 2.5s;
    animation-fill-mode: both;
}

@keyframes fadeInBottom {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(200%);
    }

    to {
        opacity: 1
    }
}



/******corporate-registry**********/
.about_main_header_warpper.privacy_image_warpper .bg-video-wrapper {
    background-position: 100% -302px;
}
/*****about css start*******/
.about_main_header_warpper .the_compny_lableview {
    font-size: 16px;
    color: #fff;
    margin-top: 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: 2.6px;
    text-align: center;
    position: relative;
}

.about_main_header_warpper .effect_header_1 {
    width: 100%;
    padding-top: 23px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    text-align: center;
    margin-bottom: 36px;
    margin-top: 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    font-size: 64px;
    line-height: 84px;
    letter-spacing: -2.8px;
    text-transform: none;
    /*text-transform: capitalize;*/
}

.about_main_header_warpper .inner_page_header_section {
    min-height: 70svh !important;
    padding: 0 0px;
}

.about_main_header_warpper .bg-video-wrapper {
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    background-position: 100%;
}

/*.about_main_header_warpper .Proudly_warpper_main {
    margin: auto;
}*/

.about_main_header_warpper .Proudly_warpper_main + .local-scroll > .scroll-down {
    margin: auto;
    animation-name: fadeInBottom;
    transform: translateX(-50%) translateY(0%);
    width: 100%;
    position: absolute;
    top: 4%;
    left: 50%;
    animation-duration: 2.8s;
    animation-fill-mode: both;
}

.about_main_header_warpper .Proudly_warpper_main {
    margin: auto;
    animation-name: fadeInBottom;
    transform: translateX(-50%) translateY(0%);
    width: 100%;
    position: absolute;
    top: 34%;
    left: 50%;
    animation-duration: 2.5s;
    animation-fill-mode: both;
}

@keyframes fadeInBottom {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(200%);
    }

    to {
        opacity: 1
    }
}

/*******imo-council-representation********/

.imo_council_header_warpper .the_compny_lableview {
    font-size: 16px;
    color: #fff;
    margin-top: 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: 2.6px;
    text-align: center;
    position: relative;
}

.imo_council_header_warpper .effect_header_1 {
    width: 100%;
    padding-top: 23px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    text-align: center;
    margin-bottom: 36px;
    margin-top: 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    font-size: 64px;
    line-height: 84px;
    letter-spacing: -2.8px;
    text-transform: none;
    /*text-transform: capitalize;*/
}

.imo_council_header_warpper .inner_page_header_section {
    min-height: 70svh !important;
    padding: 0 0px;
}

.imo_council_header_warpper .bg-video-wrapper {
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    background-position: 100% 46%;
}

.imo_council_header_warpper .Proudly_warpper_main {
    margin: auto;
}

/******imo-council-representation*********/



.emailapp_icon {
    padding: 6px;
    border-radius: 60px;
    color: #fff;
    background: #00b0c6;
    font-size: 22px;
}

    .emailapp_icon:hover {
        /*background: #f2f2f2;*/
        transition: all 0.4s ease-out;
    }

.downloadapp_icon {
    background: #ffffff;
    padding: 6px;
    border-radius: 60px;
    font-size: 28px;
    color: #676767;
}

    .downloadapp_icon:hover {
        background: #f2f2f2;
        transition: all 0.4s ease-out;
    }

.download_crop_1 {
    margin-bottom: 30px;
}

.inner_page_header_section {
}

.why_us_warpper_section1 .Inspection_Vessel_h1 {
    font-size: 26px;
}

.why_us_warpper_section1 .Inspection_Vessel_p {
    font-size: 16px;
    line-height: 21px;
    padding: 11px 0px;
    width: 88%;
}

.why_us_warpper_section1 {
    height: 120px;
}

.Largest_height {
    height: 112px;
    width: 45%;
    float: left;
}

.why_us_warpper_1 .Inspection_warpper {
    height: 150px;
}

.why_us_warpper_1 .Inspection_Vessel_p {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.64px;
    height: 70px;
    padding-top: 5px;
    width: 100%;
}

.why_us_warpper_1 .Inspection_Vessel_h1 {
    width: 75%;
}



.why_us_warpper_2 .Inspection_warpper {
    height: 150px;
}

.why_us_warpper_2 .Inspection_Vessel_p {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.64px;
    height: 70px;
    padding-top: 5px;
    width: 90%;
}

.why_us_warpper_2 .Inspection_Vessel_h1 {
    width: 100%;
}


.why_us_warpper_section2 {
    height: 120px;
}

.why_us_warpper_section3 {
    height: 120px;
}

.why_us_warpper_section4 {
    height: 120px;
}

.why_us_warpper_section5 {
    height: 160px;
}

.why_us_warpper_section6 {
    height: 160px;
}

.why_us_warpper_section7 {
    height: 160px;
}

.why_us_warpper_section8 {
    height: 160px;
}

.why_us_warpper_section9 {
    height: 120px;
}

.container_about_warpper {
    width: 95%;
    margin: auto;
    margin-bottom: 70px;
    max-width: 1696px;
}

.serviceproviders_warpper {
    width: 94%;
    margin: auto;
    margin-bottom: 70px;
    max-width: 1780px;
}

    .serviceproviders_warpper .about_imgview {
        min-height: 260px;
    }

    .serviceproviders_warpper .why_features_title {
        font-size: 18px;
    }

    .serviceproviders_warpper .why_features_title_descr {
        height: auto;
    }

.about_imgview {
    min-height: 340px;
    border-radius: 0px;
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast;
}

.flaggedorderingapplications_st_ui_panel {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 22px;
    line-height: 30px;
    text-align: left;
    padding-left: 23px;
    font-family: "HCo Gotham", arial, sans-serif;
    width: 100%;
    list-style-type: disc;
    margin-top: 30px;
}

.why_features_title {
    transition: var(--transition-default);
    font-size: 20px;
    letter-spacing: -1px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 500;
    margin: 22px 0px 15px 0px;
}

.why_features_title_descr {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    height: 28px;
    color: #000;
}

.about_h1_header_center {
    text-align: center;
    width: 55%;
    margin: auto;
    padding: 50px 0px 0px;
}

.Trusted_small_lable {
    font-family: "HCo Gotham", arial, sans-serif;
    line-height: 48px;
    font-size: 42px;
    font-weight: 600;
}

.maritime_lable {
    font-size: 18px;
    color: #fff;
    margin-top: 130px;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -0.4px;
}

.maritime_lableCertification {
    width: 85%;
    padding-top: 75px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    text-align: center;
    margin-bottom: 36px;
    margin-top: 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    font-size: 70px;
    line-height: 84px;
    letter-spacing: -2.8px;
}

.about_header_view_panel {
    width: 100%;
    height: 470px;
}
/*****about css End*******/

/*****home_page *******/

.HomePageCarouselSlidePositionClass {
}

.Millionitem {
    align-items: center;
    height: auto;
    justify-content: center;
}

.Million_lable_owl_1 {
    font-size: 35px;
    line-height: 35px;
    letter-spacing: -1.4px;
    font-family: "HCo Gotham",arial,sans-serif;
    font-weight: 700;
    color: #fff;
}

.Million_lable_owl_2 {
    font-size: 100px;
    font-weight: 300;
    letter-spacing: -5.6px;
    font-family: "HCo Gotham",arial,sans-serif;
    color: #fff;
}

.sliderview_warpper_contain {
    position: absolute;
    z-index: 9;
    width: 47%;
    float: right;
    right: 0px;
    margin-top: -276px;
}

    .sliderview_warpper_contain .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 11px;
        position: absolute;
    }

    .sliderview_warpper_contain .owl-theme .owl-dots .owl-dot span {
        width: 221px;
        height: 6px;
        margin: 8px 0px;
        background: #ffffff63;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity 200ms ease;
        border-radius: 0px;
    }

    .sliderview_warpper_contain .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #fff;
    }

/*****home_page *******/

/******MLC FAQ Start******/
.mlc_Entitiescrop_2_warppermain {
    max-width: 1675px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4%;
    margin-top: 4%;
}

.mlcaccordion {
    font-size: 1rem;
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
}

.mlcaccordion-header,
.mlcaccordion-body {
    background: white;
}

.mlcaccordion-header {
    padding: 16px 22px;
    background: #48afc5;
    color: white;
    cursor: pointer;
    font-size: 18px;
    transition: all 0.3s;
    letter-spacing: -1.4px;
    font-family: "HCo Gotham",arial,sans-serif;
    font-weight: 500;
}

.mlcaccordion__item {
    border-bottom: 2px solid #ffffff;
}

    .mlcaccordion__item .mlcaccordion__item {
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }

.mlcaccordion-header:hover {
    background: #2c8699;
    position: relative;
    z-index: 5;
}

.mlcaccordion-body {
    background: #fcfcfc;
    color: #353535;
    display: none;
}

.mlcaccordion-body__contents {
    padding: 31px 45px;
    font-family: "HCo Gotham",arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
}

.mlcaccordion__item.active:last-child .mlcaccordion-header {
    border-radius: none;
}

.mlcaccordion:first-child > .mlcaccordion__item > .mlcaccordion-header {
    border-bottom: 1px solid transparent;
}

.mlcaccordion__item > .mlcaccordion-header:after {
    /*    content: "\f3d0";
    font-family: IonIcons;*/
    font-size: 36px;
    float: right;
    position: relative;
    top: -15px;
    transition: 0.3s all;
    transform: rotate(0deg);
    content: "\e313" !important;
    font-family: 'Material Symbols Outlined';
    font-weight: 500;
}

.mlcaccordion__item.active > .mlcaccordion-header:after {
    transform: rotate(-180deg);
}

.mlcaccordion__item.active .mlcaccordion-header {
    background: #48afc5;
}

.mlcaccordion__item .mlcaccordion__item .mlcaccordion-header {
    background: #f1f1f1;
    color: #353535;
    margin-bottom: 2px;
}
/******MLC FAQ End******/

/*****certification_services css start*******/

.All_home_Tonnage_Warpper {
    width: 33%;
    bottom: 250px;
    left: -15%;
}



.Certification_warpperview {
    width: 100%;
    font-family: "HCo Gotham", arial, sans-serif;
}

.Certification_warpperview_main {
    /* background-image: url(https://media.liscr.com/marketing/liscr/media/liscr/v1_maritime/certification_services/maritime_certificates_body_bg.jpg);*/
    width: 100%;
    padding-bottom: 240px;
    background-size: cover;
    margin-bottom: 0px;
    box-shadow: unset;
    margin-top: 0px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 100%;
}




.Certification_warpper_leftpanel {
    width: 33%;
    padding: 150px 70px 0px 76px;
    float: left;
    position: sticky;
    top: 0px;
}

.Certification_warpper_rightpanel {
    width: 67%;
    background: #fff;
    height: auto;
    padding: 40px;
    margin-top: 150px;
    float: left;
    padding: 40px 40px 40px 40px;
}

.Certification_h1_lable1 {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1.6px;
    color: #fff;
    font-weight: 600;
}

.Certification_h1_lable2 {
    font-size: 35px;
    line-height: 53px;
    letter-spacing: -2.8px;
    color: #fff;
    font-weight: 600;
    padding-top: 26px;
}

.validating_panle1 {
    padding: 0px;
}

.Certification_warpper_rightpanel .form-field {
    width: 45%;
    float: left;
    margin-right: 50px;
    margin-bottom: 0px;
    height: 131px;
}


.Certification_warpperview .control-label {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.4px;
}

.Certification_warpper_rightpanel .form-control {
    height: 45px;
    margin-bottom: 23px;
    width: 100%;
    margin-right: 78px;
}

.Certification_warpper_rightpanel textarea.form-control {
    min-height: 95px;
    max-height: 95px;
}

.Certification_warpper_rightpanel .form-field:nth-child(7), .form-field:nth-child(8),
.form-field:nth-child(9), .form-field:nth-child(10), .form-field:nth-child(11),
.form-field:nth-child(12), .form-field:nth-child(13), .form-field:nth-child(14),
.form-field:nth-child(15), .form-field:nth-child(16), .form-field:nth-child(17) {
    width: 95%;
    margin-right: 50px;
    margin-bottom: 0px;
    height: 140px;
}

.Certification_warpper_rightpanel [type=submit] {
    background: #00b0c6;
    border: 0px;
    color: #fff;
    font-size: 16px;
    padding: 10px 30px;
}


.serach_Article_linkview {
    text-decoration: none !important;
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 26px;
    font-weight: 700;
}

.serach_Article_warpper1_title_h2 {
    display: inline-block;
    position: relative;
    padding-bottom: 7px;
    text-decoration: none;
    color: #000000 !important;
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 25px;
    letter-spacing: -1.4px;
    font-weight: 600;
}

.maritime_services_1 {
}

    .maritime_services_1.Inspection_warpper {
        height: 180px;
    }

    .maritime_services_1 .Inspection_Vessel_p {
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.64px;
        height: 105px;
    }

.maritime_services_2 .Inspection_Vessel_p {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    height: 66px;
}

.maritime_services_2.Inspection_warpper {
    height: 140px;
}


.serach_Article_linkview .serach_Article_warpper1_desc_h2 {
    text-decoration: none;
    font-weight: 400;
    font-size: 17px;
    line-height: normal;
    letter-spacing: -0.64px;
    font-family: "HCo Gotham", arial, sans-serif;
    color: #000;
    margin-bottom: 15px;
}

.maritime_lable_Attachent {
    background: #48afc5;
    padding: 4px 6px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
}

.serach_Article_warpper1_desc_h2 a {
    text-decoration: none;
}


#vessel_warpper_header .container .effect_header_1 {
    font-size: 54px;
}

.RepublicsecurityfinancialEvidence_securitywarpper {
    padding: 0px 20px;
    width: 100%;
    list-style-type: disc;
    float: left;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 11px;
    line-height: 29px;
    text-align: left;
    color: #000;
    font-family: "HCo Gotham", arial, sans-serif !important;
    letter-spacing: -1px;
    margin-top: 20px;
    column-count: 2;
}

.Share_Certificates .logoview {
    width: 100%;
    height: 177px;
    position: relative;
    margin: auto;
    margin-bottom: 26px;
}


.old_global_card_adit_link {
    display: inline-block;
    color: #00b0c6 !important;
    font-weight: 500;
    font-family: "HCo Gotham",arial,sans-serif !important;
    letter-spacing: -1px;
    text-decoration: none !important;
}

    .old_global_card_adit_link:after {
        content: '';
        display: block;
        margin: auto;
        height: 2px;
        width: 0px;
        background: transparent;
        transition: width .5s ease, background-color .5s ease;
    }

    .old_global_card_adit_link:hover:after {
        width: 100%;
        background: #00b0c6;
    }


.regulationsold_global_card_adit_link {
    display: inline-block;
    color: #00b0c6 !important;
    font-weight: 500;
    font-family: "HCo Gotham",arial,sans-serif !important;
    letter-spacing: -1px;
    text-decoration: none !important;
}

    .regulationsold_global_card_adit_link:after {
        content: '';
        display: block;
        margin: auto;
        height: 2px;
        width: 0px;
        background: transparent;
        transition: width .5s ease, background-color .5s ease;
    }

    .regulationsold_global_card_adit_link:hover:after {
        width: 100%;
        background: #00b0c6;
    }



.FormsRegistrationExtendeddrydock_Initialwarpper1_lable {
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 9px;
    font-size: 20px;
    line-height: 35px;
    letter-spacing: -1.4px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    color: #21273b;
    padding: 0px 0px 0px;
}
/*****corporate_registry FAQ*****/
.Howcrop_faq_title {
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    letter-spacing: -0.64px;
}

.cropfaq-container {
    margin: 0 0 10px 0;
    overflow: hidden;
}

.cropfaq-btn {
    width: 100%;
    margin: 0 auto;
    padding: 15px 55px 15px 15px;
    cursor: pointer;
    /* background: #fff; */
    border-bottom: 1px solid #b99e7054;
    border-top: none;
    position: relative;
}

    .cropfaq-btn:after {
        content: "+";
        display: inline-block;
        font-size: 26px;
        position: absolute;
        right: 10px;
        top: 10px;
        color: #00b0c6;
        background: #ffffff1a;
        border-radius: 5px;
        width: 30px;
        height: 30px;
        margin: 10px 0px;
        text-align: center;
        line-height: 25px;
    }

    .cropfaq-btn h3 {
        font-size: 16px;
        margin-bottom: 0;
        line-height: 1.25;
    }

    .cropfaq-btn:first-child {
        border-top: 1px solid #b99e7054;
    }

.Duty_call_btn .Duty_Contact_lable_link {
}

.Duty_Contact_lable_link {
    margin: 0px 0px 0px 6px;
}

.mob_serach_icon1 {
    font-size: 28px !important;
    font-weight: 700 !important;
    padding: 0px 9px;
    border-right: 1px solid #000;
    margin-right: 8px;
}

.search_vn_left1 {
    float: left;
    margin-top: 3px;
}

.video_icon_mob {
    float: left;
}

.cropfaq-content {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    color: #000000;
    background: #fff;
    border-left: 0px solid #333;
    border-right: 0px solid #333;
}

.cropjs .cropfaq-content {
    height: 0px;
}

.cropfaq-content-inner {
    padding: 20px;
}

    .cropfaq-content-inner ul {
        list-style-type: none;
    }

        .cropfaq-content-inner ul,
        .cropfaq-content-inner ul li {
            margin-left: 0;
            padding-left: 0;
        }

            .cropfaq-content-inner ul li {
                position: relative;
                padding-left: 10px;
            }

                .cropfaq-content-inner ul li:before {
                    content: "";
                    width: 6px;
                    height: 6px;
                    display: inline-block;
                    background-color: #e1001a;
                    position: absolute;
                    left: -6px;
                    top: 8px;
                }

.cropjs .cropopen {
    height: auto;
    border-bottom: 1px solid #333;
    color: #333;
    background: #ddd8d3;
}

.faq_crop_warpper {
    background: -webkit-linear-gradient(#49ebff, #00b0c6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
    font-size: 28px;
    margin: 32px 26px;
    width: 100%;
    margin-top: 45px;
    float: left;
    font-family: "HCo Gotham", arial, sans-serif;
}

.entities_faq_crop_warpper {
    color: #000;
    font-weight: 500;
    font-size: 28px;
    margin: 32px 26px;
    width: 100%;
    margin-top: 45px;
    float: left;
    font-family: "HCo Gotham", arial, sans-serif;
}

.limited_crop_faq_title {
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 24px;
    color: #000;
    font-weight: 300;
}

.crop_faq_title {
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 24px;
    color: #fff;
    font-weight: 300;
}

.crop_faq_title_lable {
    font-family: "HCo Gotham",arial,sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -0.64px;
}

.cropselected {
    background-color: #fff;
}

    .cropselected:after {
        content: "-";
        color: #00b0c6;
    }

    .cropselected .crop_faq_title {
        color: #fff;
        background: -webkit-linear-gradient(#49ebff, #00b0c6);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 500;
    }

.faq_crop_warpper_main {
    width: 98%;
    margin-top: 0px;
}

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

.faq_crop_corporate_link {
    color: #49ebff !important;
    font-weight: 500;
}
/*****corporate_registry FAQ*****/


/***News Start********/
.news_container_warpper {
    width: 100%;
    max-width: 1780px;
    margin: auto;
    overflow: auto;
}


.news_banner_hero img {
    width: 100%;
    height: 600px;
}

.news_paragraph_lable a[href] {
    font-family: "HCo Gotham", arial, sans-serif;
    color: #00adc3 !important;
    font-weight: 400;
}

.news_latestnews {
    padding: 5px 0px;
    width: 100%;
    font-size: 30px;
    line-height: normal;
    letter-spacing: -1.0px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 600;
    color: #000;
    margin-bottom: 28px;
    padding-top: 20px;
    clear: both;
}

.news_la_warpper {
    width: 100%;
    display: flex;
    margin-bottom: 30px;
}

.news_left_panel1 {
    width: 50%;
    padding-right: 0px;
    box-shadow: 0px 0px 3px 3px #ffffff;
}

.news_right_panel1 {
    width: 50%;
    padding-left: 60px;
}

.news_h1_lable {
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 29px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -2px;
}

.news_date_lable {
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 16px 0px;
}

.news_paragraph_lable {
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: -0.64px;
}

.news_img_view {
    width: 95%;
}

.news_latestnews_h1 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -1.7px;
    text-transform: uppercase;
    padding: 34px 0px;
}

.news_h1_lable_emissions span {
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -2px;
}

#Quality_maritime_live_lable {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -2.8px;
    padding-top: 30px;
    font-family: "HCo Gotham", arial, sans-serif;
}

.combined_bottom {
    margin-bottom: 45px;
}

.Press_warpper {
    width: 100%;
    display: block;
}

.ArticlesList_Wrapper .pagination {
    display: block;
    margin: auto;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center;
    float: left;
}

.ArticlesList_Wrapper .page-link:focus {
    z-index: 3;
    color: #000;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: unset;
}

.ArticlesList_Wrapper .pagination a {
    margin: 0 5px;
    padding: 5px 10px;
    color: #000000;
    cursor: pointer;
    font-family: "HCo Gotham", arial, sans-serif;
    border-radius: 60px;
    text-decoration: underline;
    border: 0px;
}

    .ArticlesList_Wrapper .pagination a.active {
        background-color: #00b0c6;
        color: white;
        border: 0px;
        border-radius: 60px;
        width: 30px;
        height: 45px;
        outline: #ffffff;
    }

    .ArticlesList_Wrapper .pagination a.disabled {
        color: #ddd;
        cursor: default;
    }

.Press_news_labele_h1 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    padding: 16px 0px;
    text-align: left;
    height: 125px;
}

.Press_news_labele_paragraph {
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 20px;
    letter-spacing: -0.64px;
    height: 175px;
    overflow: auto;
}

.Press_news_warpper {
    width: 22%;
    float: left;
    margin-right: 40px;
    box-shadow: 0px 0px 3px 1px #dedede;
    padding: 14px;
    margin-bottom: 14px;
}

.Press_img {
    width: 100%;
}

.Press_news_warpper div img {
    height: 100%;
}

.Press_news_labele_date {
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 3px 0px 24px;
}
/***News End********/
.marifaq-container {
    margin: 60px 0 10px 0;
    overflow: hidden;
}

.erlm_Description_warpper {
    width: 100%;
    float: left;
    background: #00b0c6;
    color: #fff;
    padding: 10px 16px;
    font-size: 20px;
    height: 67px;
    overflow: hidden;
    font-weight: 500;
    line-height: 49px;
    border-bottom: 0px solid #ccc;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -1px;
}

.erlm_panel_left_01 {
    float: left;
    width: 16%;
}

.erlm_panel_left_02 {
    float: left;
    width: 60%;
}

.erlm_panel_left_03 {
    float: left;
    width: 10%;
    margin-left: -11px;
}

.erlm_panel_left_04 {
    float: left;
    width: 10%;
}

.eRLM_icon {
    overflow: auto;
}

.mariselected {
    background-color: #efefef;
}

.marifaq-btn {
    width: 100%;
    margin: 0 auto;
    padding: 15px 30px 15px 15px;
    cursor: pointer;
    background: #fff;
    border-bottom: 1px solid #cfcfcf;
    border-top: none;
    position: relative;
}

.marifaq-content {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    color: #333;
    background: #fff;
    border-left: 0px solid #333;
    border-right: 0px solid #333;
}

/****careers css start*****/
.career_informationtotal_container {
    margin: 30px 0 10px 0;
    overflow: hidden;
}

.tableheader_careers_warpper {
    width: 100%;
    background: #00b0c6;
    color: #fff;
    padding: 10px 16px;
    font-size: 20px;
    height: 67px;
    overflow: hidden;
    font-weight: 500;
    line-height: 49px;
    border-bottom: 0px solid #ccc;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -1px;
    display: flex;
}

.tableheader_careers_left_01 {
    width: 16%;
}

.tableheader_careers_left_02 {
    width: 60%;
    padding: 0px 50px;
}

.tableheader_careers_left_03 {
    color: #fff !important;
    font-weight: 500;
    font-family: "HCo Gotham", arial, sans-serif !important;
    letter-spacing: -1px;
    text-decoration: none !important;
    margin: auto;
}

.careerswarpper_pos1 {
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    padding: 0px 0px;
    border-bottom: 0px solid #ccc;
    height: auto;
    overflow: auto;
    padding-top: 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    letter-spacing: -1px;
    display: flex;
}

.careerswarpper_left1 {
    width: 16%;
}

.careerswarpper_center1 {
    width: 60%;
    padding: 0px 50px;
}

.careerswarpper_right1 {
    color: #00b0c6 !important;
    font-weight: 500;
    font-family: "HCo Gotham", arial, sans-serif !important;
    letter-spacing: -1px;
    text-decoration: none !important;
    margin: auto;
}

/****careers css End*****/

.erlm_warpper {
    width: 100%;
    float: left;
    font-size: 16px;
    line-height: 28px;
    padding: 0px 0px;
    border-bottom: 0px solid #ccc;
    height: auto;
    overflow: auto;
    padding-top: 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    letter-spacing: -1px;
}

.erlm_panel_content_left_03 {
    float: left;
    width: 10%;
}

.eRLM_icon:after {
    font-size: 22px;
    position: absolute;
    right: 10px;
    top: 22px;
}

.mob_link_active {
    color: #00adc3 !important;
    text-transform: uppercase;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none !important;
}

.mariselected:after {
    content: "-" !important;
}

.marifaq-content-inner {
    padding: 20px 0px;
    text-align: left;
}

.Services_Maritime_issuing_view_02 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 20px;
    max-width: 100%;
    padding: 0px 20px 0px 18px;
}

.marifaq-btn:after {
    content: "+";
    display: inline-block;
    font-size: 22px;
    position: absolute;
    right: 10px;
    top: 10px;
}


.corporateenvesselcertificatescorporate_link {
    display: inline-block;
    color: #00b0c6 !important;
    font-weight: 500;
    font-family: "HCo Gotham",arial,sans-serif !important;
    letter-spacing: -1px;
    text-decoration: none !important;
    line-height: 38px;
}

    .corporateenvesselcertificatescorporate_link:after {
        content: '';
        display: block;
        margin: auto;
        height: 2px;
        width: 0px;
        background: transparent;
        transition: width .5s ease, background-color .5s ease;
    }

    .corporateenvesselcertificatescorporate_link:hover:after {
        width: 100%;
        background: #00b0c6;
    }


.form-control:focus {
    box-shadow: unset !important;
}


.Learn_iconm1_panle {
    display: inline-block;
    color: #00b0c6 !important;
    font-weight: 500;
    font-family: "HCo Gotham",arial,sans-serif !important;
    letter-spacing: -1px;
    text-decoration: none !important;
    font-size: 18px;
}

    .Learn_iconm1_panle:after {
        content: '';
        display: block;
        margin: auto;
        height: 2px;
        width: 0px;
        background: transparent;
        transition: width .5s ease, background-color .5s ease;
    }

    .Learn_iconm1_panle:hover:after {
        width: 100%;
        background: #00b0c6;
    }

.vesselcertificatescorporate_link {
    display: inline-block;
    color: #00b0c6 !important;
    font-weight: 500;
    font-family: "HCo Gotham",arial,sans-serif !important;
    letter-spacing: -1px;
    text-decoration: none !important;
}

    .vesselcertificatescorporate_link:after {
        content: '';
        display: block;
        margin: auto;
        height: 2px;
        width: 0px;
        background: transparent;
        transition: width .5s ease, background-color .5s ease;
    }

    .vesselcertificatescorporate_link:hover:after {
        width: 100%;
        background: #00b0c6;
    }


.vesselget_global_card_adit_link {
    display: inline-block;
    color: #00b0c6 !important;
    font-weight: 500;
    font-family: "HCo Gotham",arial,sans-serif !important;
    letter-spacing: -1px;
    text-decoration: none !important;
}

    .vesselget_global_card_adit_link:after {
        content: '';
        display: block;
        margin: auto;
        height: 2px;
        width: 0px;
        background: transparent;
        transition: width .5s ease, background-color .5s ease;
    }

    .vesselget_global_card_adit_link:hover:after {
        width: 100%;
        background: #00b0c6;
    }

.total_registration_warpper_view {
    display: flex;
    margin: auto;
    max-width: 1150px;
}

.vesselservice_circleregistration {
}

.Register_warpper_content .lable_h1 {
    color: #000000;
    font-weight: 600;
    width: 50%;
    text-align: center;
    padding: 10px 0px;
    line-height: 48px;
    font-size: 50px;
    font-family: "HCo Gotham", arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
    padding-top: 70px;
    margin-bottom: 65px;
    letter-spacing: -2.8px;
}

.page_not_found_warpper {
}

    .page_not_found_warpper .lable_h2 {
        font-size: 38px;
        font-family: "HCo Gotham", arial, sans-serif;
        letter-spacing: -1.4px;
        font-weight: 600;
        padding-top: 137px;
        margin-bottom: 15px;
    }

.pagenotfoundv_warpper_lable2 {
    font-size: 24px;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -1.4px;
    font-weight: 500;
    margin-bottom: 10px;
}

.pagenotfoundv_warpper_lable1UI {
    font-size: 18px;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -0.4px;
    font-weight: 500;
    list-style: auto;
}

.pagenotfoundv_warpper_lablelost2 {
    font-size: 20px;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -1.4px;
    font-weight: 500;
}

.page_not_found_warpper_image .logoview {
    width: 100%;
    height: 100%;
    position: relative;
    margin: auto;
    margin-bottom: 26px;
}

.service_providers_lable1 .lable_h2 {
    color: #000000;
    width: 100%;
    text-align: center;
    padding: 10px 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    font-family: "HCo Gotham", arial, sans-serif !important;
    font-size: 60px;
    line-height: 70px;
    letter-spacing: -2.8px;
    font-weight: 700;
    margin-bottom: 33px;
    margin-top: 67px;
}

.about_warpper_content .lable_h1 {
    color: #000000;
    font-weight: 600;
    width: 55%;
    text-align: center;
    padding: 10px 0px;
    line-height: 48px;
    font-size: 38px;
    font-family: "HCo Gotham", arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
    padding-top: 70px;
    margin-bottom: 25px;
    letter-spacing: -1.4px;
}

.vessel_paperless_warpper_main1 {
    margin: auto;
    max-width: 1210px;
}

.vessel_paperless_warpper_main2 {
    margin: auto;
    max-width: 1608px;
    margin-top: -41px;
    margin-bottom: 120px;
}

.vessel_paperless_crilce_1 {
    background: #fff;
    width: 350px;
    height: 350px;
    border-radius: 100%;
    padding: 100px 30px 0px 30px;
    border: 7px solid #dd940a;
    margin-right: 15px;
    float: left;
}

.vessel_paperless_crilce_2 {
    background: #fff;
    width: 350px;
    height: 350px;
    border-radius: 100%;
    padding: 100px 30px 0px 30px;
    border: 7px solid #b4cb33;
    margin-right: 15px;
    float: left;
}

.vessel_paperless_crilce_3 {
    background: #fff;
    width: 350px;
    height: 350px;
    border-radius: 100%;
    padding: 100px 20px 0px 20px;
    border: 7px solid #009e87;
    float: left;
}

.vessel_paperless_crilce_4 {
    width: 350px;
    height: 350px;
    border-radius: 100%;
    padding: 104px 20px 0px 20px;
    border: 7px solid #e94939;
    margin-right: 15px;
    float: left;
}

.vessel_paperless_crilce_5 {
    background: #fff;
    width: 350px;
    height: 350px;
    border-radius: 100%;
    padding: 104px 20px 0px 20px;
    border: 7px solid #f1b833;
    margin-right: 15px;
    float: left;
}

.vessel_paperless_crilce_6 {
    background: #fff;
    width: 350px;
    height: 350px;
    border-radius: 100%;
    padding: 104px 20px 0px 20px;
    border: 7px solid #91bb69;
    margin-right: 15px;
    float: left;
}

.vessel_paperless_crilce_7 {
    background: #fff;
    width: 350px;
    height: 350px;
    border-radius: 100%;
    padding: 104px 20px 0px 20px;
    border: 7px solid #00ccd0;
    float: left;
}

.Submission_vessel_paperless_crilce_1 {
    text-align: center;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 600;
    color: #000;
    font-size: 24px;
    padding: 4px 10px 0px;
    width: 102%;
    margin: auto;
    line-height: 30px;
    letter-spacing: -0.6px;
}

.Submission_1 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 18px;
    color: #000;
    letter-spacing: -0.8px;
    padding: 31px 10px 10px 0px;
    width: 80%;
    margin: auto;
    line-height: 25px;
    text-align: center;
}

.registration_crilce1 {
    background: #fff;
    width: 380px;
    height: 380px;
    border-radius: 100%;
    padding: 111px 60px 0px 60px;
    border: 7px solid #dd940a;
    margin-right: 15px;
}

.registration_crilce2 {
    background: #fff;
    width: 380px;
    height: 380px;
    border-radius: 100%;
    padding: 111px 30px 0px 30px;
    border: 7px solid #b4cb33;
    margin-right: 15px;
}

.registration_crilce3 {
    background: #fff;
    width: 380px;
    height: 380px;
    border-radius: 100%;
    padding: 111px 30px 0px 30px;
    border: 7px solid #009e87;
}

.duty_lable_warpper1 {
    float: left;
    width: 100%;
    background: #fff;
    height: 2px;
}
/*******onlinelibrary css**************/
.MainEditorBodyStyle button[id^=Node-] {
    display: inline-block;
    position: relative;
    padding-bottom: 1px;
    text-decoration: none;
    color: #000 !important;
    letter-spacing: 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.4px !important;
    padding-right: 30px;
}

    .MainEditorBodyStyle button[id^=Node-].active {
        text-decoration: underline;
        text-underline-offset: 8px;
        color: #00b0c6 !important;
        text-decoration-thickness: 5px;
    }

.btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: unset;
}
/*******onlinelibrary css**************/

#mapContainer svg {
    width: 100%;
    height: 100%;
}

#d3Charts svg {
    width: 80%;
    height: 100%;
}



.registration_crilce4 {
    background: #fff;
    width: 380px;
    height: 380px;
    border-radius: 100%;
    padding: 111px 30px 0px 30px;
    border: 7px solid #e94939;
    margin-right: 15px;
}

.contact_blod {
    font-weight: 400;
    font-size: 15px;
}

.registration_crilce5 {
    background: #fff;
    width: 380px;
    height: 380px;
    border-radius: 100%;
    padding: 111px 30px 0px 30px;
    border: 7px solid #f1b833;
    margin-right: 15px;
}

.registration_crilce6 {
    background: #fff;
    width: 380px;
    height: 380px;
    border-radius: 100%;
    padding: 111px 30px 0px 30px;
    border: 7px solid #91bb69;
    margin-right: 15px;
}

.registration_crilce7 {
    background: #fff;
    width: 380px;
    height: 380px;
    border-radius: 100%;
    padding: 111px 30px 0px 30px;
    border: 7px solid #00ccd0;
}

.Electronic_total_warpper {
    display: flex;
    margin: auto;
    max-width: 1530px;
    margin-top: -38px;
    margin-bottom: 100px;
}

.Delivering_maritime_content .lable_h1 {
    color: #000000;
    font-weight: 600;
    width: 50%;
    text-align: center;
    padding: 29px 0px 13px;
    line-height: 57px;
    font-size: 50px;
    font-family: "HCo Gotham", arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
    padding-top: 62px;
    margin-bottom: 0px;
    letter-spacing: -2.8px;
}

.maritime_document_wrapper {
    margin: 70px 0px 5px 15px;
}


.verify_seafarer_wrapper .lable_h2 {
    font-size: 20px;
    color: #000000;
    font-weight: 400;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 36px;
    line-height: 30px;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -1.5px;
}

.Delivering_maritime_content .lable_h2 {
    font-size: 20px;
    color: #000000;
    font-weight: 400;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 8px;
    line-height: 30px;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -1.5px;
}

.imo_warpper_section1 .main_largest__warpper {
    max-width: 1860px;
    margin: auto;
}

.imo__img_warpper .logoview {
    max-height: 670px;
    height: 670px;
    width: 100%;
    margin-bottom: 7px;
}

.Representation_imo__img_warpper .logoview {
    max-height: 595px;
    height: 595px;
    width: 100%;
    margin-bottom: 7px;
}

.logoview {
    width: 140px;
    height: 140px;
    position: relative;
    margin: auto;
    margin-bottom: 26px;
}


#innovative_img_warpper {
    min-height: 700px;
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast;
}

    #innovative_img_warpper .about_imgview {
        min-height: 700px;
        border-radius: 5px;
        object-fit: cover;
        image-rendering: -webkit-optimize-contrast;
    }

.harmonized_img_warpper .logoview {
    width: 100%;
}

#innovative_img_warpper .why_features_title_descr {
    height: auto;
}

#innovative_img_warpper .why_features_title {
    margin: 0px 0px 15px 0px;
}

.maritime_document_required_warpper {
    margin-top: 43px;
}

.maritime_document_warpper {
    width: 90%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    height: 540px;
}

    .maritime_document_warpper .lable_h3 {
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.64px;
        margin-bottom: 20px;
        width: 85%;
    }

.documentiframev1 {
    height: 700px !important;
}

.documentiframev1.from_required_table_view {
        padding: 0px !important;
    }

.maritime_document_warpperVerification {
    width: 100%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    height: auto;
    margin-top: 35px;
}

    .maritime_document_warpperVerification .lable_h3 {
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.64px;
        margin-bottom: 20px;
        width: 100%;
    }

.innovation_energy_warpper .lable_h2 {
    font-size: 34px;
    line-height: 35px;
    letter-spacing: -1.8px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    margin-bottom: 18px;
}


.innovative_sea_warpper {
    width: 90%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    height: 670px;
}

    .innovative_sea_warpper .lable_h1 {
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 26px;
        color: #00b0c6;
        letter-spacing: 1.6px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .innovative_sea_warpper .lable_h2 {
        font-size: 38px;
        line-height: 54px;
        letter-spacing: -2.8px;
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 700;
        margin-bottom: 18px;
    }

    .innovative_sea_warpper .lable_h3 {
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.64px;
        margin-bottom: 20px;
        width: 100%;
    }

.main_largest__warpper {
    max-width: 1696px;
    margin: auto;
}

.largest_market_lable .lable_h2 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 600;
    font-size: 26px;
    letter-spacing: -1.8px;
    text-align: center;
    padding-top: 55px;
}

.Since_lableview {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.8px;
    text-align: center;
}

#largest_new_building_img .logoview {
    width: 100%;
    height: 100%;
}

#largest_new_building_img .why_features_title {
    font-size: 13px;
    letter-spacing: 0.2px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 500;
    margin: 22px 0px 15px 0px;
    font-style: italic;
    text-align: right;
    width: 91%;
    color: #2a2a2a;
}

#Source_lableview_feet .why_features_title {
    transition: var(--transition-default);
    font-size: 14px;
    letter-spacing: -0.6px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 500;
    margin: 10px 0px 40px 0px;
    text-align: right;
    font-style: italic;
    width: 91%;
}

#Source_lableview_feet {
    text-align: center;
}


    #Source_lableview_feet .why_features_title {
        font-size: 13px;
        letter-spacing: 0.2px;
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 500;
        margin: 22px 0px 15px 0px;
        font-style: italic;
        text-align: right;
        width: 91%;
        color: #2a2a2a;
    }

    #Source_lableview_feet .about_imgview {
        width: unset;
        text-align: center;
        cursor: default;
    }

#Source_lableview {
    text-align: center;
}

    #Source_lableview .about_imgview {
        width: 70%;
        cursor: default;
    }

    #Source_lableview .why_features_title {
        transition: var(--transition-default);
        font-size: 14px;
        letter-spacing: -0.6px;
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 500;
        margin: 10px 0px 40px 0px;
        text-align: right;
        font-style: italic;
        width: 91%;
    }

.largest_new_building_img .logoview {
    width: 100%;
    height: 100%;
}

.domiciliation_res_warpper {
}

.domiciliation_res_left1 {
}

.domiciliation_res_left2 {
}

.domiciliation_Learn_iconm1_panle {
}

.Learn_iconm1_res {
}

.re_domiciliation_link1 {
    float: left;
    margin-right: 34px;
    position: relative;
    z-index: 99;
}

.re_domiciliation_link2 {
    float: left;
    margin-right: 34px;
    position: relative;
    z-index: 99;
}

.crop_lable1 {
    clear: both;
}

.Gross_warpper_view1 {
    background: #f5f5f5;
    padding-top: 75px;
}

.Focused_Environment_lable {
    font-size: 18px;
    margin-bottom: 30px;
    line-height: normal;
    letter-spacing: -1.4px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    padding: 0px 4px;
}

#Going_Fleet_warpper_image .about_imgview {
    width: 70%;
}


#Going_Fleet_warpper_image {
    text-align: center;
}

.Going_Fleet_warpper p {
    margin-top: 0;
    margin-bottom: 100px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
}

.in_home_top_lableheader_h3 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 20px;
    width: 85%;
}

    .in_home_top_lableheader_h3 .lable_h3 {
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.64px;
        margin-bottom: 20px;
        width: 85%;
    }

.CostschemeExtendeddrydock_warpper1_lable_01 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 20px;
    width: 85%;
}


#based_waypoint .market_imageview {
    background-size: cover;
    background-position: 100%;
    max-height: 760px;
    height: 760px;
    background-repeat: no-repeat;
}

.innovative_waypoint_warpper {
    width: 70%;
    padding: 0 0 0 calc((100vw - 1800px) / 2);
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    height: 760px;
}


    .innovative_waypoint_warpper .lable_h1 {
        background-image: linear-gradient(to right, #009caf 0%, #d33e4d 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: #000;
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 1.6px;
        text-transform: uppercase;
    }

    .innovative_waypoint_warpper .lable_h2 {
        font-size: 70px;
        line-height: 70px;
        letter-spacing: -2.8px;
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 700;
        margin-bottom: 33px;
    }

    .innovative_waypoint_warpper .lable_h3 {
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.64px;
        margin-bottom: 20px;
        width: 85%;
    }

.Going_Fleet_warpper {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    height: 760px;
    padding-right: 180px;
}

    .Going_Fleet_warpper .lable_h2 {
        font-size: 42px;
        line-height: normal;
        letter-spacing: -2.8px;
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 700;
        margin-bottom: 20px;
        margin-top: 0px;
    }

    .Going_Fleet_warpper .lable_h3 {
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.64px;
        margin-bottom: 20px;
        width: 85%;
    }



.Tanker_Flag_01 .lable_h2 {
    font-size: 42px;
    line-height: normal;
    letter-spacing: -2.8px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0px;
}

.Tanker_Flag_01 .lable_h3 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 20px;
    width: 85%;
}


.qualship_warpper .lable_h2 {
    background: linear-gradient(to right, #edc756, #edc756, #c49816, #edc756);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-size: 52px;
    color: #000;
    line-height: 62px;
    font-weight: 700;
    width: 95%;
    margin-top: 78px;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -3px;
    margin-bottom: 27px;
}

.qualship_warpper .lable_h3 {
    color: #000;
    width: 94%;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 43px;
}

.qualship_warpper_img .logoview {
    width: auto;
    height: auto;
}

.scan_qualship21 {
    text-align: center;
    width: 68%;
    margin: auto;
    margin-bottom: 35px;
}

    .scan_qualship21 .logoview {
        width: 90px;
        height: auto;
        position: relative;
        margin: auto;
        margin-bottom: 11px;
        margin-top: 20px;
    }



    .scan_qualship21 .lable_h3 {
        color: #000;
        width: 94%;
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.64px;
        margin-bottom: 43px;
    }

.flag_qualship_warpper {
    text-align: center;
    background: #f7f7f7;
    padding: 80px;
}

.tokyo_mou_warpper {
    text-align: center;
    background: #f7f7f7;
    padding: 80px;
    float: left;
    width: 100%;
}

.qualship21_vessels .logoview {
    width: 72%;
    height: auto;
    position: relative;
    margin: auto;
    margin-bottom: 26px;
}

.qu_liberianregistry_lable {
    text-align: center;
    padding-bottom: 50px;
}

    .qu_liberianregistry_lable .lable_h2 {
        font-size: 52px;
        line-height: 35px;
        letter-spacing: -1.4px;
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 700;
        color: #21273b;
        padding: 86px 0px 8px;
        text-align: center;
    }

    .qu_liberianregistry_lable .lable_h3 {
        margin-top: 29px;
        color: #000;
        width: 60%;
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.64px;
        margin-bottom: 43px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

.flag_qualship_warpper .lable_h2 {
    font-size: 35px;
    line-height: 35px;
    letter-spacing: -1.4px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    color: #21273b;
    padding: 5px 0px 11px;
}

.flag_qualship_warpper .lable_h3 {
    margin-top: 29px;
    color: #000;
    width: 65%;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 43px;
    margin-left: auto;
    margin-right: auto;
}


.tokyo_mou_warpper .lable_h2 {
    font-size: 35px;
    line-height: 35px;
    letter-spacing: -1.4px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    color: #21273b;
    padding: 5px 0px 11px;
}

.tokyo_mou_warpper .lable_h3 {
    margin-top: 29px;
    color: #000;
    width: 47%;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 43px;
    margin-left: auto;
    margin-right: auto;
}

.qualship21_vessels_img > div[style*="background-image"] {
    background-size: cover;
    background-position: 100%;
    max-height: 670px;
    height: 670px;
}

.stakeholders_pdf_warpperVisit {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.Programmoreinformationss_lable_1 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 53px;
    letter-spacing: -0.64px;
}

.informationqq_left1 {
    float: left;
    padding: 54px;
}

.informationss_lable_2 {
    float: left;
    margin: 22px 0px !important;
    width: 119px;
}

.publications_table_warpper table {
    font-family: "HCo Gotham",arial,sans-serif;
    border-collapse: collapse;
    width: 100%;
}

    .publications_table_warpper table td, .publications_table_warpper table th {
        border-bottom: 1px solid #ddd;
        padding: 8px;
        font-size: 16px;
        text-align: left;
        color: #000;
        font-weight: 400;
        font-family: "HCo Gotham",arial,sans-serif !important;
        letter-spacing: -1px;
        width: 90%;
    }

    .publications_table_warpper table tr:nth-child(even) {
        background-color: #fff;
    }

    .publications_table_warpper table tr:hover {
        background-color: #fff;
    }

    .publications_table_warpper table th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #fff;
        color: #000;
        font-size: 18px;
        font-weight: 500;
        font-family: "HCo Gotham",arial,sans-serif;
    }

.publications_table_warpper .works-filter a {
    color: #00b0c6 !important;
    display: inline-block;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    padding: 0px 0px;
}



.publications_table_warpper .tabs-container .nav .nav-link.active {
    color: #fff;
    background-color: #00b0c6;
    border-radius: 0px;
    font-size: 15px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 500;
    padding: 11px 15px;
    margin-right: 2px;
}

.publications_table_warpper .tabs-container .nav-pills .nav-link {
    background: #e7e7e7;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 500;
    color: #000;
    font-size: 15px;
    border-radius: 0px;
    padding: 11px 15px;
    margin-right: 2px;
}




/***global-presence css***/

/***contact-us table start css***/
.scroll-down .material-symbols-outlined {
    color: #fff;
    font-size: 96px;
    font-weight: 100;
}

.contacts_email_lable_h3 {
    margin: 3px 10px;
    float: right;
}

.ContactsTable .Header {
    color: #00b0c6;
}

.contacts_warpper_h2_lable .lable_h2 {
    width: 100%;
    font-size: 42px;
    line-height: 70px;
    letter-spacing: -2.8px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    color: #000;
    padding-top: 17px;
}

.ContactsTable .lable_h1 {
    font-size: 24px;
    line-height: normal;
    letter-spacing: -1.0px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #00b0c6;
}

.ContactsTable {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 500;
    color: #000000;
    font-size: 18px;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 100px;
}

    .ContactsTable td, .ContactsTable th {
        border-bottom: 1px solid #ddd;
        padding: 0px;
        width: 80%;
    }

    .ContactsTable tr:nth-child(even) {
        background-color: #fff;
    }

    .ContactsTable tr:hover {
        background-color: #fff;
    }

    .ContactsTable th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #04AA6D;
        color: white;
    }




.ContactDetailsContainer .Header {
    color: #00b0c6;
    font-size: 21px;
    letter-spacing: -0.9px;
    padding: 5px 6px 10px 0px;
}

.EmailDetails a {
    color: #00b0c6 !important;
    font-weight: 500;
    font-family: "HCo Gotham", arial, sans-serif !important;
    letter-spacing: -1px;
}

.ContactDetails .Description {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin: 0px 0px;
    color: #000 !important;
}

/***contact-us table End css***/
/*****ihm expert tables******/
.ihm_tableview_warpper .works-filter {
    width: 100%;
}

.ihm_tableview_warpper {
    font-family: "HCo Gotham",arial,sans-serif;
    border-collapse: collapse;
    width: 100%;
    margin: 50px 0px 100px;
}

    .ihm_tableview_warpper td, .ihm_tableview_warpper th {
        border-bottom: 1px solid #ddd;
        padding: 8px;
        font-size: 16px;
        text-align: left;
        color: #000;
        font-weight: 400;
        font-family: "HCo Gotham", arial, sans-serif !important;
        letter-spacing: -0.64px;
    }

    .ihm_tableview_warpper tr:nth-child(even) {
        background-color: #fff;
    }

    .ihm_tableview_warpper tr:hover {
        background-color: #fff;
    }

    .ihm_tableview_warpper th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #fff;
        color: #000;
        font-size: 20px;
        font-family: "HCo Gotham", arial, sans-serif !important;
        letter-spacing: -0.6px;
        font-weight: 500;
        margin-top: 25px;
    }

/*****ihm expert tables******/


/************/

.club_tableview_warpper .works-filter {
    width: 100%;
}

.club_tableview_warpper {
    font-family: "HCo Gotham", arial, sans-serif;
    border-collapse: collapse;
    width: 64%;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 70px;
}

    .club_tableview_warpper td, .club_tableview_warpper th {
        border-bottom: 1px solid #ddd;
        padding: 12px;
        font-size: 16px;
        text-align: left;
        color: #000;
        font-weight: 400;
        font-family: "HCo Gotham", arial, sans-serif !important;
    }

    .club_tableview_warpper tr:nth-child(even) {
        background-color: #fff;
    }

    .club_tableview_warpper tr:hover {
        background-color: #fff;
    }

    .club_tableview_warpper th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #fff;
        color: #000;
        font-size: 18px;
        font-family: "HCo Gotham", arial, sans-serif !important;
        letter-spacing: -0.6px;
        font-weight: 500;
        margin-top: 25px;
    }
/************/

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

.card-body {
    padding: 1rem 1.5rem;
}

.card-body {
    margin: 0px;
    position: relative;
    max-width: 23%;
    min-width: 23%;
    border: 0px white solid;
    height: 760px;
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 15%);
    transition: all 0.5s ease;
    background: #fff;
    float: left;
    margin-right: 7px;
    margin-left: 14px;
    max-height: 660px;
    margin-bottom: 30px;
}

.global_card_details__title {
    color: #707070;
    margin: 10px 0 15px 0;
    font-size: 16px;
    font-weight: 500;
    font-family: "HCo Gotham", arial, sans-serif;
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.card_header_warpper_img {
    background: url(https://media.liscr.com/marketing/liscr/media/liscr/globalprescence/busan_bg.jpg) no-repeat center / cover;
    position: relative;
    height: 60%;
    transition: inherit;
    background-position: 80%;
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.card-body--hover:hover > .card_header_warpper_img {
    height: 40%;
    filter: contrast(100%);
}

.card-details {
    overflow: hidden;
    height: 35%;
    padding: 30px 0px;
    padding-bottom: 0;
    text-align: center;
    transition: inherit;
}

.card-body--hover:hover {
    box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
}

    .card-body--hover:hover > .card-details {
        height: 75%;
    }

.global_card_details__subtitle {
    color: #00b0c6;
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -1px;
}

.card-body p {
    color: #4B5563;
}

.global_card_details__paragraph {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    letter-spacing: -1px;
    font-family: "HCo Gotham", arial, sans-serif;
    height: 100px;
}

.global_card_phone_01 {
    margin-top: 6px;
    float: left;
    letter-spacing: 0px;
    width: 100%;
    text-align: left;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.Insurance_Fleet_warpper {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 20px;
    max-width: 100%;
    padding: 4% 0px;
}

.global_card_phone_in_icon {
    float: left;
    margin: 2px 13px 0px 0px;
    color: #00b0c6;
}

.global_card_adit_link {
    text-decoration: none !important;
}


.global_card_adit_link {
    display: inline-block;
    position: relative;
    padding-bottom: 1px;
    text-decoration: none;
    color: #00b0c6 !important;
    letter-spacing: 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 15px;
    letter-spacing: -0.4px;
}

    .global_card_adit_link:after {
        content: '';
        display: block;
        margin: auto;
        height: 2px;
        width: 0px;
        background: transparent;
        transition: width .5s ease, background-color .5s ease;
    }

    .global_card_adit_link:hover:after {
        width: 100%;
        background: #00b0c6;
    }


/***global-presence css***/

.Service_ihm_warpper .lable_h2 {
    transition: var(--transition-default);
    font-size: 17px;
    letter-spacing: -0.6px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 500;
    margin: 58px 0px 10px 0px;
    height: 45px;
    line-height: 24px;
}

.Service_ihm_warpper .logoview {
    width: 100%;
    height: 222px;
}

.Service_ihm_warpper .logoview_img {
    height: 260px;
    border-radius: 0px;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.Service_ihm_warpper .link--arrowed {
    margin-bottom: 42px;
}

.Lifeboat_header_lable .lable_h2 {
    font-size: 42px;
    font-weight: 700;
    letter-spacing: -2.8px;
    font-family: "HCo Gotham", arial, sans-serif;
    text-align: center;
    margin: 50px 0px;
}

.life_Service_Companies_table {
    width: 100%;
    margin: auto;
}

.Lifeboat_paragraph {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.64px;
    max-width: 60%;
    margin: auto;
    text-align: center;
    line-height: 27px;
    padding-top: 40px;
}

.Lifeboat_maintenance_paragraph {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -1px;
    max-width: 97%;
    margin: auto;
    text-align: center;
    line-height: 27px;
    padding-top: 40px;
}

.Lifeboat_Security_paragraph {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.64px;
    max-width: 53%;
    margin: auto;
    text-align: center;
    line-height: 27px;
}

.subhistory_warpper1 {
    width: 170px;
}


.history_beginning_lable .lable_h2 {
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -2.8px;
    font-size: 46px;
    font-weight: 600;
}

.history_beginning_lable .lable_h3 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.64px;
}

.history_img_warpper > div[style*="background-image"] {
    background-size: cover;
    background-position: 100%;
    height: 680px;
}

.history_img_warpper {
    border-right: 8px solid #00b0c6;
    overflow: visible !important;
}

.history_lable .lable_h2 {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -2.8px;
    font-family: "HCo Gotham", arial, sans-serif;
    text-align: center;
    margin: 50px 0px;
}

.history_img_warpper .lable_h2 {
    background: #00b0c6;
    border-radius: 50px;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 600;
    font-size: 29px;
    letter-spacing: -1.4px;
    color: #fff;
    margin: 265px -53px;
    float: right;
}

.history_beginning_lable {
    padding: 253px 140px 8px 48px;
}

/***vessel-registration tabs css*******/

.topmenu_icon_view {
    font-size: 28px;
    padding: 0px 5px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #14b1c6;
    color: #fff;
    border-radius: 0px;
}
/*.nav-pills .nav-link {
    border-radius: 0px;
    background-color: #e7e7e7;
    margin-right: 2px;
    padding: 12px 12px;
}*/
.nav-link:focus, .nav-link:hover {
    color: #000;
}

.nav-pills .nav-link:hover {
    background-color: #f9f9f9;
    color: #000;
}

.nav-link {
    letter-spacing: -0.96px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 500;
    color: #000000;
    font-size: 15px;
}

.nav-pills li.nav-item {
    flex-grow: 1;
    padding: 0 0px;
    margin-right: 3px;
}

.nav-pills .nav-link {
    border-radius: 0px;
    background-color: #e7e7e7;
    margin-right: 2px;
    padding: 12px 0px;
    width: 100%;
}

/***vessel-registration tabs End*******/



.filingagent_tabs .lable_h2 {
    font-size: 35px;
    font-weight: 700;
    letter-spacing: -1.4px;
    padding-top: 30px;
}

.filingagent_tabs .lable_h3 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 20px;
    max-width: 100%;
}

/***seafarers tabs css*******/


/***seafarers tabs End*******/


.Seafarer_wrapper_h1 .lable_h2 {
    font-size: 35px;
    font-weight: 700;
    letter-spacing: -1.4px;
    padding-top: 30px;
}

.Seafarer_wrapper_h1 .lable_h3 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 0px;
    max-width: 100%;
}

.Seafarer_wrapper_h2 .link--arrowed {
    display: inline-block;
    color: #00b0c6;
    text-decoration: none;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 500;
    letter-spacing: -0.64px;
    font-size: 20px;
    margin-bottom: 65px;
    line-height: 36px;
}

.Certification_warpper_seafarers {
    margin-top: 50px;
}


.Corporation_warpper1 {
}


    .Corporation_warpper1 .lable_h2 {
        font-size: 36px;
        font-weight: 700;
        letter-spacing: -2.8px;
        padding-top: 30px;
    }

    .Corporation_warpper1 .lable_h3 {
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 30px;
        letter-spacing: -0.64px;
        margin-bottom: 0px;
        max-width: 100%;
        padding: 45px 0px 3px 3px;
    }

.sub_Corporation_warpper1 .lable_h2 {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -2.8px;
    padding-top: 30px;
}

.sub_Corporation_warpper1 .lable_h3 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: -0.64px;
    margin-bottom: 0px;
    max-width: 100%;
    padding: 5px 0px 3px 3px;
}


.Certification_warpper_seafarers > div[style*="background-image"] {
    background-repeat: no-repeat;
    background-size: cover;
    height: 1050px;
    margin-left: 0px;
    background-position: -118px -39px;
    padding: 56px 55px;
}

.Certification_warpper_seafarers .lable_h2 {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -2.8px;
    padding-top: 30px;
    color: #fff;
}

.Certification_warpper_seafarers .lable_h3 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 0px;
    max-width: 100%;
    margin-top: 35px;
    color: #fff;
    width: 55%;
}


.Seafarer_wrapper_h2 .lable_h3 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 0px;
    max-width: 100%;
    margin-top: 35px;
}

.receipt_cra {
}

.Seaexams_warpper1 {
    margin-top: 40px;
}

.Certificates_cra_lable {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -1.8px;
    padding-top: 30px;
    color: #fff;
    line-height: 43px;
    margin-bottom: 29px;
    width: 100%;
}

.receipt_cralable_lable {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -2.8px;
    padding-top: 30px;
    color: #fff;
}

.receipt_cra .lable_h2 {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -2.8px;
    padding-top: 30px;
    color: #fff;
}

.receipt_cra .lable_h3 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 0px;
    max-width: 100%;
    margin-top: 35px;
    color: #fff;
    width: 50%;
}



.history_img_warpper_02 {
    border-left: 8px solid #00b0c6;
    margin-left: -37px;
    overflow: visible !important;
}

    .history_img_warpper_02 .lable_h2 {
        background: #00b0c6;
        border-radius: 50px;
        width: 100px;
        height: 100px;
        text-align: center;
        line-height: 100px;
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 600;
        font-size: 29px;
        letter-spacing: -1.4px;
        color: #fff;
        margin: 265px -53px;
        float: left;
    }

    .history_img_warpper_02 > div[style*="background-image"] {
        background-size: cover;
        background-position: 100%;
        height: 680px;
    }

.application_security_Levels_1 {
    width: 100%;
    margin-right: 40px;
    padding-right: 40px;
}

    .application_security_Levels_1 .lable_h2 {
        font-size: 28px;
        font-weight: 700;
        letter-spacing: -1.8px;
        padding-top: 30px;
    }

    .application_security_Levels_1 .lable_h3 {
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.64px;
        margin-bottom: 20px;
    }


.Benefits_lable {
    font-size: 26px;
    margin-bottom: 30px;
    line-height: normal;
    letter-spacing: -1.4px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
}

.Tanker_Flag_02 {
    width: 42%;
    float: left;
    margin-right: 50px;
    margin-top: 40px;
}

.fastest_prp_lable {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 20px;
    width: 85%;
}

.Tanker_Flag_02 .lable_h2 {
    font-size: 30px;
    line-height: normal;
    letter-spacing: -1.8px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0px;
}

.Tanker_Flag_02 .lable_h3 p {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 20px;
    width: 85%;
}



.harmonized_title .lable_h1 {
    text-align: center;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
    width: 100%;
    line-height: 0px;
    margin-bottom: 26px;
    padding-top: 98px;
    margin-left: 0px;
    color: #00b0c6;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-family: "HCo Gotham", arial, sans-serif;
}

.harmonized_title .lable_h2 {
    padding-bottom: 10px;
    width: 70%;
    padding-top: 0px;
    line-height: 70px;
    font-weight: 700;
    color: #000;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 54px;
    letter-spacing: -2.8px;
    margin: auto;
}

.global_presence_header .lable_h1 {
    text-align: center;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    line-height: 0px;
    margin-bottom: 26px;
    padding-top: 98px;
    margin-left: 0px;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-family: "HCo Gotham", arial, sans-serif;
}

.global_presence_header .lable_h2 {
    padding-bottom: 10px;
    width: 70%;
    padding-top: 0px;
    line-height: 70px;
    font-weight: 700;
    color: #000;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 54px;
    letter-spacing: -2.8px;
    margin: auto;
}

.global_card_new_wrapper {
    padding: 20px;
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 15%);
    overflow: hidden;
    height: 586px;
    margin-bottom: 20px;
}


    .global_card_new_wrapper:hover {
        box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
        transition: all 1.5s ease;
    }

        .global_card_new_wrapper:hover > div[style*="background-image"] {
            height: 40%;
            filter: contrast(100%);
            transition: all 1.1s ease;
        }

        .global_card_new_wrapper:hover .lable_h1 {
            padding-top: 230px;
            transition: all 1.1s ease;
        }

    .global_card_new_wrapper > div[style*="background-image"] {
        background-size: cover;
        background-position: center;
        height: 360px;
        transition: all 1.5s ease;
    }

    .global_card_new_wrapper .logoview {
        width: 100%;
        height: 400px;
        position: relative;
        margin: auto;
        margin-bottom: 26px;
    }

    .global_card_new_wrapper .logoview_img {
        height: 400px;
    }

    .global_card_new_wrapper .lable_h1 {
        color: #707070;
        margin: 10px 0 15px 0;
        font-size: 16px;
        font-weight: 500;
        font-family: "HCo Gotham", arial, sans-serif;
        text-align: center;
        padding-top: 380px;
        transition: all 1.1s ease;
    }

    .global_card_new_wrapper .lable_h2 {
        color: #00b0c6;
        margin-bottom: 12px;
        font-size: 20px;
        font-weight: 500;
        text-transform: uppercase;
        font-family: "HCo Gotham", arial, sans-serif;
        letter-spacing: -1px;
        text-align: center;
    }

    .global_card_new_wrapper p {
        color: #4B5563;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        letter-spacing: -1px;
        font-family: "HCo Gotham", arial, sans-serif;
        height: 100px;
        text-align: center;
    }

.global_presence_warpper .lable_h1 {
    color: #707070;
    margin: 10px 0 15px 0;
    font-size: 16px;
    font-weight: 500;
    font-family: "HCo Gotham", arial, sans-serif;
    text-align: center;
}

.global_presence_warpper .lable_h2 {
    color: #00b0c6;
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -1px;
    text-align: center;
}

.global_presence_warpper p {
    color: #4B5563;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    letter-spacing: -1px;
    font-family: "HCo Gotham", arial, sans-serif;
    height: 200px;
    text-align: center;
}

.global_presence_warpper .logoview {
    width: 100%;
    height: 400px;
}

.global_presence_warpper .logoview_img {
    height: 400px;
}

.global_presence_warpper {
    box-shadow: 0px 0px 4px 2px #cccccc3b;
}

.Tanker_Flag_01 .fastest_prp_lable {
    margin-top: 0;
    margin-bottom: 100px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
}

.lngalways_Largestgoing_lableTonnage {
    margin-top: 0;
    margin-bottom: 100px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
}




.maritime_video_circle_1 {
    background: linear-gradient(to left, rgba(54, 9, 51, 0.8), rgba(11, 135, 147, 1));
    width: 500px;
    height: 410px;
    border-radius: 100%;
}

.maritime_video_circle_2 {
    background: linear-gradient(to left, rgba(240, 194, 123, 0.8), rgba(75, 18, 72, 1));
    width: 500px;
    height: 410px;
    border-radius: 100%;
}

.maritime_video_circle_3 {
    background: linear-gradient(to left, rgba(120, 2, 6, 0.8), rgba(6, 17, 97, 1));
    width: 500px;
    height: 410px;
    border-radius: 100%;
}

.maritime_video_circle_4 {
    background: linear-gradient(to left, rgba(211, 131, 18, 0.8), rgba(168, 50, 121, 1));
    width: 500px;
    height: 410px;
    border-radius: 100%;
}

.global_card_new_wrapper .lable_h3 {
    width: 95%;
    margin: auto;
}

.play_online_warpper1 {
}

.play_online_warpper2 {
    margin-bottom: 80px;
    margin-top: 44px;
}

.maritime_video_circle_1 .link--arrowed .arrow-icon g {
    stroke: #fff;
}

.maritime_video_circle_2 .link--arrowed .arrow-icon g {
    stroke: #fff;
}

.maritime_video_circle_3 .link--arrowed .arrow-icon g {
    stroke: #fff;
}

.maritime_video_circle_4 .link--arrowed .arrow-icon g {
    stroke: #fff;
}

.Maritime_Solutions_warpper {
    display: flex;
    max-width: 1640px;
    margin: auto;
    margin-bottom: 100px;
}

    .Maritime_Solutions_warpper .service_cricle_lable {
        text-align: center;
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 600;
        color: #fff;
        font-size: 26px;
        padding: 127px 80px 0px 80px;
        width: 100%;
        margin: auto;
        line-height: 30px;
        letter-spacing: -0.6px;
        height: 183px;
    }

    .Maritime_Solutions_warpper .service_cricle_lable_h1 {
        font-family: "HCo Gotham", arial, sans-serif;
        font-size: 17px;
        color: #fff;
        letter-spacing: -0.8px;
        padding: 31px 40px 10px 40px;
        width: 60%;
        margin: auto;
        line-height: 25px;
        text-align: center;
        height: 84px;
    }

    .Maritime_Solutions_warpper .link--arrowed {
        color: #fff;
    }



#vessel_mortgage {
    float: left;
    margin-top: 33px;
    margin-bottom: 30px;
}

    #vessel_mortgage .bg-video-wrapper {
        background-repeat: no-repeat;
        width: 100%;
        background-size: cover;
        background-position: 100%;
    }

    #vessel_mortgage .the_compny_lableview {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: -1.4px;
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 700;
        color: #ffffff;
        padding: 21px 0px 0px;
        width: 75%;
        margin-bottom: 44px;
        float: left;
        text-transform: none;
        position: relative;
    }

    #vessel_mortgage .label_text {
        font-size: 18px;
        line-height: 43px;
        letter-spacing: -0.4px;
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 500;
        padding: 39px 0px 0px;
        width: 82%;
        margin-bottom: 32px;
        float: left;
        text-transform: capitalize;
        color: #fff;
        position: relative;
        column-count: 2;
    }

    #vessel_mortgage .min-height-100vh {
        min-height: 60vh !important;
    }

    #vessel_mortgage .scroll-down {
        display: none;
    }

.All_home_Tonnage_Warpper .owl-carousel .owl-item img {
    display: block;
    width: 175px;
    margin: 25px 0px 17px;
}

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

.procedures_warpper {
    width: 32%;
    float: left;
    border-right: 1px solid #000;
    padding-right: 27px;
    padding-left: 25px;
    height: 233px;
}

    .procedures_warpper:nth-last-child(-n + 3) {
        border-right: 0px solid #000;
    }

    .procedures_warpper:last-of-type {
        border-right: 0px solid #000 !important;
    }

    .procedures_warpper .service_cricle_lable {
        text-align: left;
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 200;
        color: #000;
        font-size: 83px;
        padding: 56px 10px 0px;
        width: 100%;
        margin: auto;
        line-height: 30px;
        letter-spacing: -0.6px;
    }

    .procedures_warpper .service_cricle_lable_h1 {
        font-family: "HCo Gotham", arial, sans-serif;
        font-size: 16px;
        color: #000;
        letter-spacing: -0.8px;
        padding: 31px 10px 10px 0px;
        width: 100%;
        margin: auto;
        line-height: 25px;
        text-align: left;
    }

.Department_lable {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 20px;
    max-width: 100%;
}

.MSMC_Extendeddry_img {
    background-size: cover;
    background-position: 100%;
    max-height: 500px;
    height: 500px;
}


.energy_transition_img {
    background-size: cover;
    background-position: 100%;
    max-height: 500px;
    height: 500px;
}

.mortgage_test_panel {
    width: 100%;
    display: flex;
    height: 8px;
}

.seafarers_w1 .effect_header_1 {
    width: 50%;
    white-space: normal;
}

.ready_section_contant_h1 > div[style*="background-image"] {
    background-size: cover;
    background-position: 100%;
    max-height: 500px;
    height: 500px;
}

.certification_services_image > div[style*="background-image"] {
    background-size: cover;
    background-position: 100% -39px;
    max-height: 400px;
    height: 400px;
    background-repeat: no-repeat;
}

.vessel_audit_inspection_image > div[style*="background-image"] {
    background-size: cover;
    background-position: 100% -20px;
    max-height: 560px;
    height: 560px;
}


.energy_transition_img > div[style*="background-image"] {
    background-size: cover;
    background-position: 50% 100%;
    max-height: 515px;
    height: 515px;
}

.Extendeddrydock_ContinuousWreckswarpper1_img {
    background-image: url(https://media.liscr.com/marketing/liscr/media/liscr/v1_maritime/certification_services/continuous_synopsis.jpg);
    background-size: cover;
    background-position: 100%;
    max-height: 400px;
    height: 400px;
}

.CivildepartmentshipsLiberianparties_lable_Conventionp {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 20px;
    max-width: 100%;
}

.sectiontitleMinimum {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -2.8px;
    padding-top: 30px;
}

.ready_section_contant_h1 .lable_h2 {
    font-size: 35px;
    font-weight: 700;
    letter-spacing: -1.4px;
    padding-top: 30px;
}

.ready_section_contant_h1 .lable_h3 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 20px;
    max-width: 100%;
}

.maritime_abour_contant_h1 {
    width: 50%;
    float: left;
    padding-right: 90px;
    height: 300px;
}

.maritime_abour_contant_h1_2 {
    width: 50%;
    float: left;
    padding-right: 90px;
    height: 460px;
}

.Complaints_btn_lable {
    padding: 4px 0px;
    float: left;
    width: 100%;
    line-height: 44px;
    margin-top: 14px;
}

.ComplaintsLearn_iconm1 {
    font-size: 28px !important;
    font-weight: 400 !important;
    padding: 8px 0px;
    float: left;
}

.services_essential_1 {
    width: 43%;
    float: left;
    padding-right: 30px;
}

.or_services_essential_1 {
    width: 10%;
    float: left;
    padding-top: 105px;
}

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

.services_essential_1 .lable_h2 {
    font-size: 30px;
}


.maritime_abour_contant_h1_2 .lable_h2 {
    font-size: 35px;
    font-weight: 700;
    letter-spacing: -1.4px;
    padding-top: 30px;
}

.maritime_abour_contant_h1_2 .lable_h3 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 20px;
    max-width: 100%;
}

.maritime_abour_contant_h1 .lable_h2 {
    font-size: 35px;
    font-weight: 700;
    letter-spacing: -1.4px;
    padding-top: 30px;
}

.maritime_abour_contant_h1 .lable_h3 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 20px;
    max-width: 100%;
}

.corporate_entities_warpper {
    margin-top: 30px;
}

.cropIncorporation_warpper_t02 {
    width: 50%;
    float: left;
    padding-right: 58px;
}

.cropIncorporation_warpper_t03 {
    width: 50%;
    float: left;
}

.RegistrationExtendeddrydock_Initialwarpper1_lable {
    font-size: 20px;
    line-height: 35px;
    letter-spacing: -1.4px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    color: #21273b;
    padding: 0px 0px 0px;
}

.SecuritydepartmentshipsLiberianparties_mas {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    width: 100%;
    list-style: disc;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    margin-top: 0px;
}

.differentcorporate_strategy_business_lable {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    list-style: disc;
    padding-left: 30px;
    margin-top: 17px;
}

.for_additional_lable {
    margin-bottom: 8px;
    margin-top: 15px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
}

.schemeExtendeddrydock_warpper1_lable_01 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    list-style: disc;
    padding-left: 30px;
    margin-top: 17px;
}

.Ensuringimplementation_compliancelable1_2 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    list-style: disc;
    padding-left: 30px;
    margin-top: 17px;
}

.corporate_entities_warpper .lable_h2 {
    font-size: 35px;
    font-weight: 700;
    letter-spacing: -1.4px;
    padding-top: 30px;
}

.corporate_entities_warpper .lable_h3 {
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.64px;
    margin-bottom: 20px;
    max-width: 100%;
}


#veecustomers {
    font-family: "HCo Gotham",arial,sans-serif;
    border-collapse: collapse;
    width: 100%;
}

    #veecustomers td, #veecustomers th {
        border-bottom: 1px solid #ebebeb;
        padding: 0px;
        font-size: 16px;
        text-align: left;
        color: #000;
        font-weight: 400;
        font-family: "HCo Gotham", arial, sans-serif !important;
        letter-spacing: -1px;
    }

    #veecustomers tr:nth-child(even) {
        background-color: #fff;
    }

    #veecustomers tr:hover {
        background-color: #fff;
    }

    #veecustomers th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #fff;
        color: #000;
        font-size: 20px;
        font-weight: 500;
        font-family: "HCo Gotham",arial,sans-serif;
    }

.vessel_email_note {
}

.vessel_email_note_download {
}
/*****certification_services css End*******/
.brand_logo1 {
    width: 240px;
    image-rendering: -webkit-optimize-contrast;
}

:root {
    --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --color: #00adc3;
    --color2: #161d27;
    --color2-dark: #0f131a;
}

@-webkit-keyframes slideLeft {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}

@keyframes slideLeft {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}

@-webkit-keyframes slideRight {
    0% {
        opacity: 1;
        transform: translateX(0%);
    }

    100% {
        opacity: 0;
        transform: translateX(100%);
    }
}

@keyframes slideRight {
    0% {
        opacity: 1;
        transform: translateX(0%);
    }

    100% {
        opacity: 0;
        transform: translateX(100%);
    }
}

.menucontainer {
    max-width: 97%;
    height: auto;
    margin-inline: auto;
}


.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 100;
    margin: 0 auto;
    background-color: #fff;
    /*box-shadow: var(--shadow-medium);*/
}

.darkmode .header {
    background-color: var(--color2);
}

.navbar {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    margin: 0 auto;
    width: 95%;
    max-width: 1680px;
}

    .navbar .navbar__left {
        display: flex;
        align-items: center;
        flex: 0 0 326px;
    }

@media (max-width: 1200px) {
    .navbar .navbar__left {
        flex: 0 0 auto;
    }

    .navbar__left__logo {
        display: block;
    }
}

@media (max-width: 1200px) {
    .flexCol_OrderReverse .col-12.col-lg-12:nth-child(1) {
        order: 2;
    }

    .flexCol_OrderReverse .col-12.col-lg-12:nth-child(2) {
        order: 1;
    }
}

@media (min-width: 1200px) {
    .mw_20 {
        max-width: 20%;
    }
}

.navbar .navbar__center {
    display: flex;
}

@media (max-width: 1200px) {
    .navbar .navbar__center {
        flex: 0 0 100%;
        order: 3;
        align-items: center;
    }
}

.navbar .navbar__right {
    display: flex;
    /*     flex: 0 0 320px;*/
    align-items: center;
    justify-content: flex-end;
    /*    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;*/
    padding-right: 0px;
}

@media (max-width: 1200px) {

    .navbar .navbar__right {
        flex: 0 0 auto;
        align-items: center;
    }

    .top_onlinelibray {
        display: none;
    }

    .Duty_call_btn {
        display: none;
    }

    .mob_icons_view {
        display: block;
    }

    .moblie_view_warpper {
        display: block;
    }

    .brand_logo1 {
        width: 170px;
    }

    .home_warpperview {
        width: 100%;
        padding: 100px 80px 100px 18px;
        margin-left: 12px;
    }

    .global_imageview_03 {
        background-position: 75%;
    }

    .home_lable_h2 {
        font-size: 42px;
        line-height: 43px;
        margin-bottom: 23px;
    }

    .home_lable_h3 {
        width: 100%;
        text-align: justify;
    }

    .market_imageview_01 {
        max-height: 600px;
        height: 600px;
    }

    .market_imageview_02 {
        max-height: 600px;
        height: 600px;
    }

    .global_imageview_03 {
        max-height: 600px;
        height: 600px;
    }

    .Shipping_imageview_04 {
        max-height: 600px;
        height: 600px;
    }

    .lng_imageview_05 {
        max-height: 600px;
        height: 600px;
    }

    .home_warpperview {
        height: auto;
    }

    .footer_warpperpanel_panel_logo_01 {
        width: 100%;
        margin-bottom: 30px;
    }

    .footer_warpperpanel_panel_01 {
        width: 100%;
        margin-bottom: 30px;
    }
}

.brand {
    display: flex;
    align-items: center;
    order: 1;
}


@media (max-width: 1200px) {
    .menu {
        position: fixed;
        top: 56px;
        left: 0;
        width: 350px;
        max-width: 85%;
        height: 100%;
        z-index: 100;
        overflow: hidden;
        background-color: #fff;
        transform: translate(-100%);
        transition: all 0.4s ease-in-out;
        box-shadow: -2px 3px 7px 1px #0000002b;
    }

        .menu.is-active {
            transform: translate(0%);
            padding-bottom: 100px;
        }

    .darkmode .menu {
        background-color: var(--color2);
    }
}

.menu .menu__header {
    display: none;
    box-shadow: var(--shadow-medium);
}

@media (max-width: 1200px) {
    .menu .menu__header {
        position: relative;
        top: 0;
        display: flex;
        align-items: center;
        height: 4rem;
        z-index: 110;
        visibility: hidden;
        background: transparent;
        right: 11px;
    }

        .menu .menu__header.is-active {
            visibility: visible;
            background-color: #fff;
            box-shadow: unset;
        }

            .menu .menu__header.is-active > .menu__arrow {
                display: flex;
            }

    .darkmode .menu .menu__header.is-active {
        background-color: var(--color2);
    }
}

@media (max-width: 1200px) {
    .menu .menu__header .menu__arrow {
        display: none;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        width: 3rem;
    }

        .menu .menu__header .menu__arrow:hover i {
            color: var(--color);
        }

        .menu .menu__header .menu__arrow > i {
            font-size: 36px;
            color: #00adc3;
            transition: all 0.25s ease;
            margin-left: 47px;
        }

    .darkmode .menu .menu__header .menu__arrow > i {
        color: #fff;
    }
}

@media (max-width: 1200px) {
    .menu .menu__header .menu__title {
        cursor: pointer;
        font-weight: 500;
        text-transform: capitalize;
        color: #000;
        transition: all 0.25s ease;
        font-family: "HCo Gotham", arial, sans-serif;
        font-size: 16px;
        letter-spacing: -0.6px;
        margin: auto;
        text-transform: uppercase;
    }


        .menu .menu__header .menu__title:hover {
            color: var(--color);
        }

    .darkmode .menu .menu__header .menu__title {
        color: #fff;
    }
}

@media (max-width: 1200px) {
    .menu .menu__inner {
        height: 100%;
        margin-top: -3rem;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

.menu .menu__inner .menu__item {
    position: static;
    display: inline-block;
    padding-right: 20px;
    padding: 25px 20px 25px 0;
    float: left;
}

    .menu .menu__inner .menu__item:last-child {
        padding-right: 0;
    }

    .menu .menu__inner .menu__item:hover > .menu__link {
        color: #11a5c5 !important;
        transition: all 0.3s ease;
    }


.darkmode .menu .menu__inner .menu__item:hover > .menu__link {
    color: var(--color);
}

@media (max-width: 1200px) {
    .menu .menu__inner .menu__item {
        display: block;
        padding: 0;
        width: 100%;
    }

    .menu_ContactUs_panel {
        margin-bottom: 200px;
        border-top: 0px solid #00b0c6;
    }
}

@media (min-width: 1200px) {
    .menu .menu__inner .menu__item:hover > .menu__link.bx.bx-chevron-right:before {
        transform: rotate(-90deg);
    }

    .menu .menu__inner .menu__item:hover > .menu__link i {
        transform: rotate(180deg);
        transition: all 0.3s ease;
    }
}

@media (min-width: 1200px) {
    .menu .menu__inner .menu__item.menu__dropdown:hover > .submenu {
        opacity: 1;
        visibility: visible;
        top: 95%;
    }
}

.material-symbols-outlined {
    transition: all 0.3s ease;
}

.menu .menu__inner .menu__item .menu__link {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #000;
    text-transform: capitalize;
    transition: all 0.25s ease;
    text-decoration: none;
    font-family: "HCo Gotham", arial, sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    transition: all 0.3s ease;
}

@media (max-width: 1200px) {
    .menu .menu__inner .menu__item .menu__link {
        justify-content: space-between;
        padding: 20px 37px 20px 0px;
        pointer-events: none;
        cursor: pointer;
        text-transform: math-auto;
    }
}

.menu .menu__inner .menu__item .menu__link.bx-chevron-right:before {
    order: 1;
    margin-left: 5px;
    font-size: 1.35rem;
    transform: rotate(90deg);
    transition: 0.35s;
    font-family: boxicons !important;
}

@media (max-width: 1200px) {
    .menu .menu__inner .menu__item .menu__link.bx-chevron-right:before {
        margin-left: 10px;
        transform: rotate(0deg);
    }
}

.darkmode .menu .menu__inner .menu__item .menu__link {
    color: #fff;
}

.submenu {
    position: absolute;
    z-index: 100;
    top: 110%;
    /*left: 50%;*/
    width: 100%;
    height: auto;
    padding: 20px 5px;
    border-radius: 0.25rem;
    border-top: 0px solid var(--color);
    background-color: #fff;
    box-shadow: var(--shadow-medium);
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out;
    transform: translateX(-46%);
}

.Contact_arrow1 {
    padding-left: 18px;
}

.Contact_call_btn:hover .Contact_arrow1 img {
    filter: brightness(0) invert(1);
    transition: all 0.4s ease-out;
}

.menu__item.menu__dropdown:hover > a.menu__link:before {
    content: "";
    position: absolute;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #00adc3 transparent;
    margin-top: 56px;
}

.darkmode .submenu {
    border-top: 2px solid var(--color);
    background-color: var(--color2);
}

@media (max-width: 1200px) {
    .submenu {
        position: absolute;
        display: none;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-width: none;
        min-width: auto;
        margin: 0;
        padding: 73px 15px 0 15px;
        border-radius: 0;
        border-top: 0;
        box-shadow: none;
        opacity: 1;
        overflow-y: auto;
        visibility: visible;
        transform: translateX(0%);
    }

        .submenu > div.d-flex {
            flex-direction: column;
        }

        .submenu.is-active {
            display: block;
        }
}

@media (min-width: 1200px) {
    .submenu {
        -webkit-animation: none !important;
        animation: none !important;
    }
}

@media (min-width: 1200px) {
    .submenu.megamenu__normal {
        left: 65%;
        max-width: 250px;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
}

@media (min-width: 1200px) {
    .submenu.megamenu__text, .submenu.megamenu__image {
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }
}

@media (min-width: 1200px) {
    .submenu.megamenu__text, .submenu.megamenu__image {
        width: max-content;
    }
}

.submenu.megamenu__image .submenu__inner a {
    display: flex;
    flex-flow: column;
    align-items: center;
}

@media (max-width: 1200px) {
    .submenu.megamenu__image .submenu__inner a {
        flex-flow: row;
        align-items: center;
        padding-bottom: 20px;
    }
}

.submenu.megamenu__image .submenu__inner a img {
    display: block;
    width: 100%;
    height: 150px;
    margin-bottom: 15px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
}

@media (max-width: 1200px) {
    .submenu.megamenu__image .submenu__inner a img {
        width: 30%;
        height: 80px;
        margin-bottom: 0;
        margin-right: 15px;
    }
}

.submenu_h_lastmenu {
    border-right: 0px solid #e9e9e9 !important;
}

.submenu .submenu__inner {
    width: auto;
    padding: 0 10px 0px 10px;
    border-right: 1px solid #ccc;
}

    .submenu .submenu__inner:last-child {
        width: auto;
        padding: 0 30px 0px 30px;
        border-right: 1px solid #fff;
    }

@media (max-width: 1200px) {
    .submenu .submenu__inner {
        width: auto;
        padding: 0 8px 0px 30px;
        border-right: 0px solid #e9e9e9;
    }
}

.submenu .submenu__inner .submenu__title {
    color: var(--color);
    transition: all 0.3s ease;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
}

.darkmode .submenu .submenu__inner .submenu__title {
    color: var(--color);
}

@media (max-width: 1200px) {
    .submenu .submenu__list {
        margin-bottom: 20px;
    }
}

.submenu .submenu__list li {
    display: block;
    line-height: 1;
    margin: 0 auto;
}

.submenu__list {
    padding-left: 0rem;
}

.submenu .submenu__list li a {
    display: inline-block;
    padding: 7px 0;
    line-height: 1.4;
    text-transform: initial;
    color: #000;
    transition: all 0.25s ease-in-out;
    text-decoration: none;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
}

    .submenu .submenu__list li a:hover {
        color: var(--color);
    }

@media (max-width: 1200px) {
    .submenu .submenu__list li a {
        display: block;
    }
}

.darkmode .submenu .submenu__list li a {
    color: #fff;
}

    .darkmode .submenu .submenu__list li a:hover {
        color: var(--color);
    }

.switch {
    position: relative;
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 10px;
}

    .switch .switch__light,
    .switch .switch__dark {
        position: absolute;
        top: 50%;
        left: 50%;
        transform-origin: center;
        transform: translate(-50%, -50%);
        transition: all 0.3s ease-in;
    }

    .switch .switch__light {
        font-size: 20px;
        visibility: visible;
        color: #000;
    }

.darkmode .switch .switch__light {
    font-size: 0;
    visibility: hidden;
}

.switch .switch__dark {
    font-size: 0;
    visibility: hidden;
    color: #fff;
}

.darkmode .switch .switch__dark {
    font-size: 20px;
    visibility: visible;
}

.overlay {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    /*background-color: rgba(0, 0, 0, 0.7);*/
    transition: all 0.45s ease-in-out;
    pointer-events: none;
}

@media (max-width: 1200px) {
    .overlay {
        /*  cursor: url("https://i.imgur.com/cPh9Zm5.png"), zoom-out;*/
        pointer-events: visible;
        cursor: pointer;
    }

        .overlay.is-active {
            opacity: 1;
            visibility: visible;
        }
}

.burger {
    position: relative;
    display: block;
    cursor: pointer;
    width: 25px;
    height: 15px;
    margin-right: 15px;
    opacity: 0;
    visibility: hidden;
    background: transparent;
}

@media (max-width: 1200px) {
    .burger {
        opacity: 1;
        visibility: visible;
        margin-left: 16px;
        margin-right: 30px;
    }
}

.burger .burger-line {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    opacity: 1;
    border-radius: 15px;
    background: #000;
}


.darkmode .burger .burger-line {
    background: #fff;
}

.burger .burger-line:nth-child(1) {
    top: 0px;
}

.burger .burger-line:nth-child(2) {
    top: 8px;
}

.burger .burger-line:nth-child(3) {
    top: 16px;
}


span.burger-line {
    transition: all 0.5s ease-out;
}

.navbar:has(.menu.is-active) div#burger {
    transform: rotate(180deg);
}

    /* Styling the three lines to make it an X */
    .navbar:has(.menu.is-active) div#burger .burger-line:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }

    .navbar:has(.menu.is-active) div#burger .burger-line:nth-child(2) {
        opacity: 0;
    }

    .navbar:has(.menu.is-active) div#burger .burger-line:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -6px);
    }




#OnlineLibrary_DataTable {
    width: 100%;
    margin: auto;
    max-width: 1680px;
}

.mob_serach_icon1 {
    font-size: 31px !important;
    color: #000;
    font-weight: 500 !important;
    border-right: 1px solid #000;
    padding-right: 8px;
    margin-right: 9px;
}

/*******onlinelibrary table******/
#OnlineLibraryAttachmentsTable th.LastUpdated:after,
#OnlineLibraryAttachmentsTable th.Title:after,
#OnlineLibraryAttachmentsTable th.Version:after {
    border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    content: '';
    display: inline-block;
    height: 12px;
    left: 27px;
    position: relative;
    top: 0.15em;
    transform: rotate(-45deg);
    vertical-align: middle;
    width: 12px;
    top: -5px;
    transform: rotate(135deg);
    cursor: pointer;
}

#OnlineLibraryAttachmentsTable th.LastUpdated.reversed:after,
#OnlineLibraryAttachmentsTable th.Title.reversed:after,
#OnlineLibraryAttachmentsTable th.Version.reversed:after {
    transform: rotate(-45deg);
    top: 0px;
}

#OnlineLibraryTableInfo {
    color: #00b0c6;
    font-size: 16px;
    font-weight: 600;
    float: right;
    margin-right: 21px;
    padding-top: 12px;
    font-family: "HCo Gotham", arial, sans-serif;
}

#OnlineLibraryAttachmentsTable {
    color: #000000;
    font-size: 20px;
    letter-spacing: -1.6px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 500;
    border-collapse: collapse;
    width: 100%;
}

    #OnlineLibraryAttachmentsTable td, #OnlineLibraryAttachmentsTable th {
        border-bottom: 1px dotted #ccc;
        padding: 12px 0px;
        font-size: 16px;
        letter-spacing: -0.8px;
    }

    #OnlineLibraryAttachmentsTable tr:nth-child(even) {
        background-color: #fff;
    }

    #OnlineLibraryAttachmentsTable tr:hover {
        background-color: #fff;
    }

    #OnlineLibraryAttachmentsTable th {
        text-align: left;
        background-color: #fff;
        color: #203171;
        margin: 0;
        padding: 20px 0px;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 16px;
        line-height: 24px;
        padding-right: 4px;
        letter-spacing: -0.6px;
        cursor: pointer;
    }

#OnlineLibrary_DataTable_Pagination .pagination {
    font-size: 13px;
    justify-content: center;
    align-items: center;
}

#OnlineLibrary_DataTable_Pagination {
    font-family: "HCo Gotham", arial, sans-serif;
    padding: 40px 0px;
}

    #OnlineLibrary_DataTable_Pagination .pagination a, .pagination span {
        border: none;
        text-decoration: underline;
        padding: 8px 8px;
    }

#OnlineLibraryAttachmentsTable td.Title a {
    text-decoration: none;
    font-size: 18px;
    line-height: 31px;
    padding-right: 10px;
    letter-spacing: -1.6px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 500;
    color: #000;
}

#OnlineLibrary_DataTable_Pagination .pagination a.active {
    color: #ffffff;
    background: #00b0c6;
    font-weight: 600;
    border: 0px;
    border-radius: 50%;
    text-decoration: none;
}

#OnlineLibrary_DataTable_Pagination .pagination a#table-index-Next {
    background: #F6F6F6;
    border-radius: 50%;
    padding: 10px;
    color: #000000;
    text-decoration: none;
}

#OnlineLibrary_DataTable_Pagination .pagination a#table-index-Next {
    background: #F6F6F6;
    border-radius: 50%;
    padding: 10px;
    color: #000000;
    text-decoration: none;
}

    #OnlineLibrary_DataTable_Pagination .pagination a#table-index-Next:hover {
        background: #d2d2d2;
        border-radius: 50%;
        padding: 10px;
        color: #000000;
        text-decoration: none;
        height: 46px;
    }

#OnlineLibrary_DataTable_Pagination .pagination a#table-index-Previous {
    background: #F6F6F6;
    border-radius: 50%;
    padding: 10px;
    color: #000000;
    text-decoration: none;
}

    #OnlineLibrary_DataTable_Pagination .pagination a#table-index-Previous:hover {
        background: #d2d2d2;
        border-radius: 50%;
        padding: 10px;
        color: #000000;
        text-decoration: none;
        height: 46px;
    }

#OnlineLibrary_DataTable_Pagination .pagination a:hover {
    color: #000000;
    background: #d2d2d2;
    border-radius: 50%;
}

#OnlineLibrary_DataTable_Pagination .pagination a {
    color: #000000;
    background: #ffffff;
    border-radius: 50%;
}
/******onlinelibrary table*******/
#OnlineLibraryAttachmentsTable_wrapper .dt-info {
    color: #00b0c6;
    font-size: 16px;
    font-weight: 600;
    float: right;
    margin-right: 0;
    padding-top: 2px;
    font-family: "HCo Gotham", arial, sans-serif;
    margin-top: -144px;
}

#OnlineLibraryAttachmentsTable_wrapper .paging_simple_numbers {
    text-align: center;
    margin: 40px 0px;
    font-family: "HCo Gotham", arial, sans-serif;
}

table#OnlineLibraryAttachmentsTable.dataTable tbody tr td.Title div {
    margin-bottom: 11px;
}

table#OnlineLibraryAttachmentsTable.dataTable {
    font-family: "HCo Gotham", arial, sans-serif;
    border-collapse: collapse;
    width: 92%;
    margin: auto;
    display: block;
}

    table#OnlineLibraryAttachmentsTable.dataTable .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current {
        color: #ffffff !important;
    }

    table#OnlineLibraryAttachmentsTable.dataTable td, table#OnlineLibraryAttachmentsTable.dataTable th {
        border-bottom: 1px dotted #ccc;
        font-family: "HCo Gotham", arial, sans-serif;
        letter-spacing: -0.8px;
        font-size: 16px;
        font-weight: 500;
        line-height: normal;
        padding: 13px 0px 17px;
    }

    table#OnlineLibraryAttachmentsTable.dataTable tr:nth-child(even) {
        background-color: #fff;
    }

    table#OnlineLibraryAttachmentsTable.dataTable tr:hover {
        background-color: #fafafa;
    }

    table#OnlineLibraryAttachmentsTable.dataTable th {
        background-color: #fff;
        color: #203171;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        line-height: 46px;
        padding-right: 4px;
        font-family: "HCo Gotham", arial, sans-serif;
        border-bottom: 1px solid #ccc;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: -0.8px;
    }



    table#OnlineLibraryAttachmentsTable.dataTable td.Title a {
        display: inline-block;
        position: relative;
        padding-bottom: 0px;
        text-decoration: none;
        color: #000000 !important;
        font-size: 20px;
        line-height: 31px;
        padding-right: 10px;
        letter-spacing: -1.6px;
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 500;
    }

        table#OnlineLibraryAttachmentsTable.dataTable td.Title a:after {
            content: '';
            display: block;
            margin: auto;
            height: 2px;
            width: 0px;
            background: transparent;
            transition: width .5s ease, background-color .5s ease;
        }

        table#OnlineLibraryAttachmentsTable.dataTable td.Title a:hover:after {
            width: 100%;
            background: #00b0c6;
        }

/********Online Library header banner ************/



.Online_Library_warpper .the_compny_lableview {
    font-size: 18px;
    color: #fff;
    margin-top: 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: 2.6px;
    text-align: center;
}

.Online_Library_warpper .effect_header_1 {
    width: 100%;
    padding-top: 23px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    text-align: center;
    margin-bottom: 36px;
    margin-top: 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    font-size: 70px;
    line-height: 84px;
    letter-spacing: -2.8px;
    text-transform: capitalize;
}

.Online_Library_warpper .inner_page_header_section {
    min-height: 45svh !important;
    padding: 0 0px;
}

.Online_Library_warpper .bg-video-wrapper {
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    background-position: 100% 30%;
}

.Online_Library_warpper .Proudly_warpper_main {
    margin: auto;
}
/********Online Library header banner ************/

/*#OnlineLibrarySearchForm {
    margin: 31px 0px 0px 50px !important;
}*/
div.dt-container .dt-paging .dt-paging-button.current {
    color: #ffffff !important;
    background: #00b0c6 !important;
    font-weight: 600;
    border: 0px;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    line-height: 21px;
    border: 0px !important;
}

#OnlineLibraryTabs {
    width: 100%;
    margin: auto;
    max-width: 1699px;
}

#OnlineLibraryFilters {
    width: 100%;
    margin: auto;
    max-width: 1680px;
}


div.treeselect-input {
    height: 100%;
}

/* .treeselect-demo-single-select .treeselect-list__item--focused {
    outline: 2px dashed #f24c4e;
    outline-offset: -2px;
    background: #d0d0d0 !important;
} */

div.treeselect-input:not(.treeselect-input--value-not-selected) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

div.treeselect-input.treeselect-input--value-not-selected .treeselect-input__clear {
    visibility: hidden;
}

div.treeselect-input:not(.treeselect-input--value-not-selected) + label {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

div.treeselect-input:not(.treeselect-input--value-not-selected.treeselect-input--focused) + label {
    position: absolute;
    top: 100%;
}

div.treeselect-input:not(.treeselect-input--value-not-selected.treeselect-input--focused) + label {
    border-top-width: 0;
}

div.treeselect-input.treeselect-input--focused:not(.treeselect-input--value-not-selected) + label {
    border-top-width: 1px;
}

div.treeselect-input--focused.treeselect-input--opened + label {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    /* border-top-width: 1px;
        border-bottom-width: 0; */
    border-left-color: black;
    border-right-color: black;
}

div.treeselect-input__tags:has(input.focus-visible) > span.treeselect-input__tags-count {
    visibility: hidden;
    width: 0;
}

div.treeselect-input--opened > div.treeselect-input__tags > span.treeselect-input__tags-count {
    visibility: hidden;
    width: 0;
}

#OnlineLibraryNodeFilter.treeselect-demo-single-select .treeselect-list {
    max-height: 479px !important;
}

form#OnlineLibrarySearchForm #searchString {
    border-radius: 0px !important;
    border: 1px solid #7777 !important;
    height: 48px;
    font-weight: 700;
    padding: 0px 20px 0 6px !important;
    color: #292929;
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 16px;
    outline: none !important;
    padding-right: 70px !important;
}



form#OnlineLibrarySearchForm .text-dark {
    font-weight: 700;
}

form#OnlineLibrarySearchForm button#SearchButton {
    background: #fff;
    border-radius: 0px;
    padding: 3px 4px;
    border: 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 18px;
    letter-spacing: -0.4px;
    font-weight: 500;
    margin-left: 0px !important;
    outline: 0 !important;
    position: absolute;
    right: 0px;
    margin-top: -40px;
}

form#OnlineLibrarySearchForm button#ResetButton {
    background: #fff;
    border-radius: 0px;
    padding: 3px 4px;
    border: 0px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 18px;
    letter-spacing: -0.4px;
    font-weight: 500;
    margin-left: 0px !important;
    outline: 0 !important;
    position: absolute;
    right: 34px;
    margin-top: -38px;
}

/*serch box*/
#vn-info {
    display: none;
}

.vn-click {
    cursor: pointer;
    color: #000 !important;
    padding: 0px 0px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
}

.inputsearch_vn-info {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
}

.searchtextinnerpage {
    width: 100%;
    height: 64px;
    padding-left: 30px;
    font-size: 18px !important;
    border-radius: 50px !important;
    border: 1px solid #ccc;
    padding: 1rem 1.25rem !important;
}

.search_material_symbols {
    float: right;
    margin-top: -47px;
    position: relative;
    right: 19px;
    z-index: 9999;
}

.close_icon_symbol {
    font-size: 30px;
    color: #5e5e5e;
}

.search_material_symbols {
    cursor: pointer;
}


/*** loading spinner */


#searchInput {
    padding-left: 30px !important;
    font-size: 16px !important;
    color: #292929;
    font-family: "HCo Gotham", arial, sans-serif;
    outline: none;
}

.inputsearch__wrapper {
    width: 100%;
    background: #00000059;
    position: fixed;
    top: 0px;
    height: 100%;
    left: 0px;
    box-shadow: 1px 1px 1px 1px #0003;
    padding-top: 160px;
    z-index: 999;
}

.online_library_loading {
    text-align: center;
    width: 100%;
}

#loading {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 3px solid rgb(27 41 91);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin_load 1s ease-in-out infinite;
    -webkit-animation: spin_load 1s ease-in-out infinite;
    margin: 0px;
}

@keyframes spin_load {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin_load {
    to {
        -webkit-transform: rotate(360deg);
    }
}


#searchInput {
    padding-left: 30px !important;
    font-size: 16px !important;
    color: #292929;
    font-family: "HCo Gotham",arial,sans-serif;
}


.search-results {
    background: #fff;
    border-radius: 20px;
}

.header__search-list {
    padding-top: 20px;
    padding-left: 32px;
    list-style: none;
}

.header__search-link {
    font-family: "HCo Gotham",arial,sans-serif;
    font-weight: 400;
    color: #292929 !important;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 0px;
    position: relative;
    text-decoration: none;
    letter-spacing: -0.6px;
}

    .header__search-link::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 2px;
        background-color: #00b0c6;
        width: 0;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }

    .header__search-link:hover {
        color: #00b0c6 !important;
        text-decoration: none;
    }

        .header__search-link:hover::after {
            width: 100%;
        }

.search_spinner {
    float: right;
    margin-top: -47px;
    position: relative;
    right: 60px;
    z-index: 9999;
}

.spinner-icon {
    color: #5e5e5e;
    font-size: 30px !important;
}

.treeselect-input__tags-element {
    display: inline-flex !important;
    align-items: center;
    background-color: #14b1c6 !important;
    cursor: pointer;
    padding: 2px 5px;
    border-radius: 2px;
    max-width: 100%;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

    .treeselect-input__tags-element:hover {
        background-color: #14b1c6 !important;
    }

.treeselect-input {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ababab !important;
    border-radius: 0px !important;
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    padding: 2px 40px 2px 4px;
    position: relative;
    min-height: 37px;
    background-color: #fff;
    cursor: text;
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer !important;
}

.treeselect-input {
    cursor: pointer !important;
}

#OnlineLibrarySearchForm .treeselect-input__edit::placeholder {
    color: #292929;
    padding-left: 10px;
}

#OnlineLibrarySearchForm .treeselect-input__edit:hover::placeholder {
    color: #00b0c6;
    padding-left: 10px;
}

#OnlineLibrarySearchForm .form-check-input:checked {
    background-color: #515151;
    border-color: #515151;
}

.treeselect-input--value-not-selected .treeselect-input__edit, .treeselect-input--value-not-selected.treeselect-input--unsearchable .treeselect-input__edit:focus {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #292929 !important;
    text-transform: uppercase;
    cursor: pointer;
}

.treeselect-list__item-label {
    font-size: 16px !important;
    color: #292929 !important;
    font-weight: 600;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -0.6px;
    text-transform: uppercase;
}

.treeselect-list__item {
    height: 48px !important;
}

.treeselect-list__item--focused {
    outline: 2px dashed #f24c4e;
    outline-offset: -2px;
    background: #d0d0d0 !important;
}

.treeselect-list.treeselect-list--single-select .treeselect-list__item--single-selected {
    color: #292929 !important;
    outline: 2px dashed #f24c4e !important;
    outline-offset: -2px !important;
    background: #d0d0d0 !important;
}

.treeselect-input__tags-count {
    font-size: 16px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    letter-spacing: -0.6px !important;
    font-weight: 600 !important;
}

.treeselect-input__tags {
    gap: 0px;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    padding-right: 40px;
    height: 42px;
    line-height: 42px;
    cursor: pointer;
}

.treeselect-input__arrow svg {
    stroke: #000000 !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
}

    .treeselect-input__arrow svg:hover {
        stroke: #00b0c6 !important;
    }

.treeselect-input__operators {
    display: flex !important !important;
    max-width: 40px !important;
    position: absolute !important;
    right: 17px !important;
}

/*.treeselect-input__clear {
    visibility: hidden !important;
}*/

.treeselect-demo-single-select .treeselect-list__item--focused {
    outline: 0px dashed #f24c4e !important;
    outline-offset: -2px !important;
    background: #fff !important;
}

    .treeselect-demo-single-select .treeselect-list__item--focused label {
        color: #00b0c6 !important;
    }

#OnlineLibrarySearchForm .form-check-label {
    color: #292929;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 17px;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -0.4px !important;
}

#OnlineLibrarySearchForm .form-check-input {
    width: 22px;
    height: 22px;
    border-radius: 0px;
    border: 2px solid #686868;
    margin-right: 10px;
    cursor: pointer;
}

#OnlineLibrarySearchForm .form-check {
    margin: 8px 0px;
    margin-left: 0.5rem !important;
}

.treeselect-list__item-icon {
    display: flex !important;
    align-items: center;
    cursor: pointer;
    height: 35px !important;
    width: 32px !important;
    min-width: 20px !important;
    color: #000;
}

    .treeselect-list__item-icon svg {
        pointer-events: none;
        width: 100%;
        height: 100%;
        stroke: #434343 !important;
    }


.innovative__warpper_img div {
    background-size: cover;
    background-position: 100%;
    max-height: 670px;
    height: 670px;
    background-repeat: no-repeat;
}

.Pole_company {
    font-family: "HCo Gotham", arial, sans-serif;
    font-size: 24px;
    line-height: 25px;
    letter-spacing: -0.64px;
    max-width: 500px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 59px;
}

.PoleManningMaritimenew_Safe_ReportsMinimumview_01 {
    font-size: 16px;
    margin-bottom: 6px;
    color: #fff;
    font-weight: 500;
    float: left;
    width: 100%;
    padding: 9px 0px 0px;
    line-height: 8px;
    margin-top: 7px;
    font-family: "HCo Gotham", arial, sans-serif !important;
    letter-spacing: -1px;
}

.Space_linkview {
    color: #00b0c6 !important;
    text-decoration: none;
}

.lrt_global_card_phone_in_icon {
    float: left;
    margin: -9px 12px 0px 0px;
    color: #00b0c6;
}

.ManningMaritimenew_Safe_completeReportsMinimumview_01 {
    margin-bottom: 20px;
    color: #898989;
    float: left;
    width: 100%;
    padding: 9px 0px 0px;
    margin-top: 30px;
    font-style: italic;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -1px;
}

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

    .maritime_warpper_long .lable_h2 {
        font-size: 28px;
        font-weight: 700;
        letter-spacing: -1.8px;
        padding-top: 30px;
    }

    .maritime_warpper_long .lable_h3 {
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.64px;
        margin-bottom: 20px;
        max-width: 100%;
    }

.maritime_warpper_security {
    width: 50%;
    float: left;
    padding-right: 60px;
    height: 370px;
    margin-bottom: 0px;
}

    .maritime_warpper_security .lable_h2 {
        font-size: 24px;
        font-weight: 700;
        letter-spacing: -1.8px;
        padding-top: 30px;
    }

    .maritime_warpper_security .lable_h3 {
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.64px;
        margin-bottom: 20px;
        max-width: 100%;
    }


.second_maritime_warpper_security {
    width: 50%;
    float: left;
    padding-right: 60px;
    height: 370px;
    margin-bottom: 0px;
}

    .second_maritime_warpper_security .lable_h2 {
        font-size: 28px;
        font-weight: 700;
        letter-spacing: -1.8px;
        padding-top: 30px;
    }

    .second_maritime_warpper_security .lable_h3 {
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.64px;
        margin-bottom: 20px;
        max-width: 100%;
    }

.qualship_ensuring_warpper1 {
    width: 47%;
    float: left;
}

    .qualship_ensuring_warpper1 .lable_h2 {
        background: linear-gradient(to right, #edc756, #edc756, #c49816, #edc756);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-size: 48px;
        color: #000;
        line-height: 50px;
        font-weight: 700;
        width: 94%;
        margin-top: 0px;
        font-family: "HCo Gotham", arial, sans-serif;
        letter-spacing: -3px;
        margin-bottom: 27px;
    }

    .qualship_ensuring_warpper1 .lable_h3 {
        color: #000;
        width: 94%;
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.64px;
        margin-bottom: 43px;
    }

.logoview {
    width: 160px;
    height: 200px;
    position: relative;
    margin: auto;
    margin-bottom: 0px;
}

.qualship_ensuring_image .logoview {
    width: 100%;
    height: 100%;
}

.dutyoffice_w1 .service_cricle_lable_h1 {
    width: 50%;
}

.main_qualship_standards {
    max-width: 1670px;
    margin-left: auto;
    margin-right: auto;
}

.qualship_ensuring_right_panel .logoview {
    width: 100%;
    height: 100%;
}

.qualship_ensuring_right_panel {
    width: 53%;
    float: left;
}

.greenaward_linkq {
    font-size: 18px !important;
    letter-spacing: -0.2px !important;
}

li[id="tablink-CENTRAL & SOUTH AMERICA"] {
    order: 1;
}

.Registered_global {
    font-size: 12px;
    color: #00b0c6 !important;
    font-weight: 400;
    text-align: center;
    letter-spacing: -1px;
    font-family: "HCo Gotham", arial, sans-serif;
    margin-top: 21px;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.qualship_ensuring_right_panel > div[style*="background-image"] {
    background-size: cover;
    background-position: 100%;
    max-height: 530px;
    height: 530px;
}

.vessel_logos {
    width: 95%;
}

.maritime_security_warpper {
    margin-bottom: 30px;
}

    .maritime_security_warpper .lable_h2 {
        font-size: 28px;
        font-weight: 700;
        letter-spacing: -1.8px;
        padding-top: 30px;
    }

    .maritime_security_warpper .lable_h3 {
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.64px;
        margin-bottom: 20px;
        max-width: 100%;
    }


.paris_mou_sea_warpper {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    height: 570px;
    width: 90%;
}

    .paris_mou_sea_warpper .lable_h2 {
        font-size: 35px;
        line-height: 54px;
        letter-spacing: -1.4px;
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 700;
        margin-bottom: 18px;
    }

    .paris_mou_sea_warpper .lable_h3 {
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.64px;
        margin-bottom: 20px;
        width: 95%;
    }

#about_image_warpper1 .about_imgview {
    min-height: 300px;
    max-height: 300px;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

    #about_image_warpper1 .about_imgview:hover {
        transform: scale(1.1);
        -webkit-transition: .4s ease-in-out;
        transition: .4s ease-in-out;
    }

.imo_lp_sea_warpper {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    height: 570px;
    width: 90%;
    padding-left: 85px;
}

    .imo_lp_sea_warpper .lable_h2 {
        font-size: 35px;
        line-height: 54px;
        letter-spacing: -1.4px;
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 700;
        margin-bottom: 18px;
    }

    .imo_lp_sea_warpper .lable_h3 {
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.64px;
        margin-bottom: 20px;
        width: 93%;
    }

.harmonized_sea_warpper {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    height: auto;
    width: 90%;
    padding-top: 40px;
}

    .harmonized_sea_warpper .lable_h2 {
        font-size: 35px;
        line-height: 54px;
        letter-spacing: -1.4px;
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 700;
        margin-bottom: 18px;
    }

    .harmonized_sea_warpper .lable_h3 {
        font-family: "HCo Gotham", arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.64px;
        margin-bottom: 20px;
        width: 100%;
    }

.harmonized_img_warpper div {
    background-size: cover;
    background-position: 100%;
    max-height: 700px;
    height: 700px;
    background-repeat: no-repeat;
}

.paris_mou_img_warpper div {
    background-size: cover;
    background-position: 100%;
    max-height: 580px;
    height: 580px;
    background-repeat: no-repeat;
}


.harmonized_sea_warpper_Harmonized {
    font-size: 34px;
    line-height: 54px;
    letter-spacing: -1.4px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 700;
    margin-bottom: 18px;
}

.harmonized_innovative_video_warpper .bg-video-wrapper {
    width: 100%;
    height: 500px;
    position: relative;
}

.harmonized_innovative_video_warpper .bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}

.innovative_video_warpper .bg-video-wrapper {
    width: 100%;
    height: 700px;
    position: relative;
}

.innovative_video_warpper .bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}

.energyview_img_warpper .logoview {
    width: 100%;
}

.innovative__warpper_img .logoview {
    width: 100%;
}

.paris_mou_img_warpper .logoview {
    width: 100%;
}
/**china-port-savings css**/
.china_row_warpper {
    background: #23323a;
}

.Checkout_china_vessel_01 {
    padding-top: 85px;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.Checkout_china_vessel_lable {
    text-align: center;
    color: #ffffff;
    line-height: 5px;
    font-size: 26px;
    font-weight: 500;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -1.4px;
}

.muchCheckout_china_vessel_lable {
    text-align: center;
    color: #ffffff;
    line-height: 33px;
    font-size: 24px;
    font-weight: 500;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -1px;
}

.Checkout_savings_started_btn_warpper {
    padding: 0px 0px;
    text-align: center;
    margin-top: 37px;
    float: left;
    width: 100%;
}

.Liberian_see_weight {
    font-weight: 500;
}

.with_Checkout_email_address {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 36px;
}

.with_Checkout_email_address_year {
    float: left;
    width: 100%;
    margin-top: 33px;
}

.with_Checkout_item_view_01 {
    width: 972px;
    margin-left: auto;
    margin-right: auto;
}

.with_Checkout_item_leftpanle {
    float: left;
}

.with_Checkout_item_rightpanle {
    float: left;
    margin-left: 10px;
}

.Checkout_email_address_01 {
    font-size: 18px;
    color: #000;
    padding: 10px;
    background: #f2f2f2;
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -1px;
}

.Checkout_email_address_01_input {
    margin-top: 0px;
    width: 422px;
    background: #fff;
}

.Checkout_email_address_02 {
    background: #ffffff !important;
    border-bottom: 0px solid #ccc !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 1px solid #ebebeb !important;
    color: #000 !important;
    line-height: 0px !important;
    font-family: "HCo Gotham", arial, sans-serif !important;
    margin-top: 0px !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    text-align: center;
    height: 70px;
    width: 100%;
    outline: none;
    opacity: 1;
}




.currency-switcher {
    position: relative;
    width: 100%;
}


#searchCountry {
    padding: 12px 20px !important;
    position: sticky;
    z-index: 2;
    width: 100%;
    line-height: 1;
    border: 0px solid #d9d9d9;
    border-bottom: 1px solid #d5d5d5 !important;
    border-radius: 0px !important;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
}









.ctdropdown {
    position: relative;
    width: 100%;
}

    .ctdropdown:after {
        content: "";
        position: absolute;
        margin: 0;
        width: 16px;
        height: 17px;
        /*background-image: url(http://botkits.ru/img/icons/down.svg);*/
        top: 15px;
        right: 10px;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .ctdropdown.open:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.preferred_lable_name {
    font-size: 18px;
    color: #000;
    background: #f2f2f2;
    width: 100%;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "HCo Gotham",arial,sans-serif;
    letter-spacing: -1px;
}

.ctdropdown > div.caption {
    background: #F8F9FB;
    border-radius: 0px;
    cursor: pointer;
    padding: 23px;
    font-size: 20px;
    line-height: 150%;
    color: #000;
    text-align: left;
    font-family: "HCo Gotham",arial,sans-serif;
    letter-spacing: -1px;
    font-weight: 500;
}

.ctdropdown > div.list {
    position: absolute;
    background-color: #fff;
    width: 100%;
    border-radius: 12px;
    -webkit-box-shadow: 0px 12px 24px rgba(21, 18, 51, 0.13);
    box-shadow: 0px 12px 24px rgba(21, 18, 51, 0.13);
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
    transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    top: 72px;
    z-index: -1;
    visibility: hidden;
    padding: 4px 0;
    height: 267px;
}

.ctdropdown.open > div.list {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    z-index: 1;
    visibility: visible;
    height: 267px;
    overflow: auto;
}

#chart-container svg .legend {
    font-size: 16px;
}

#chart-container svg .value-text {
    font-size: 16px;
}

.ctdropdown > div.list > div.cteitem {
    padding: 15px 23px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 17px;
    line-height: 150%;
    letter-spacing: -0.4px;
    text-align: left;
    font-family: "HCo Gotham", arial, sans-serif;
}

    .ctdropdown > div.list > div.cteitem.selected {
        background: rgba(36, 60, 187, 0.2);
        pointer-events: none;
    }

div.ctdropdown > div.list > div.cteitem:hover {
    background: #F8F9FB;
}

.ctdropdown > div.caption img,
.ctdropdown > div.list > div.cteitem img,
.ctdropdown > div.caption svg,
.ctdropdown > div.list > div.cteitem svg {
    position: absolute;
    margin-top: 2.5px;
    left: 15px;
}

.ctdropdown > div.list > div.cteitem span,
.ctdropdown > div.caption span {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.3px;
    color: #4a6a96;
    position: absolute;
    right: 36px;
}

.ctdropdown > div.list > div.cteitem span {
    right: 20px;
}

.Calculate_tonnage_Dues_warpper {
    padding: 0px 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    overflow: auto;
    font-family: "HCo Gotham", arial, sans-serif;
}

.Calculate_tonnage_Dues_warpper_01 {
    width: 32%;
    float: left;
    margin-right: 10px;
}

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

.Source_fix_rater {
    font-size: 16px;
    color: #fff;
    text-align: left;
    margin-bottom: 8px;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: 0px;
}

.Source_link_bold {
    font-weight: 600;
    color: #17d0e7;
    font-size: 11px;
}

.China_table_c_warpper_tons {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: left;
}

.Based_warpperview {
    text-align: center;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.BasedchineContact_warpper1 {
    width: 143px;
    text-align: center;
    margin-bottom: 66px;
    margin-left: auto;
    margin-right: auto;
}

.China_table_c_warpper {
    float: left;
    width: 100%;
    background: #fff;
}

.Based_down_btnwarpper {
    width: 315px;
    margin-left: auto;
    margin-right: auto;
    height: 84px;
    float: left;
}

.Based_down_btnwarpper_01 {
    float: left;
    margin-right: 26px;
}

    .Based_down_btnwarpper_01 .Learn_iconm1_panle {
        line-height: 34px;
    }


.BasedAnnualChina_lable {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 34px;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -1px;
    margin-top: 20px;
}

.AnnualChina_lable {
    font-size: 44px;
    color: #000;
    line-height: 47px;
    font-weight: 600;
    width: 100%;
    text-align: center;
    padding: 60px 0px 59px;
    position: relative;
    z-index: 99;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -2px;
}

.Finance_warpper_down {
    margin: 38px 49px;
    float: left;
    position: relative;
    width: 30%;
}

.Preferential_lableview {
    text-align: center;
    color: #ffffff;
    line-height: 40px;
    font-size: 24px;
    font-weight: 500;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -1px;
    width: 40%;
    margin: auto;
}

.Calculate_tonnage_lable {
    font-size: 24px;
    color: #242424;
    padding: 10px;
    background: #f2f2f2;
    width: 100%;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: -2px;
}

.Calculate_tonnage_Regular {
    padding: 0px 0px;
    background: #32b3bd;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    width: 100%;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: 0px;
    min-height: 54px;
    float: left;
}

.Calculate_tonnage_Discounted_01 {
    width: 33.3%;
    float: left;
    margin-right: 0px;
}

.Calculate_tonnage_Regular {
    padding: 0px 0px;
    background: #32b3bd;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    width: 100%;
    font-family: "HCo Gotham", arial, sans-serif;
    letter-spacing: 0px;
    min-height: 54px;
    float: left;
}



.Discounted_Calculate_tonnage_Regular {
    padding: 3px 0px;
    background: #54cd9a;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    min-height: 54px;
}

.saving_Discounted_Calculate_tonnage_Regular {
    background: #346fc4;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    padding: 15px 0px;
}

.Checkout_email_address_03 {
    background: #ffffff !important;
    border-bottom: 0px solid #ccc !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 1px solid #e7e7e7 !important;
    color: #000 !important;
    line-height: 0px !important;
    margin-top: 0px !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    text-align: center;
    font-family: "HCo Gotham", arial, sans-serif !important;
    text-align: center;
    height: 70px;
    width: 100%;
    opacity: 1;
}

.ANNUAL_Checkout_email_address_02 {
    background: #ffffff !important;
    border-bottom: 0px solid #ccc !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px solid #2b2d2f !important;
    line-height: 0px !important;
    font-family: "HCo Gotham", arial, sans-serif !important;
    margin-top: 0px !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    text-align: center;
    color: #000 !important;
    height: 70px;
    width: 100%;
    opacity: 1;
}
/**china-port-savings css**/

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }



/****cookies start******/
.liscrcookie-liscrcontainer {
    display: none;
    align-content: center;
    align-items: center;
    padding: 1rem 2rem;
    background: #f1f1f3;
    color: #fff;
    position: fixed;
    bottom: 0;
    font-size: 1rem;
    gap: 2rem;
    opacity: 1;
    visibility: visible;
    flex-wrap: wrap;
    z-index: 99;
    width: 100%;
}

.cookies_panlenecessary {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.liscrcookie-liscrcontainer .liscrcookie-liscrtext {
    flex: 8 768px;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.64px;
    color: #000;
    padding-right: 40px;
}

.liscrcookie-liscrcontainer .liscragree {
    flex: 1 150px;
    text-align: center;
}

.ensurecookefsleft2 {
    float: left;
    width: 24%;
}

.liscragree button {
    background: #00b0c6;
    color: rgb(255 255 255);
    border: none;
    padding: 16px 42px;
    border-radius: 5px;
    font-family: "HCo Gotham",arial,sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.64px;
}

    .liscragree button:hover {
        background: #0bc2d9;
        color: #fff;
    }

.cookiesvesselcertificatescorporate_link {
    display: inline-block;
    color: #00b0c6 !important;
    font-weight: 500;
    font-family: "HCo Gotham", arial, sans-serif !important;
    letter-spacing: -0.6px;
    text-decoration: none;
}

.cookie_Privacy_link {
    display: inline-block;
    color: #00b0c6 !important;
    font-family: "HCo Gotham", arial, sans-serif !important;
    letter-spacing: -0.6px;
    text-decoration: underline;
    font-weight: 500;
    font-size: 12px;
}
/****cookies End******/
.PayOnlineFixedHeightClass {
}



/*****chatbot start*****/
#support_agent_chatbot {
    border: 0px;
    background: #fff;
    position: absolute;
    right: 58px;
}
#chatbot_input_from_main {
    display: none;
}
.chatbot_input_lable {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #ccc;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    margin-bottom: 20px;
    font-size: 14px;
    outline: none;
}


.chatbot_input_btn {
    border: 2px solid #00b0c6;
    border-radius: 60px;
    width: auto;
    height: auto;
    display: block;
    background: linear-gradient(to right, #00b0c6 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.4s ease-out;
    font-size: 16px;
    text-transform: uppercase;
    padding: 6px 40px;
    margin: auto;
    margin-top: 29px;
    margin-bottom: 10px;
}

.chatbot_input_btn:hover {
    background-position: left bottom;
    color: #fff;
}


.chatbot_input_warpper_1 {
    background: #fff;
    width: 91%;
    height: 470px;
    padding: 1px;
    position: absolute;
    top: 75px;
}
.chatbot_img_q {
    width: 40px;
}
.arrow_down_bot {
    border-radius: 50%;
    border: 0px;
    width: 45px;
    height: 45px;
    font-size: 34px !important;
    background: #ffffff;
    position: fixed;
    bottom: 80px;
    color: #959595;
}
.arrow_down_bot_warpper {
    text-align: center;
    width: 93%;
}
.handshak_icon {
    border: none;
    color: #000000;
    height: 40px;
    width: 40px;
    font-size: 34px !important;
    margin-right: 0px;
    padding-top: 0px;
    cursor: pointer;
    border-radius: 50%;
    background: none;
    transition: 0.2sease;
    background: #eeeeee;
    margin-top: 0px !important;
    float: left;
    color: #383838;
    padding: 3px;
}
.handshak_icon:hover{
        color: #fff !important;
    background: #00b0c6;
}
.handshake_warpper_icons{

}
.handshake_warpper_logo{

}
.chatbot_closed_icon {
    color: #fff !important;
    background: #00b0c6;
    border-radius: 60%;
    padding: 12px;
    font-size: 26px !important;
}

.chatbot_support_icon {
    color: #fff !important;
    background: #00b0c6;
    border-radius: 60%;
    padding: 10px;
    font-size: 18px !important;

}

#chatbot-toggler {
    position: fixed;
    bottom: 36px;
    right: 113px;
    border: none;
    height: 50px;
    width: 50px;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 2 0 10px rgb(0 0 0 / 6%);
    transition: all 0.2sease;
    z-index: 99;
}

body.show-chatbot #chatbot-toggler {
    transform: rotate(90deg);
}

#chatbot-toggler span {
    color: #fff;
    position: absolute;
}

    #chatbot-toggler span:last-child,
    body.show-chatbot #chatbot-toggler span:first-child {
        opacity: 0;
    }

    #chatbot-toggler span:last-child,
    body.show-chatbot-emailSignup #chatbot-toggler span:first-child {
        opacity: 0;
    }

body.show-chatbot #chatbot-toggler span:last-child {
    opacity: 1;
}

body.show-chatbot-emailSignup #chatbot-toggler span:last-child {
    opacity: 1;
}

.chatbot-popup {
    position: fixed;
    right: 35px;
    bottom: 90px;
    width: 460px;
    overflow: hidden;
    background: #fff;
    border-radius: 15px;
    opacity: 0;
    pointer-events: none;
    transform: scale(0.2);
    transform-origin: bottom right;
    box-shadow: 0 0 128px 0 rgba(0, 0, 0, 0.1), 0 32px 64px -48px rgba(0, 0, 0, 0.5);
    transition: all 0.1s ease;
    z-index: 999;
}

body.show-chatbot .chatbot-popup {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
}

.chat-header {
    display: flex;
    align-items: center;
    padding: 7px 22px;
    background: #ffffff;
    justify-content: space-between;
    border-bottom: 1px solid #e6e6e6;
}

    .chat-header .header-info {
        display: flex;
        gap: 10px;
        align-items: center;
    }

.header-info .chatbot-logo {
    height: 60px;
    padding: 3px;
    fill: #ffffff;
    flex-shrink: 0;
    background: #fff;
    border-radius: 0px;
}

.header-info .logo-text {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.02rem;
}

.chat-header #close-chatbot {
    border: none;
    color: #000000;
    height: 40px;
    width: 40px;
    font-size: 1.9rem;
    margin-right: -10px;
    padding-top: 2px;
    cursor: pointer;
    border-radius: 50%;
    background: none;
    transition: 0.2sease;
    background: #eeeeee;
}

    .chat-header #close-chatbot:hover {
        background: #00b0c6;
        color: #fff;
    }

.chat-body {
    padding: 25px 22px;
    gap: 20px;
    display: flex;
    height: 460px;
    overflow-y: auto;
    margin-bottom: 82px;
    flex-direction: column;
    scrollbar-width: thin;
    scrollbar-color: #b9fdff transparent;
}

.chat-body,
.chat-form .message-input:hover {
    scrollbar-color: #8a8a8a transparent;
}

    .chat-body .message {
        display: flex;
        gap: 11px;
        align-items: center;
        font-family: "HCo Gotham", arial, sans-serif !important;
    }

        .chat-body .message .bot-avatar {
            width: 40px;
            height: 40px;
            padding: 6px;
            fill: #fff;
            flex-shrink: 0;
            margin-bottom: 2px;
            align-self: flex-start;
            border-radius: 25%;
            background: #ffffff;
        }

.message-text p {
    margin-bottom: 0px;

}

.message-text h4 {
    font-size: 14px;
    font-weight: 600;
    font-family: "HCo Gotham", arial, sans-serif !important;
}
.message-text ui li p a {
    color: #00b0c6 !important;
    font-weight: 500;
    font-family: "HCo Gotham", arial, sans-serif !important;
    font-size: 14px;
}

.message-text p a {
    color: #00b0c6 !important;
    font-weight: 500;
    font-family: "HCo Gotham", arial, sans-serif !important;
    font-size: 14px;
}

.chat-body .message .message-text {
    padding: 7px 18px;
    max-width: 85%;
    font-size: 14px;
}
.chat-body .message-text li a {
    color: #00adc3 !important;
    transition: all 0.3s ease;
    font-family: "HCo Gotham", arial, sans-serif;
    font-weight: 500;
}
    .chat-body .bot-message.thinking .message-text {
        padding: 2px 16px;
    }

.chat-body .bot-message .message-text {
    background: #f3f3f3;
    border-radius: 13px 13px 13px 3px;
}

    .chat-body .user-message {
        flex-direction: column;
        align-items: flex-end;
    }

        .chat-body .user-message .message-text {
            color: #fff;
            background: #00b0c6;
            border-radius: 13px 13px 3px 13px;
        }

        .chat-body .user-message .attachment {
            width: 50%;
            margin-top: -7px;
            border-radius: 13px 3px 13px 13px;
        }

    .chat-body .bot-message .thinking-indicator {
        display: flex;
        gap: 4px;
        padding-block: 15px;
    }

        .chat-body .bot-message .thinking-indicator .dot {
            height: 7px;
            width: 7px;
            opacity: 0.7;
            border-radius: 50%;
            background: #9b9b9b;
            animation: dotPulse 1.8s ease-in-out infinite;
        }

            .chat-body .bot-message .thinking-indicator .dot:nth-child(1) {
                animation-delay: 0.2s;
            }

            .chat-body .bot-message .thinking-indicator .dot:nth-child(2) {
                animation-delay: 0.3s;
            }

            .chat-body .bot-message .thinking-indicator .dot:nth-child(3) {
                animation-delay: 0.4s;
            }

@keyframes dotPulse {

    0%, 44% {
        transform: translateY(0);
    }

    28% {
        opacity: 0.4;
        transform: translateY(-4px);
    }

    44% {
        opacity: 0.2;
    }
}

.chat-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #f6f6f6;
    padding: 15px 22px 20px;
}

    .chat-footer .chat-form {
        display: flex;
        align-items: center;
        position: relative;
        background: #fff;
        border-radius: 32px;
        outline: 1px solid #CCCCE5;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.06);
        transition: 0s ease, border-radius 0s;
    }

.chat-form:focus-within {
    outline: 2px solid #00b0c6;
}

.chat-form .message-input {
    width: 100%;
    height: 47px !important;
    outline: none;
    resize: none;
    border: none;
    max-height: 47px !important;
    scrollbar-width: thin;
    border-radius: inherit;
    font-size: 15px !important;
    padding: 12px 0 0px 15px;
    scrollbar-color: transparent transparent;
    font-family: "HCo Gotham", arial, sans-serif !important;
}

.chat-form .chat-controls {
    gap: 3px;
    height: 47px;
    display: flex;
    padding-right: 6px;
    align-items: center;
    align-self: flex-end;
}

    .chat-form .chat-controls button {
        height: 35px;
        width: 35px;
        border: none;
        cursor: pointer;
        color: #00b0c6;
        border-radius: 50%;
        font-size: 1.15rem;
        background: none;
        transition: 0.2s ease;
    }

        .chat-form .chat-controls button:hover,
        body.show-emoji-picker .chat-controls #emoji-picker {
            color: #00abb1;
            background: #f1f1ff;
        }

    .chat-form .chat-controls #send-message {
        color: #fff;
        display: none;
        background: #00b0c6;
    }

        .chat-form .chat-controls #send-message:hover {
            background: #00b0c6;
        }

.chat-form .message-input:valid ~ .chat-controls #send-message {
    display: block;
}

.chat-form .file-upload-wrapper {
    position: relative;
    height: 35px;
    width: 35px;
}

    .chat-form .file-upload-wrapper :where(button, img) {
        position: absolute;
    }

    .chat-form .file-upload-wrapper img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 50%;
    }

    .chat-form .file-upload-wrapper #file-cancel {
        color: #ff0000;
        background: #fff;
    }

    .chat-form .file-upload-wrapper :where(img, #file-cancel),
    .chat-form .file-upload-wrapper.file-uploaded #file-upload {
        display: none;
    }

    .chat-form .file-upload-wrapper.file-uploaded img,
    .chat-form .file-upload-wrapper.file-uploaded:hover #file-cancel {
        display: block;
    }

em-emoji-picker {
    position: absolute;
    left: 50%;
    top: -337px;
    width: 100%;
    max-width: 350px;
    visibility: hidden;
    max-height: 330px;
    transform: translateX(-50%);
}

body.show-emoji-picker em-emoji-picker {
    visibility: visible;
}

/* Responsive media query for mobile screens */
@media (max-width: 520px) {
    #chatbot-toggler {
        right: 20px;
        bottom: 20px;
    }

    .chatbot-popup {
        right: 0;
        bottom: 0;
        height: 100%;
        border-radius: 0;
        width: 100%;
    }

        .chatbot-popup .chat-header {
            padding: 12px 15px;
        }

    .chat-body {
        height: calc(90% - 55px);
        padding: 25px 15px;
    }

    .chat-footer {
        padding: 10px 15px 15px;
    }

    .chat-form .file-upload-wrapper.file-uploaded #file-cancel {
        opacity: 0;
    }
}

.message-text span {
    transition: background-color 0.3s ease;
}
.message-text span.highlighted {
    background-color: #ffe4b5; /* light yellow */
    border-radius: 4px;
}
#chatbot_chat_mute {
    display: none;
}
.highlight {
    background-color: yellow;
    font-weight: bold;
    transition: background-color 0.3s ease;
}
.tts-highlight-container {
    margin-top: 4px;
    font-size: 1em;
    color: #333;
}
.tts-highlight-container span {
    padding: 2px;
}

/*****chatbot End*****/


/**** chatbot icon start********/



/**** chatbot icon End********/